add index.html and font files
This commit is contained in:
parent
d8253ea433
commit
e9ed75aad0
Binary file not shown.
Binary file not shown.
|
@ -0,0 +1,113 @@
|
|||
<!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>
|
||||
|
Loading…
Reference in New Issue