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

feat: banner for SafeAuth #254

Merged
merged 7 commits into from
Dec 5, 2023
Merged

feat: banner for SafeAuth #254

merged 7 commits into from
Dec 5, 2023

Conversation

DiogoSoaress
Copy link
Member

What it solves

Modifies the Core page to show a banner allusive to the SafeAuth partnership

Figma

https://www.figma.com/file/gxyAh1UOL6TXG1N5PWYLIB/Internal-Graphics?type=design&node-id=4317-257&mode=design&t=IKGFvK1GoeiU5V7S-4

Copy link

github-actions bot commented Dec 4, 2023

ESLint Summary View Full Report

Annotations are provided inline on the Files Changed tab. You can also see all annotations that were generated on the annotations page.

Type Occurrences Fixable
Errors 0 0
Warnings 0 0
Ignored 0 N/A
  • Result: ✅ success
  • Annotations: 0 total

Report generated by eslint-plus-action

Copy link

github-actions bot commented Dec 4, 2023

Branch preview

✅ Deployed to dev:

https://safe-web-landing.dev.5afe.dev

Comment on lines +26 to +27
const bgImage = isSmallScreen ? backgroundImage.sm : backgroundImage.md
const imageSrc = image ? (isSmallScreen ? image.sm : image.md) : undefined
Copy link
Member Author

Choose a reason for hiding this comment

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

I am not sure this will be the closest implementation to what we'll have in the CMS. Open to hear other suggestions.

Copy link
Member

Choose a reason for hiding this comment

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

@DiogoSoaress DiogoSoaress marked this pull request as ready for review December 4, 2023 23:00
Copy link
Member

@katspaugh katspaugh left a comment

Choose a reason for hiding this comment

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

I'll approve but those gradients are prety big. A quarter of a megabyte just for a background is excessive. You could easily make the same gradient with SVG or even CSS.

e.preventDefault()

scrollToElement('#masthead', 200)
scrollToElement(target, 200)
Copy link
Member

Choose a reason for hiding this comment

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

Btw, the offset in this function can be replaced with CSS.

      * {
        scroll-margin-top: 60px; // header height
      }

@DiogoSoaress DiogoSoaress merged commit aea87d0 into main Dec 5, 2023
5 checks passed
@DiogoSoaress DiogoSoaress deleted the banner-safeauth branch December 5, 2023 13:16
@github-actions github-actions bot locked and limited conversation to collaborators Dec 5, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants