changed overview image rendering to use toml file

Author: emsimons

data/featured_projects/projects.toml

@@ -0,0 +1,36 @@
+# The 6 projects listed in this toml file render as the six linked images on the Overview page.
+
+# Key:
+# img = Image path in the static folder
+# alt = Alt text for the image (name of the project)
+# link = Hyperlink for the image (to arXiv)
+
+# Top left
+img1       = "project-images/presto-4.svg"
+alt1       = "Mapping the Multiverse of Latent Representations"
+link1      = "https://arxiv.org/abs/2402.01514"
+
+# Top center
+img2       = "project-images/dect-4.svg"
+alt2       = "Differentiable Euler Characteristic Transform"
+link2      = "https://arxiv.org/abs/2310.07630"
+
+# Top right
+img3       = "project-images/magnitude-4.svg"
+alt3       = "Metric Space Magnitude for Diversity Evaluation"
+link3      = "https://arxiv.org/abs/2311.16054"
+
+# Bottom left
+img4     = "project-images/tardis-4.svg"
+alt4     = "Topological Singularity Detection"
+link4    = "https://arxiv.org/abs/2210.00069"
+
+# Bottom center
+img5      = "project-images/curvature-filtrations-4.svg"
+alt5      = "Curvature Filtrations"
+link5     = "https://arxiv.org/abs/2301.12906"
+
+# Bottom right
+img6    = "project-images/mantra-4.svg"
+alt6    = "Manifold Triangulations Assembly"
+link6   = "https://arxiv.org/abs/2410.02392"

layouts/shortcodes/projects.html

@@ -1,39 +1,42 @@
-<div class="projects-grid">
-    <div class="project-column">
-        <a href="https://arxiv.org/abs/2402.01514">
-            <img src="project-images/presto-4.svg" alt="Mapping the Multiverse of Latent Representations">
-        </a>
+<div>
+    {{ $projects := .Site.Data.featured_projects.projects }}
+    <div class="projects-grid">
+        <div class="project-column">
+            <a href="{{ $projects.link1 }}">
+                <img src="{{ $projects.img1 }}" alt="{{ $projects.alt1 }}">
+            </a>
+        </div>
+        <div class="project-column">
+            <a href="{{ $projects.link2 }}">
+                <img src="{{ $projects.img2 }}" alt="{{ $projects.alt2 }}">
+            </a>
+        </div>
+        <div class="project-column">
+            <a href="{{ $projects.link3 }}">
+                <img src="{{ $projects.img3 }}" alt="{{ $projects.alt3 }}">
+            </a>
+        </div>
     </div>
-    <div class="project-column">
-        <a href="https://arxiv.org/abs/2310.07630">
-            <img src="project-images/dect-4.svg" alt="Differentiable Euler Characteristic Transform">
-        </a>
-    </div>
-    <div class="project-column">
-        <a href="https://arxiv.org/abs/2311.16054">
-            <img src="project-images/magnitude-4.svg" alt="Metric Space Magnitude for Diversity Evaluation">
-        </a>
-    </div>
-</div>
-
-<div style="display: flex; justify-content: center; align-items: center; width: 100%;">
-    <img src="infinity-logo.svg" style="width: 75%;" alt="Lab Large Infinity Logo">
-</div>
 
-<div class="projects-grid">
-    <div class="project-column">
-        <a href="https://arxiv.org/abs/2210.00069">
-            <img src="project-images/tardis-4.svg" alt="Topological Singularity Detection">
-        </a>
+    <div style="display: flex; justify-content: center; align-items: center; width: 100%;">
+        <img src="infinity-logo.svg" style="width: 75%;" alt="Lab Large Infinity Logo">
     </div>
-    <div class="project-column">
-        <a href="https://arxiv.org/abs/2301.12906">
-            <img src="project-images/curvature-filtrations-4.svg" alt="Curvature Filtrations">
-        </a>
-    </div>
-    <div class="project-column">
-        <a href="https://arxiv.org/abs/2410.02392">
-            <img src="project-images/mantra-4.svg" alt="Manifold Triangulations Assembly">
-        </a>
+
+    <div class="projects-grid">
+        <div class="project-column">
+            <a href="{{ $projects.link4 }}">
+                <img src="{{ $projects.img4 }}" alt="{{ $projects.alt4 }}">
+            </a>
+        </div>
+        <div class="project-column">
+            <a href="{{ $projects.link5 }}">
+                <img src="{{ $projects.img5 }}" alt="{{ $projects.alt5 }}">
+            </a>
+        </div>
+        <div class="project-column">
+            <a href="{{ $projects.link6 }}">
+                <img src="{{ $projects.img6 }}" alt="{{ $projects.alt6 }}">
+            </a>
+        </div>
     </div>
 </div>