11ty-light-blog/src/posts/demos.md

2 KiB

title description date tags demos
Demo pages To avoid overloading this base with too many subtleties, I store special features in separate branches that (usually) keep up with the main branch. 2023-10-30
Example
Test
title description preview branch
Gallery A gallery with good old "popup" functionality inside a dialog element, a new image shortcode that links directly to the image with its original dimensions, and a regular loop over images. https://eleventy-excellent-gallery.netlify.app/gallery/ https://github.com/madrilene/eleventy-excellent/tree/demo-gallery
title description preview branch
Pagination The blog collection with a pagination of 2 posts per page. To work with visual current page indication, :has() pseudo-class support is required. https://eleventy-excellent-pagination.netlify.app/blog/page-1/ https://github.com/madrilene/eleventy-excellent/tree/demo-pagination
title description preview branch
Tags The blog now features a basic tag system. Tags can be stored in front matter, as a YAML list or as an array. https://eleventy-excellent-tags.netlify.app/tags/ https://github.com/madrilene/eleventy-excellent/tree/demo-tags

This is a very opinionated starter, but it can be further developed in many directions. In its current form, it can already be used as a simple blog.

To avoid overloading this base with too many subtleties, I put special features such as image gallery, tags, or pagination in separate branches that (usually... hopefully! 🫣 ) keep up with the main branch. Work in progress.

https://placehold.co/600x400/EEE/31343C

Demos

{% for item in demos %}

{{ item.title }}

{{ item.description }}

Demo Branch
{% endfor %}