add carousels for features

overrides/common/story-data.ts

@@ -30,9 +30,8 @@ export const visitLocationFeaturesStoryIds = {
   ],
   "si_nmnh" : [
     "eyes_on_earth",
-    "si_hyperwall",
     "hometown_dashboard",
-    "unveiling_time",
+    "time_unveiled",
   ]
 };
 

stories/locfeature.HOMETOWN.mdx

@@ -8,7 +8,7 @@ description: "
   This interactive display invites users to learn how temperature and precipitation in their home region are projected to change from 1950 to 2100. Select your hometown from a global map, adjust time scales, and interact with visual charts that show historical and predicted climate changes based on different emission scenarios. What future will you choose? 
 "
 media:
-  src: ::file ./locfeature.HOMETOWN/splash.png
+  src: ::file ./locfeature.HOMETOWN/kiosk.png
   alt: "
     Screenshot of the Hometown Dashboard application
   "
@@ -22,11 +22,13 @@ taxonomy:
       - Hometown Dashboard
 ---
 import CardGallery from "./components/card_gallery";
+import Carousel from "../overrides/common/embedded-video-carousel";
+import contentArray from './locfeature.HOMETOWN/carousel_content.jsx';
 
 <Block type='wide'>
-  <Prose>
-    hello
-  </Prose>
+  <Figure>
+    <Carousel items={contentArray} />
+  </Figure>
 </Block>
 
 <CardGallery title={"Related Applications"} storyIds={['mobile_climate_mapper']} />

stories/locfeature.HOMETOWN/carousel_content.jsx

@@ -0,0 +1,39 @@
+const carouselContent = [
+    {
+        "src":new URL("./splash.png", import.meta.url).href,
+        "title":"Hometown Dashboard Splash Screen",
+        "caption":""
+    },
+    {
+        "src":new URL("./map.png", import.meta.url).href,
+        "title":"Map View of Temperature",
+        "caption":""
+    },
+    {
+        "src":new URL("./map_zoom.png", import.meta.url).href,
+        "title":"Zoomed-in Map View of Temperature",
+        "caption":""
+    },
+    {
+        "src":new URL("./annual.png", import.meta.url).href,
+        "title":"Temperature Chart showing Annual Data",
+        "caption":""
+    },
+    {
+        "src":new URL("./monthly.png", import.meta.url).href,
+        "title":"Temperature Chart showing Monthly Data",
+        "caption":""
+    },
+    {
+        "src":new URL("./very_high_monthly.png", import.meta.url).href,
+        "title":"Temperature Chart showing Monthly Data for Very High Emissions Scenario",
+        "caption":""
+    },
+    {
+        "src":new URL("./precipitation_monthly.png", import.meta.url).href,
+        "title":"Precipitation Chart showing Monthly Data for Very High Emissions Scenario",
+        "caption":""
+    },
+]
+
+export default carouselContent;

stories/locfeature.UNVEILTIME.mdx

@@ -8,7 +8,7 @@ description: "
   Spanning periods from days to decades, satellite imagery reveals changes in Earth's landscape over time. At the exhibit, visitors use their silhouette and movement to uncover images from before and after a range of events, including flooding, urbanization, fires, and more. This interactive experience demonstrates some of the human impact on our planet.
 "
 media:
-  src: ::file ./locfeature.UNVEILTIME/images_of_change.png
+  src: ::file ./locfeature.UNVEILTIME/screens.png
   alt: "
     Screenshot of the Hometown Dashboard application
   "
@@ -22,8 +22,11 @@ taxonomy:
       - Hometown Dashboard
 ---
 
+import Carousel from "../overrides/common/embedded-video-carousel";
+import contentArray from './locfeature.UNVEILTIME/carousel_content.jsx';
+
 <Block type='wide'>
-  <Prose>
-    hello
-  </Prose>
+  <Figure>
+    <Carousel items={contentArray} />
+  </Figure>
 </Block>

stories/locfeature.UNVEILTIME/carousel_content.jsx

@@ -0,0 +1,74 @@
+const carouselContent = [
+    {
+        "src":new URL("./Output-Data-Set-1-2.png", import.meta.url).href,
+        "title":"",
+        "caption":""
+    },
+    {
+        "src":new URL("./Output-Data-Set-3-4.png", import.meta.url).href,
+        "title":"",
+        "caption":""
+    },
+    {
+        "src":new URL("./Output-Data-Set-5-6.png", import.meta.url).href,
+        "title":"",
+        "caption":""
+    },
+    {
+        "src":new URL("./Output-Data-Set-7-8.png", import.meta.url).href,
+        "title":"",
+        "caption":""
+    },
+    {
+        "src":new URL("./Output-Data-Set-9-10.png", import.meta.url).href,
+        "title":"",
+        "caption":""
+    },
+    {
+        "src":new URL("./Output-Data-Set-11-12.png", import.meta.url).href,
+        "title":"",
+        "caption":""
+    },
+    {
+        "src":new URL("./Output-Data-Set-13-14.png", import.meta.url).href,
+        "title":"",
+        "caption":""
+    },
+    {
+        "src":new URL("./Output-Data-Set-15-16.png", import.meta.url).href,
+        "title":"",
+        "caption":""
+    },
+    {
+        "src":new URL("./Output-Data-Set-17-18.png", import.meta.url).href,
+        "title":"",
+        "caption":""
+    },
+    {
+        "src":new URL("./Output-Data-Set-19-20.png", import.meta.url).href,
+        "title":"",
+        "caption":""
+    },
+    {
+        "src":new URL("./Output-Data-Set-21-22.png", import.meta.url).href,
+        "title":"",
+        "caption":""
+    },
+    {
+        "src":new URL("./Output-Data-Set-23-24.png", import.meta.url).href,
+        "title":"",
+        "caption":""
+    },
+    {
+        "src":new URL("./Output-Data-Set-25-26.png", import.meta.url).href,
+        "title":"",
+        "caption":""
+    },
+    {
+        "src":new URL("./Output-Data-Set-27-28.png", import.meta.url).href,
+        "title":"",
+        "caption":""
+    }
+];
+
+export default carouselContent;