114 lines
1.9 KiB
HTML
114 lines
1.9 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||
<title>smlckz’s website</title>
|
||
<meta name="author" content="smlckz">
|
||
<style>
|
||
|
||
@font-face {
|
||
font-family: 'Fira Mono';
|
||
font-display: swap;
|
||
font-weight: 400;
|
||
src: url(fira-mono-regular.woff2) format('woff2');
|
||
}
|
||
|
||
@font-face {
|
||
font-family: 'Fira Mono';
|
||
font-display: swap;
|
||
font-weight: 700;
|
||
src: url(fira-mono-bold.woff2) format('woff2');
|
||
}
|
||
|
||
html, pre, code {
|
||
font-family: 'Fira Mono', monospace;
|
||
}
|
||
|
||
body {
|
||
background-color: #000;
|
||
color: #fff;
|
||
line-height: 1.3;
|
||
font-size: 1.25rem;
|
||
}
|
||
|
||
h2 {
|
||
font-size: 1.7rem;
|
||
}
|
||
|
||
a {
|
||
color: #5cf;
|
||
text-decoration: none;
|
||
}
|
||
|
||
code {
|
||
border-radius: 0.05em;
|
||
background-color: #123;
|
||
font-weight: bold;
|
||
}
|
||
|
||
@media (prefers-color-scheme: light) {
|
||
body {
|
||
color: #123;
|
||
background: #def;
|
||
}
|
||
code {
|
||
color: #eef;
|
||
background-color: #29f;
|
||
}
|
||
a {
|
||
color: #08e;
|
||
}
|
||
}
|
||
|
||
main {
|
||
padding: 0 0.5rem;
|
||
margin: 0 auto;
|
||
max-width: 90vw;
|
||
width: max-content;
|
||
}
|
||
|
||
main h1 {
|
||
margin-top: 0;
|
||
font-size: 2rem;
|
||
font-weight: normal;
|
||
}
|
||
|
||
address {
|
||
font-style: normal;
|
||
}
|
||
|
||
address dl dt {
|
||
font-weight: bold;
|
||
}
|
||
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<main>
|
||
<h1>smlckz’s website</h1>
|
||
<p>Hi! I’m <b>smlckz</b>.</p>
|
||
<p>I like programming and mathematics.</p>
|
||
<address>
|
||
<h2>Contact</h2>
|
||
<dl>
|
||
<dt>IRC</dt>
|
||
<dd><code>|smlckz|</code> on <a href="https://libera.chat/">libera</a>,
|
||
<code>[smlckz]</code> on <a href="https://tilde.chat/">tilde.chat</a></dd>
|
||
|
||
<dt>XMPP</dt>
|
||
<dd><a href="xmpp:smlckz@hmm.st">smlckz@hmm.st</a>,
|
||
<a href="xmpp:smlckz@disroot.org">smlckz@disroot.org</a></dd>
|
||
|
||
<dt>Matrix</dt>
|
||
<dd><a href="https://matrix.to/#/@smlckz:envs.net">@smlckz:envs.net</a></dd>
|
||
|
||
<dt>Fediverse</dt>
|
||
<dd><a href="https://c.im/@smlckz">@smlckz@c.im</a></dd>
|
||
</dl>
|
||
</address>
|
||
</main>
|
||
</body>
|
||
</html>
|
||
|