385 lines
10 KiB
HTML
385 lines
10 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
|
<meta name="have-i-been-pwned-verification" value="76905221e659ea0dd5ccbd00b4c46f14">
|
|
|
|
<title>Shannon Sterz</title>
|
|
<meta name="description" content="Hello, I'm Shannon open source developer @ Proxmox.">
|
|
|
|
<link rel="apple-touch-icon" sizes="180x180" href="static/icon/apple-touch-icon.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="static/icon/favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="static/icon/favicon-16x16.png">
|
|
<link rel="manifest" href="static/site.webmanifest">
|
|
|
|
<style>
|
|
@font-face {
|
|
font-family: "Fira Code";
|
|
font-weight: 400;
|
|
src:
|
|
local("Fira Code"),
|
|
url("static/fonts/FiraCode-Regular.woff2") format('woff2');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Fira Code";
|
|
font-weight: 700;
|
|
src:
|
|
local("Fira Code Bold"),
|
|
url("static/fonts/FiraCode-Bold.woff2") format('woff2');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Fira Sans";
|
|
font-weight: 400;
|
|
src:
|
|
local("Fira Sans"),
|
|
url("static/fonts/FiraSans-Regular.woff2") format('woff2');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Fira Sans";
|
|
font-weight: 600;
|
|
src:
|
|
local("Fira Sans SemiBold"),
|
|
url("static/fonts/FiraSans-SemiBold.woff2") format('woff2');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Fira Sans";
|
|
font-weight: 700;
|
|
src:
|
|
local("Fira Sans Bold"),
|
|
url("static/fonts/FiraSans-Bold.woff2") format('woff2');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Fira Sans";
|
|
font-weight: 400;
|
|
font-style: italic;
|
|
src:
|
|
local("Fira Sans Italic"),
|
|
url("static/fonts/FiraSans-Italic.woff2") format('woff2');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Fira Sans";
|
|
font-weight: 600;
|
|
font-style: italic;
|
|
src:
|
|
local("Fira Sans SemiBold Italic"),
|
|
url("static/fonts/FiraSans-SemiBoldItalic.woff2") format('woff2');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Fira Sans";
|
|
font-weight: 700;
|
|
font-style: italic;
|
|
src:
|
|
local("Fira Sans Bold Italic"),
|
|
url("static/fonts/FiraSans-BoldItalic.woff2") format('woff2');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Comic Shanns Mono";
|
|
font-weight: 400;
|
|
src:
|
|
local("Comic Shanns Mono"),
|
|
url("static/fonts/ComicShannsMono-Regular.otf") format('opentype');
|
|
}
|
|
|
|
:root {
|
|
--ctp-latte-base: #eff1f5;
|
|
--ctp-latte-text: #4c4f69;
|
|
--ctp-latte-blue: #1e66f5;
|
|
--ctp-latte-lavender: #7287fd;
|
|
--ctp-latte-sky: #04a5e5;
|
|
--ctp-latte-mauve: #8839ef;
|
|
--ctp-latte-surface2: #acb0be;
|
|
--ctp-latte-crust: #dce0e8;
|
|
|
|
|
|
--ctp-macchiato-base: #24273a;
|
|
--ctp-macchiato-text: #cad3f5;
|
|
--ctp-macchiato-blue: #8aadf4;
|
|
--ctp-macchiato-lavender: #b7bdf8;
|
|
--ctp-macchiato-sky: #91d7e3;
|
|
--ctp-macchiato-mauve: #c6a0f6;
|
|
--ctp-macchiato-surface2: #5b6078;
|
|
--ctp-macchiato-crust: #181926;
|
|
|
|
--sht-background: var(--ctp-latte-base);
|
|
--sht-color: var(--ctp-latte-text);
|
|
--sht-link: var(--ctp-latte-blue);
|
|
--sht-link-followed: var(--ctp-latte-lavender);
|
|
--sht-link-hover: var(--ctp-latte-sky);
|
|
--sht-accent: var(--ctp-latte-lavender);
|
|
--sht-accent-bright: var(--ctp-latte-mauve);
|
|
--sht-selection: var(--ctp-latte-surface2);
|
|
--sht-crust: var(--ctp-latte-crust);
|
|
|
|
box-sizing: border-box;
|
|
color-scheme: light dark;
|
|
font-family: "Fira Sans", sans-serif;
|
|
font-size: calc(15px + 0.390625vw);
|
|
}
|
|
|
|
*::selection {
|
|
background-color: var(--sht-selection);
|
|
}
|
|
|
|
|
|
body {
|
|
background-color: var(--sht-crust);
|
|
color: var(--sht-color);
|
|
margin: 0;
|
|
display: flex;
|
|
min-height: 100vh;
|
|
flex-direction: column;
|
|
align-items: stretch;
|
|
}
|
|
|
|
footer,
|
|
main {
|
|
display: block;
|
|
padding: max(env(safe-area-inset-left), 2rem);
|
|
}
|
|
|
|
footer > *,
|
|
main > * {
|
|
max-width: 60rem;
|
|
margin: auto;
|
|
}
|
|
|
|
main {
|
|
background-color: var(--sht-background);
|
|
flex: 1;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-weight: 600;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 2.2rem;
|
|
color: var(--sht-color);
|
|
margin: 1.5rem 0;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 1.9rem;
|
|
color: var(--sht-color);
|
|
margin: 1.4rem 0;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 1.7rem;
|
|
margin: 1.3rem 0;
|
|
}
|
|
|
|
h4 {
|
|
font-size: 1.5rem;
|
|
margin: 1.1rem 0;
|
|
}
|
|
|
|
h5 {
|
|
font-size: 1.25rem;
|
|
margin: 1rem 0;
|
|
}
|
|
|
|
h6 {
|
|
font-size: 1.15rem;
|
|
margin: 1rem 0;
|
|
}
|
|
|
|
a {
|
|
color: var(--sht-link);
|
|
}
|
|
|
|
a:visited {
|
|
color: var(--sht-link-followed);
|
|
}
|
|
|
|
a:hover {
|
|
color: var(--sht-link-hover);
|
|
}
|
|
|
|
details {
|
|
background-color: var(--sht-background);
|
|
padding: .5rem 1rem;
|
|
border-radius: .5rem;
|
|
}
|
|
|
|
details > summary {
|
|
list-style-type: '';
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: baseline;
|
|
}
|
|
|
|
details > summary > span {
|
|
font-style: italic;
|
|
text-decoration: underline;
|
|
margin: 0;
|
|
display: block;
|
|
}
|
|
|
|
details[open] > summary > span {
|
|
text-decoration: none;
|
|
}
|
|
|
|
details > summary::-webkit-details-marker {
|
|
display: none;
|
|
}
|
|
|
|
details > summary::after {
|
|
content: '⤵️';
|
|
display: block;
|
|
}
|
|
|
|
details[open] > summary {
|
|
text-decoration: none;
|
|
border-bottom: 2px solid var(--sht-accent-bright);
|
|
}
|
|
|
|
details[open] > summary::after {
|
|
content: '⤴️';
|
|
}
|
|
|
|
details > *:not(summary) {
|
|
background-color: var(--sht-background);
|
|
overflow-wrap: anywhere;
|
|
word-break: normal;
|
|
text-align: justify;
|
|
hyphens: auto;
|
|
}
|
|
|
|
@keyframes disco {
|
|
from {
|
|
filter: sepia(50%) hue-rotate(0deg) saturate(200%);
|
|
}
|
|
to {
|
|
filter: sepia(50%) hue-rotate(360deg) saturate(200%);
|
|
}
|
|
}
|
|
|
|
.disco {
|
|
font-family: "Comic Shanns Mono", sans-serif;
|
|
animation: disco 1s linear infinite;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root{
|
|
--sht-background: var(--ctp-macchiato-base);
|
|
--sht-color: var(--ctp-macchiato-text);
|
|
--sht-link: var(--ctp-macchiato-blue);
|
|
--sht-link-followed: var(--ctp-macchiato-lavender);
|
|
--sht-link-hover: var(--ctp-macchiato-sky);
|
|
--sht-accent: var(--ctp-macchiato-lavender);
|
|
--sht-accent-bright: var(--ctp-macchiato-mauve);
|
|
--sht-selection: var(--ctp-macchiato-surface2);
|
|
--sht-crust: var(--ctp-macchiato-crust);
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<script>
|
|
let status = 0;
|
|
let code = [38, 38, 40, 40, 37, 39, 37, 39, 66, 65];
|
|
|
|
window.onkeydown = function(key) {
|
|
if (key.keyCode === code[status]) {
|
|
status++;
|
|
if (status === code.length) {
|
|
status = 0;
|
|
document.body.classList.add('disco');
|
|
}
|
|
} else {
|
|
status = 0;
|
|
}
|
|
};
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<div>
|
|
<h1>Shannon Sterz</h1>
|
|
<p>
|
|
Hello, I'm Shannon 👋 and I work at
|
|
<a href="https://proxmox.com">Proxmox</a> as a Rust developer
|
|
🦀. You can contact me here:
|
|
</p>
|
|
<ul>
|
|
<li><a href="https://mastodon.social/@sterzy">Mastodon</a></li>
|
|
<li>
|
|
Mail: shannon [at] sterz [dot] io
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</main>
|
|
<footer>
|
|
<div>
|
|
<p>Have a lovely day 💖.</p>
|
|
<details lang="de">
|
|
<summary><span>Imprint/Impressum</span></summary>
|
|
<h2>
|
|
Informationen und Offenlegung gemäß §5 (1) ECG, § 25
|
|
MedienG, § 63 GewO und § 14 UGB
|
|
</h2>
|
|
<ul>
|
|
<li>Webseitenbetreiber: Shannon Sterz</li>
|
|
<li>
|
|
Anschrift: Erhalten Sie, <a
|
|
href="http://derstandard.at/1397521552798/Swatting-Die-Rache-der-schlechtesten-Verlierer">
|
|
aus Gründen</a>, auf Anfrage.
|
|
</li>
|
|
<li>Email: shannon [at] sterz [dot] io</li>
|
|
<li>Anwendbare Rechtsvorschrift: www.ris.bka.gv.at</li>
|
|
</ul>
|
|
<h3>Online Streitbeilegung</h3>
|
|
<p>
|
|
Verbraucher, welche in Österreich oder in einem sonstigen
|
|
Vertragsstaat der ODR-VO niedergelassen sind, haben die Möglichkeit
|
|
Probleme bezüglich dem entgeltlichen Kauf von Waren oder
|
|
Dienstleistungen im Rahmen einer Online-Streitbeilegung (nach OS,
|
|
AStG) zu lösen. Die Europäische Kommission stellt eine Plattform
|
|
hierfür bereit: https://ec.europa.eu/consumers/odr
|
|
</p>
|
|
<h3>Urheberrecht</h3>
|
|
<p>
|
|
Die Inhalte dieser Webseite unterliegen, soweit dies rechtlich
|
|
möglich ist, diversen Schutzrechten (z.B. dem Urheberrecht). Jegliche
|
|
Verwendung/Verbreitung von bereitgestelltem Material, welche
|
|
urheberrechtlich untersagt ist, bedarf schriftlicher Zustimmung des
|
|
Webseitenbetreibers.
|
|
</p>
|
|
<h3>Haftungsausschluss</h3>
|
|
<p>
|
|
Trotz sorgfältiger inhaltlicher Kontrolle übernimmt der
|
|
Webseitenbetreiber dieser Webseite keine Haftung für die Inhalte
|
|
externer Links. Für den Inhalt der verlinkten Seiten sind
|
|
ausschließlich deren Betreiber verantwortlich. Sollten Sie dennoch
|
|
auf ausgehende Links aufmerksam werden, welche auf eine Webseite mit
|
|
rechtswidriger Tätigkeit/Information verweisen, ersuchen wir um
|
|
dementsprechenden Hinweis, um diese nach § 17 Abs. 2 ECG umgehend zu
|
|
entfernen.
|
|
</p>
|
|
<p>
|
|
Die Urheberrechte Dritter werden vom Betreiber dieser Webseite mit größter
|
|
Sorgfalt beachtet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung
|
|
aufmerksam werden, bitten wir um einen entsprechenden Hinweis. Bei
|
|
Bekanntwerden derartiger Rechtsverletzungen werden wir den betroffenen Inhalt
|
|
umgehend entfernen.
|
|
</p>
|
|
<p>
|
|
Quelle: <a
|
|
href="https://www.fairesrecht.at/kostenlos-impressum-erstellen-generator.php">
|
|
Impressum Generator Österreich</a>
|
|
</p>
|
|
</details>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|