152 lines
7.1 KiB
HTML
152 lines
7.1 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/moxxy_becomes_expressive.html" class="card" style="text-decoration: none;">
|
||
<img src="blog/media/2026/moxxy_ui.png
|
||
" alt="Moxxy becomes expressive
|
||
" title="Moxxy becomes expressive
|
||
" class="card_image"/>
|
||
<div class="box">
|
||
<div class="column" style="width: 100%;">
|
||
<h3 class="card_title">Moxxy becomes expressive
|
||
</h3>
|
||
<p class="card_text">
|
||
A lot has happened since I last worked on Moxxy, the most important for us today being the release of Material 3 Expressive. I personally love the direction Google is taking by making the UI fun for users (and designers!) while still focusing on and improving ease of use and readability.
|
||
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div><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>
|
||
</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">21/02 <a href="blog/moxxy_becomes_expressive.html">Moxxy becomes expressive
|
||
</a></p><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>
|