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 K5 PL marketing page #57904

Merged
merged 10 commits into from Apr 10, 2024
Merged

Update K5 PL marketing page #57904

merged 10 commits into from Apr 10, 2024

Conversation

kelbyhawn
Copy link
Contributor

@kelbyhawn kelbyhawn commented Apr 9, 2024

Updates the K-5 Professional Learning marketing page https://code.org/professional-learning/elementary

  • Redirects https://code.org/professional-development-workshops here
  • Page is fully responsive and works with LTR and RTL languages
  • The map doesn't show pins locally, but should work on production since I didn't change any of the JS
    • I will double check once it's live

Related PRs:

Jira ticket: ACQ-1412


localhost code org_3000_professional-learning_elementary

@kelbyhawn kelbyhawn requested a review from a team as a code owner April 9, 2024 19:16
@@ -23,6 +23,7 @@ theme: responsive_full_width
%li=hoc_s(:pl_middle_high_top_list_01)
%li=hoc_s(:pl_middle_high_top_list_02)
%li=hoc_s(:pl_middle_high_top_list_03)
%li=hoc_s("pl_page_k5.top_list_04")
Copy link
Contributor Author

Choose a reason for hiding this comment

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

@dmcavoy added this re: this Figma comment
Screenshot 2024-04-10 at 1 08 14 PM

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Here's the updated map styles including responsive:

Screen.Recording.2024-04-10.at.1.13.47.PM.mov

@kelbyhawn kelbyhawn requested a review from a team April 10, 2024 20:15
@@ -77,10 +77,10 @@ section.bg-pattern-dark {

// Adds 2rem of space above or below an element
.add-margin-top {
margin-top: 2rem;
margin-top: 2rem !important;
Copy link
Contributor

Choose a reason for hiding this comment

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

can you add a comment as to why !important is needed here?

Also, more broadly, sorry for being a stickler here -- as you know, this is an anti-pattern and I'd like to understand why we need to do this. I completely believe that it's needed, just want to know why :)

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Yes definitely! I'll do it in a followup, but the short answer is that this can be used as a utility class that will override existing margin-top on any element.

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.

One ask for a comment -- feel free to follow-up if you want to get this in sooner!

@kelbyhawn kelbyhawn merged commit e33849a into staging Apr 10, 2024
2 checks passed
@kelbyhawn kelbyhawn deleted the update-k-5-pl-page branch April 10, 2024 21:06
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