Skip to content

Conversation

@jmsargent10
Copy link
Contributor

Making changes to match the FAQ section's Figma design.

Fixes #238

Changelist:

  • Changed font from Nunito Sans to Nunito Regular, changed font color to white
  • Added octopus, lighthouse, and plus sign svgs, adjusting their sizes and positions to match the figma designs
  • Adjusted svgs for different screen sizes using @media tags
  • Added StyledFaqSubtitle for question sections using react fragment and logic statement with data id & our styled FAQ subtitle

Notes:
-In mobile view, made creative decision to have line underneath text extend to plus sign (that was the original intention from the figma file)

Tested:
-ran main-site using local host to ensure total responsiveness of new features

Screenshots & Screencasts:
Screenshot 2023-10-15 at 6 14 56 PM
Screenshot 2023-10-15 at 6 14 45 PM
Screenshot 2023-10-15 at 6 14 21 PM
Screenshot 2023-10-15 at 6 14 09 PM

@vercel
Copy link

vercel bot commented Oct 30, 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 31, 2023 0:06am
main-site ✅ Ready (Inspect) Visit Preview 💬 Add feedback Oct 31, 2023 0:06am
mono-repo ❌ Failed (Inspect) Oct 31, 2023 0:06am

@jmsargent10 jmsargent10 merged commit 93299c0 into under-the-sea Oct 31, 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>
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.

3 participants