Add project hub page

projects/projects.html

@@ -7,6 +7,30 @@
    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"
+ - project_name: "Radio Collar Tracker"
+   photo: "assets/projects/radio_collar_tracker/project_radiocollar.jpg"
+   text: "The Airborne Radio Collar Tracker is a low cost solution to tracking wildlife radio collars from an aerial vantage point"
+   redict: "/radio-collar-tracker"
+ - project_name: "Baboons on the Move"
+   photo: "assets/projects/baboons_move/DSCN0254.jpg"
+   text: "Using drone footage and computer vision to track baboon troop movement in the plains of the Laikipia Plateau in Kenya"
+   redict: "/baboons-on-the-move"
+ - project_name: "FishSense"
+   photo: "assets/projects/fishsense/200213_7228_250x250.jpg"
+   text: "Using handheld 3D imaging platforms to monitor and measure fish populations in collaboration with the Scripps Institute of Oceanography"
+   redict: "/fishsense"
+ - project_name: "Mangrove Monitoring"
+   photo: "assets/projects/mangrove/mangrove_monitoring_thumb.jpg"
+   text: "Monitoring the mangrove swamps in Baja California with the Scripps Institute of Oceanography via aerial surveys and 3D reconstruction"
+   redict: "/mangrove-monitoring"
+ - project_name: "Smartfin"
+   photo: "assets/projects/smartfin/SF_seeThrough_square_250x250.jpg"
+   text: "Smartfin brings citizen science to surfing, turning surfboards into coastal monitoring stations to seamlessly gather data on the near-shore environment"
+   redict: "/smartfin"
+ - project_name: "Research Support Group"
+   photo: "assets/projects/reserach_support/e4esquarelogo-v2-1.png"
+   text: "The Research Support Group supports all research operations at E4E"
+   redict: "/research-support-group"
 ---
 
 <!-- Contains data for indivual project webpage -->
@@ -16,14 +40,14 @@
     <div class="project-gallery">
         {%- for project_data in page.blurbs -%}
         <div class="project-container">
-            <a href={{ page.redict }}>
+            <a href={{ project_data.redict }}>
                 <img 
                     src="{{site.url | append: "/" | append: project_data.photo}}" 
                     class="gallery_img" 
                     decoding="async" alt="">
             </a>
             <div description>
-                <a href={{ page.redict }}>
+                <a href={{ project_data.redict }}>
                     {{ project_data.project_name }}
                 </a>
 
@@ -34,9 +58,17 @@
         </div>
     {%- endfor -%}
     </div>
-    {{page.blurbs}}
 
     <style>
+        .project-gallery {
+            display: flex;
+            flex: auto;
+            flex-direction: row;
+            flex-wrap: wrap;
+            justify-content: space-evenly;
+            gap: 10px;
+        }
+
         .project-container {
             width: 250px;
         }