waffelo.net/experiment.html

56 lines
2.4 KiB
HTML
Raw Normal View History

2025-01-14 15:31:37 +00:00
<head>
<title>Waffelo's Den</title>
<link rel="stylesheet" href="style.css">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
</head>
<body>
<div class="c-main box ">
<div class="flex">
<div class="c-element e-profile">
<center>
<img style="border-radius: 100%;" src="assets/profile.png" width="200px"><br>
<h1>Waffelo</h1>
<p>Enthusiast of open-source and hardware.</p>
<div class="e-profile_links">
<div>
<a href="https://matrix.to/#/@waffelo:drgnz.club" target="_blank" style="text-decoration: none;"><img src="assets/icons/matrix.svg" class="e-profile_icon"> </a>
<a href="https://git.drgnz.club/Waffelo" target="_blank" style="text-decoration: none;"><img src="assets/icons/git.svg" class="e-profile_icon"></a>
<a href="https://www.printables.com/@waffelo" target="_blank" style="text-decoration: none;"><img src="assets/icons/printables.svg" class="e-profile_icon"> </a>
<a href="#" style="text-decoration: none;" target="_blank"><img src="assets/icons/pgp.svg" class="e-profile_icon"> </a>
<a href="mailto:contact@waffelo.net" target="_blank" style="text-decoration: none;"><img src="assets/icons/email.svg" class="e-profile_icon"></a>
</div>
</div>
<div class="e-profile_links">
<div>
<a href="#" style="text-decoration: none;"><img src="assets/icons/monero.svg" class="e-profile_icon"> </a>
<a href="#" style="text-decoration: none;"><img src="assets/icons/bitcoin.svg" class="e-profile_icon"></a>
</div>
</div>
</center><br>
</div> <!-- End of About element -->
<div class="c-element">
<div class="flex">
<img class="e-icon" src="assets/icons/post.svg" width="25px"> <h2 >Recent posts</h2></div>
<ul>
<li><b>[13/01/25] -</b> <a href="#">How to endragon</a></li>
<li><b>[10/01/25] -</b> <a href="#">Encrypted Gentoo installation</a></li>
<li><b>[08/01/25] -</b> <a href="#">Why I dislike Bambu Labs</a></li>
<li><b>[04/01/25] -</b> <a href="#">Leaving Discord</a></li>
<li><b>[01/01/25] -</b> <a href="#">New gems in my hoard</a></li>
</ul>
<p>More posts in <a href="#">post archive</a>. </p>
</div><!-- End of posts element -->
</div> <!-- End of FLEX -->
</div><!-- End of c-main container -->
</body>