FIREFLY-1981: Update Standalone Firefly app's Landing Page#1959
FIREFLY-1981: Update Standalone Firefly app's Landing Page#1959jaladh-singhal wants to merge 16 commits into
Conversation
robyww
left a comment
There was a problem hiding this comment.
Looks very, very good.
- I think we need to link the sponsering orgaizations.
- We probably need to add a link the the firelfy github page.
- The stand alone work has made the think about how we need to redo the github page.
- Did some resize checks: looks nice
- Overall the color look very good.
- I really like all the examples. Ask the scientist to give you specifics
| * ┌─ bgContainer (Box) ──────────────────────────────────────┐ | ||
| * │ ┌─ contentSection (Stack) ───────────────────────────┐ │ | ||
| * │ │ topSection → DefaultAppBranding (title/desc) │ │ | ||
| * │ │ bottomSection → EmptyResults (actions) │ │ | ||
| * │ └────────────────────────────────────────────────────┘ │ | ||
| * └──────────────────────────────────────────────────────────┘ |
| '✦ FITS/HiPS Images', | ||
| '⊕ DS9/MOC Overlays', | ||
| '⋮⋮ Catalogs at Scale', | ||
| '⇄ Interlinked Views', | ||
| '∿ Spectra & Charts', |
There was a problem hiding this comment.
using the utf-8 symbols is really interesting
| onClick: () => dispatchShowDialog(SIDE_BAR_ID), | ||
| }, | ||
| { | ||
| icon: <UploadFile sx={{fontSize: '1.625rem'}}/>, |
There was a problem hiding this comment.
all the icon are well used, they look really good.
|
|
||
| const DEFAULT_TITLE = 'Firefly'; | ||
| const DEFAULT_TAGLINE = 'Discover and Explore Astronomy Data — across missions and archives'; | ||
| const DEFAULT_TRUST_LINE = 'Developed by Caltech/IPAC for NASA and NSF'; |
There was a problem hiding this comment.
you make need to make links for IPAC, NASA, NFS, probably need to include IRSA as well. LIke the about dialog. Probably needs to be prettier links though.
There was a problem hiding this comment.
Yes I was thinking we may want to do that.
…in LandingPage's DOM tree
| "@emotion/react": "^11.11", | ||
| "@emotion/styled": "^11.11", | ||
| "@fontsource/inter": "^5.0", | ||
| "@mui/base": "^5.0.0-beta.22", |
There was a problem hiding this comment.
@mui/base is a transitive dependency that several joy ui components use underneath. I just added it explicitly here because linter was complaining when using Popper component from it for app hints. Note how yarn.lock is unaffected so it's adding nothing new to our JS bundle.
Fixes FIREFLY-1981
StandaloneFireflyLandingwhich is analogous to how we doHydraLanding(for SPHEREx and Euclid BGImage)Testing
https://fireflydev.ipac.caltech.edu/firefly-1981-redesign-firefly-landing/firefly
Everything in the glass-effect overlay card is clickable. Click the 3 action cards and example query chips.