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

Conversation

agurvich
Copy link
Collaborator

@agurvich agurvich commented Dec 5, 2023

this carousel content was placeholder that should've been removed. The youtube link is not real, it would ideally be a collage of three images (I think I had composited them with the thumbnail).

In the future, it could be good to display a thumbnail instead of a youtube video if one is present in the carousel-content.json.

this carousel content was placeholder that should've been removed.
The youtube link is not real, it would ideally be a collage of three images.
Copy link

netlify bot commented Dec 5, 2023

Deploy Preview for earth-information-center ready!

Name Link
🔨 Latest commit 21db795
🔍 Latest deploy log https://app.netlify.com/sites/earth-information-center/deploys/6577cee01b80c700086be9da
😎 Deploy Preview https://deploy-preview-80--earth-information-center.netlify.app/
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@agurvich
Copy link
Collaborator Author

agurvich commented Dec 5, 2023

I've gotten a separate request to include images in the carousel component as well. I think by passing along an extra key in the carousel-content metadata ("format":"youtube" or "format":"image") we can conditionally use the Embed or Image mdx block. What do you think @hanbyul-here

@agurvich
Copy link
Collaborator Author

agurvich commented Dec 6, 2023

@agurvich
Copy link
Collaborator Author

agurvich commented Dec 6, 2023

After explaining the lift to implement images (with thumbnails underneath) in the carousel we got a compromise proposal to break out the carousel:

SpaceForEarth-SiteMockup2

All we would need for this is a color block background. Can we make that happen?

@hanbyul-here
Copy link
Collaborator

👋
I believe the inline style like below should work

<Block style={{backgroundColor: 'red'}}>
<Prose>
...

@agurvich
Copy link
Collaborator Author

Aha! I had no idea that styling was exposed there. This gives me so much more flexibility, thanks so much @hanbyul-here. You're my hero!

@agurvich agurvich marked this pull request as ready for review December 11, 2023 19:34
@hanbyul-here
Copy link
Collaborator

@@ -25,10 +25,181 @@ taxonomy:
---

import Carousel from "../overrides/common/embedded-video-carousel";
import contentArray from './locfeature.IMMER/carousel_content.json';
import contentArray from './locfeature.IMMER/carousel_content';
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Carousel component doesn't seem to be necessary anymore?

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes, good call. I removed it from the .mdx file.

@agurvich
Copy link
Collaborator Author

@hanbyul-here is it possible to merge this in and deploy to prod? @slesaad & @j08lue

Copy link
Collaborator

@hanbyul-here hanbyul-here left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The contents layout looks nice!

@j08lue j08lue merged commit fcecd1a into develop Dec 13, 2023
6 checks passed
@j08lue j08lue deleted the remove_broken_carousel branch December 13, 2023 17:15
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants