Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update carousel_content.json to remove broken link #80

Merged
merged 11 commits into from
Dec 13, 2023
28 changes: 25 additions & 3 deletions overrides/common/embedded-video-carousel.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,8 @@ import {
} from "$veda-ui/@devseed-ui/theme-provider";

import Embed from "$veda-ui-scripts/components/common/blocks/embed";
import BrowserFrameComponent from "$veda-ui-scripts/styles/browser-frame";
import Image from "$veda-ui-scripts/components/common/blocks/images";
import { useMediaQuery } from "$veda-ui-scripts/utils/use-media-query";
import { LoadingSkeleton } from "$veda-ui-scripts/components/common/loading-skeleton";
// required CSS for pure-react-carousel
Expand Down Expand Up @@ -160,12 +162,10 @@ export default function Carousel({ items }: EmbeddedVideosPropType) {
aria-labelledby={`carousel-item-${idx}__label`}
>
<Slide index={idx}>
<Embed
<CarouselItem t={t}
height={height}
src={t.src}
title={t.title}
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen
/>
<DescWrapper>
<h3>{t.title}</h3>
Expand All @@ -184,3 +184,25 @@ export default function Carousel({ items }: EmbeddedVideosPropType) {
</Lazyload>
);
}


function CarouselItem({t,src,height,...params}){
if (t.src.includes('youtube')) return (
<Embed
src={src}
height={height}
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen
{...params}
/>
)
else return (
<BrowserFrameComponent width={"100%"}>
<Image
src={t.src}
height={height}
{...params}
/>
</BrowserFrameComponent>
)
}
Binary file modified stories/external_headers/air_quality_and_covid19.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified stories/external_headers/extra_air_pollution_burden.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added stories/external_headers/hq_map.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified stories/external_headers/pulse_chandelier.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
13 changes: 8 additions & 5 deletions stories/location.HEAD.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -5,11 +5,11 @@ id: "nasa_headquarters"
name: NASA Headquarters
theme: true
description: "
Hours
Mary W. Jackson NASA Headquarters East Lobby
300 E St. SW (East Lobby)
Washington, DC 20546
Monday - Friday
8:30am - 5:30pm
Address
Mary W. Jackson NASA Headquarters East Lobby 300 E St. SW Washington, DC 20546
Admission is free
"
media:
Expand All @@ -36,14 +36,17 @@ import { visitLocationFeaturesStoryIds } from '../overrides/common/story-data';
import CardGallery from "./components/card_gallery";

<Block type="wide">
## EIC Virtual Tour
<Figure>
<Embed
height="405"
src="https://www.youtube.com/embed/2nzAHdqu2QI"
title="A Virtual tour of the Earth Information Center"
/>
<Caption>
</Caption>
NASA satellites provide data on Earth's land, ecosystems, water, air, temperature, and climate-- and have done so for more than 50 years.
Earth information from space supports decision makers, partners, and people in developing the tools needed to mitigate, adapt, and respond to our changing planet.
At the Earth Information Center, visitors can see how our planet is changing in areas that affect lives and livelihoods-- from temperatures in our cities to sea level rise, greenhouse gas emissions to agricultural productivity.
The center showcases large, awe-inspiring visualizations, as well as interactive media, stories and narratives, to show how viewing Earth from space can improve lives in the face of disasters, environmental challenges, and climate change.
</Figure>
</Block>

Expand Down
Binary file modified stories/location.HEAD/nasa_headquarters.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Binary file removed stories/locfeature.HYPER/black_marble.jpg
Binary file not shown.
Binary file removed stories/locfeature.HYPER/blue_marble.jpg
Binary file not shown.
Binary file removed stories/locfeature.HYPER/eyes_on_earth.jpg
Binary file not shown.
Binary file modified stories/locfeature.HYPER/hyperwall.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
184 changes: 176 additions & 8 deletions stories/locfeature.IMMER.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -5,9 +5,9 @@ id: "immersive_earth"
name: Space for Earth
theme: true
description: "
Space for Earth invites viewers to experience Earth as can only be seen from spaceas an interconnected world, lacking boundaries or limits.
This immersive audio-visual installation invites visitors to explore Earth's changing vital signs. Observe, interact with, and become part of the data different federal agencies use to understand our changing planet.
Narrated by: Astronauts Nicole Stott and Andrew Feustel
Space for Earth is an immersive experience that invites viewers to experience Earth as can only be seen from space-- as an interconnected world, lacking boundaries or limits.
This interactive and immersive audio-visual installation invites visitors to explore Earth's changing vital signs.
Observe, interact with, and become part of the data different federal agencies use to understand our changing planet.
"
media:
src: ::file ./locfeature.IMMER/immersive_earth.png
Expand All @@ -24,11 +24,179 @@ taxonomy:
- Space for Earth
---

