feat: new theme

[Barbapapazes]

🔗 Linked issue

❓ Type of change

• 📖 Documentation (updates to the documentation, readme, or JSdoc annotations)
• 📰 Content (a new article or a change in the content folder)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality like performance)
• ✨ New feature (a non-breaking change that adds functionality)
• 🧹 Chore (updates to the build process or auxiliary tools and libraries)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

• Light theme
• Rework filter on mobile using a modal
• error.vue component
• add color to the eyebrow
• rework search
• rebuild /search
• fix "There are no articles for the moment."
• improve home by adding some stats (could add a new section with stars, downloads and packages)
• rework header and footer
• Add missing light illustration and puzzle part
• Add puzzle part to design kit (both light and dark)
• Add missing og-images (will be done by Harlan in feat: add og-images for packages #81)
• Change icons (remove icons from header navigation and the search text to help user to focus on it)
• Rework margin from hero of /
• Once an author is selected, order does not work

📝 Checklist

• I have linked an issue or discussion.
• I have updated the documentation accordingly.

[ghost]

✅ Live Preview ready!

Name	Edit	Preview	Latest Commit
unjs-website	Edit on Studio ↗︎	View Live Preview	b03a189

[harlan-zw]

Looks good, nice job!

Just some ideas clicking around:

• add an error.vue page

• make the search background slightly more opaque

• you're overdoing the boxes a bit too much still, it would make the design a bit fresher if you kept the header / footer in a simpler style. if you're going to use icons for the nav, use a better icon set, maybe carbon, also don't render them as full black, they shouldn't compete with the text

(very rough mockup, you'll need to play around with it but lmk if you need help)

• use a different colour for What's new, see this for inspo

• "There are no articles for the moment." on home page

• i think you should show the packages stats on the home page to give people a better idea of the scope >53 Packages, 277m
  Monthly Downloads

• footer search link is broken

In terms of new things I'd like to see on the site:

• a "philosophy / manifesto" type page that is more in-depth, like the idea behind UnJS, some of the history and context, etc. I believe this content exists somewhere already
• a "testimonial" section, just linking some of the nice things notable people have said about UnJS
• a team page

[Barbapapazes]

Thank you for the feedback!

• a "philosophy / manifesto" type page that is more in-depth, like the idea behind UnJS, some of the history and context, etc. I believe this content exists somewhere already
• a "testimonial" section, just linking some of the nice things notable people have said about UnJS
• a team page

This PR will not touch content but clearly, these 3 things are highly wanted. I'll keep them for a next work!

[Barbapapazes]

@harlan-zw, I've update a lot since your last review.

There is still some illustrations missing and I need to add a section on the home with packages stats (should be done monday). Done 🎉

[Barbapapazes]

• home margin bottom is missing
• mobile nav is not aligned with header
• see Filtering project is not working well #197
• collapse packages on design-kit by default