150 lines
7.0 KiB
HTML
150 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/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 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>
|
||
</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">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 © 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>
|