From dc60f35cca4d82f73294cb194df9f8202ffd4966 Mon Sep 17 00:00:00 2001
From: Ethan Paul <24588726+enpaul@users.noreply.github.com>
Date: Sun, 18 Oct 2020 23:52:19 -0400
Subject: [PATCH] Update projects page to be more complete and better
 structured

---
 projects/index.html | 62 ++++++++++++++++++++++++++++-----------------
 1 file changed, 39 insertions(+), 23 deletions(-)

diff --git a/projects/index.html b/projects/index.html
index 112a82c..06c719d 100644
--- a/projects/index.html
+++ b/projects/index.html
@@ -89,47 +89,63 @@
       </div>
 
       <div class="row">
-        <div class="col-md-3" id="project-section-travel">
-          <a class="project-item" style="background-image: url(../img/project-card-travel.jpg);" href="#">
+        <div class="col-md-4" id="project-section-travel">
+          <a class="project-item" style="background-image: url(https://cdn.enp.one/img/projects/road.jpg);" href="https://www.instagram.com/allaroundhere/">
             <div class="details">
               <h4>Travel</h4>
-              <span>Going absolutely nowhere very, very slowly</span>
+              <span>
+                I spend a lot of time on the road (or railway, or hiking path) and I
+                like to take photos of interesting things I find. I'm a big believer in
+                finding the joy in the "in-between" places.
+              </span>
             </div>
           </a>
         </div>
 
-        <div class="col-md-3" id="project-section-car">
-          <a class="project-item" style="background-image: url(../img/project-card-car.jpg);" href="#">
+        <div class="col-md-4" id="project-section-car">
+          <a class="project-item" style="background-image: url(https://cdn.enp.one/img/projects/car.jpg);" href="#">
             <div class="details">
-              <h4>Vehicle Maintenence</h4>
-              <span>206,000 miles and counting!</span>
+              <h4>Car Work</h4>
+              <span>
+                A Toyota 4Runner will run forever...if you take good care of it
+                (which I'm trying to do!)
+              </span>
             </div>
           </a>
         </div>
 
-        <div class="col-md-3" id="project-section-waterworks">
-          <a class="project-item" style="background-image: url(../img/project-card-acad.jpg);" href="#">
+        <div class="col-md-4" id="project-section-code">
+          <a class="project-item" style="background-image: url(https://cdn.enp.one/img/projects/programming.jpg);" href="https://github.com/enpaul/">
             <div class="details">
-              <h4>Campus Structure Docs</h4>
-              <span>AutoCAD, legacy data, organization <br>of field data</span>
+              <h4>Programming</h4>
+              <span>
+                I tinker with some stuff, my public projects are on my Github.
+              </span>
             </div>
           </a>
         </div>
 
-        <div class="col-md-3" id="project-section-waterworks">
-          <a class="project-item" style="background-image: url(../img/project-card-acad.jpg);" href="#">
-            <div class="details">
-              <h4>Campus Structure Docs</h4>
-              <span>AutoCAD, legacy data, organization <br>of field data</span>
-            </div>
-          </a>
-        </div>
-
-        <div class="col-md-3" id="project-section-homelab">
-          <a class="project-item" style="background-image: url(../img/project-card-server.jpg);" href="#">
+        <div class="col-md-5" id="project-section-homelab">
+          <a class="project-item" style="background-image: url(https://cdn.enp.one/img/projects/server.jpg);" href="https://enpaul.net/homelab/">
             <div class="details">
               <h4>Homelab</h4>
-              <span>My data, my hardware</span>
+              <span>
+                My data on my hardware. My formal degree had nothing to do with
+                computers or networking, I learned almost everything I know about
+                that from the handful of servers sitting in my closet.
+              </span>
+            </div>
+          </a>
+        </div>
+
+        <div class="col-md-7" id="project-section-waterworks">
+          <a class="project-item" style="background-image: url(https://cdn.enp.one/img/projects/allis.jpg);" href="https://waterworksmuseum.org/">
+            <div class="details">
+              <h4>Metropolitan Waterworks Museum</h4>
+              <span>
+                The Waterworks Museum combines two of my favorite things: local history
+                and enormous hundred-year-old steam engines.
+              </span>
             </div>
           </a>
         </div>