From f91baafc53386f630d80c4daede8bd5cb169eab3 Mon Sep 17 00:00:00 2001
From: Joshua Goins <josh@redstrate.com>
Date: Thu, 23 Feb 2023 17:57:46 -0500
Subject: [PATCH] Update theming some more, remove use of art thumbs

---
 themes/red/assets/css/site.css                | 15 ++++++++++++---
 themes/red/layouts/partials/featured-art.html |  6 +++---
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/themes/red/assets/css/site.css b/themes/red/assets/css/site.css
index 7beca80..6c7f92d 100644
--- a/themes/red/assets/css/site.css
+++ b/themes/red/assets/css/site.css
@@ -71,6 +71,7 @@ body {
     --border-color: black;
     --background-primary: #ab4a2f;
     --background-secondary: #fdfdfd;
+    --background-tertiary: #f0f0f0;
     --text-color: #363131;
     --link-visited: #460b0b;
     --extra-color: #efe4e4;
@@ -84,6 +85,7 @@ body {
         --secondary-accent: #c99192;
         --background-primary: #34313a;
         --background-secondary: #3c3a44;
+        --background-tertiary: #2e2c34;
         --border-color: #515860;
         --text-color: #fbeded;
         --link-visited: #ad1616;
@@ -170,7 +172,7 @@ footer {
 }
 
 .gallery-img {
-    border: 1px black solid;
+    border: 1px inset black;
     border-radius: 5px;
 }
 
@@ -193,11 +195,16 @@ figure figcaption {
 .gallery-con {
     display: flex;
     flex-wrap: wrap;
-    border: 1px solid gray;
+    border: 1px dashed gray;
+    border-radius: 5px;
+    background-color: var(--background-tertiary);
 }
 
 .generic-con {
-    border: 1px solid gray;
+    border: 1px dashed gray;
+    border-radius: 5px;
+    background-color: var(--background-tertiary);
+
     padding: 20px;
 }
 
@@ -211,6 +218,8 @@ figure figcaption {
     height: auto;
     width: 300px;
     margin-bottom: 10px;
+    border: 1px inset black;
+    border-radius: 3px;
 }
 
 .grid {
diff --git a/themes/red/layouts/partials/featured-art.html b/themes/red/layouts/partials/featured-art.html
index 8e0adff..8b4d517 100644
--- a/themes/red/layouts/partials/featured-art.html
+++ b/themes/red/layouts/partials/featured-art.html
@@ -19,8 +19,8 @@
 
         <a href="{{ $path }}" aria-label="Click to view details">
             {{ $title := .title }}
-            {{ with resources.Get (printf "art-thumbs/%s" .filename) }}
-            <img class="gallery-img" alt="{{ $title }}" width="128" height="128" src="{{ .Permalink }}"/>
+            {{ with resources.Get (printf "art/%s" .filename) }}
+            <img class="gallery-img" style="height: 256px; width: auto;" alt="{{ $title }}" width="{{ .Width }}" height="{{ .Height }}" src="{{ .Permalink }}"/>
             {{ else }}
             <p>Thumbnail not found!</p>
             {{ end }}
@@ -28,7 +28,7 @@
 
         <figcaption>
             {{ with .title }}
-            "{{ . }}"
+            <i>"{{ . }}"</i>
             {{ end }}
         </figcaption>