Custom Guides List proof of concept

[peer35]

Following the discussion on February 3, where the question rose if it was possible to style the Guides list like lists on the VU website (e.g. just show the titles, clicking on a title expands to a larger description). This is just an example, does not need to be merged. Issue #710

Uses a custom EJS template (https://ejs.co/#docs) to leverage the custom listing functionality: https://quarto.org/docs/websites/website-listings-custom.html

Notes:

• This example was made using the standard HTML <details> and <summary> tags and minimal css styling.
• If needed more advanced styling is possible using bootstrap (e.g. https://getbootstrap.com/docs/5.0/components/accordion/).
• Note that the contents of a listing use metadata set in the guide pages (title, description, image, category). Custom fields could be added.

Preview: https://deploy-preview-711--ub-open-handbook.netlify.app/guides

[netlify]

✅ Deploy Preview for ub-open-handbook ready!

Name	Link
🔨 Latest commit	75715f1
🔍 Latest deploy log	https://app.netlify.com/projects/ub-open-handbook/deploys/698327cdaf84fd000845493a
😎 Deploy Preview	https://deploy-preview-711--ub-open-handbook.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 15 Accessibility: 90 Best Practices: 100 SEO: 90 PWA: - View the detailed breakdown and full score reports

---

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