Skip to content

Conversation

@helenm1
Copy link
Contributor

@helenm1 helenm1 commented Oct 14, 2023

[Feature] Desktop Landing Page Refresh

Fixes #232.

Changelist:

  • Update the title font to Berkshire Swash in fonts.ts
  • Update the Landing page section to reflect the new theme
  • Update light and dark mode switch to reflect design
  • Add bubble, fish, whale, scuba, and jellyfish components
  • The textbox blue should change when switching between light and dark mode

Tested:

  • did manual testing

Screenshots & Screencasts:

Screen.Recording.2023-10-14.at.6.58.14.PM.mov

@vercel
Copy link

vercel bot commented Oct 14, 2023

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
live-site ✅ Ready (Inspect) Visit Preview 💬 Add feedback Oct 17, 2023 3:17am
main-site ✅ Ready (Inspect) Visit Preview 💬 Add feedback Oct 17, 2023 3:17am
mono-repo ❌ Failed (Inspect) Oct 17, 2023 3:17am

@hackbeanbot
Copy link
Contributor

We want to merge into under-the-sea and not main

Copy link
Contributor

@hackbeanbot hackbeanbot left a comment

Choose a reason for hiding this comment

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

WOW YOU GUYS SLAYED. Just a few comments below!

padding: 3em;
}
// @media ${min.tabletLg} {
Copy link
Contributor

Choose a reason for hiding this comment

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

remove if not needed

margin: 0;
`;

const H11 = styled.h1`
Copy link
Contributor

Choose a reason for hiding this comment

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

Why 11?

@hackbeanbot
Copy link
Contributor

Also the primary button was suppose to be the yellow one. Can you move your changes to be secondary plz

@helenm1 helenm1 changed the base branch from main to under-the-sea October 17, 2023 02:49
…in ExploreSection.styles, moved changes for red btn to SecondaryButton.styles, merge into under-the-sea instead of main)

made requested changes (changed H11 to be H6, removed commented line in ExploreSection.styles, m
oved changes for red btn to SecondaryButton.styles, merge into under-the-sea instead of main)
Copy link
Contributor

@hackbeanbot hackbeanbot left a comment

Choose a reason for hiding this comment

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

So $lay. LGTM

