nightwatch
A responsive layout for a simple blog project
In theory; this basic layout can be used with any type of blogging solution. As-is it achieves perfect lighthouse scores and excellent web vitals scores.
Best use would probably be a static site generator and an open source CMS solution for a simple, fast, and free solution.
Note that this layout is using Lite YouTube Embed to ensure best performance with YouTube video embeds.
The markup for YouTube embeds should follow this structure:
<lite-youtube videoid="YouTube video ID goes here" playlabel="Description of the video goes here"></lite-youtube>
<figcaption>Description of the video goes here</figcaption>
Here's what that looks like in the example index.html
<lite-youtube videoid="88OoZ4mdD0A" playlabel="Lorenzo Senni interview/lecture with Red Bull Music Academy"></lite-youtube>
<figcaption>Lorenzo Senni interview/lecture with Red Bull Music Academy</figcaption>