calling-card/index.html

508 lines
19 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta content="text/html; charset=utf-8">
<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');
}
: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: center;
}
details > summary > p {
font-style: italic;
text-decoration: underline;
margin: 0;
display: block;
}
details[open] > summary > p {
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);
}
@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>
</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:
<ul>
<li><a href="https://mastodon.social/@sterzy">Mastodon</a></li>
<li>
Mail: &#115;&#104;&#097;&#110;&#110;&#111;&#110; [at] &#115;&#116;&#101;&#114;&#122; [dot] &#105;&#111;
</li>
</ul>
</p>
</div>
</main>
<footer>
<div>
<p>Have a lovely day 💖.
<details>
<summary><p>Imprint/Impressum</p></summary>
<p>Angaben gemäß § 5 TMG:</p>
<p>Shannon Sterz</p>
<h2>Kontakt:</h2>
<p>
E-Mail: &#115;&#104;&#097;&#110;&#110;&#111;&#110; [at] &#115;&#116;&#101;&#114;&#122; [dot] &#105;&#111;
<br />
(Wohnadresse erhalten Sie,
<a href="http://derstandard.at/1397521552798/Swatting-Die-Rache-der-schlechtesten-Verlierer">
aus Gründen</a>, auf Anfrage.)
</p>
<h2>Verantwortlich für den Inhalt nach § 55 Abs. 2 RStV:</h2>
<p>
Persönliche Webseite<br />
Shannon Sterz
</p>
<p>
Quelle: <a href="http://www.e-recht24.de">
http://www.e-recht24.de</a>, Impressum Generator
</p>
<h2>Haftungsausschluss:</h2>
<h3>Haftung für Inhalte</h3>
<p>
Die Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt. Für
die Richtigkeit, Vollständigkeit und Aktualität der Inhalte können
wir jedoch keine Gewähr übernehmen. Als Diensteanbieter sind wir
gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den
allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir
als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder
gespeicherte fremde Informationen zu überwachen oder nach Umständen
zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen.
Verpflichtungen zur Entfernung oder Sperrung der Nutzung von
Informationen nach den allgemeinen Gesetzen bleiben hiervon
unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem
Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei
Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese
Inhalte umgehend entfernen.
</p>
<h3>Haftung für Links</h3>
<p>
Unser Angebot enthält Links zu externen Webseiten Dritter, auf deren
Inhalte wir keinen Einfluss haben. Deshalb können wir für diese
fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der
verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der
Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der
Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige
Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar. Eine
permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch
ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar.
Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Links
umgehend entfernen.
</p>
<h3>Urheberrecht</h3>
<p>
Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen
Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung,
Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der
Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des
jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite
sind nur für den privaten, nicht kommerziellen Gebrauch gestattet.
Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt
wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden
Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf
eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen
entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden
wir derartige Inhalte umgehend entfernen.
</p>
<h3>Datenschutz</h3>
<p>
Die Nutzung unserer Webseite ist in der Regel ohne Angabe
personenbezogener Daten möglich. Soweit auf unseren Seiten
personenbezogene Daten (beispielsweise Name, Anschrift oder
eMail-Adressen) erhoben werden, erfolgt dies, soweit möglich, stets
auf freiwilliger Basis. Diese Daten werden ohne Ihre ausdrückliche
Zustimmung nicht an Dritte weitergegeben.
</p>
<p>
Wir weisen darauf hin, dass die Datenübertragung im Internet (z.B. bei
der Kommunikation per E-Mail) Sicherheitslücken aufweisen kann. Ein
lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht
möglich.
</p>
<p>
Der Nutzung von im Rahmen der Impressumspflicht veröffentlichten
Kontaktdaten durch Dritte zur Übersendung von nicht ausdrücklich
angeforderter Werbung und Informationsmaterialien wird hiermit
ausdrücklich widersprochen. Die Betreiber der Seiten behalten sich
ausdrücklich rechtliche Schritte im Falle der unverlangten Zusendung
von Werbeinformationen, etwa durch Spam-Mails, vor.
</p>
<!--
## Datenschutzerklärung für die Nutzung von Facebook-Plugins (Like-Button)
Auf unseren Seiten sind Plugins des sozialen Netzwerks Facebook, 1601
South California Avenue, Palo Alto, CA 94304, USA integriert. Die
Facebook-Plugins erkennen Sie an dem Facebook-Logo oder dem
"Like-Button" ("Gefällt mir") auf unserer Seite. Eine Übersicht über
die Facebook-Plugins finden Sie hier:
<http://developers.facebook.com/docs/plugins></http:> .
Wenn Sie unsere Seiten besuchen, wird über das Plugin eine direkte
Verbindung zwischen Ihrem Browser und dem Facebook-Server
hergestellt. Facebook erhält dadurch die Information, dass Sie mit
Ihrer IP-Adresse unsere Seite besucht haben. Wenn Sie den Facebook
"Like-Button" anklicken während Sie in Ihrem Facebook-Account
eingeloggt sind, können Sie die Inhalte unserer Seiten auf Ihrem
Facebook-Profil verlinken. Dadurch kann Facebook den Besuch unserer
Seiten Ihrem Benutzerkonto zuordnen. Wir weisen darauf hin, dass wir
als Anbieter der Seiten keine Kenntnis vom Inhalt der übermittelten
Daten sowie deren Nutzung durch Facebook erhalten. Weitere
Informationen hierzu finden Sie in der Datenschutzerklärung von
facebook unter <http://de-de.facebook.com/policy.php>
Wenn Sie nicht wünschen, dass Facebook den Besuch unserer Seiten
Ihrem Facebook-Nutzerkonto zuordnen kann, loggen Sie sich bitte aus
Ihrem Facebook-Benutzerkonto aus.
-->
<!--
## Datenschutzerklärung für die Nutzung von Google Analytics
Diese Website benutzt Google Analytics, einen Webanalysedienst der
Google Inc. ("Google"). Google Analytics verwendet sog. "Cookies",
Textdateien, die auf Ihrem Computer gespeichert werden und die eine
Analyse der Benutzung der Website durch Sie ermöglichen. Die durch
den Cookie erzeugten Informationen über Ihre Benutzung dieser Website
werden in der Regel an einen Server von Google in den USA übertragen
und dort gespeichert. Im Falle der Aktivierung der IP-Anonymisierung
auf dieser Webseite wird Ihre IP-Adresse von Google jedoch innerhalb
von Mitgliedstaaten der Europäischen Union oder in anderen
Vertragsstaaten des Abkommens über den Europäischen Wirtschaftsraum
zuvor gekürzt.
Nur in Ausnahmefällen wird die volle IP-Adresse an einen Server von
Google in den USA übertragen und dort gekürzt. Im Auftrag des
Betreibers dieser Website wird Google diese Informationen benutzen,
um Ihre Nutzung der Website auszuwerten, um Reports über die
Websiteaktivitäten zusammenzustellen und um weitere mit der
Websitenutzung und der Internetnutzung verbundene Dienstleistungen
gegenüber dem Websitebetreiber zu erbringen. Die im Rahmen von Google
Analytics von Ihrem Browser übermittelte IP-Adresse wird nicht mit
anderen Daten von Google zusammengeführt.
Sie können die Speicherung der Cookies durch eine entsprechende
Einstellung Ihrer Browser-Software verhindern; wir weisen Sie jedoch
darauf hin, dass Sie in diesem Fall gegebenenfalls nicht sämtliche
Funktionen dieser Website vollumfänglich werden nutzen können. Sie
können darüber hinaus die Erfassung der durch das Cookie erzeugten
und auf Ihre Nutzung der Website bezogenen Daten (inkl. Ihrer
IP-Adresse) an Google sowie die Verarbeitung dieser Daten durch
Google verhindern, indem sie das unter dem folgenden Link verfügbare
Browser-Plugin herunterladen und installieren:
<http://tools.google.com/dlpage/gaoptout?hl=de> .
-->
<!--
## Datenschutzerklärung für die Nutzung von Google +1
*Erfassung und Weitergabe von Informationen:*
Mithilfe der Google +1-Schaltfläche können Sie Informationen weltweit
veröffentlichen. über die Google +1-Schaltfläche erhalten Sie und
andere Nutzer personalisierte Inhalte von Google und unseren
Partnern. Google speichert sowohl die Information, dass Sie für einen
Inhalt +1 gegeben haben, als auch Informationen über die Seite, die
Sie beim Klicken auf +1 angesehen haben. Ihre +1 können als Hinweise
zusammen mit Ihrem Profilnamen und Ihrem Foto in Google-Diensten, wie
etwa in Suchergebnissen oder in Ihrem Google-Profil, oder an anderen
Stellen auf Websites und Anzeigen im Internet eingeblendet werden.
Google zeichnet Informationen über Ihre +1-Aktivitäten auf, um die
Google-Dienste für Sie und andere zu verbessern. Um die Google
+1-Schaltfläche verwenden zu können, benötigen Sie ein weltweit
sichtbares, öffentliches Google-Profil, das zumindest den für das
Profil gewählten Namen enthalten muss. Dieser Name wird in allen
Google-Diensten verwendet. In manchen Fällen kann dieser Name auch
einen anderen Namen ersetzen, den Sie beim Teilen von Inhalten über
Ihr Google-Konto verwendet haben. Die Identität Ihres Google-Profils
kann Nutzern angezeigt werden, die Ihre E-Mail-Adresse kennen oder
über andere identifizierende Informationen von Ihnen verfügen.
*Verwendung der erfassten Informationen:*
Neben den oben erläuterten Verwendungszwecken werden die von Ihnen
bereitgestellten Informationen gemäß den geltenden
Google-Datenschutzbestimmungen genutzt. Google veröffentlicht
möglicherweise zusammengefasste Statistiken über die +1-Aktivitäten
der Nutzer bzw. gibt diese an Nutzer und Partner weiter, wie etwa
Publisher, Inserenten oder verbundene Websites.
-->
<!--
## Datenschutzerklärung für die Nutzung von Twitter
Auf unseren Seiten sind Funktionen des Dienstes Twitter eingebunden.
Diese Funktionen werden angeboten durch die Twitter Inc., Twitter,
Inc. 1355 Market St, Suite 900, San Francisco, CA 94103, USA. Durch
das Benutzen von Twitter und der Funktion "Re-Tweet" werden die von
Ihnen besuchten Webseiten mit Ihrem Twitter-Account verknüpft und
anderen Nutzern bekannt gegeben. Dabei werden auch Daten an Twitter
übertragen.
Wir weisen darauf hin, dass wir als Anbieter der Seiten keine
Kenntnis vom Inhalt der übermittelten Daten sowie deren Nutzung durch
Twitter erhalten. Weitere Informationen hierzu finden Sie in der
Datenschutzerklärung von Twitter unter <http://twitter.com/privacy> .
Ihre Datenschutzeinstellungen bei Twitter können Sie in den
Konto-Einstellungen unter <http://twitter.com/account/settings>
ändern.
-->
<p>
Quellverweis: <a href="http://www.e-recht24.de/muster-disclaimer.htm">
Disclaimer</a> von eRecht24, dem Portal zum Internetrecht von
Rechtsanwalt Sören Siebert.
<!--
[Facebook Datenschutzerklärung](http://www.e-recht24.de/artikel/datenschutz/6590-facebook-like-button-datenschutz-disclaimer.html),
[Datenschutzerklärung Google Analytics](http://www.google.com/intl/de/analytics/privacyoverview.html),
[Datenschutzerklärung Google +1](http://www.google.com/intl/de/+/policy/+1button.html),
[Twitter Bedingungen](http://twitter.com/privacy)
-->
</p>
</details>
</div>
</footer>
</body>
</html