Added project hub page

added page equivalent to https://e4e.ucsd.edu/projects. Only acoustic is added, will start adding the rest next. Styling is still TODO will be done after rest of the projects have been added in. Adding projects is just a matter of adding an extra item to the blurbs parameter

projects/acoustic-species-id/blurb.yml

@@ -0,0 +1 @@
+test: test

projects/projects.html

@@ -0,0 +1,49 @@
+---
+layout: default
+permalink: /projects
+test: "test"
+blurbs: 
+ - photo: "assets/projects/ASID/acoustic_species_id_thumbnail.png"
+   text: "Collaboration with the San Diego Zoo to parse through and extract meaningful fauna vocalizations from massive audiosets"
+   project_name: "Acoustic Species ID"
+   redict: "/acoustic-species-identification"
+---
+
+<!-- Contains data for indivual project webpage -->
+<div class="projects-overview">
+    <!--TODO INSERT TITLE-->
+
+    <div class="project-gallery">
+        {%- for project_data in page.blurbs -%}
+        <div class="project-container">
+            <a href={{ page.redict }}>
+                <img 
+                    src="{{site.url | append: "/" | append: project_data.photo}}" 
+                    class="gallery_img" 
+                    decoding="async" alt="">
+            </a>
+            <div description>
+                <a href={{ page.redict }}>
+                    {{ project_data.project_name }}
+                </a>
+
+                <p>
+                    {{ project_data.text }}
+                </p>
+            </div>
+        </div>
+    {%- endfor -%}
+    </div>
+    {{page.blurbs}}
+
+    <style>
+        .project-container {
+            width: 250px;
+        }
+
+        img {
+            width: 250px;
+            height: 250px;
+        }
+    </style>
+</div>