151 lines
6.8 KiB
HTML
151 lines
6.8 KiB
HTML
<!DOCTYPE html>
|
||
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<title>Blog – Ailyaut's blog</title>
|
||
<link rel="icon" type="image/png" href="media/icons/favicon-16x16.png" sizes="16x16">
|
||
<link rel="stylesheet" href="style.css" />
|
||
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
||
<meta property="og:title" content="Blog – Ailyaut's blog" />
|
||
<meta property="og:type" content="blog" />
|
||
<meta property="og:url" content="https://ailyaut.com/" />
|
||
<meta property="og:image" content="https://ailyaut.com/media/preview.png" />
|
||
<meta property="og:description" content="Hi! I'm Ailyaut, a 24-year-old everything-designer with a particular interest in open source and card games." />
|
||
<meta property="og:locale" content="en_US" />
|
||
<meta property="og:locale:alternate" content="fr_FR" />
|
||
</head>
|
||
|
||
<body>
|
||
<header>
|
||
<div id="header_box">
|
||
<div>
|
||
<a href="index.html" id="header_title">Ailyaut's blog</a>
|
||
</div>
|
||
<nav id="header_nav">
|
||
<a href="blog.html" class="nav_button_active">Blog</a>
|
||
<a href="gallery.html" class="nav_button">Gallery</a>
|
||
<a href="projects.html" class="nav_button">Projects</a>
|
||
<a href="about.html" class="nav_button">About</a>
|
||
</nav>
|
||
</div>
|
||
</header>
|
||
|
||
<main>
|
||
<div class="box">
|
||
<h1>Blog</h1>
|
||
</div>
|
||
<!-- Blog -->
|
||
<div class="spacer" style="--size: 1em;"></div>
|
||
<div class="box">
|
||
<div class="column" style="width: 100%;">
|
||
<div class="row align_vertical" style="justify-content: space-between; height: min-content;">
|
||
<div class="row align_vertical" style="gap: 0.75em;">
|
||
<h2 style="margin-bottom: 0; margin-top: 0;">Recent posts</h2>
|
||
<a href="rss.xml" style="position: relative; top: 0.2em;"><img class="icon" src="media/icons/rss.png"></a>
|
||
</div>
|
||
</div>
|
||
<div class="spacer" style="--size: 1em"></div>
|
||
<div class="row" style="gap: 2em">
|
||
<!-- blog -->
|
||
<div class="column" style="--custom_width: 33%; gap: 1em">
|
||
<a href="blog/hshwd_release.html" class="card" style="text-decoration: none;">
|
||
<img src="projects/hshwd/thumb.png
|
||
" alt="Release of hshwd
|
||
" title="Release of hshwd
|
||
" class="card_image"/>
|
||
<div class="box">
|
||
<div class="column" style="width: 100%;">
|
||
<h3 class="card_title">Release of hshwd
|
||
</h3>
|
||
<p class="card_text">
|
||
hshwd is an open-source offline tool that generates strong, unique passwords from weak ones in a deterministic way, using the properties of hash functions.
|
||
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div><div class="column" style="--custom_width: 33%; gap: 1em">
|
||
<a href="blog/gang_release.html" class="card" style="text-decoration: none;">
|
||
<img src="projects/gang/thumb.png
|
||
" alt="Release of Gang
|
||
" title="Release of Gang
|
||
" class="card_image"/>
|
||
<div class="box">
|
||
<div class="column" style="width: 100%;">
|
||
<h3 class="card_title">Release of Gang
|
||
</h3>
|
||
<p class="card_text">
|
||
TL;DR: I made a card game, and now I'm releasing all the necessary files so you can print it! You can use them however you like, as long as it's for personal use only. No commercial or AI-related use.
|
||
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div><div class="column" style="--custom_width: 33%; gap: 1em">
|
||
<a href="blog/a_new_dawn.html" class="card" style="text-decoration: none;">
|
||
<img src="blog/media/2025/website_update.png
|
||
" alt="A new dawn
|
||
" title="A new dawn
|
||
" class="card_image"/>
|
||
<div class="box">
|
||
<div class="column" style="width: 100%;">
|
||
<h3 class="card_title">A new dawn
|
||
</h3>
|
||
<p class="card_text">
|
||
If you’ve been following this blog since its beginnings in 2024, back when the URL was still ailyaut.robotfumeur.fr, then you’ve probably noticed that it hasn’t been updated much in the last year.
|
||
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="spacer" style="--size: 2em;"></div>
|
||
<div class="box">
|
||
<div class="column" style="width: 100%;">
|
||
<h2 id="all">All posts</h2>
|
||
<hr><h3>2026</h3><p class="light">05/02 <a href="blog/hshwd_release.html">Release of hshwd
|
||
</a></p><hr><h3>2025</h3><p class="light">23/11 <a href="blog/gang_release.html">Release of Gang
|
||
</a></p><p class="light">01/06 <a href="blog/a_new_dawn.html">A new dawn
|
||
</a></p><hr><h3>2024</h3><p class="light">09/06 <a href="blog/202405_moxxy_progress_report.html">Moxxy UI: May 2024 progress report
|
||
</a></p><p class="light">08/05 <a href="blog/202404_moxxy_progress_report.html">Moxxy UI: April 2024 progress report
|
||
</a></p><p class="light">07/04 <a href="blog/202403_moxxy_progress_report.html">Moxxy UI: March 2024 progress report
|
||
</a></p><p class="light">13/03 <a href="blog/hello_world.html">Hello world!
|
||
</a></p>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="spacer" style="--size: 2em"></div>
|
||
<a href="#" class="btt"><img class="bttimg" src="media/icons/arrow_upward.png"/></a>
|
||
</main>
|
||
|
||
<footer>
|
||
<div id="footer_box">
|
||
<div class="footer_item">
|
||
<p>Copyright © 2026 Ailyaut</p>
|
||
</div>
|
||
<div class="footer_item">
|
||
<a target="_blank" href="https://digitalbeacon.co/report/ailyaut-com" style="text-decoration: none;">
|
||
<p style="color: black; background-color: var(--accent); padding: 0.2em 0.6em 0.2em 0.6em ; border-radius: 1em;">
|
||
0.01g of CO₂/view
|
||
</p>
|
||
</a>
|
||
</div>
|
||
<div class="footer_item" style="justify-content: flex-end; gap: 1.75em;">
|
||
<a rel="me" href="https://mastodon.online/@ailyaut" target="_blank"><img src="media/icons/mastodon.png" class="icon" alt="Mastodon" title="Mastodon"/></a>
|
||
<a href="https://www.youtube.com/@ailyaut" target="_blank"><img src="media/icons/youtube.png" class="icon" alt="YouTube" title="YouTube"/></a>
|
||
<a href="https://ailyaut.bandcamp.com/" target="_blank"><img src="media/icons/bandcamp.png" class="icon" alt="Bandcamp" title="Bandcamp"/></a>
|
||
<a href="https://codeberg.org/ailyaut" target="_blank"><img src="media/icons/git.png" class="icon" alt="Git" title="Git"/></a>
|
||
<a href="rss.xml"><img src="media/icons/rss.png" class="icon" alt="RSS feed" title="RSS feed"/></a>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
</body>
|