import Carousel from "../overrides/common/embedded-video-carousel";
import contentArray from './locfeature.IMMER/carousel_content.json';
import CardGallery from "./components/card_gallery";
import { visitLocationFeaturesStoryIds } from '../overrides/common/story-data';

<Block type='wide'>
<Block >
<Prose>
## Visit Space for Earth
agurvich marked this conversation as resolved.
Show resolved Hide resolved
Space for Earth is on view at the Earth Information Center's location as NASA Headquarters in Washington DC.
Admission is free.

## Location & Hours
Mary W. Jackson NASA Headquarters East Lobby
300 E St. SW (East Lobby)
Washington, DC 20546
Monday - Friday
8:30am - 5:30pm
</Prose>
<Figure>
<Image
src={new URL('./external_headers/hq_map.png', import.meta.url).href}
alt='A map of surface streets near the NASA Headquarters in Washington D.C. Nearby D.C. Metro stations are indicated with "M" pins and a globe pin indicates the location of the EIC. '
/>
</Figure>
</Block>

<Block type="wide">
<Prose>
## The Experience
</Prose>
</Block>

<Block style={{backgroundColor:'#1C1C1C',color:'#FCFCFC',paddingTop:"1em"}}>
<Prose>
#### Overview
Space for Earth is a 12' x 12' x 12' immersive cube with projections on 3 walls and the floor providing a unique chance for viewers to perceive Earth from space, be immersed in NASA's Earth data and experience an interconnected and boundless world.
This immersive installation uses real-time NASA satellite data, encouraging active engagement with Earth's transformations.

Narrated by NASA Astronaut Dr. Andrew J. Feustel and retired NASA Astronaut Nicole Stott, the installation incorporates data from various sources, including blue Marble, Black Marble, Eyes on the Earth, MERRA-2 re-analysis, Landsat 7, ASTER, and MODIS NDVI.

Space For Earth is a 7 minute interactive story divided into the following chapters:
</Prose>
<Figure>
<Image
src={new URL('./locfeature.IMMER/01-NASA_EIC_SpaceForEarth_Overview.png', import.meta.url).href}
alt='Photograph of the inside of the Space for Earth exhibit-- a cube painted pure black. The scene is illuminated by vivid green tree imagery on two side walls and floor. An image of earth as viewed from space is on the front wall.'
/>
</Figure>
</Block>

<Block style={{backgroundColor:'#1C1C1C',color:'#FCFCFC'}}>
<Prose>
#### The Blue Marble:
Immerse in the transformative 'overview effect' of the Blue Marble through NASA's BMNG images, revealing the ever-changing planet.
Visualizations depict seasonal land surface changes, fostering a profound understanding of Earth's dynamic nature.
</Prose>
<Figure>
<Image
src={new URL('./locfeature.IMMER/02-NASA_EIC_SpaceForEarth_TheBlueMarble.png', import.meta.url).href}
alt='rainbow colormap image of the hole in the ozone layer above the arctic.'
/>
</Figure>
</Block>

<Block style={{backgroundColor:'#1C1C1C',color:'#FCFCFC'}}>
<Prose>
#### Eyes on the Earth:
Explore the density and sophistication of NASA's orbiting satellites, sourced in real-time from the Eyes on the Earth Web API product.
Satellite motion paths are rendered with a 24-hour delay, providing a visually compelling exploration of their orbital activities.
</Prose>
<Figure>
<Image
src={new URL('./locfeature.IMMER/03-NASA_EIC_SpaceForEarth_EyesOnTheEarth.png', import.meta.url).href}
alt='A woman stands alone in the inside of the Space for Earth exhibit with her arms outstretched.
Many white lines converge on her silhouette, which is projected onto the side walls.'
/>
</Figure>
</Block>

<Block style={{backgroundColor:'#1C1C1C',color:'#FCFCFC'}}>
<Prose>
#### Earth is Breathing:
Experience the living Earth concept through the Earth's Vitals exhibit, highlighting breathing biomimicry.
This includes seasonal polar ice changes and chlorophyll dynamics, offering insight into Earth's vital signs and the interconnected dance of life.
</Prose>
<Figure>
<Image
src={new URL('./locfeature.IMMER/04-NASA_EIC_SpaceForEarth_EarthIsBreathing.png', import.meta.url).href}
alt='Photograph of the inside of the Space for Earth exhibit-- a cube painted pure black. The scene is illuminated by vivid green tree imagery on two side walls and floor. An image of earth as viewed from space is on the front wall.'
/>
</Figure>
</Block>

