Updated Press Release

public/index.html

@@ -208,10 +208,38 @@ <h2 class="text-uppercase fw-bold">Saniya Nanu</h2>
             </div>
           </div>
         </div>
-        <div style="padding-top: 5vh; padding-bottom: 2vh; text-align: center;">
-          <h1 class="text-center" style="padding-bottom: 3vh;">Press Release</h1>
-          <iframe src="assets/documents/SLC Press Release.pdf" width="800" height="600"></iframe>
-        </div>
+        <div id="press-release-container" style="padding-top: 5vh; padding-bottom: 2vh; text-align: center;"></div>
+
+<script>
+  fetch('press_releases.json')
+    .then(response => response.json())
+    .then(data => {
+      const container = document.getElementById('press-release-container');
+
+      const mostRecent = data.shift();
+
+      container.innerHTML = `
+      <h1 style="padding-bottom: 3vh;">Press Release</h1>
+<div style="margin-bottom: 2rem; text-align: center;">
+  <h2 style="padding-bottom: 3vh;">Most Recent Press Release</h2>
+  <iframe src="${mostRecent.link}" width="800" height="800" style="border: none; display: block; margin: 0 auto;"></iframe>
+</div>
+
+<div style="text-align: center;">
+  <h2 style="padding-bottom: 2vh;">Past Press Releases</h2>
+  <ul style="list-style-type: none; padding-left: 0; margin: 0; display: inline-block; text-align: left;"></ul>
+  ${data.map(release => `
+     <li><a href="${release.link}"
+      target="_blank">${release.title}</a></li>
+      `).join('')}
+      </ul>
+      <div>
+        `;
+      })
+      .catch(error => console.error('Error loading press release:', error));
+</script>
+
+
         <div class="container" style="
             display: flex;
             flex-direction: column;

public/press_releases.json

@@ -0,0 +1,16 @@
+[
+
+    {
+      "title": "Press Release January 2023",
+      "link": "assets/documents/SLC Press Release.pdf"
+    },
+    {
+      "title": "Press Release June 2023",
+      "link": "assets/documents/press-release-2023-06.pdf"
+    },
+    {
+      "title": "Press Release November 2023",
+      "link": "assets/documents/press-release-2023-11.pdf"
+    }
+  ]
+

public/press_releases_overview.md

@@ -0,0 +1,28 @@
+# Press Releases JSON Structure
+
+## Structure
+
+The `pressReleases` array contains objects with the following properties:
+
+!! The Most recent press release is the very top title-link set, after that are the most recent ones. When updating rememebr this. !!
+
+- **title**: The title of the press release.
+- **link**: URL to the PDF document.
+
+## Example
+
+```json
+{
+
+    {
+      "title": "Press Release January 2023",
+      "link": "assets/documents/press-release-2023-01.pdf",
+    }
+
+    {
+      "title": "Press Release December 2022",
+      "link": "assets/documents/press-release-2022-12.pdf",
+    }
+
+}
+```