196 lines
7.0 KiB
HTML
196 lines
7.0 KiB
HTML
<!doctype html>
|
|
<html lang="de">
|
|
<head>
|
|
<!-- Required meta tags -->
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
|
<link rel="stylesheet" href="/bootstrap.min.css">
|
|
<link rel="stylesheet" type="text/css" href="/datatables.min.css"/>
|
|
<link rel="stylesheet" href="/font/fontawesome/css/all.min.css">
|
|
<link rel="stylesheet" href="/font/amantic-sc/amantic-sc.css">
|
|
<link rel="stylesheet" href="/style.css">
|
|
|
|
<meta name="description" content="Dings wars." />
|
|
<link rel="shortcut icon" href="https://blog.clerie.de/favicon.png" type="image/x-icon" />
|
|
<link rel="canonical" href="https://clerie.de/" />
|
|
<meta name="referrer" content="no-referrer-when-downgrade" />
|
|
|
|
<meta property="og:site_name" content="clerie" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:title" content="clerie" />
|
|
<meta property="og:description" content="clerie" />
|
|
<meta property="og:url" content="https://clerie.de/" />
|
|
<meta name="twitter:card" content="summary" />
|
|
<meta name="twitter:title" content="clerie" />
|
|
<meta name="twitter:description" content="clerie" />
|
|
<meta name="twitter:url" content="https://clerie.de/" />
|
|
<meta name="twitter:site" content="@cleriese" />
|
|
|
|
<link rel="alternate" type="application/rss+xml" title="clerie" href="https://blog.clerie.de/rss/" />
|
|
|
|
<title>clerie</title>
|
|
</head>
|
|
<body>
|
|
<span class="star-head">*</span>
|
|
<header class="container">
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<h2 class="text-head">Riese</h2>
|
|
<h1 class="text-head">Clemens</h1>
|
|
</div>
|
|
</div>
|
|
<div class="row buttons-head">
|
|
<div class="col-md-4 my-auto">
|
|
<p class="text-head">
|
|
Hallo,<br>
|
|
ich bin clerie, 20 Jahre alt, mache was mit Internet und studiere Computer.
|
|
<br>
|
|
<br>
|
|
<a href="https://blog.clerie.de/impressum">Impressum</a> | <a href="#contact">Kontakt</a>
|
|
</p>
|
|
</div>
|
|
<div class="col-md-4 text-center d-none d-md-block my-auto">
|
|
<span class="arrow-head">></span>
|
|
</div>
|
|
<div class="col-md-4 my-auto">
|
|
<a href="https://blog.clerie.de" class="btn btn-head btn-block btn-lg">Blog</a>
|
|
<a href="https://git.clerie.de" class="btn btn-head btn-block btn-lg">Git</a>
|
|
<a href="https://wiki.clerie.de" class="btn btn-head btn-block btn-lg">Wiki</a>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="container container-social" id="social">
|
|
<div class="row">
|
|
<div class="col-md-2 col-6 my-auto">
|
|
<a href="https://github.com/clerie" title="GitHub">
|
|
<i class="fab fa-github fa-2x"></i>
|
|
</a>
|
|
</div>
|
|
<div class="col-md-2 col-6 my-auto">
|
|
<a href="https://gitlab.com/clerie" title="GitLab">
|
|
<i class="fab fa-gitlab fa-2x"></i>
|
|
</a>
|
|
</div>
|
|
<div class="col-md-4 col-12 my-auto">
|
|
<a href="#" title="<3">
|
|
<i class="fa fa-heart fa-6x"></i>
|
|
</a>
|
|
</div>
|
|
<div class="col-md-2 col-6 my-auto">
|
|
<a href="https://fem.social/@clerie" title="Mastodon">
|
|
<i class="fab fa-mastodon fa-2x"></i>
|
|
</a>
|
|
</div>
|
|
<div class="col-md-2 col-6 my-auto">
|
|
<a href="https://twitter.com/cleriese" title="Twitter">
|
|
<i class="fab fa-twitter fa-2x"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container container-contact" id="contact">
|
|
<div class="row">
|
|
<div class="col-md-6 offset-md-3">
|
|
|
|
So kannst du mich erreichen:
|
|
|
|
<table class="table" id="contact-table">
|
|
<thead>
|
|
<tr>
|
|
<th></th>
|
|
<th></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>E-Mail</td>
|
|
<td><a href="mailto:hallo@clerie.de">hallo@clerie.de</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>E-Mail (PGP/GPG)</td>
|
|
<td><span class="badge">auf Anfrage</span></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Twitter</td>
|
|
<td><a rel="me" href="https://twitter.com/cleriese">@cleriese</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>GitHub</td>
|
|
<td><a rel="me" href="https://github.com/clerie">@clerie</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>GitLab</td>
|
|
<td><a rel="me" href="https://gitlab.com/clerie">@clerie</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Liberapay</td>
|
|
<td><a rel="me" href="https://liberapay.com/clerie">@clerie</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Mastodon</td>
|
|
<td><a rel="me" href="https://fem.social/@clerie">@clerie@fem.social</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Mastodon</td>
|
|
<td><a rel="me" href="https://chaos.social/@clerie">@clerie@chaos.social <span class="badge">alt</span></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Matrix</td>
|
|
<td><a rel="me" href="https://matrix.bau-ha.us/#/user/@clerie:bau-ha.us">@clerie:bau-ha.us</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Mozilla Addons</td>
|
|
<td><a href="https://addons.mozilla.org/user/clerie/">@clerie</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>OpenStreetMap</td>
|
|
<td><a rel="me" href="https://www.openstreetmap.org/user/clerie">@clerie</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Pixelfed</td>
|
|
<td><a rel="me" href="https://pixelfed.social/clerie">@clerie@pixelfed.social</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>PyPi</td>
|
|
<td><a href="https://pypi.org/user/clerie/">@clerie</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Signal</td>
|
|
<td><span class="badge">auf Anfrage</span></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Wire</td>
|
|
<td><span class="badge">auf Anfrage</span></td>
|
|
</tr>
|
|
<tr>
|
|
<td>XMPP (Jabber)</td>
|
|
<td><a href="xmpp:clerie@fem-net.de">clerie@fem-net.de</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>XMPP (Jabber)</td>
|
|
<td><a href="xmpp:clerie@anoxinon.me">clerie@anoxinon.me <span class="badge">alt</span></a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<footer class="container">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<p>© <a href="https://clerie.de">clerie</a> 2018-2022</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<script src="/jquery.min.js"></script>
|
|
<script src="/bootstrap.min.js"></script>
|
|
<script type="text/javascript" src="/datatables.min.js"></script>
|
|
<script src="/script.js"></script>
|
|
</body>
|
|
</html>
|