From dd08a2afcd2b008186096e2f41f26102854372e5 Mon Sep 17 00:00:00 2001
From: Sadeep Madurange <sadeep@asciimx.com>
Date: Sat, 25 Oct 2025 11:35:29 +0800
Subject: Use template for project list.

---
 _site/assets/css/main.css | 16 ++++++++-
 _site/projects/index.html | 85 ++++++++++++++++++++++++++++++-----------------
 2 files changed, 69 insertions(+), 32 deletions(-)

(limited to '_site')

diff --git a/_site/assets/css/main.css b/_site/assets/css/main.css
index 0a787f2..fca50c0 100644
--- a/_site/assets/css/main.css
+++ b/_site/assets/css/main.css
@@ -29,14 +29,28 @@ a {
 }
 
 img {
+  width: 100%;
   mix-blend-mode: multiply;
 }
 
 table {
-  border: none;
   width: 100%;
 }
 
+table, tr, td {
+  border: none;
+}
+
+td {
+  background-color: transparent;
+}
+
+.project-item {
+  width: 50%;
+  border: none;
+  vertical-align: top;
+}
+
 #navlist > .active > a {
   color: #000;
   font-weight: 600;
diff --git a/_site/projects/index.html b/_site/projects/index.html
index a1ebd40..af602a6 100644
--- a/_site/projects/index.html
+++ b/_site/projects/index.html
@@ -24,37 +24,60 @@
       </ul>
     </div>
 
-    <main class="container" id="main"><table style="border: none; width: 100%">
-  <tr style="border: none;">
-    <td style="border: none; width: 50%; vertical-align: top; background-color: transparent;">
-      <img src="e-reader/thumb.png" alt="E-reader" style="width: 100%">
-      <h5><a href="e-reader">Prototype e-reader</a></h5>
-    </td>
-    <td style="border: none; width: 50%; vertical-align: top; background-color: transparent;">
-      <img src="matrix-digital-rain/thumb.png" alt="The Matrix" style="width: 100%">
-      <h5><a href="matrix-digital-rain">The Matrix digital rain</a></h5>
-    </td>
-  </tr>
-  <tr style="border: none;">
-    <td style="border: none; width: 50%; vertical-align: top; background-color: transparent;">
-      <img src="etlas/dash.jpg" alt="Etlas" style="width: 100%">
-      <h5><a href="etlas">Etlas: e-paper display for news, stocks, and the weather</a></h5>
-    </td>
-    <td style="border: none; width: 50%; vertical-align: top; background-color: transparent;">
-      <img src="bumblebee/thumb.png" alt="Bumblebee" style="width: 100%">
-      <h5><a href="bumblebee">Bumblebee: turn browser sessions to code</a></h5>
-    </td>
-  </tr>
-  <tr style="border: none;">
-    <td style="border: none; width: 50%; vertical-align: top; background-color: transparent;">
-      <img src="fpm-door-lock/pcb.jpg" alt="FPM door lock" style="width: 100%">
-      <h5><a href="fpm-door-lock">Prototype fingerprint door lock</a></h5>
-    </td>
-    <td style="border: none; width: 50%; vertical-align: top; background-color: transparent;">
-      <img src="desktop-unix/linux.png" alt="Unix desktop" style="width: 100%">
-      <h5><a href="desktop-unix">Unix for the desktop</a></h5>
-    </td>
-  </tr>
+    <main class="container" id="main"><table>
+  
+  
+    <tr>
+    
+    
+        <td class="project-item">
+          
+          <img src="e-reader/thumb.png" alt="Prototype e-reader">
+          <h5><a href="e-reader">Prototype e-reader</a></h5>
+        </td>
+    
+        <td class="project-item">
+          
+          <img src="matrix-digital-rain/thumb.png" alt="The Matrix digital rain for Unix terminals">
+          <h5><a href="matrix-digital-rain">The Matrix digital rain for Unix terminals</a></h5>
+        </td>
+    
+    </tr>
+  
+    <tr>
+    
+    
+        <td class="project-item">
+          
+          <img src="etlas/dash.jpg" alt="Etlas: e-paper display for news, stocks, and the weather">
+          <h5><a href="etlas">Etlas: e-paper display for news, stocks, and the weather</a></h5>
+        </td>
+    
+        <td class="project-item">
+          
+          <img src="bumblebee/thumb.png" alt="Bumblebee: turn browser sessions to code">
+          <h5><a href="bumblebee">Bumblebee: turn browser sessions to code</a></h5>
+        </td>
+    
+    </tr>
+  
+    <tr>
+    
+    
+        <td class="project-item">
+          
+          <img src="desktop-unix/linux.png" alt="Unix for the desktop">
+          <h5><a href="desktop-unix">Unix for the desktop</a></h5>
+        </td>
+    
+        <td class="project-item">
+          
+          <img src="fpm-door-lock/pcb.jpg" alt="Prototype fingerprint door lock">
+          <h5><a href="fpm-door-lock">Prototype fingerprint door lock</a></h5>
+        </td>
+    
+    </tr>
+  
 </table>
 </main>
 
-- 
cgit v1.2.3