Use template for project list.

1 files changed, 54 insertions, 31 deletions

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>