Added gulp for build automation

Next up: skills as "more" under "about me"

index.html

@@ -56,7 +56,7 @@
         <p>I'm a Computer Science student and Hackathon winner at Arizona State University and I'm interested in the intersection of technology and art. I pride myself in taking a diverse set of interest and my pixel perfect lovingly handcrafted 💯% good
             stuff 👍👌 HTML. These days, you can find me at The State Press working on ways to innovate the news during the week and winning hackathons on the weekends.</p>
         <p>This website is still an active development project, pls don't judge too harshly.</p>
-        <h1>Skills <a id="skilltablebutton" style="text-decoration: underline; font-style: italic; font-weight: normal; font-size: 14px;" onclick="toggleSkillTable()">hide</a></h1>
+        <h1 id="skills">Skills <a id="skilltablebutton" style="text-decoration: underline; font-style: italic; font-weight: normal; font-size: 14px;" onclick="toggleSkillTable()">hide</a></h1>
         <div id="skilltable">
             <table>
                 <tr>
@@ -118,7 +118,7 @@
     <div class="slide">
         <h1>Projects &amp; Experience</h1>
         <div>
-            <div>
+            <div class="project">
                 <div class="cover" id="sierra">
                     <!-- centering container -->
                     <div style="display:table;width:100%;height:100%;margin:0px;">
@@ -129,7 +129,7 @@
                 </div>
                 <p>Project description</p>
             </div>
-            <div>
+            <div class="project">
                 <div class="cover" id="sierra">
                     <!-- centering container -->
                     <div style="display:table;width:100%;height:100%;margin:0px;">
@@ -140,7 +140,7 @@
                 </div>
                 <p>Project description</p>
             </div>
-            <div>
+            <div class="project">
                 <div class="cover" id="sierra">
                     <!-- centering container -->
                     <div style="display:table;width:100%;height:100%;margin:0px;">
@@ -151,7 +151,7 @@
                 </div>
                 <p>Project description</p>
             </div>
-            <div>
+            <div class="project">
                 <div class="cover" id="sierra">
                     <!-- centering container -->
                     <div style="display:table;width:100%;height:100%;margin:0px;">