Skip to content

FIREFLY-1981: Update Standalone Firefly app's Landing Page#1959

Draft
jaladh-singhal wants to merge 5 commits into
devfrom
FIREFLY-1981-redesign-firefly-landing
Draft

FIREFLY-1981: Update Standalone Firefly app's Landing Page#1959
jaladh-singhal wants to merge 5 commits into
devfrom
FIREFLY-1981-redesign-firefly-landing

Conversation

@jaladh-singhal
Copy link
Copy Markdown
Member

@jaladh-singhal jaladh-singhal commented May 12, 2026

Fixes FIREFLY-1981

  • Re-designed the landing page for standalone firefly app incorporating almost suggestions in the ticket
  • Implemented it as a separate component StandaloneFireflyLanding which is analogous to how we do HydraLanding (for SPHEREx and Euclid BGImage)
  • Added more documentation in the process

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.

@jaladh-singhal jaladh-singhal requested a review from robyww May 12, 2026 20:04
@jaladh-singhal jaladh-singhal self-assigned this May 12, 2026
@jaladh-singhal jaladh-singhal added enhancement UI Client side UI changes not related to any of the visualizers labels May 12, 2026
Copy link
Copy Markdown
Contributor

@robyww robyww left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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

Comment on lines +26 to +31
* ┌─ bgContainer (Box) ──────────────────────────────────────┐
* │ ┌─ contentSection (Stack) ───────────────────────────┐ │
* │ │ topSection → DefaultAppBranding (title/desc) │ │
* │ │ bottomSection → EmptyResults (actions) │ │
* │ └────────────────────────────────────────────────────┘ │
* └──────────────────────────────────────────────────────────┘
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

very helpful!

Comment on lines +23 to +27
'✦ FITS/HiPS Images',
'⊕ DS9/MOC Overlays',
'⋮⋮ Catalogs at Scale',
'⇄ Interlinked Views',
'∿ Spectra & Charts',
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

using the utf-8 symbols is really interesting

onClick: () => dispatchShowDialog(SIDE_BAR_ID),
},
{
icon: <UploadFile sx={{fontSize: '1.625rem'}}/>,
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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';
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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.

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes I was thinking we may want to do that.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement UI Client side UI changes not related to any of the visualizers

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants