137 lines
3.2 KiB
HTML
137 lines
3.2 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>errilaz</title>
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<link rel="shortcut icon" type="image/png" href="/favicon.png">
|
||
|
|
<style>/*! minireset.css v0.0.2 | MIT License | github.com/jgthms/minireset.css */html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*{box-sizing:inherit}*:before,*:after{box-sizing:inherit}img,embed,object,audio,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,td{padding:0;text-align:left}</style>
|
||
|
|
<style>
|
||
|
|
body {
|
||
|
|
background-color: black;
|
||
|
|
color: silver;
|
||
|
|
font-family: sans-serif;
|
||
|
|
font-size: 20px;
|
||
|
|
}
|
||
|
|
main {
|
||
|
|
max-width: 400px;
|
||
|
|
margin-left: auto;
|
||
|
|
margin-right: auto;
|
||
|
|
}
|
||
|
|
h1 {
|
||
|
|
color: #ff0079;
|
||
|
|
font-size: 42px;
|
||
|
|
font-weight: bold;
|
||
|
|
letter-spacing: -2px;
|
||
|
|
margin-top: 20px;
|
||
|
|
margin-bottom: 20px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
blockquote {
|
||
|
|
text-align: center;
|
||
|
|
color: #606060;
|
||
|
|
font-style: italic;
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
blockquote a {
|
||
|
|
color: #ffffff;
|
||
|
|
}
|
||
|
|
blockquote a:hover {
|
||
|
|
background-color: white;
|
||
|
|
color: black;
|
||
|
|
}
|
||
|
|
h2 {
|
||
|
|
font-size: 22px;
|
||
|
|
margin-top: 30px;
|
||
|
|
margin-bottom: 20px;
|
||
|
|
}
|
||
|
|
a {
|
||
|
|
color: #ff0079;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
a:hover {
|
||
|
|
background-color: #ff0079;
|
||
|
|
color: #000000;
|
||
|
|
}
|
||
|
|
svg {
|
||
|
|
width: 20px;
|
||
|
|
height: 20px;
|
||
|
|
margin-bottom: -5px;
|
||
|
|
}
|
||
|
|
table {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
tr {
|
||
|
|
border-bottom: solid 1px #3b011d;
|
||
|
|
}
|
||
|
|
td {
|
||
|
|
padding: 20px;
|
||
|
|
}
|
||
|
|
td:last-child {
|
||
|
|
text-align: right;
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
footer {
|
||
|
|
margin-top: 30px;
|
||
|
|
font-size: 12px;
|
||
|
|
color: #606060;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
code {
|
||
|
|
background-color: #101010;
|
||
|
|
color: #a0a0a0;
|
||
|
|
font-size: 14px
|
||
|
|
}
|
||
|
|
.links {
|
||
|
|
margin-top: 20px;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
justify-content:space-between;
|
||
|
|
gap: 10px;
|
||
|
|
}
|
||
|
|
.links li {
|
||
|
|
display: flex;
|
||
|
|
width: 80px;
|
||
|
|
height: 80px;
|
||
|
|
background-color: #101010;
|
||
|
|
}
|
||
|
|
.links li a {
|
||
|
|
font-size: 14px;
|
||
|
|
display: flex;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<main>
|
||
|
|
<h1>errilaz</h1>
|
||
|
|
<blockquote>
|
||
|
|
software thaumaturgy<br>
|
||
|
|
</blockquote>
|
||
|
|
<ul class="links">
|
||
|
|
<li>
|
||
|
|
<a href="https://da.nfin.ch/">personal site</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="https://sigitex.com/">projects</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="https://github.com/errilaz">github</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="https://www.npmjs.com/~errilaz">npm</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="https://hub.docker.com/u/errilaz">docker</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
<footer>
|
||
|
|
© Dan Finch
|
||
|
|
</footer>
|
||
|
|
</main>
|
||
|
|
</body>
|
||
|
|
</html>
|