@helenm1 helenm1 merged commit abb8fce into under-the-sea Oct 17, 2023
mike10911 added a commit that referenced this pull request Nov 4, 2023
* Remove Background Image (#240)

* Landing page refresh (#242)

* changed title/headers and apply button

* add images + light mode toggle

* added textbox, diver, bubble3

* made requested changes (changed H11 to be H6, removed commented line in ExploreSection.styles, moved changes for red btn to SecondaryButton.styles, merge into under-the-sea instead of main)
made requested changes (changed H11 to be H6, removed commented line in ExploreSection.styles, m
oved changes for red btn to SecondaryButton.styles, merge into under-the-sea instead of main)

---------

Co-authored-by: unknown <nelsondong158@gmail.com>

* Meet the team (#251)

* Added Linkein's to every user and removed tooltip

* Forgot to add these files to commit

* FIxed linkedin links and changed font for linkedin text

* Updated testimonial section

* styling checks

* Reverted changes

* [Feature] Past Project Section Refresh (#243)

* initial styling

* more styling

* more changes

* made sure treasure box never covered text

* fixed treasure chest padding and made sure it did not go into FAQ section

* Mandy refresh primary button style (#257)

* added transparent prop and changed styling accordingly

* adding new colors for primary buttons

* [Feature] Desktop + Mobile About Section Refresh (#259)

changed mobile and desktop view to match theme

* Staggered images in mobile view (#267)

* revert

* Revert "revert"

This reverts commit e4ac623.

* Nelson event calender (#270)

* Events Calender Section update

* update seaweed palcement

* add images and colors

* mobile view

* update formatting on resolutions

* fix formatting

* format changes

---------

Co-authored-by: NelsonDong41 <nelsondong41@gmail.com>

* Testimonial Section Refresh (#261)

* Testimonial Section Refresh

* Got rid of unnecessary conditionals

* [Feature] Desktop + Mobile About Section Updated Shells  (#264)

* changed mobile and desktop view to match theme

* updated shell images

* added margin to prevent contain arrows in screen

* [Feature] FAQ Refresh ... again (#271)

* added subheadings within faq section and adjusted font styling

* beginning contact us button styling

* added lighthouse and octopus svgs into images folder

* adjusted sizing and positioning of octopus, lighthouse, and plus signs

* reverted the contact us button back to primary button, fixed font styling of outreach caption

* removed comment, replaced React.Fragment with empty tag, resized lighthouse

* removing unused import and making PR for under-the-sea

* added yarn.lock files

---------

Co-authored-by: Johny Sargent <johnysargent@nat-wireless-guest-reg-153-51.bu.edu>
Co-authored-by: Johny Sargent <johnysargent@MacBook-Pro-3.local>
Co-authored-by: audrey-codez <123320296+audrey-codez@users.noreply.github.com>

* [Feature] Bottom of the page (#263)

* initial changes for PR

* fixing title alignment and adding shell and styling

* fixing width issues for large screen sizes

---------

Co-authored-by: Johny Sargent <johnysargent@MacBook-Pro-3.local>

* [Feature] Countdown in Landing page (#265)

* added countdown and hourglass svg to loading section

* accidentally hardcoded target date for countdown

* removing :(

* deep clean (#273)

* Update Fonts  (#274)

* update meet the team button font

* update meet the team button font

* update fonts

* fixes

* [Feature] Header + Footer Component Refresh (#268)

* changed mobile and desktop view to match theme

* updated shell images

* initial commit

* footer and header initial changes

* made sure header was responsive and the buttons were matching padding

* added margin to prevent contain arrows in screen

* made font in header bigger

* added missing about section shells

* commented out star style from previous theme

* commented out star style from previous theme

* added check that footer links exist before applying map and changed href for code of conduct

* renamed code of conduct label

* added div ids to ensure navigation to existing page

* added div id to new sponsors section

* merge conflicts

* made sure contact us points to email and fixed about / sponsors section merge conflicts

* updated plugin

* included more packages

* updated gatsby-plugin-manifest package

* added styling package

* package updates in live and main site

* updated live site packages

* reverting packages

* packages for fixing building error

* added babel-plugin to live site

* added yarn locks

* deleted yarn lock and node modules folder, then yarn installed

* trying again

* added package.json back

* commented out star style from previous theme

* slay

* e

---------

Co-authored-by: Mandy Cyber <acm.rodriques@gmail.com>
Co-authored-by: Helen Miao <95582910+helenm1@users.noreply.github.com>
Co-authored-by: unknown <nelsondong158@gmail.com>
Co-authored-by: Aaryan Jain <76594216+Aaryan1203@users.noreply.github.com>
Co-authored-by: aaryan1203 <aaryanjain1203@gmail.com>
Co-authored-by: Katherine Zeng <52469441+kzeng24@users.noreply.github.com>
Co-authored-by: NelsonDong41 <68518070+NelsonDong41@users.noreply.github.com>
Co-authored-by: NelsonDong41 <nelsondong41@gmail.com>
Co-authored-by: jmsargent10 <120346417+jmsargent10@users.noreply.github.com>
Co-authored-by: Johny Sargent <johnysargent@nat-wireless-guest-reg-153-51.bu.edu>
Co-authored-by: Johny Sargent <johnysargent@MacBook-Pro-3.local>
Co-authored-by: audrey-codez <123320296+audrey-codez@users.noreply.github.com>
Co-authored-by: Mike <103906123+mike10911@users.noreply.github.com>
Co-authored-by: Alyssa Mui <82426237+alyssamui@users.noreply.github.com>
Co-authored-by: mike10911 <mikeymundia@gmail.com>
Mandy-cyber added a commit that referenced this pull request Jan 19, 2024
* Remove Background Image (#240)

* Landing page refresh (#242)

* changed title/headers and apply button

* add images + light mode toggle

* added textbox, diver, bubble3

* made requested changes (changed H11 to be H6, removed commented line in ExploreSection.styles, moved changes for red btn to SecondaryButton.styles, merge into under-the-sea instead of main)
made requested changes (changed H11 to be H6, removed commented line in ExploreSection.styles, m
oved changes for red btn to SecondaryButton.styles, merge into under-the-sea instead of main)

---------

Co-authored-by: unknown <nelsondong158@gmail.com>

* Meet the team (#251)

* Added Linkein's to every user and removed tooltip

* Forgot to add these files to commit

* FIxed linkedin links and changed font for linkedin text

* Updated testimonial section

* styling checks

* Reverted changes

* [Feature] Past Project Section Refresh (#243)

* initial styling

* more styling

* more changes

* made sure treasure box never covered text

* fixed treasure chest padding and made sure it did not go into FAQ section

* Mandy refresh primary button style (#257)

* added transparent prop and changed styling accordingly

* adding new colors for primary buttons

* [Feature] Desktop + Mobile About Section Refresh (#259)

changed mobile and desktop view to match theme

* Staggered images in mobile view (#267)

* revert

* Revert "revert"

This reverts commit e4ac623.

* Nelson event calender (#270)

* Events Calender Section update

* update seaweed palcement

* add images and colors

* mobile view

* update formatting on resolutions

* fix formatting

* format changes

---------

Co-authored-by: NelsonDong41 <nelsondong41@gmail.com>

* Testimonial Section Refresh (#261)

* Testimonial Section Refresh

* Got rid of unnecessary conditionals

* [Feature] Desktop + Mobile About Section Updated Shells  (#264)

* changed mobile and desktop view to match theme

* updated shell images

* added margin to prevent contain arrows in screen

* [Feature] FAQ Refresh ... again (#271)

* added subheadings within faq section and adjusted font styling

* beginning contact us button styling

* added lighthouse and octopus svgs into images folder

* adjusted sizing and positioning of octopus, lighthouse, and plus signs

* reverted the contact us button back to primary button, fixed font styling of outreach caption

* removed comment, replaced React.Fragment with empty tag, resized lighthouse

* removing unused import and making PR for under-the-sea

* added yarn.lock files

---------

Co-authored-by: Johny Sargent <johnysargent@nat-wireless-guest-reg-153-51.bu.edu>
Co-authored-by: Johny Sargent <johnysargent@MacBook-Pro-3.local>
Co-authored-by: audrey-codez <123320296+audrey-codez@users.noreply.github.com>

* [Feature] Bottom of the page (#263)

* initial changes for PR

* fixing title alignment and adding shell and styling

* fixing width issues for large screen sizes

---------

Co-authored-by: Johny Sargent <johnysargent@MacBook-Pro-3.local>

* [Feature] Countdown in Landing page (#265)

* added countdown and hourglass svg to loading section

* accidentally hardcoded target date for countdown

* removing :(

* deep clean (#273)

* Update Fonts  (#274)

* update meet the team button font

* update meet the team button font

* update fonts

* fixes

* [Feature] Header + Footer Component Refresh (#268)

* changed mobile and desktop view to match theme

* updated shell images

* initial commit

* footer and header initial changes

* made sure header was responsive and the buttons were matching padding

* added margin to prevent contain arrows in screen

* made font in header bigger

* added missing about section shells

* commented out star style from previous theme

* commented out star style from previous theme

* added check that footer links exist before applying map and changed href for code of conduct

* renamed code of conduct label

* added div ids to ensure navigation to existing page

* added div id to new sponsors section

* merge conflicts

* made sure contact us points to email and fixed about / sponsors section merge conflicts

* updated plugin

* included more packages

* updated gatsby-plugin-manifest package

* added styling package

* package updates in live and main site

* updated live site packages

* reverting packages

* packages for fixing building error

* added babel-plugin to live site

* added yarn locks

* deleted yarn lock and node modules folder, then yarn installed

* trying again

* added package.json back

* commented out star style from previous theme

* Making sure the shell images in the About section update in mobile view (#313)

* commented out star style from previous theme

* ensured that the shell images moving with arrow click

* setting up

* updating dates and labels to match design

* updating tags and their colors

* adding new colors

* changing styling of schedule box/tabs

* fixing positioning, text background colors, and arrow color

* fixing description formatting and colors

* merge conflict

* fixed conflicts

* fixing more merge conflicts

* adjusting mobile view design

* fixing tablet view + creating new breakpoint

---------

Co-authored-by: Helen Miao <95582910+helenm1@users.noreply.github.com>
Co-authored-by: unknown <nelsondong158@gmail.com>
Co-authored-by: Aaryan Jain <76594216+Aaryan1203@users.noreply.github.com>
Co-authored-by: aaryan1203 <aaryanjain1203@gmail.com>
Co-authored-by: Katherine Zeng <52469441+kzeng24@users.noreply.github.com>
Co-authored-by: NelsonDong41 <68518070+NelsonDong41@users.noreply.github.com>
Co-authored-by: NelsonDong41 <nelsondong41@gmail.com>
Co-authored-by: jmsargent10 <120346417+jmsargent10@users.noreply.github.com>
Co-authored-by: Johny Sargent <johnysargent@nat-wireless-guest-reg-153-51.bu.edu>
Co-authored-by: Johny Sargent <johnysargent@MacBook-Pro-3.local>
Co-authored-by: audrey-codez <123320296+audrey-codez@users.noreply.github.com>
Co-authored-by: Mike <103906123+mike10911@users.noreply.github.com>
Co-authored-by: Alyssa Mui <82426237+alyssamui@users.noreply.github.com>
Co-authored-by: Mandy-cyber <92461362+PeriodPrideJa@users.noreply.github.com>
mike10911 pushed a commit that referenced this pull request Feb 12, 2024
* Remove Background Image (#240)

* Landing page refresh (#242)

* changed title/headers and apply button

* add images + light mode toggle

* added textbox, diver, bubble3

* made requested changes (changed H11 to be H6, removed commented line in ExploreSection.styles, moved changes for red btn to SecondaryButton.styles, merge into under-the-sea instead of main)
made requested changes (changed H11 to be H6, removed commented line in ExploreSection.styles, m
oved changes for red btn to SecondaryButton.styles, merge into under-the-sea instead of main)

---------

Co-authored-by: unknown <nelsondong158@gmail.com>

* Meet the team (#251)

* Added Linkein's to every user and removed tooltip

* Forgot to add these files to commit

* FIxed linkedin links and changed font for linkedin text

* Updated testimonial section

* styling checks

* Reverted changes

* [Feature] Past Project Section Refresh (#243)

* initial styling

* more styling

* more changes

* made sure treasure box never covered text

* fixed treasure chest padding and made sure it did not go into FAQ section

* Mandy refresh primary button style (#257)

* added transparent prop and changed styling accordingly

* adding new colors for primary buttons

* [Feature] Desktop + Mobile About Section Refresh (#259)

changed mobile and desktop view to match theme

* Staggered images in mobile view (#267)

* revert

* Revert "revert"

This reverts commit e4ac623.

* created contact/blurb section and added fish

* sponsor section refresh, added starfishes

* adjusted starfish for different screen sizes

* light/dark mode responsiveness for contact blurb, added fish placement responsiveness

* adjusted sponsor headers and fixed arrow placement

* more fixes to fish2 responsive placement

* fixed sponsor contact banner to be responsive on all screen sizes

* fixed mobile star resposiveness and commented out outdated treasurebox design component

* reverted sponsor blurb text padding and removed unnecessary imports and comments

* added sponsor images and ensured they were responsive across screens

* adding package.json merge conflict fix

---------

Co-authored-by: Mandy Cyber <acm.rodriques@gmail.com>
Co-authored-by: unknown <nelsondong158@gmail.com>
Co-authored-by: Aaryan Jain <76594216+Aaryan1203@users.noreply.github.com>
Co-authored-by: aaryan1203 <aaryanjain1203@gmail.com>
Co-authored-by: Katherine Zeng <52469441+kzeng24@users.noreply.github.com>
Co-authored-by: audrey-codez <123320296+audrey-codez@users.noreply.github.com>
Co-authored-by: kzeng24 <kathyzeng2002@gmail.com>
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.

[Feature] Desktop Landing Page Refresh

6 participants