website/dist/index.html

130 lines
3.2 KiB
HTML
Raw Normal View History

2024-07-20 18:02:31 -05:00
<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>logan's site</title><style>@font-face {
2024-07-20 02:22:49 -05:00
font-family: 'merriweather';
src: url(/res/merriweather-regular.ttf);
}
2024-07-22 04:38:58 -05:00
@font-face {
font-family: 'cascadia';
src: url(/res/cascadiacode.woff2);
}
2024-07-20 06:15:37 -05:00
2024-07-20 02:22:49 -05:00
body {
font-family: merriweather;
2024-07-22 04:38:58 -05:00
background-image: url("/res/grey.png");
background-repeat: repeat;
2024-07-20 02:22:49 -05:00
height: 100%;
padding: 5px;
2024-07-20 06:15:37 -05:00
line-height: 1.75em;
2024-07-20 02:22:49 -05:00
}
2024-07-22 05:50:53 -05:00
.container {
max-width: 1000px;
}
.tile {
2024-07-20 06:15:37 -05:00
border-radius: 15px;
padding: 15px;
background-color: #ffeedd;
2024-07-22 05:50:53 -05:00
margin: 2px;
width: 100%
}
.third {
flex: 30%;
}
.half {
padding-left: 15px;
padding-right: 15px;
flex: 50%;
2024-07-20 02:22:49 -05:00
}
.bg {
width: 100%;
height: 100%;
display: block;
position: fixed;
top: 0;
left: 0;
z-index: -9999;
}
2024-07-20 06:15:37 -05:00
2024-07-22 04:38:58 -05:00
code {
font-family: cascadia;
}
.monospace {
font-family: cascadia;
align-content: center;
}
.flex {
display: flex;
margin: auto;
}
2024-07-22 05:50:53 -05:00
.text_center {
text-align: center;
}
ul {
display: inline-block;
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
}
2024-07-20 06:15:37 -05:00
table {
margin-left: auto;
margin-right: auto;
}
table, th, td {
padding: 5px;
border: 3px solid black;
border-style: solid;
border-collapse: collapse;
/* text-align: center; */
align-content: center;
}
a {
color: #df3e23;
font-style: italic;
text-decoration: none;
}
a:visited {
color: #df3e23;
font-style: italic;
text-decoration: none;
}
2024-07-22 05:50:53 -05:00
a:before {
content: "[";
font-style: normal;
color: black;
2024-07-20 06:15:37 -05:00
}
2024-07-22 05:50:53 -05:00
a:after {
content: "]";
font-style: normal;
color: black;
2024-07-20 06:15:37 -05:00
}
2024-07-22 05:50:53 -05:00
h1,h2 {
text-align: center;
2024-07-20 02:22:49 -05:00
}
2024-07-22 05:50:53 -05:00
</style></head><body><div class="container flex"><main class="tile big"><h1>logan's site</h1><hr><div class="flex"><div class="half"><h2>me</h2>
I am a programming and philosophy
enthusiast. Once upon a time i was a
competitive debater on a few local and
state circuits. After over 10 years of
doing robotics I'm finally starting to
get the hang of it. Currently in the
process of discovering my love for
hypertext and the world wide web!
</div><div class="half text_center"><h2>interests</h2><ul class="twocol"><li><a>books</a></li><li><a>music</a></li><li><a>software</a></li><li><a>websites</a></li></ul></div></div><div class="flex"><dif class="half"><h2>programming</h2><table><tr><th>project</th><th>summary</th></tr><tr><td><a href="">web server</a></td><td>https server implementation</td></tr><tr><td><a href="">html templater</a></td><td>inline html templating language</td></tr><tr><td><a href="">forte</a></td><td>safety focused stack machine and assembly language</td></tr><tr><td><a href="">nrange</a></td><td>cartesian product for N vectors in O(N) time/space</td></tr><tr><td><a href="">fishbowl</a></td><td>kinematic image processing on the web</td></tr><tr><td><a href="">stocks</a></td><td>play money stock trading algorithm</td></tr><tr><td><a href="">the crypt</a></td><td>platforming video game in Godot</td></tr></table></dif><dif class="half"><h2>blog</h2></dif></div></main></div></body></html>