feature: ZotHacks Title SVG animation #80
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
Deploy preview for zothacks-site-2023-sanity ready!
|
|
Deploy preview for zothacks-site-2023 ready!
|
samderanova
requested changes
Oct 20, 2023
taesungh
reviewed
Oct 21, 2023
taesungh
reviewed
Oct 21, 2023
|
Please remember to include a meaningful title in pull requests. |
samderanova
requested changes
Oct 23, 2023
taesungh
reviewed
Oct 26, 2023
taesungh
reviewed
Oct 26, 2023
|
Noticing some rendering issues in Safari with the butt caps before the letters are drawn. This may be because of how Framer Motion implements the |
|
Ill add back the opacity in the initial state to prevent the butt caps from showing. |
fix: visually hidden title update: refactored animated title Use lined paper vector and remove unnecessary nav (#62) * fix: use lined paper vector and remove unnecessary nav * fix: stick nav bar to top of screen * fix: remove sticky navbar for mobile --------- Co-authored-by: Sam Der <sder@uci.edu> fix: change resources PNGs to SVGs hotfix: heart and star sticker positioning Add ZotHacks Open Graph Properties (#71) * feat: add OG image * fix: use opengraph-image for OG generation Create Sanity resources schema (#91) * feat: resource schema * feat: icon, preview, and color field description update: TikTok logo and improved alt text (#83) * update: TikTok logo and improved alt text * fix: switch to svg version fix: use container spacing for resource page (#79) * fix: use container spacing for resource page * temp: fix row/col setup * remove col div update: remove apply links and mentor section (#89) * update: remove apply links and mentor section * fix: restore apply button, adjust wording * fix: disabled mentor apply button
…zothacks-site-2023 into feature/svg-animation
samderanova
requested changes
Oct 29, 2023
|
Oh shoot, Ashley forgot to make it in the SVG. I'll ask her to add it. |
|
Looking alright, I'll work on optimizing some of the path segments, especially separating out individual strokes in letters with multiple strokes. |
|
Sg @taesungh but I think we should push this if we cant polish it by the deadline. |
|
Please resolve the merge conflicts first. Other than that, it looks good! Please squash merge. |
…into feature/svg-animation
* update: created getSchedule file * update: synced sanity data with schedule component * feat: update event schema * feat: group events by day * feat: format date ranges * fix: group events by America/Los_Angeles day * fix: event order asc * fix: remove resources from nav --------- Co-authored-by: Tyler Yu <tyleryy@uci.edu> Fix frontend issues on resources page (#103) * fix: backend description text overflow * feat: new ResourceCard component removed unused assets * fix: key prop error * fix: remove unused components * fix: references to unused images * refactor: short-circuit and color fixes * Fix transformed filter glitches for webkit - Include `translateZ(0)` when applying transform to drop shadow filter --------- Co-authored-by: Taesung Hwang <taesungh@uci.edu> fix: title and location mobile alignment (#109) feat: frontend resources section feat: starter packs section removed placeholder config files feat: add day of week to schedule (#110) * feat: add day of week to schedule * fix: replace weekday list with date format * fix: long month and date format update: restore resources link in navbar fix: timezone inconsistencies (#119) * fix: timezone inconsistencies * fix: timezone inconsistencies fix: backend resources grid issue feature: clipboard paper animation (#116) undefined Feature/clipboard animation update (#123) * feature: clipboard paper animation * fix: padding adjustment on date * fix: border radius and page animation update feat: incident response form fix: remove open in new window icon Setup animated countdown on schedule page (#93) * setup: basic framer countdown * fix: removed useRef, changed animation exit value * update: temporarily disabled slide up animation * fix: conditional day render * fix: precompute time * fix: margin for the countdown * update: added loading bar * fix: rename to Loader * feat: time until hacking countdown timer * fix: clipboard styling --------- Co-authored-by: Tyler Yu <tyleryy@uci.edu> Co-authored-by: Alexander Liu <a@alexanderliu.com> fix: match time zones on server and client fix: missing date-fns-tz import (#126) fix: disable page scroll x (#125) refactor: move homepage from views folder to app folder refactor: convert components to arrow functions and reexport feat: devpost fix: changed import path fix: added ease and moved component
…zothacks-site-2023 into feature/svg-animation
samderanova
approved these changes
Nov 3, 2023
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Overview
Used Framer Motion to animate the path Length of a SVG, created by Ashley, of the "Zothacks" Title on Home Page to simulate a "hand written" animation.
Addendum
Open to suggestions on how the hand writing animation looks (where it starts, ends, etc.). Ashley created it herself and then I just exported the SVG from Figma and altered it a bit with Framer Motion.