add image support: eleventy-img plugin, hero images, responsive picture elements

2026-03-28 04:55:20 +00:00
parent 88d44c9de9
commit cd3fbc144f
7 changed files with 89 additions and 2 deletions
--- a/css/style.css
+++ b/css/style.css
@@ -80,6 +80,27 @@ a:hover {
  color: var(--color-muted);
 }

+/* images */
+
+.column-hero {
+  margin-bottom: 1.5rem;
+}
+
+.column-hero picture,
+.column-hero img {
+  display: block;
+  width: 100%;
+  height: auto;
+}
+
+.column-body picture,
+.column-body img {
+  display: block;
+  max-width: 100%;
+  height: auto;
+  margin: 1.5rem 0;
+}
+
 .column-body {
  margin-top: 1.5rem;
 }