Project folder.

2 files changed, 42 insertions, 2 deletions

diff --git a/_layouts/default.html b/_layouts/default.html
index 77a3ca0..9adf234 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -14,8 +14,11 @@
         <li {% if page.url == "/" %}class="active"{% endif %}>
           <a href="{{ site.baseurl }}/">hme</a>
         </li>
-        <li {% if page.url == "/about.html" %}class="active"{% endif %}>
-          <a href="{{ site.baseurl }}/about.html">abt</a>
+        <li {% if page.url == "/projects/" %}class="active"{% endif %}>
+          <a href="{{ site.baseurl }}/projects/">tnk</a>
+        </li>
+        <li {% if page.url == "/about/" %}class="active"{% endif %}>
+          <a href="{{ site.baseurl }}/about/">abt</a>
         </li>
         <li><a href="{{ site.baseurl }}/feed.xml">rss</a></li>
       </ul>
diff --git a/_layouts/projects.html b/_layouts/projects.html
new file mode 100644
index 0000000..d1d155b
--- /dev/null
+++ b/_layouts/projects.html
@@ -0,0 +1,37 @@
+---
+layout: default
+title: Projects
+---
+
+<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>
+</table>