1
0
clerie.de/index.html
2023-03-09 21:44:35 +01:00

252 lines
8.9 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, 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">&gt;</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-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 class="col-md-4">
<a href="https://bubblesort.clerie.de" class="card">
<div class="card-body">
<p class="card-title">Bubblesort</p>
<p class="card-text">Interactive bubblesort implementation</p>
</div>
</a>
</div>
<div class="col-md-4">
<a href="https://wetter.clerie.de" class="card">
<div class="card-body">
<p class="card-title">wetter.clerie.de</p>
<p class="card-text">Displays DWD open weather data</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>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></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>