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

[DO NOT MERGE] Add temporary banner at the top of page #268

Closed
wants to merge 269 commits into from
Closed

Conversation

slesaad
Copy link
Collaborator

@slesaad slesaad commented Jan 22, 2024

@deborahUAH requested a temporary banner to advertise AMS workshop on the GHG center homepage. I tried to create something. While it does the job, it is not the best. Can someone from the frontend team quickly clean this out so we can push it out now while we work on a more permanent and better solution for later (we also want to do it for the Summer School)? This one is only gonna stay there for 4 days (till Sunday when the workshop is).

cc @j08lue @hanbyul-here @sandrahoang686

Caden-Helbling and others added 30 commits September 11, 2023 10:20
The data content for EPA dataset has been updated and new custom color ramp added
Resolved few errors in the map explorer page. The PR is ready to go for review
* Update about page

* Update beta text
* test update text on homepage

* updated the homepage text

* Updated joining forces text block

* updated banner text

---------

Co-authored-by: vishal <[email protected]>
Co-authored-by: Slesa Adhikari <[email protected]>
* Update footer

* Adjust welcome text extent & center text
Update emit dataset to point to lpdaac version
Dataset information provided by the NOAA team until 09/12 has been updated.
Copy link

netlify bot commented Jan 22, 2024

Deploy Preview for ghg-demo ready!

Name Link
🔨 Latest commit 722cdca
🔍 Latest deploy log https://app.netlify.com/sites/ghg-demo/deploys/65afe9e476f0240008ef8c49
😎 Deploy Preview https://deploy-preview-268--ghg-demo.netlify.app/
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

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

@faustoperez
Copy link

Hi @slesaad @sandrahoang686 @hanbyul-here just a couple of minor tweaks:

  • Make the banner 100% width
  • Center the text in the viewport on desktop
  • Align the text left on mobile,
  • Make it push the content below
  • I included the mobile styles

Link to Figma file 👉 https://www.figma.com/file/9INQauBWhiRxvOWDGhRrxO/US-GHG-Center?type=design&node-id=663%3A358&mode=design&t=TVyFrkYdt5O9Oor6-1

US GHG Center - banner desktop

US GHG Center - banner mobile

@hanbyul-here hanbyul-here changed the base branch from develop to main January 23, 2024 16:34
@hanbyul-here hanbyul-here deleted the ams-banner branch February 13, 2024 19:00
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.