From e71e5d18ca554d281818250644d4a3827bf17e93 Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Wed, 25 May 2022 17:20:53 +0500
Subject: [PATCH] recolor lumbung kios and lumbung gallery cards

---
 .../layouts/_default/baseof.html              | 15 +++++++-
 themes/lumbung-theme/static/css/main.css      | 38 +++++++++++++++++++
 2 files changed, 51 insertions(+), 2 deletions(-)

diff --git a/themes/lumbung-theme/layouts/_default/baseof.html b/themes/lumbung-theme/layouts/_default/baseof.html
index e2cc5e4..2351997 100644
--- a/themes/lumbung-theme/layouts/_default/baseof.html
+++ b/themes/lumbung-theme/layouts/_default/baseof.html
@@ -30,8 +30,9 @@
         }
         
         // remove box around "previous" page nav link (couldn't handle this with CSS nth-child)
-        document.querySelector('[aria-label="Previous"]').parentElement.classList.add('previous-page-link')
-
+        if (document.querySelector('[aria-label="Previous"]')) {
+            document.querySelector('[aria-label="Previous"]').parentElement.classList.add('previous-page-link')
+        }
         // for toggling submenus in mobile navigation drawer
         let submenuLinks = document.querySelectorAll('.drawer .has-submenu');
         [...submenuLinks].forEach(submenuLink => {
@@ -39,6 +40,16 @@
                 submenuLink.querySelector('.submenu').classList.toggle('opened')
             })
         })
+
+        // add classes for styling lumbung kios and lumbung gallery cards
+        let cards = document.querySelectorAll('.shout.card');
+        [...cards].forEach(card => {
+            if (card.querySelector('a[href="/tags/lumbungkios"]')) {
+                card.classList.add('lumbung-kios')
+            } else if (card.querySelector('a[href="/tags/lumbunggallery"]')) {
+                card.classList.add('lumbung-gallery')
+            }
+        })
     </script>
 
 </html>
diff --git a/themes/lumbung-theme/static/css/main.css b/themes/lumbung-theme/static/css/main.css
index a23d8ae..d07f011 100644
--- a/themes/lumbung-theme/static/css/main.css
+++ b/themes/lumbung-theme/static/css/main.css
@@ -34,6 +34,9 @@
     --gallery-light: #FCF4B9;
     --gallery-dark: #846A00;
 
+    --kios-light: #F6D1BC;
+    --kios-dark: #E05732;
+
     --shouts-dark: #CB001D;
     --shouts-light: #FFD9DD;
 
@@ -661,6 +664,41 @@ div.pen-source {
     color: var(--social-dark);
 }
 
+/* gallery cards */
+.card.shout.lumbung-gallery {
+    border-color: var(--gallery-dark);
+    background-color: var(--gallery-light);
+    color: var(--gallery-dark);
+}
+
+.card.shout.lumbung-gallery h2 a {
+    color: var(--gallery-dark);
+}
+
+
+.card.shout.lumbung-gallery .post-footer {
+    background: var(--gallery-light);
+    color: var(--gallery-dark);
+    border-top: 2px solid;
+}
+
+/* kios cards */
+.card.shout.lumbung-kios {
+    border-color: var(--kios-dark);
+    background-color: var(--kios-light);
+    color: var(--kios-dark);
+}
+
+.card.shout.lumbung-kios h2 a {
+    color: var(--kios-dark);
+}
+
+
+.card.shout.lumbung-kios .post-footer {
+    background: var(--kios-light);
+    color: var(--kios-dark);
+    border-top: 2px solid;
+}
 
 /* calendar cards */