Better layout
This commit is contained in:
parent
5b3da6b839
commit
fb08eddd2e
51
css/site.css
51
css/site.css
@ -1,51 +1,61 @@
|
||||
/* Stylesheet for kevincotugno.com */
|
||||
|
||||
*, *:before, *:after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
|
||||
html {
|
||||
font-family: serif;
|
||||
font-size: 12pt;
|
||||
}
|
||||
|
||||
body {
|
||||
padding: 25px;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
background-color: #dfe0e8;
|
||||
}
|
||||
|
||||
.content {
|
||||
display: flex;
|
||||
flex-flow: row;
|
||||
flex-wrap: wrap;
|
||||
max-width: 1250px;
|
||||
margin: 10px auto 10px auto;
|
||||
}
|
||||
|
||||
.construction {
|
||||
color: #d51a00;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.card {
|
||||
box-shadow: 1px 1px 8px grey;
|
||||
border-radius: 1em;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.card-content {
|
||||
margin: 25px;
|
||||
}
|
||||
|
||||
.aboutme {
|
||||
float: left;
|
||||
width: 75%;
|
||||
flex: 3;
|
||||
}
|
||||
|
||||
.openprojects {
|
||||
float: left;
|
||||
width: 25%;
|
||||
box-shadow: 2px 2px 10px;
|
||||
border-radius: 2em;
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2.2em;
|
||||
padding-left: 25px;
|
||||
padding-right: 25px;
|
||||
font-size: 2.0em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.8em;
|
||||
padding-left: 25px;
|
||||
padding-right: 25px;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 1.2em;
|
||||
line-height: 150%;
|
||||
padding-left: 25px;
|
||||
padding-right: 25px;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
a {
|
||||
@ -99,5 +109,4 @@ a:visited:hover img {
|
||||
|
||||
footer {
|
||||
text-align: center;
|
||||
margin: 25px;
|
||||
}
|
||||
|
||||
52
index.html
52
index.html
@ -18,36 +18,40 @@
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="content">
|
||||
<div class="card aboutme">
|
||||
<div class="card-content">
|
||||
<h1>Software Developer, Philosopher, Ham Radio Operator</h1>
|
||||
<h1>About me</h1>
|
||||
<p>
|
||||
I am a software developer interested in philosophy, theology, physics, chemistry, language, visual effects, ham radio, and all varieties of programming.</br>
|
||||
Recently, I gradutated from <a href="https://thomasaquinas.edu">Thomas Aquinas College</a> where I studied the greatest works of western civilization; here, I found my love of the truth, love of philosophy, love of theology, love of math, and love of my life.</br>
|
||||
</br>
|
||||
This website—for now—will collect my open source projects. In the future, I may choose to share my philosophical thoughts. (Maybe my thesis)
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="aboutme">
|
||||
<h1>Software Developer, Philosopher, Ham Radio Operator</h1>
|
||||
<h1>About me</h1>
|
||||
<p>
|
||||
I am a software developer interested in philosophy, theology, physics, chemistry, language, visual effects, ham radio, and all varieties of programming.</br>
|
||||
Recently, I gradutated from <a href="https://thomasaquinas.edu">Thomas Aquinas College</a> where I studied the greatest works of western civilization; here, I found my love of the truth, love of philosophy, love of theology, love of math, and love of my life.</br>
|
||||
</br>
|
||||
This website—for now—will collect my open source projects. In the future, I may choose to share my philosophical thoughts. (Maybe my thesis)
|
||||
</p>
|
||||
</div>
|
||||
<div class="card openprojects">
|
||||
<div class="card-content">
|
||||
<h1>Current open source project</h1>
|
||||
|
||||
<div class="openprojects">
|
||||
<h1>Current open source project</h1>
|
||||
|
||||
<h2><a href="https://github.com/kcotugno/OpenARLog">OpenARLog</a></h2>
|
||||
<p>
|
||||
An open source amateur radio logging application.</br>
|
||||
You can find the latest release <a href="https://github.com/kcotugno/OpenARLog/releases" class="text-link">here</a>.
|
||||
</p>
|
||||
<h2><a href="https://github.com/kcotugno/OpenARLog">OpenARLog</a></h2>
|
||||
<p>
|
||||
An open source amateur radio logging application.</br>
|
||||
You can find the latest release <a href="https://github.com/kcotugno/OpenARLog/releases" class="text-link">here</a>.
|
||||
</p>
|
||||
|
||||
|
||||
<h2><a href="https://github.com/kcotugno/libhamdata">libhamdata</a></h2>
|
||||
<p>A small library for converting the FCC amateur radio database into a more reasonable format.</p>
|
||||
<h2><a href="https://github.com/kcotugno/libhamdata">libhamdata</a></h2>
|
||||
<p>A small library for converting the FCC amateur radio database into a more reasonable format.</p>
|
||||
|
||||
<h1>Old open source projects</h1>
|
||||
|
||||
<h2><a href="https://github.com/kcotugno/euclidean-perfection">Euclidean Perfection</a></h2>
|
||||
<p>Find perfect number based through Euclid.</p>
|
||||
<h1>Old open source projects</h1>
|
||||
|
||||
<h2><a href="https://github.com/kcotugno/euclidean-perfection">Euclidean Perfection</a></h2>
|
||||
<p>Find perfect number based through Euclid.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<footer>
|
||||
<a href="https://github.com/kcotugno"><img src="image/GitHub-Mark-120px-plus.png" alt="Github" class="github-image generic-shadow" /></a>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user