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

feat: add background image and preliminary effects #3185

Merged
merged 6 commits into from
May 29, 2020

Conversation

radium-v
Copy link
Collaborator

@radium-v radium-v commented May 26, 2020

Description

Adds the background image as a new component that reacts when the page is scrolled. I did my best to use cached values where possible. Mobile performance will need to be addressed as my current setup doesn't allow me to test directly on my mobile devices.

This PR also includes structural changes for sections and adds in some typography variable fixes.

Motivation & context

While we don't have a fully-animated design, this component allows for us to drop in an isolated solution in the future.

Issue type checklist

  • Chore: A change that does not impact distributed packages.
  • Bug fix: A change that fixes an issue, link to the issue above.
  • New feature: A change that adds functionality.

Is this a breaking change?

  • This change causes current functionality to break.

Process & policy checklist

  • I have added tests for my changes.
  • I have tested my changes.
  • I have updated the project documentation to reflect my changes.
  • I have read the CONTRIBUTING documentation and followed the standards for this project.

@SamanthaAO
Copy link
Contributor

Screen Shot 2020-05-26 at 11 30 42 AM
Some of the site section headers are being cut off on screen resize.

@radium-v
Copy link
Collaborator Author

@SamanthaAO the wide section may be addressed by an upcoming improvement from @eljefe223

@radium-v radium-v force-pushed the users/jokreitl/site-bg-animations branch 3 times, most recently from 908e60c to f6d4b7d Compare May 27, 2020 00:14
@radium-v radium-v force-pushed the users/jokreitl/site-bg-animations branch from 88b9f52 to 23e4558 Compare May 29, 2020 17:21
@radium-v radium-v requested a review from nicholasrice May 29, 2020 18:36
@radium-v radium-v force-pushed the users/jokreitl/site-bg-animations branch from 23e4558 to e9abc11 Compare May 29, 2020 22:26
@radium-v radium-v merged commit bbd3b94 into feature/fast-frame May 29, 2020
@radium-v radium-v deleted the users/jokreitl/site-bg-animations branch May 29, 2020 22:57
chrisdholt pushed a commit that referenced this pull request Jun 4, 2020
* Update eslintrc rule

* Add background-design component

* Revert webpack dev settings

* Compress background svg

* Fix background container structure

* Remove scrolling filter effect
chrisdholt pushed a commit that referenced this pull request Jun 11, 2020
* Update eslintrc rule

* Add background-design component

* Revert webpack dev settings

* Compress background svg

* Fix background container structure

* Remove scrolling filter effect
chrisdholt pushed a commit that referenced this pull request Jun 16, 2020
* Update eslintrc rule

* Add background-design component

* Revert webpack dev settings

* Compress background svg

* Fix background container structure

* Remove scrolling filter effect
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.

6 participants