Improved Get Started/Sign In Flow
Created by: bretthayes
What should this PR do?
- Closes #5143 (closed)
- Closes #5118 (closed)
- Moves Getting Started pages to their own directory with collocated files (index, self-hosted, cloud, and a scss module for better scoped styles)
- Removes all unnecessary bem scoped/conflicting/overwritten global styles for these pages in lieu of doing everything possible in bootstrap. Note: A future improvement would be to change the global font-size/typography of the entire site so we don't make bespoke style overwrites and eject too far from bootstrap.
- Updates Footer, Header, and Content to be aligned with max width constraint via bootstrap. Removed hard coded header container constraint. Note: for a future improvement, we could expand our max width constraints and add another larger breakpoint.
- Improves our Footer to be a sticky footer so now pages that don't have enough content to span the viewport vertically (like the getting started/sign in flow) will still look good
✨ - Flips the login UI on
/get-started/cloud
when coming from/search
withutm_medium=inproduct
params. Test it here.
Other bits and bobs
- Updates project readme's
- Adds aliases for convenient imports
- Fixes TS bug in Layout
- Renamed GetStarted to SelfHostedSection so it's not confused with our getting started/sign in flow self hosted page. Also removed unnecessary styles there.
- Updates/cleans up package.json
- Adds gradient mixins for use within css/sass modules
- Removes old footer background that wasn't being used
- Adds text-decoration-underline utility class because Bootstrap has limitations and a lack of helpful utility classes to do hover states and things alike
🙃 - Solves some tech debt: consolidates our self-hosted install script into a single component with backwards compatibility for the deprecated
execCommand