Add a new post and a message on index page.

portfolio/index.html

@@ -7,6 +7,8 @@ logosub: Personal weblog
 
 <p>Welcome to my blog.</p>
 
+<p>This part of my website is still under construction, please excuse my mess.</p>
+
 <hr/>
 
 <h4>Recent posts</h4>

portfolio/index_old.html

@@ -1,16 +0,0 @@
----
-title: Home
----
-
-<h2>Welcome</h2>
-
-<img src="/images/haskell-logo.png" style="float: right; margin: 10px;" />
-
-<p>Welcome to my blog!</p>
-
-<p>I've reproduced a list of recent posts here for your reading pleasure:</p>
-
-<h2>Posts</h2>
-$partial("templates/post-list.html")$
-
-<p>…or you can find more in the <a href="/archive.html">archives</a>.</p>

portfolio/pages/en/plamo/gundam/2025-05-02-kawasaki-zaku-ii.md

@@ -4,6 +4,7 @@ title: Kawasaki Zaku II
 page: kawasaki-zaku-ii
 model_name: MS-06 Zaku II
 date: 2025-05-02
+status: Complete
 price: €21,99
 series: Mobile Suit Gundam
 scale: 1/144

portfolio/pages/en/plamo/gundam/2025-10-18-smc-2025-gundam.md

@@ -4,6 +4,7 @@ title: SMC Gundam
 page: smc-2025-gundam
 model_name: RX-178 Mk.II
 date: 2025-10-18
+status: Complete
 price: €10,00
 series: Mobile Suit Zeta Gundam
 scale: 1/144

portfolio/posts/2025-12-14-new-site.md

@@ -0,0 +1,16 @@
+---
+title: New site
+author: Kevin Matsubara
+date: 2025-12-14
+logosub: News posts
+---
+
+Today I released another iteration of my personal website.
+
+My website has evolved often, it started with literally text files opened in Microsoft Notepad and then saved as HTML and CSS files into a folder. My "website" was nothing more than a collection of files on my laptop back in 2005 or so.
+
+Then it was expanded upon with PHP in 2007 and later rebuilt with Python in 2011.
+
+Then everything was rebuilt using React in 2019. And while it worked fine for many years, I just don't see it being a good tool for a simple website such as mine. I do not have many interactive JavaScript elements anyway. My site just consists of simple articles and text.
+
+So now I switched to Hakyll, a website framework made in Haskell. Mostly because I wanted to learn more about functional programming in my free time and move away from Meta's React. And while I rebuilt the site again, now that my content existed already as Markdown files, I had a much easier time moving. No need for a database migration, just simple files.

portfolio/templates/plamo-showcase.html

@@ -1,12 +1,25 @@
-  <ul>
+$for(posts)$
-    $for(posts)$
+<section>
-        <li>
+  <div class="card mb-3" style="max-width: 540px;">
-            <em>$date$</em>&nbsp;<a href="$url$">$title$</a><img src="/images/plamo/gundam/$page$/thumbnail.webp" alt="thumbnail" />
+    <div class="row g-0">
-            $model_name$<br/>
+      <div class="col-md-3">
+        <a href="$url$">
+        <img src="/images/plamo/gundam/$page$/thumbnail.webp" alt="thumbnail" class="img-fluid rounded-start" >
+        </a>
+      </div>
+      <div class="col-md-8">
+        <div class="card-body">
+          <a href="$url$"><h5 class="card-title">$title$</h5></a>
+          <p class="card-text">
+            $model_name$ <span class="badge rounded-pill text-bg-secondary ms-4">$scale$</span><br/>
             Series: $series$<br/>
             $manufacturer$, $release$ - <a href="https://www.scalemates.com/search.php?fkSECTION%5B%5D=All&q=$number$*">$number$</a><br/>
-            $price$, $purchase_location$, $purchase_venue$ <em>($purchase_date$)</em><br/>
+            Bought at $purchase_store$, $purchase_venue$ for $price$ <em>($purchase_date$)</em><br/>
-            $scale$<br/>
+          </p>
-        </li>
+          <p class="card-text"><em class="text-body-secondary">$date$</em></p>
-    $endfor$
+        </div>
-  </ul>
+      </div>
+    </div>
+  </div>
+</section>
+$endfor$