204 lines
7.2 KiB
HTML
204 lines
7.2 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/" />
|
|
|
|
<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">Clara</h1>
|
|
</div>
|
|
</div>
|
|
<div class="row buttons-head">
|
|
<div class="col-md-4 my-auto">
|
|
<p class="text-head">
|
|
Hallo,<br>
|
|
ich bin clerie, <abbr title="Error fetching https://xapi.euw.serviceworkers.prod.labs.clerie.de/cgi-bin/pstats.exe/json?token=0a643e15a5c54be2573f40f0550de92a5e0842db80fc7605b801b29a4e54eb99&no=yes">NaN</abbr> 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="#" title="<3">
|
|
<i class="fa fa-heart fa-2x"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container container-projects" id="projects">
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<a href="https://ip.clerie.de" class="card">
|
|
<div class="card-body">
|
|
<p class="card-title">ip.clerie.de</p>
|
|
<p class="card-text">Whats my ip?</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<a href="https://status.clerie.de" class="card">
|
|
<div class="card-body">
|
|
<p class="card-title">status.clerie.de</p>
|
|
<p class="card-text">See my infrastructure breaking</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<a href="https://git.clerie.de/clerie/nixfiles" class="card">
|
|
<div class="card-body">
|
|
<p class="card-title">nixfiles</p>
|
|
<p class="card-text">All the configuration that makes a big part of my infrastructure</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<a href="https://fem.social" class="card">
|
|
<div class="card-body">
|
|
<p class="card-title">fem.social</p>
|
|
<p class="card-text">A mastodon instance</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<a href="https://wiki.clerie.de/notiz/start" class="card">
|
|
<div class="card-body">
|
|
<p class="card-title">Notizen</p>
|
|
<p class="card-text">Unsorted documentation about anything</p>
|
|
</div>
|
|
</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>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>Mastodon</td>
|
|
<td><a rel="me" href="https://fem.social/@clerie">@clerie@fem.social</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Matrix</td>
|
|
<td><a rel="me" href="https://matrix.to/#/@clerie:entr0py.de">@clerie:entr0py.de</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>OpenStreetMap</td>
|
|
<td><a rel="me" href="https://www.openstreetmap.org/user/clerie">@clerie</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>PyPi</td>
|
|
<td><a href="https://pypi.org/user/clerie/">@clerie</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>XMPP (Jabber)</td>
|
|
<td><a href="xmpp:clerie@fem-net.de">clerie@fem-net.de</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></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>
|