149 lines
7.0 KiB
HTML
149 lines
7.0 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/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 class="column" style="--custom_width: 33%; gap: 1em">
|
||
<a href="blog/202405_moxxy_progress_report.html" class="card" style="text-decoration: none;">
|
||
<img src="blog/media/2024/20240407_moxxy_progress.png
|
||
" alt="Moxxy UI: May 2024 progress report
|
||
" title="Moxxy UI: May 2024 progress report
|
||
" class="card_image"/>
|
||
<div class="box">
|
||
<div class="column" style="width: 100%;">
|
||
<h3 class="card_title">Moxxy UI: May 2024 progress report
|
||
</h3>
|
||
<p class="card_text">
|
||
Let's start with a little announcement: from now on, I'll be publishing my .penpot file in the moxxy/design repository on Codeberg on a monthly basis, so that everyone can tinker with the interface to their heart's content! I should have done it from the start, but better late than never!
|
||
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div><div class="column" style="--custom_width: 33%; gap: 1em">
|
||
<a href="blog/202404_moxxy_progress_report.html" class="card" style="text-decoration: none;">
|
||
<img src="blog/media/2024/20240407_moxxy_progress.png
|
||
" alt="Moxxy UI: April 2024 progress report
|
||
" title="Moxxy UI: April 2024 progress report
|
||
" class="card_image"/>
|
||
<div class="box">
|
||
<div class="column" style="width: 100%;">
|
||
<h3 class="card_title">Moxxy UI: April 2024 progress report
|
||
</h3>
|
||
<p class="card_text">
|
||
April has been a busy month, partly due to a Windows Defender Trojan alert that gave me a good excuse to wipe my entire disk and switch to Linux. So this post will be short and without any major news.
|
||
|
||
</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>2025</h3><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 © 2025 Ailyaut</p>
|
||
</div>
|
||
<div class="footer_item">
|
||
<a target="_blank" href="https://www.websitecarbon.com/website/ailyaut-robotfumeur-fr-index-html/" 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.02g 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>
|