<Block style={{backgroundColor:'#1C1C1C',color:'#FCFCFC'}}>
<Prose>
#### Earth Vital Signs:
Forge connections between human body systems and Earth systems, noting parallels like fluvial river pathways and wind currents.
The immersive experience features Landsat 7/8, MODIS, and ASTER image data, showcasing Earth's intricate beauty and interconnected systems.

</Prose>
<Figure>
<Image
src={new URL('./locfeature.IMMER/05-NASA_EIC_SpaceForEarth_EarthVitalSigns.png', import.meta.url).href}
alt='A group of men inside the Space for Earth exhibit. An image whirling sand and clouds is displayed on the front walls and stripes of color are smeared on the wall and side walls.'
/>
</Figure>
</Block>

<Block style={{backgroundColor:'#1C1C1C',color:'#FCFCFC'}}>
<Prose>
#### Atmospheric River:
Engage in the exploration of Atmospheric Rivers, Humidity density and global wind currents with the form derived from MERRA-2 data focusing on humidity density around Hawaii.
This interactive sequence enables users to "feel" the data, enhancing their understanding of Earth's climatic phenomena.

</Prose>
<Figure>
<Image
src={new URL('./locfeature.IMMER/06-NASA_EIC_SpaceForEarth_AtmosphericRiver.png', import.meta.url).href}
alt='A group of visitors in the Space for Earth exhibit holding their arms above their heads. Their silhouettes are projected on the front wall and simulated rainfall is diverted by their presence.'
/>
</Figure>
</Block>

<Block style={{backgroundColor:'#1C1C1C',color:'#FCFCFC'}}>
<Prose>
#### Outro / Black Marble:
Embark on a captivating journey through Earth's nighttime overview, interacting with the illuminated eastern seaboard of the US through gestures and movements.
Silhouettes are playfully mirrored, emphasizing the profound connection shared in our interconnected world.

</Prose>
<Figure>
<Image
src={new URL('./locfeature.IMMER/07-NASA_EIC_SpaceForEarth_BlackMarble.png', import.meta.url).href}
alt='.'
/>
</Figure>
</Block>


<Block type="wide" style={{paddingTop:"1em"}}>
<Prose>
## Data / Sources
Data and visualizations from Blue Marble, Black Marble, Eyes on The Earth, MERRA-2 re-analysis, Landsat 7, ASTER, and MODIS Normalized Difference Vegetation Index (NDVI).


Narrated by NASA Astronaut Dr. Andrew J. Feustel and retired NASA Astronaut Nicole Stott.
</Prose>
</Block>

<Block type="wide">
<Prose>
## EIC Virtual Tour
</Prose>
</Block>

<Block type="wide">
<Figure>
<Carousel items={contentArray} />
<Embed
src="https://www.youtube.com/embed/2nzAHdqu2QI"
title="A Virtual tour of the Earth Information Center"
/>
</Figure>
</Block>
</Block>

<Block type="wide">
<Prose>
NASA satellites provide data on Earth's land, ecosystems, water, air, temperature, and climate-- and have done so for more than 50 years.
Earth information from space supports decision makers, partners, and people in developing the tools needed to mitigate, adapt, and respond to our changing planet.
At the Earth Information Center, visitors can see how our planet is


changing in areas that affect lives and livelihoods-- from temperatures in our cities to sea level rise, greenhouse gas emissions to agricultural productivity.
The center showcases large, awe-inspiring visualizations, as well as interactive media, stories and narratives, to show how viewing Earth from space can improve lives in the face of disasters, environmental challenges, and climate change.
</Prose>
</Block>


<CardGallery title={"Features"} storyIds={visitLocationFeaturesStoryIds} />
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed stories/locfeature.IMMER/black_marble.jpg
Binary file not shown.
Binary file removed stories/locfeature.IMMER/blue_marble.jpg
Binary file not shown.
16 changes: 0 additions & 16 deletions stories/locfeature.IMMER/carousel_content.json

This file was deleted.

Binary file removed stories/locfeature.IMMER/eyes_on_earth.jpg
Binary file not shown.
Binary file modified stories/locfeature.IMMER/immersive_earth.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed stories/locfeature.IMMER/vital_signs_1.jpg
Binary file not shown.
Binary file removed stories/locfeature.IMMER/vital_signs_2.jpg
Binary file not shown.
Binary file removed stories/locfeature.IMMER/vital_signs_3.jpg
Binary file not shown.
Loading