Update projects page to be more complete and better structured

This commit is contained in:
Ethan Paul 2020-10-18 23:52:19 -04:00
parent 880ee00c0b
commit dc60f35cca
No known key found for this signature in database
GPG Key ID: C5F5542B54A4D9C6

View File

@ -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>