fix home-card background style

Author: ethmarks

layouts/index.html

@@ -38,7 +38,7 @@ <h3>Featured Projects</h3>
                 "href" "/posts/asciiglobe/"
                 "src" "media/ascii_globe_frame.webp"
                 "alt" "A spinning globe rendered with text"
-                "style" "background: transparent;"
+                "transparent" true
                 "title" "ASCII-Globe"
                 "desc" "A text-based cartographic rendering engine that uses NASA satellite data"
                 ) }}
@@ -47,7 +47,6 @@ <h3>Featured Projects</h3>
                 "href" "/posts/thessa/"
                 "src" "media/thessa_wide_2026-01-05.webp"
                 "alt" "A screenshot of the Thessa interface"
-                "style" "background: #171919;"
                 "title" "Thessa"
                 "desc" "An AI-powered thesaurus that uses the Gemini API"
                 ) }}
@@ -56,7 +55,6 @@ <h3>Featured Projects</h3>
                 "href" "/posts/colourlesstransformer/"
                 "src" "media/painttransformer_walkway.webp"
                 "alt" "A highly stylized watercolour-style image of a concrete walkway runs alongside a dense hedge of flowering bushes, all under a sleek red pergola."
-                "style" "background: #a96764;"
                 "title" "ColourlessTransformer"
                 "desc" "A Streamlit interface for PaintTransformer, a neural network that approximates images using paint strokes"
                 ) }}
@@ -74,7 +72,6 @@ <h3>Featured Posts</h3>
                 "href" "/posts/liquidglass/"
                 "src" "media/liquid_glass_banner.webp"
                 "alt" "Various colourful abstract Liquid Glass blobs, using glassmorphic frosted glass transparency and resembling real glass"
-                "style" "background: #a6acb3;"
                 "title" "Thoughts on Liquid Glass"
                 "desc" "My thoughts on Apple's new Liquid Glass design"
                 ) }}
@@ -83,7 +80,6 @@ <h3>Featured Posts</h3>
                 "href" "/posts/waterman/"
                 "src" "media/waterman_poster.webp"
                 "alt" "An unusual world map in a butterfly shape, showing the continents arranged in eight connected lobes"
-                "style" "background: #124f7f;"
                 "title" "The Waterman Butterfly"
                 "desc" "An exploration of the Waterman Butterfly map projection"
                 ) }}
@@ -92,7 +88,6 @@ <h3>Featured Posts</h3>
                 "href" "/posts/quanth/"
                 "src" "media/plancklengthfoam.webp"
                 "alt" "An illustrated graphic depicting quantum foam"
-                "style" "background: #2f246c;"
                 "title" "I have invented a new measurement system"
                 "desc" "A proposal for a new measurement system based on Planck lengths and quantum physics"
                 ) }}

layouts/partials/home-card.html

@@ -8,7 +8,7 @@
             loading="lazy"
             width="{{ $image.Width }}"
             height="{{ $image.Height }}"
-            {{ with .style }}style="{{ . }}"{{ end }}
+            style="background: {{ if .transparent }}transparent{{ else }}{{ index ($image.Colors) 0 }}{{ end }};"
         >
         <h4>{{ .title }}</h4>
         <p>{{ .desc }}</p>