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

Redesign: Implement Footer #1960

Open
andresgalante opened this issue Jan 14, 2025 · 3 comments
Open

Redesign: Implement Footer #1960

andresgalante opened this issue Jan 14, 2025 · 3 comments
Assignees

Comments

@andresgalante
Copy link
Member

No description provided.

@andresgalante andresgalante converted this from a draft issue Jan 14, 2025
@BLuEScioN BLuEScioN self-assigned this Jan 24, 2025
@github-project-automation github-project-automation bot moved this from 🆕 New to ✅ Done in Stacks Explorer Jan 24, 2025
@BLuEScioN BLuEScioN reopened this Jan 24, 2025
@ginny-d
Copy link

ginny-d commented Jan 27, 2025

Thanks for sharing this, it's looking good! I reviewed the deployment in: https://hiro-explorer-6vmxs9sqv-hirosystems.vercel.app/?redesign=true

Here's my revision:

Layout

  • The space between these links (second row) should be 24px
Image

Visual

  • These secondary links are missing hover, should go from text-secondary to text-interactive-hover (apologies as this wasn't correctly specified on Figma)
Image
  • It seems the Stacks logo is text instead of the .svg version. I'm attaching the .svg here, which should be in colors sand-050 in dark mode and color sand-1000 in light mode (right click on the second image and save image)
Image

Image

  • I'm attaching the Hiro logo here as well so it works better on dark mode. This should be icon-tertiarycolor
    Image
  • It seems that this text and border color are on the "slate" (old) palette
Image
  • The smiley face is intentionally cropped, so it has a movement upon hovering (see prototype, hover on the image). Is it possible to achieve this?
Image Image

Breakpoints

  • In the new version, we'll have these two new breakpoints:
Image Image

Links
Here's a list of all the links and URLs in the footer for clarity. Some pages are yet to be created:

Home: explorer.hiro.so
Blocks: /blocks
Transactions: /transactions
sBTC: /sbtc
Stacking: /stacking
Mempool: /mempool
Signers: /signers
Tokens: /tokens
NFTs: /nfts
Analytics: /analytics
Sandbox: /sandbox
Status center: https://status.hiro.so/
Support: /support
Hiro: hiro.so
Terms of use: https://www.hiro.so/terms *(this needs to be updated on the site)
Privacy policy: https://www.hiro.so/privacy *(this needs to be updated on the site)
Both Stacks logo and smiley face should link to stacks.co


Let me know if you have any questions or comments

@andresgalante andresgalante moved this from ✅ Done to 🏗 In progress in Stacks Explorer Jan 30, 2025
@BLuEScioN
Copy link
Collaborator

Thanks for the feedback. I've addressed every point. Please take another look and let me know if there's anything else

@BLuEScioN BLuEScioN moved this from 🏗 In progress to 👀 In review in Stacks Explorer Feb 2, 2025
@ginny-d
Copy link

ginny-d commented Feb 3, 2025

@BLuEScioN Can you please share the link for the new deployment? I'm checking https://hiro-explorer-6vmxs9sqv-hirosystems.vercel.app/?redesign=true but I think that's the old version

@BLuEScioN BLuEScioN moved this from 👀 In review to 🔴 Blocked in Stacks Explorer Feb 17, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: 🔴 Blocked
Development

No branches or pull requests

3 participants