--- /dev/null
+figure {
+ text-align: center;
+
+ img {
+ max-height: 300px;
+ }
+}
--- /dev/null
+---
+.title = "Devlog",
+.date = @date("1990-01-01T00:00:00"),
+.author = "Alexander Goussas",
+.layout = "page.shtml",
+.draft = false,
+---
+
+## About
+
+I started this devlog to keep track of the things I'm working on that not
+necessarily merit a YouTube video on their on. It's written in a flow of
+conscience way, so I cannot promise it to make sense.
+
+## Updates
+
+### 31.05.2026
+
+- Created a web ui for larousse API. Used Quarkus' templating engine, Qute.
+- Opened a MR in the Zine repository to add a `containsAny` helper: https://github.com/kristoff-it/zine/pull/224.
--- /dev/null
+---
+.title = "Projects",
+.date = @date("1990-01-01T00:00:00"),
+.author = "Alexander Goussas",
+.layout = "projects.shtml",
+.draft = false,
+---
+
+## larousse API
+
+
+
+A REST API that serves word translations and definitions, with an accompanying
+web ui à la Google Translate, but less crappy.
+
+- Source code: https://git.frustrated-labs.net/?p=larousseapi;a=summary
+- Project website: https://lang.frustrated-labs.net/#
<div>
<h2>Posts</h2>
<ul :loop="$page.subpages()" id="posts">
- <li class="post-preview">
+ <li class="post-preview" :if="$loop.it.title.containsAny('Devlog', 'Project').not()">
<span :text="$loop.it.date.format('January 02, 2006')"></span>
<a href="$loop.it.link()">
<h3 :text="$loop.it.title"></h3>
--- /dev/null
+<extend template="base.shtml">
+<head id="head">
+ <link type="text/css" rel="stylesheet" href="$site.asset('projects.css').link()">
+</head>
+<body id="body">
+ <h1 :text="$page.title"></h1>
+ <div :html="$page.content()"></div>
+</body>
<li class="nav-item" style="background-color: yellow; color: black;">
<a href="$site.page('').link()">home</a>
</li>
+ <li class="nav-item" style="background-color: darkseagreen; color: black;">
+ <a href="$site.page('devlog').link()">devlog</a>
+ </li>
+ <li class="nav-item" style="background-color: lavender; color: black;">
+ <a href="$site.page('projects').link()">projects</a>
+ </li>
<li class="nav-item">
<a href="https://youtube.com/@aloussase" target="_blank">youtube</a>
</li>
- <li class="nav-item" style="background-color: purple;">
+ <li class="nav-item" style="background-color: darkslateblue;">
<a href="https://github.com/aloussase" target="_blank">github</a>
</li>
- <li class="nav-item" style="background-color: blue;">
+ <li class="nav-item" style="background-color: dodgerblue;">
<a href="https://linkedin.com/in/alexander-goussas" target="_blank">linkedin</a>
</li>
- <li class="nav-item" style="background-color: red;">
+ <li class="nav-item" style="background-color: tomato;">
<a href="/rss.xml" target="_blank">rss</a>
</li>
</ul>