120 lines
5.0 KiB
HTML
120 lines
5.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang='en'>
|
|
<head>
|
|
<title>gamerdonkey's ~ page</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
<style>
|
|
@font-face {
|
|
font-family: "PixelOperator_reduced";
|
|
src: url("./fonts/pixel_operator/PixelOperator_reduced.ttf");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "PixelOperator_reduced";
|
|
font-weight: bold;
|
|
src: url("./fonts/pixel_operator/PixelOperator-Bold_reduced.ttf");
|
|
}
|
|
|
|
html {
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
display: flex;
|
|
background: repeating-linear-gradient(rgb(0,0,170), rgb(0,0,170) 20px, rgb(0,170,170) 20px, rgb(0,170,170) 40px);
|
|
min-height: 100%;
|
|
margin: 0;
|
|
font-family: PixelOperator_reduced, monospace, fixed;
|
|
font-size: 14pt;
|
|
}
|
|
|
|
a, a:visited {
|
|
color: #000070;
|
|
}
|
|
|
|
ul {
|
|
list-style-type: '> ';
|
|
}
|
|
|
|
div.terminal {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
background: lightgray;
|
|
min-height: 92%;
|
|
width: 92%;
|
|
max-width: 1280px;
|
|
margin: 2em auto;
|
|
box-shadow: 6px 8px;
|
|
}
|
|
|
|
header {
|
|
margin-top: 2em;
|
|
font-weight: bold;
|
|
font-size: 12pt;
|
|
}
|
|
|
|
main {
|
|
max-width: 80ch;
|
|
margin: 0 0.5em;
|
|
flex-grow: 2;
|
|
}
|
|
|
|
footer {
|
|
text-align: center;
|
|
font-size: 12pt;
|
|
}
|
|
|
|
footer > p#license {
|
|
font-style: italic;
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div class='terminal'>
|
|
<header>
|
|
<span style="">┌─────────────────────────────────────────────────┐</span><br />
|
|
<span style="">│░▄▀▄▀░█▀▀░█▀█░█▄█░█▀▀░█▀▄░█▀▄░█▀█░█▀█░█░█░█▀▀░█░█│</span><br />
|
|
<span style="">│░░░░░░█░█░█▀█░█░█░█▀▀░█▀▄░█░█░█░█░█░█░█▀▄░█▀▀░░█░│</span><br />
|
|
<span style="">│░░░░░░▀▀▀░▀░▀░▀░▀░▀▀▀░▀░▀░▀▀░░▀▀▀░▀░▀░▀░▀░▀▀▀░░▀░│</span><br />
|
|
<span style="">└─────────────────────────────────────────────────┘</span><br />
|
|
</header>
|
|
|
|
<main>
|
|
<h1> Welcome to My Small Corner of ~town</h1>
|
|
|
|
<p> I'm a software developer and maker. I love <a href='https://tildeverse.org/' target='_blank'>tilde communities</a> and I try to use this space to explore my own creativity and some of the more beautiful aspects of the internet. More about me is on <a href='https://gamerdonkey.com' target='_blank'>my primary website</a>. If you're on tilde.town, feel free to email me or find me on IRC. </p>
|
|
|
|
<h3> My Things </h3>
|
|
|
|
<ul>
|
|
<li><a href='./gbcamera'>Game Boy Camera Photography</a></li>
|
|
<li><a href='./css-art.html'>CSS "Art"</a></li>
|
|
</ul>
|
|
|
|
<h3> Other People's Things </h3>
|
|
|
|
<ul>
|
|
<li>XKCD <a href='http://geekwagon.net/projects/xkcd1190/' target='_blank'>Time</a> (and its <a href='https://explainxkcd.com/wiki/index.php/1190:_Time' target='_blank'>wiki page</a>)</li>
|
|
</ul>
|
|
</main>
|
|
|
|
<footer>
|
|
<div id="tilde_ring">
|
|
<p> <a id="tilde_town_ring" class="tilde_ring_link" href="">random ~user</a>
|
|
| <a href="https://tilde.town/~um/tilde_ring/join.html">join ~ring</a>
|
|
| <a id="tilde_town_ring_next" class="tilde_ring_link" href="">next ~user</a> </p>
|
|
<script type="text/javascript">
|
|
var ringjs = document.createElement('script')
|
|
ringjs.src = document.location.protocol + '//tilde.town/~um/tilde_ring/tilde_ring.js'
|
|
document.getElementById('tilde_ring').appendChild(ringjs)
|
|
</script>
|
|
</div>
|
|
<p id='license'> Unless otherwise noted, my work is licensed <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a>.</p>
|
|
</footer>
|
|
</div> <!-- terminal -->
|
|
</body>
|
|
</html>
|