A microblog layer for any Bear theme

Most of what I post here is short: a thought, a link, a line or two. Bear's post lists are built around titles, which never felt right for notes. So this blog now runs a small CSS "micro layer" on top of its theme: Notes show up on the homepage as cards with their full text. Each card's date is its permalink. There are no titles to click. Longer posts like this one keep the theme's big-title look. Because the layer only targets Bear's own markup, you can swap the theme underneath and the notes keep working. 1. Paste the layer below your themeIn your theme's CSS, paste this at the very bottom: /* Micro layer: paste AFTER any theme's CSS. */ ul.embedded.blog-posts li:has(> div) { display: grid; grid-template-areas: "body" "foot"; grid-template-rows: 1fr auto; gap: 1rem; min-height: 0; } ul.embedded.blog-posts li:has(> div) > div { grid-area: body; min-width: 0; } ul.embedded.blog-posts li:has(> div) > div > :first-child { margin-top: 0; } ul.embedded.blog-posts li:has(> div) > div >…