tilde-town-website/index.html

95 lines
4.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;
}
</style>
</head>
<body>
<div class='terminal'>
<header>
<span style="">&#9484;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9488;</span><br />
<span style="">&#9474;&#9617;&#9604;&#9600;&#9604;&#9600;&#9617;&#9608;&#9600;&#9600;&#9617;&#9608;&#9600;&#9608;&#9617;&#9608;&#9604;&#9608;&#9617;&#9608;&#9600;&#9600;&#9617;&#9608;&#9600;&#9604;&#9617;&#9608;&#9600;&#9604;&#9617;&#9608;&#9600;&#9608;&#9617;&#9608;&#9600;&#9608;&#9617;&#9608;&#9617;&#9608;&#9617;&#9608;&#9600;&#9600;&#9617;&#9608;&#9617;&#9608;&#9474;</span><br />
<span style="">&#9474;&#9617;&#9617;&#9617;&#9617;&#9617;&#9617;&#9608;&#9617;&#9608;&#9617;&#9608;&#9600;&#9608;&#9617;&#9608;&#9617;&#9608;&#9617;&#9608;&#9600;&#9600;&#9617;&#9608;&#9600;&#9604;&#9617;&#9608;&#9617;&#9608;&#9617;&#9608;&#9617;&#9608;&#9617;&#9608;&#9617;&#9608;&#9617;&#9608;&#9600;&#9604;&#9617;&#9608;&#9600;&#9600;&#9617;&#9617;&#9608;&#9617;&#9474;</span><br />
<span style="">&#9474;&#9617;&#9617;&#9617;&#9617;&#9617;&#9617;&#9600;&#9600;&#9600;&#9617;&#9600;&#9617;&#9600;&#9617;&#9600;&#9617;&#9600;&#9617;&#9600;&#9600;&#9600;&#9617;&#9600;&#9617;&#9600;&#9617;&#9600;&#9600;&#9617;&#9617;&#9600;&#9600;&#9600;&#9617;&#9600;&#9617;&#9600;&#9617;&#9600;&#9617;&#9600;&#9617;&#9600;&#9600;&#9600;&#9617;&#9617;&#9600;&#9617;&#9474;</span><br />
<span style="">&#9492;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9496;</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><a href='https://xkcd.com/1732/'>This comic</a> from XKCD. (Also <a href='https://xkcd.com/926/'>this one</a>)</li>
</ul>
</main>
</div> <!-- terminal -->
</body>
</html>