Create curriculum pathway view

[kelbyhawn]

Creates a curriculum_pathway.haml view for use throughout the code.org site.

• Will be used on the new https://code.org/administrators page: Create code.org/administrators page #55895
• Fully responsive and accessible
• Works with LTR and RTL languages

Jira ticket: ACQ-1405

---

Desktop

Hovers.mov

Keyboard Nav

Keyboard.mov

Responsive

Screen.Recording.2024-01-25.at.1.00.16.PM.mov

Mobile

[kelbyhawn]

I tried using helper methods for all of these but kept getting syntax errors — going with the long version in an effort to get this out 🥲

[TurnerRiley]

Wow Kelby this looks amazing !

[breville]

Very nice! One suggestion is to render the > transparently when not hovering, so that when hovering, the layout doesn't change.

[kelbyhawn]

Very nice! One suggestion is to render the > transparently when not hovering, so that when hovering, the layout doesn't change.

@breville the layout change was in the Figma mock, but I'll ask Moshe if he wants me to change it.

[breville]

Very nice! One suggestion is to render the > transparently when not hovering, so that when hovering, the layout doesn't change.

@breville the layout change was in the Figma mock, but I'll ask Moshe if he wants me to change it.

Fair point. I do thing it's a bit abrupt (text moving just because you hover over it feels less then ideal), and it does lead to some even more abrupt transitions at certain widths, like here:

course-explorer-responsive.mov

[kelbyhawn]

Fair point. I do thing it's a bit abrupt (text moving just because you hover over it feels less then ideal), and it does lead to some even more abrupt transitions at certain widths, like here…

I talked to Moshe and we have a solution: Jira ticket!