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.

Sign up for GitHub

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

Jump to bottom

Landing css #5

Merged
merged 17 commits into from
Apr 15, 2024
Merged

Landing css #5

merged 17 commits into from
Apr 15, 2024

Conversation

sklarfox
Copy link
Member

This PR modifies the front landing page CSS, particularly around the hero banner.

  • The puzzle demo application iframe CSS styling has been updated, to show virtual client windows and an animated signal between them
  • As the window resizes down, eventually the side-by-side client windows switch to stacked (primarily used for mobile). The signal animation is conditional on the window size
  • Both <iframe>s are a fixed size, so all users viewing the demo app will have consistent window sizing

sklarfox and others added 16 commits April 11, 2024 12:18
@sklarfox @emargetis @jgoteam
feat(tailwind): add tailwind config
a0e7cfd 
Co-authored-by: Erik Margetis <[email protected]>
Co-authored-by: Joseph Liang <[email protected]>
@sklarfox @emargetis @jgoteam
feat(landing): add two live puzzle iframes to homepage
6665b66 
Co-authored-by: Erik Margetis <[email protected]>
Co-authored-by: Joseph Liang <[email protected]>
@sklarfox @emargetis @jgoteam
chore: add .env to gitignore
c14b5b6 
Co-authored-by: Erik Margetis <[email protected]>
Co-authored-by: Joseph Liang <[email protected]>
@sklarfox @emargetis @jgoteam
chore: clean old env file
bcdfc36 
Co-authored-by: Erik Margetis <[email protected]>
Co-authored-by: Joseph Liang <[email protected]>
@sklarfox @emargetis @jgoteam
feat(MDXPage): swizzle eject MDXPage, move ToC to left side
e12d7f7 
Co-authored-by: Erik Margetis <[email protected]>
Co-authored-by: Joseph Liang <[email protected]>
@sklarfox @emargetis @jgoteam
feat(diagrams): add in animated svg prototype
351a2ef 
Co-authored-by: Erik Margetis <[email protected]>
Co-authored-by: Joseph Liang <[email protected]>
@sklarfox @emargetis @jgoteam
feat(landing): adjust size of puzzle container
52ed41c 
Co-authored-by: Erik Margetis <[email protected]>
Co-authored-by: Joseph Liang <[email protected]>
@sklarfox
Merge branch 'docs-page-update' into landing-merge-in-docs
b76e910
@sklarfox @emargetis @jgoteam
feat(puzzle): add client window outline to landing
21a299c 
Co-authored-by: Erik Margetis <[email protected]>
Co-authored-by: Joseph Liang <[email protected]>
@sklarfox @emargetis @jgoteam
feat(landing): add client window and signal bubbles
e9704d2 
Co-authored-by: Erik Margetis <[email protected]>
Co-authored-by: Joseph Liang <[email protected]>
@sklarfox @emargetis @jgoteam
chore(readme): update readme with notes on how to set up animated SVG…
617a630 
…s in Docusaurus

Co-authored-by: Erik Margetis <[email protected]>
Co-authored-by: Joseph Liang <[email protected]>
@sklarfox @emargetis @jgoteam
feat(landing): add conditional check to show signal animation or not
d69f8a9 
Co-authored-by: Erik Margetis <[email protected]>
Co-authored-by: Joseph Liang <[email protected]>
@sklarfox @emargetis @jgoteam
debug(animation): move signal.svg out of static to allow javascript r…
7e722d6 
…endering

Co-authored-by: Erik Margetis <[email protected]>
Co-authored-by: Joseph Liang <[email protected]>
@sklarfox @emargetis @jgoteam
feat(puzzle): add window width check, switch to vertical orientation …
1f3ec38 
…in thinner window.

No mobile support yet, the width of each iframe is still a fixed width

Co-authored-by: Erik Margetis <[email protected]>
Co-authored-by: Joseph Liang <[email protected]>
@sklarfox @emargetis @jgoteam
feat(team css): fix header 2 sizing/alignment for team page
ff0e2a0 
Co-authored-by: Erik Margetis <[email protected]>
Co-authored-by: Joseph Liang <[email protected]>
@sklarfox @emargetis @jgoteam
bug(deployment): fix deployment issue where code invovling window s…
4c4befc 
…hould only run in browser

Move any `window` code into a `useEffect` in `Puzzle` component.

Co-authored-by: Erik Margetis <[email protected]>
Co-authored-by: Joseph Liang <[email protected]>
@jgoteam
Copy link
Member

jgoteam commented Apr 15, 2024

looks good to me!

@sklarfox @emargetis @jgoteam
refactor(styling): fine tune opacity and colors for puzzle and signal…
cfbd7e2 
…/client graphics

Co-authored-by: Erik Margetis <[email protected]>
Co-authored-by: Joseph Liang <[email protected]>
@sklarfox sklarfox merged commit 348991a into main Apr 15, 2024
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers
No reviews
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
2 participants
@sklarfox @jgoteam