1
0
Fork 0
Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

122 Zeilen
3.8 KiB
HTML

<!DOCTYPE html>
<html amp lang="de">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Kontaktmöglichkeiten Simon Moser: Threema, Matrix, E-Mail (PGP und S/MIME) etc.">
<title>Kontakt | Simon Moser</title>
<link rel="canonical" href="/index.html" />
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>📭</text></svg>">
<script async src="https://cdn.ampproject.org/v0.js"></script>
<style amp-boilerplate>
body {
-webkit-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
-moz-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
-ms-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
animation: -amp-start 8s steps(1, end) 0s 1 normal both;
}
@-webkit-keyframes -amp-start {
from {
visibility: hidden;
}
to {
visibility: visible;
}
}
@-moz-keyframes -amp-start {
from {
visibility: hidden;
}
to {
visibility: visible;
}
}
@-ms-keyframes -amp-start {
from {
visibility: hidden;
}
to {
visibility: visible;
}
}
@-o-keyframes -amp-start {
from {
visibility: hidden;
}
to {
visibility: visible;
}
}
@keyframes -amp-start {
from {
visibility: hidden;
}
to {
visibility: visible;
}
}
</style>
<noscript
><style amp-boilerplate>
body {
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
animation: none;
}
</style></noscript>
<style amp-custom>
body {
background: #003b6f;
font-family: Roboto, sans-serif;
color: white;
}
ul {
text-align: center;
padding-left: 0;
}
ul li {
list-style:none;
display: inline-block;
margin: 1em;
vertical-align: text-top;
}
ul li img {
height: 5em;
}
a {
color: white;
text-decoration: none;
font-weight: bold;
font-size: small;
}
span {
width: 100%;
position: fixed;
bottom: 0;
text-align: center;
}
</style>
</head>
<body>
<ul>
<li><a href="https://threema.id/CAEVDC65"><amp-img src="https://smoser.eu/assets/images/threema.svg" alt="logo threema" height="5em" width="5em"></a></li>
<li><a href="https://matrix.to/#/@mrmcx:tchncs.de"><amp-img src="https://smoser.eu/assets/images/matrix.svg" alt="logo matrix" height="5em" width="12em"></a></li>
<li><a href="mailto://info@smoser.eu"><amp-img src="https://smoser.eu/assets/images/envelope.svg" alt="logo mail" height="5em" width="5em"></a><br>
<a href="https://smoser.eu/assets/pgp-public.asc" download="">📥 PGP Public Key</a><br>
<a href="https://smoser.eu/assets/smime-public.crt" download="">📥 S/MIME Certificate</a>
</li>
<li><a href="https://de.linkedin.com/in/simon-moser"><amp-img src="https://smoser.eu/assets/images/linkedin.svg" alt="logo linkedin" height="5em" width="5em"></a></li>
<li><a href="https://www.xing.com/profile/Simon_Moser21"><amp-img src="https://smoser.eu/assets/images/xing.svg" alt="logo xing" height="5em" width="5em"></a></li>
<li><a rel="me" href="https://mastodon.social/@mrmcx"><amp-img src="https://smoser.eu/assets/images/mastodon.svg" alt="logo mastodon" height="5em" width="5em"></a></li>
</ul>
<span><a href="https://smoser.eu/privacy">Datenschutz</a></span>
</body>
</html>