ailyaut/ailyaut.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

blog post 'A new dawn'

Browse Source
This commit is contained in:
ailyaut 2025-06-01 12:32:41 +02:00
parent 0e2518ea4c
commit 25f317f356
7 changed files with 149 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
blog.html
View File

@ -52,6 +52,23 @@
<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
@ -81,23 +98,6 @@
<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 class="column" style="--custom_width: 33%; gap: 1em">
<a href="blog/202403_moxxy_progress_report.html" class="card" style="text-decoration: none;">
<img src="blog/media/2024/20240407_moxxy_progress.png
" alt="Moxxy UI: March 2024 progress report
" title="Moxxy UI: March 2024 progress report
" class="card_image"/>
<div class="box">
<div class="column" style="width: 100%;">
<h3 class="card_title">Moxxy UI: March 2024 progress report
</h3>
<p class="card_text">
Although I haven't communicated much about it, I've been working on a new interface for Moxxy since October 2023. I created this blog mainly to present my work on this open source project.
</p>
</div>
</div>
@ -110,7 +110,8 @@
<div class="box">
<div class="column" style="width: 100%;">
<h2 id="all">All posts</h2>
<hr><h3>2024</h3><p class="light">09/06&emsp;<a href="blog/202405_moxxy_progress_report.html">Moxxy UI: May 2024 progress report
<hr><h3>2025</h3><p class="light">01/06&emsp;<a href="blog/a_new_dawn.html">A new dawn
</a></p><hr><h3>2024</h3><p class="light">09/06&emsp;<a href="blog/202405_moxxy_progress_report.html">Moxxy UI: May 2024 progress report
</a></p><p class="light">08/05&emsp;<a href="blog/202404_moxxy_progress_report.html">Moxxy UI: April 2024 progress report
</a></p><p class="light">07/04&emsp;<a href="blog/202403_moxxy_progress_report.html">Moxxy UI: March 2024 progress report
</a></p><p class="light">13/03&emsp;<a href="blog/hello_world.html">Hello world!

75
blog/a_new_dawn.html Normal file
View File

@ -0,0 +1,75 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>A new dawn
– 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="A new dawn
– 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/blog/media/2025/website_update.png
" />
<meta property="og:description" content="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.
" />
<meta property="og:locale" content="en_US" />
</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">
<div class="column" style="--custom_width: 60%;">
<h1>A new dawn
</h1><p class="light">01/06/2025 · 2 min</p><div class="spacer" style="--size: 1em"></div><p>If you've been following this blog since its beginnings in 2024, back when the URL was still <a href="https://ailyaut.robotfumeur.fr">ailyaut.robotfumeur.fr</a>, then you've probably noticed that it hasn't been updated much in the last year.<br />
My intent with this blog was to post at least once a month on Moxxy, but it took so much time to write the blog posts in HTML that I felt it just wasn't worth it.</p>
<p>So I switched to WordPress.</p>
<p>Just kidding, I wrote a big Python script that allows me to write the blog posts in Markdown, and then translates everything to HTML and updates all the necessary pages as well as the RSS feed. It might be overcomplicated, and it might be horrendous code, but it works.</p>
<p>I am therefore starting this blog again, with a new, cleaner (and cooler) URL : <a href="https://ailyaut.com">ailyaut.com</a>.<br />
I cleaned up the HTML and CSS, changed the colors and fonts (Space Grotesk is a cool font but it just feels overused now), and compressed all images so much that they are now blurry on mobile, all to achieve a &lt;100KB homepage. Which is not that small but I'm an artist so I need images everywhere.<br />
Oh, and I broke all the previous links. Sorry!</p>
<p>I'm going to start sharing a lot of my works on this website, including updates on the Moxxy UI of course, and personal projects such as... a ready-to-print card game that I illustrated?? That's right, so stay tuned.</p>
<p>:^)</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>

20
blog/md/20250601+a_new_dawn.md Normal file
View File

