Showcase Page

[daun]

Description

• Create a Showcase page with a gallery of sites using swup
• Each site is a markdown file with identically named png thumbnail, so ideal for adding new sites via PR
• Created a readme.md we can link to, explaining how to submit new sites
• I'm still collecting a few additional ones from the Sites using swup discussion
• Open live preview

Questions

• How to call this: Showcase vs. Gallery vs. ?
• Where to put this in the nav?
• What's more interesting/useful to new users: demos or showcase?

Screenshot

Checks

• [x] The PR is submitted to the master branch
• [x] The code was linted before pushing (npm run lint)
• [ ] All tests are passing (npm run test)
• [ ] New or updated tests are included
• [x] The documentation was updated as required

Additional information

Closes #184

[netlify[bot]]

✅ Deploy Preview for splendorous-kataifi-9ae281 ready!

Name	Link
🔨 Latest commit	edea7322c8f4b3e258ad419909f31e77fb2400f0
🔍 Latest deploy log	https://app.netlify.com/sites/splendorous-kataifi-9ae281/deploys/6610390a3d4e3200080baad2
😎 Deploy Preview	https://deploy-preview-186--splendorous-kataifi-9ae281.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

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

[hirasso]

This looks beautiful!

How to call this: Showcase vs. Gallery vs. ?

I prefer Showcase. Gallery could be a functionality or swup or something

Where to put this in the nav? What's more interesting/useful to new users: demos or showcase?

I think it's perfect after the demos page

Do you already want a code review? I've already found a little typo with my last name ;)

[daun]

@hirasso Haha, shit, fixed the typo 🤠 And sure, if you're okay with the position in the nav, this is ready to be merged! We can keep collecting more examples later.

[daun]

Added a link to the submission readme.

[hirasso]

Added a link to the submission readme.

Currently that leads to a 404: https://github.com/swup/docs/blob/master/src/showcase/README.md

How do you imagine the submission process to go?

[daun]

@hirasso That's the final link after merging. While the PR is not merged, this one should lead to the same file:

https://github.com/swup/docs/blob/2e4294da53db26ddf30ff91a7f0b97edacca9581/src/showcase/README.md

[daun]

I've opted for putting it in the repo as opposed to just the docs to also get the attention of people source-diving :)

[daun]

@hirasso Updated with both suggestions. Please reapprove :)

[hirasso]

Just out of curiosity: Why did you still add the tag names to the selectors? a.class-name, li.class-name, ...

As a precaution to prevent possible overwrites from other styles?

[daun]

@hirasso I hate that too 🤠 But it's to increase specificity and override the default styles here. Un-nesting unfortunatley ruined the whole layout, adding back selectors fixed it nicely.

[hirasso]

It's a mess. Sorry :)