Began populating the projects page

projects/index.html

@@ -93,66 +93,66 @@
   </header>
 
   <section id="project">
-    <div class="container wow fadeInUp">
+    <div class="container">
       <div class="row">
         <div class="col-md-12">
           <h3 class="section-title">Projects</h3>
           <div class="section-title-divider"></div>
-          <p class="section-description">Si stante, hoc natura videlicet vult, salvam esse se, quod concedimus ses haec dicturum fuisse</p>
+          <p class="section-description">I work on a lot of different projects. Some of them professional, some of them academic, some of them just for fun, and many of them somewhere between. </p>
         </div>
       </div>
 
       <div class="row">
         <div class="col-md-3">
-          <a class="project-item" style="background-image: url(../img/tile.jpg);" href="">
+          <a class="project-item" id="project-item-instagram" href="/projects/travel/">
             <div class="details">
-              <h4>Portfolio 1</h4>
-              <span>Alored dono par</span>
+              <h4>Travel</h4>
+              <span>"The great affair is to move"<br><i>-Robert Louis Stevenson</i></span>
             </div>
           </a>
         </div>
 
         <div class="col-md-3">
-          <a class="project-item" style="background-image: url(../img/tile.jpg);" href="">
+          <a class="project-item" style="background-image: url(../img/projects/lightsaber.jpg);" href="/projects/3dm/">
             <div class="details">
-              <h4>Portfolio 2</h4>
-              <span>Alored dono par</span>
+              <h4>3D Models</h4>
+              <span>SolidWorks is to 3D-Printing what<br> cake is to dessert</span>
             </div>
           </a>
         </div>
 
         <div class="col-md-3">
-          <a class="project-item" style="background-image: url(../img/tile.jpg);" href="">
+          <a class="project-item" style="background-image: url(../img/projects/car.jpg);" href="/projects/mechanic/">
             <div class="details">
-              <h4>Portfolio 3</h4>
-              <span>Alored dono par</span>
+              <h4>Vehicle Maintenence</h4>
+              <span>206,000 miles and counting!</span>
             </div>
           </a>
         </div>
 
         <div class="col-md-3">
-          <a class="project-item" style="background-image: url(../img/tile.jpg);" href="">
+          <a class="project-item" style="background-image: url(../img/projects/homelab.jpg);" href="/homelab">
             <div class="details">
-              <h4>Portfolio 4</h4>
-              <span>Alored dono par</span>
+              <h4>Homelab</h4>
+              <span>My data, my hardware</span>
             </div>
           </a>
         </div>
 
         <div class="col-md-3">
-          <a class="project-item" style="background-image: url(../img/tile.jpg);" href="">
+          <a class="project-item" style="background-image: url(../img/projects/mqp.jpg);" href="">
             <div class="details">
-              <h4>Portfolio 5</h4>
-              <span>Alored dono par</span>
+              <h4>Major Qualifying Project</h4>
+              <span>A passive knee brace for assisting <br>with Sit-To-Stand Transitions</span>
             </div>
           </a>
         </div>
 
         <div class="col-md-3">
-          <a class="project-item" style="background-image: url(../img/tile.jpg);" href="">
+          <a class="project-item" style="background-image: url(../img/projects/acad.jpg);" href="">
             <div class="details">
-              <h4>Portfolio 6</h4>
-              <span>Alored dono par</span>
+              <h4>Campus Structure Docs</h4>
+              <span>AutoCAD, legacy data, organization <br>of field data</span>
             </div>
           </a>
         </div>
@@ -297,21 +297,21 @@
         </div>
       </div>
     </div>
-  </section>
+  </section>-->
 
   <section id="status">
     <div class="container">
       <div class="row">
         <div class="col-md-8">
-          <h3 class="status-title">Service Status</h3>
-          <p class="status-text">Having trouble accessing a network service? Soon you'll be able to check my network's status online and let me know if there are problems!</p>
+          <h3 class="status-title">Personal Blog</h3>
+          <p class="status-text">As with all things I put online, my blog will mostly be for me to organize my thoughts. That said, feel free to take a look!</p>
         </div>
         <div class="col-md-4 status-btn-container">
           <a class="status-btn" href="#status">Coming Soon!</a>
         </div>
       </div>
     </div>
-  </section>-->
+  </section>
 
   <footer id="footer">
     <div class="container">
@@ -340,6 +340,12 @@
 
   <a href="#top" class="back-to-top"><span title="Back to top"><i class="fa fa-chevron-up"></i></span></a>
 
+  <script type="text/JavaScript">
+    $(document).ready(function() {
+      getLatestInstagram();
+    });
+  </script>
+
 </body>
 
 </html>