Skip to content

Conversation

@FloWuenne
Copy link
Contributor

@FloWuenne FloWuenne commented Jan 28, 2025

This PR adds a very basic attempt at adding nf-core/stickers. Currently there is no navigation to the stickers page included in the main page and it can only be discovered via nf-co.re/stickers.
There are a couple of remaining issues:

  • Bug when clicking hex sticker does wrong zooming, then corrects
  • Grey box around hex sticker when using photoswipes navigation arrows to switch between stickers
    Can also
  • Currently uses static svgs added to the website for testing. We probably want to point to raw github URLs instead so we don't have to update multiple instances of hexagon stickers everywhere

@netlify /stickers

@FloWuenne FloWuenne added enhancement New feature or request WIP Work in progress labels Jan 28, 2025
@netlify
Copy link

netlify bot commented Jan 28, 2025

Deploy Preview for nf-core-main-site ready!

Name Link
🔨 Latest commit 47b9fe8
🔍 Latest deploy log https://app.netlify.com/sites/nf-core-main-site/deploys/67ddb1df79fbfa0008bef7d7
😎 Deploy Preview https://deploy-preview-2998--nf-core-main-site.netlify.app/stickers
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@FloWuenne
Copy link
Contributor Author

FloWuenne commented Mar 3, 2025

Newest pushes change the way the sticker page looks based on design Luis Loule (Seqera).
The following changes feature are now added:

  • Stickers are imported directly from a github URL link rather than files in the repo
  • The stickers honeycomb organization will dynamically reorganize when page gets enlarged or made smaller
  • Hovering a sticker highlights it, giving all other stickers a background effect
  • Filter widget for different groups added. Currently only has 1 group but as we add more stickers (hackathons, community events etc) this can be populated
  • Clicking a sticker will now take you directly to the pipeline website of the sticker. This can be a different weblink for other sticker categories, for example, could be the hackathon year page for hackathon stickers...

@jfy133
Copy link
Member

jfy133 commented Mar 3, 2025

Hrm I'm getting a 404 on the deploy previuew :(

@nf-core nf-core deleted a comment from netlify bot Mar 3, 2025
@mashehu
Copy link
Contributor

mashehu commented Mar 3, 2025

@jfy133, there are two different deploy previews (due to our subsite structure): this one works: https://deploy-preview-2998--nf-core-main-site.netlify.app/stickers

Copy link
Contributor

@mashehu mashehu left a comment

Choose a reason for hiding this comment

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

please switch to using bootstrap 5 instead of writing styles in css wherever possible.

FloWuenne and others added 18 commits March 3, 2025 08:13
Co-authored-by: Matthias Hörtenhuber <[email protected]>
@ewels
Copy link
Member

ewels commented Mar 11, 2025

@nf-core-bot fix linting

@ewels
Copy link
Member

ewels commented Mar 21, 2025

Stickers are teeny-tiny and the page layout is weird..

CleanShot 2025-03-21 at 08 50 41@2x

@mashehu mashehu merged commit 557206a into nf-core:main Mar 21, 2025
15 of 16 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request WIP Work in progress

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants