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 to use Swiper on hourofcode.com/ai #58531

Merged
merged 4 commits into from May 14, 2024

Conversation

kelbyhawn
Copy link
Contributor

@kelbyhawn kelbyhawn commented May 10, 2024

Updates the carousels on https://hourofcode.com/ai to use Swiper.

This PR also sets up the HoC site to use Swiper easily from here on out! I copied over the styles from the code.org site so they look identical and are responsive and work with LTR and RTL languages (although RTL is not set up on this page, but that is out of scope for this ticket).

Links

Jira ticket: ACQ-1883

Testing story

Tested locally


Video carousel

Videos.mov

Action block carousels

Blocks_01.mov
Blocks_02.mov
Blocks_03.mov

@@ -1,19 +1,17 @@
- video_item_index = 9

- video_embed_link = ["X-AWdfSFCHQ", "X994dDnmRmY", "Ok-xpKjKp2g", "OeU5m6vRyCk", "x2mRoFNm22g", "JrXazCEACVo", "2hXG8v8p0KM", "tJQSyzBUAew", "zNxw5gJtHLc"]
- video_embed_link = ["Ok-xpKjKp2g", "OeU5m6vRyCk", "x2mRoFNm22g", "JrXazCEACVo", "2hXG8v8p0KM", "X-AWdfSFCHQ", "X994dDnmRmY", "tJQSyzBUAew", "zNxw5gJtHLc"]
Copy link
Contributor Author

Choose a reason for hiding this comment

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

I updated this list order to match what we have on https://code.org/videos.

@kelbyhawn kelbyhawn requested a review from a team May 10, 2024 20:46
Copy link
Contributor

@bethanyaconnor bethanyaconnor left a comment

Choose a reason for hiding this comment

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

Looks good!

@kelbyhawn kelbyhawn merged commit 3a51d83 into staging May 14, 2024
2 checks passed
@kelbyhawn kelbyhawn deleted the add-swiper-carousel-to-ai-page-hoc branch May 14, 2024 15:07
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.

None yet

2 participants