@ -0,0 +1,20 @@
title = A new dawn
timestamp = 1748773800
preview = 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.
thumb = blog/media/2025/website_update.png
+++
If you've been following this blog since its beginnings in 2024, back when the URL was still [ailyaut.robotfumeur.fr](https://ailyaut.robotfumeur.fr), then you've probably noticed that it hasn't been updated much in the last year.
My intent with this blog was to post at least once a month on Moxxy, but it took so much time to write the blog posts in HTML that I felt it just wasn't worth it.
So I switched to WordPress.
Just kidding, I wrote a big Python script that allows me to write the blog posts in Markdown, and then translates everything to HTML and updates all the necessary pages as well as the RSS feed. It might be overcomplicated, and it might be horrendous code, but it works.
I am therefore starting this blog again, with a new, cleaner (and cooler) URL : [ailyaut.com](https://ailyaut.com).
I cleaned up the HTML and CSS, changed the colors and fonts (Space Grotesk is a cool font but it just feels overused now), and compressed all images so much that they are now blurry on mobile, all to achieve a <100KB homepage. Which is not that small but I'm an artist so I need images everywhere.
Oh, and I broke all the previous links. Sorry!
I'm going to start sharing a lot of my works on this website, including updates on the Moxxy UI of course, and personal projects such as... a ready-to-print card game that I illustrated?? That's right, so stay tuned.
:^)

BIN
blog/media/2025/website_update.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

40
index.html
View File

@ -47,12 +47,12 @@
<div class="spacer" style="--size: 2em"></div>
<div class="column" style="--custom_width:75%">
<h1>Heyo!</h1>
<p>I'm Ailyaut, a 24-year-old everything designer with a particular interest in open source and card games.<br>
I have studied 3D animation and now work as a UI & product designer. I code sometimes.
<p>I'm Ailyaut, a 24-year-old everything-designer with a particular interest in open source and card games.<br>
I have studied 3D animation and now work as a UI & product designer, sometimes programmer.
</p>
<p class="light" style="margin-bottom: 0;">
Je m'appelle Ailyaut, je suis un designer touche-à-tout de 24 ans qui s'intéresse particulièrement à l'open source et aux jeux de carte.
J'ai étudié l'animation 3D et je travaille actuellement comme designer UI & produit. Je code même, parfois.
J'ai étudié l'animation 3D et je travaille actuellement comme designer UI & produit, et parfois comme programmeur.
</p>
</div>
</div>
@ -98,6 +98,23 @@
<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
@ -127,23 +144,6 @@
<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 class="column" style="--custom_width: 33%; gap: 1em">
<a href="blog/202403_moxxy_progress_report.html" class="card" style="text-decoration: none;">
<img src="blog/media/2024/20240407_moxxy_progress.png
" alt="Moxxy UI: March 2024 progress report
" title="Moxxy UI: March 2024 progress report
" class="card_image"/>
<div class="box">
<div class="column" style="width: 100%;">
<h3 class="card_title">Moxxy UI: March 2024 progress report
</h3>
<p class="card_text">
Although I haven't communicated much about it, I've been working on a new interface for Moxxy since October 2023. I created this blog mainly to present my work on this open source project.
</p>
</div>
</div>

14
rss.xml
View File

@ -11,6 +11,20 @@
</image>
<atom:link href="https://ailyaut.com/rss.xml" rel="self" type="application/rss+xml" />
<item>
<title>A new dawn
</title>
<link>https://ailyaut.com/blog/a_new_dawn.html</link>
<description>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.
</description>
<category>posts</category>
<guid>https://ailyaut.com/blog/a_new_dawn.html</guid>
<dc:creator>Ailyaut</dc:creator>
<pubDate>Sun, 01 Jun 2025 12:30:00 +0200</pubDate>
<image>https://ailyaut.com/blog/media/2025/website_update.png
</image>
</item>
<item>
<title>Moxxy UI: May 2024 progress report
</title>

2
scripts/templates/index.html
View File

@ -64,7 +64,7 @@
<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;">Featured project</h2>
<img class="icon" src="media/icons/verified.png">
<img class="icon" src="media/icons/verified.svg">
</div>
<p style="min-width: max-content; position: relative; top: 0.75em;"><a href="projects.html" class="light">All projects ></a></p>
</div>