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

SpeedRunEthereum banner on developers page #12891

Merged
merged 9 commits into from
May 7, 2024
Merged

Conversation

carletex
Copy link
Contributor

@carletex carletex commented May 1, 2024

Hey all!

This PR results from a conversation between @austintgriffith and @minimalsm, @nloureiro, Jakub, etc (That's why I didn't create an issue first, but happy to do so if needed!).

The idea is to have a SpeedRunEthereum banner on the /developers page.

Here is a preview video of how it would look like:

ethorg_sre.mp4

I'm not familiar with the codebase, but tried to stick to the project standards. Let me know if there is anything I should change (code or design related), or feel free to push any changes directly.

Thank you!

@github-actions github-actions bot added needs review 👀 translation 🌍 This is related to our Translation Program labels May 1, 2024
Copy link

netlify bot commented May 1, 2024

Deploy Preview for ethereumorg ready!

Name Link
🔨 Latest commit 9238e39
🔍 Latest deploy log https://app.netlify.com/sites/ethereumorg/deploys/663a11b6ea7fb900084a4c45
😎 Deploy Preview https://deploy-preview-12891--ethereumorg.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
1 paths audited
Performance: 30 (🔴 down 9 from production)
Accessibility: 93 (no change from production)
Best Practices: 92 (🔴 down 8 from production)
SEO: 100 (no change from production)
PWA: -
View the detailed breakdown and full score reports

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

Copy link
Member

@nhsz nhsz left a comment

Choose a reason for hiding this comment

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

LGTM

@nloureiro
Copy link
Contributor

@carletex, thank you for putting this together.

I just have a small adjustment for the mobile, to make it centered and aligned with the other sections
Screen Shot 2024-05-03 08 56 28 AM

@carletex
Copy link
Contributor Author

carletex commented May 3, 2024

I just have a small adjustment for the mobile, to make it centered and aligned with the other sections

Just pushed a fix: 531e06a / beb146b
image

Thanks for the feedback @nloureiro

Copy link
Contributor

@TylerAPfledderer TylerAPfledderer left a comment

Choose a reason for hiding this comment

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

Hey @carletex! I'm a power contributor here and also a collaborator/maintainer for Chakra. Figured I take a quick look here at your approach.

Nice work with implementation in the code structure. Just one tiny comment from me for consistency sake, but otherwise looks ready to go! 😁

src/pages/developers/index.tsx Outdated Show resolved Hide resolved
Co-authored-by: Tyler Pfledderer <tyler.pfledderer@gmail.com>
position="absolute"
insetInlineStart="8"
maxW={{ base: "lg", xl: "xl" }}
top={{ base: "25", xl: "50" }}
Copy link
Contributor

Choose a reason for hiding this comment

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

Can we use chakra units here?
and adjust to better fit on mobile
top={{ base: "2", md:"4" lg: "8" }} (I think this is the how it's done, we want 8px >> 16px >>32px)
left={{ base: "2", md:"4" lg: "8" }} (do the same on the left too)

Copy link
Contributor

Choose a reason for hiding this comment

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

As this is a temporary banner for the moment, I'm just going to merge it as is

@minimalsm minimalsm merged commit 97d80a2 into ethereum:dev May 7, 2024
3 checks passed
Copy link

gitpoap-bot bot commented May 7, 2024

Congrats, your important contribution to this open-source project has earned you a GitPOAP!

Be sure to join the Ethereum.org discord if you are interested in contributing further to the project or have any questions for the team.

GitPOAP: 2024 Ethereum.org Contributor:

GitPOAP: 2024 Ethereum.org Contributor GitPOAP Badge

Head to gitpoap.io & connect your GitHub account to mint!

Learn more about GitPOAPs here.

This was referenced May 8, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
translation 🌍 This is related to our Translation Program
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

5 participants