Simplified look/content
This commit is contained in:
parent
84ba26973f
commit
1268736020
153
css/site.css
153
css/site.css
@ -1,120 +1,63 @@
|
||||
/* Stylesheet for kevincotugno.com */
|
||||
|
||||
*, *:before, *:after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
|
||||
html {
|
||||
font-family: serif;
|
||||
font-size: 12pt;
|
||||
}
|
||||
|
||||
body {
|
||||
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 {
|
||||
flex: 3;
|
||||
}
|
||||
|
||||
.openprojects {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2.0em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.5em;
|
||||
*, ul, a {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 1.2em;
|
||||
line-height: 1.5em;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: blue;
|
||||
transition: 0.25s;
|
||||
body {
|
||||
background-color: #fdf6e3;
|
||||
color: #657b83;
|
||||
font-family: serif;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #8ac0ff;
|
||||
transition: color 0.25s;
|
||||
.center {
|
||||
margin: 0 auto 0 auto;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
color: blue;
|
||||
.readable {
|
||||
max-width: 20em;
|
||||
}
|
||||
|
||||
a:visited:hover{
|
||||
color: #8ac0ff;
|
||||
}
|
||||
|
||||
a img {
|
||||
color: black;
|
||||
}
|
||||
|
||||
a:hover img {
|
||||
color: black;
|
||||
}
|
||||
|
||||
a:visited img {
|
||||
color: black;
|
||||
}
|
||||
|
||||
a:visited:hover img {
|
||||
color: black;
|
||||
}
|
||||
|
||||
.image {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin: 0 5px 0 5px;
|
||||
}
|
||||
|
||||
.github-image {
|
||||
border-radius: 100%;
|
||||
}
|
||||
|
||||
.gitlab-image {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.generic-shadow {
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
.generic-shadow:hover {
|
||||
box-shadow: 2px 2px 5px;
|
||||
}
|
||||
|
||||
footer {
|
||||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.title {
|
||||
margin-top: 3em;
|
||||
margin-bottom: 1em;
|
||||
color: #586e75;
|
||||
font-size: 2.5em;
|
||||
}
|
||||
|
||||
.footer {
|
||||
text-align: center;
|
||||
margin: 3em auto 0 auto;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
max-width: 20em;
|
||||
}
|
||||
|
||||
.footer-link {
|
||||
display: inline;
|
||||
margin: 0 0.5em 0 0.5em;
|
||||
width: 100%;
|
||||
border-style: solid;
|
||||
border-width: 0.15em;
|
||||
height: 3em;
|
||||
color: #93a1a1;
|
||||
}
|
||||
|
||||
.footer-link a {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
color: inherit;
|
||||
font-size: 1.15em;
|
||||
line-height: 2.5em;
|
||||
}
|
||||
|
||||
54
index.html
54
index.html
@ -6,54 +6,24 @@
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Kevin Cotugno: Software Developer~Philosopher~Amateur Radio Operator</title>
|
||||
<title>Kevin Cotugno</title>
|
||||
|
||||
<link rel="stylesheet" href="css/site.css">
|
||||
<script src="js/site.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="content">
|
||||
<div class="card aboutme">
|
||||
<div class="card-content">
|
||||
<h1>Kevin Cotugno: Software Developer</h1>
|
||||
<h1>About me</h1>
|
||||
<p>
|
||||
I am a software developer interested in philosophy, theology, physics, 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.
|
||||
</p>
|
||||
<div>
|
||||
<h1 class="title text-center">Kevin Cotugno</h1>
|
||||
<p class="center text-center readable">I am a software engineer with a
|
||||
passion for technical and business problem solving. I specialize
|
||||
in <i>Ruby On Rails</i> and <i>Go</i>. If you find yourself in need of a
|
||||
consultant in one of these technologies, do not hesitate to contact
|
||||
me.</p>
|
||||
|
||||
<div class="footer">
|
||||
<div class="footer-link"><a href="mailto:kevin@kevincotugno.com">Email</a></div>
|
||||
<div class="footer-link"><a href="http://git.cotugno.family/kcotugno/">Git</a></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card openprojects">
|
||||
<div class="card-content">
|
||||
<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/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 numbers. Based on Euclid's proof.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<footer>
|
||||
<a href="https://github.com/kcotugno"><img src="image/GitHub-Mark-120px-plus.png" alt="Github" class="image github-image generic-shadow" /></a>
|
||||
<a href="https://gitlab.com/kcotugno"><img src="image/gitlab-logo.png" alt="Gitlab" class="image gitlab-image generic-shadow"/></a>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user