Added abstract shape mural

eleventy.config.js

@@ -2,5 +2,70 @@
 export default async function(eleventyConfig) {
   eleventyConfig.addPassthroughCopy(
     {'./public/': '/'}
-  )
+  );
+
+  eleventyConfig.addShortcode("triangleSvg", function(strokeWidth = 10) {
+    const w = parseFloat(strokeWidth);
+    if (isNaN(w) || w <= 0) {
+      throw new Error("strokeWidth must be a positive number");
+    }
+
+    // Scale offsets based on strokeWidth
+    const topInset = +(w * 1.05).toFixed(2);
+    const bottomInset = +(w * 0.5).toFixed(2);
+    const sideInset = +(w * 0.8).toFixed(2);
+
+    const topPoint = `50,${topInset}`;
+    const leftPoint = `${sideInset},${100 - bottomInset}`;
+    const rightPoint = `${100 - sideInset},${100 - bottomInset}`;
+
+    const points = `${topPoint} ${leftPoint} ${rightPoint}`;
+
+    return `
+<svg viewBox="0 0 100 100" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" aria-hidden="true" focusable="false">
+  <polygon
+    points="${points}"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="${w}"
+    stroke-linejoin="miter"
+  />
+</svg>`;
+  });
+
+  eleventyConfig.addShortcode("squareSvg", function(strokeWidth = 10, className = "square") {
+    const w = parseFloat(strokeWidth);
+    if (isNaN(w) || w <= 0) {
+      throw new Error("strokeWidth must be a positive number");
+    }
+
+    const inset = +(w / 2).toFixed(2);
+    const x1 = inset;
+    const y1 = inset;
+    const x2 = 100 - inset;
+    const y2 = 100 - inset;
+
+    return `
+<svg
+  class="${className}"
+  viewBox="0 0 100 100"
+  width="100%"
+  height="100%"
+  preserveAspectRatio="xMidYMid meet"
+  aria-hidden="true"
+  focusable="false"
+>
+  <rect
+    class="${className}__shape"
+    x="${x1}"
+    y="${y1}"
+    width="${(x2 - x1).toFixed(2)}"
+    height="${(y2 - y1).toFixed(2)}"
+    stroke="currentColor"
+    fill="none"
+    stroke-width="${w}"
+    stroke-linejoin="miter"
+  />
+</svg>`;
+  });
 }