From 3ff19e46072c15c01c45afb49a7e6cd0e477ff6b Mon Sep 17 00:00:00 2001
From: Mark Eaton <MarkEEaton@users.noreply.github.com>
Date: Thu, 11 Feb 2021 15:44:59 -0500
Subject: [PATCH] make today red; make closed days grey; fix padding on gallery

---
 groups/new-homepage-3/homepage3-js-css.html | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/groups/new-homepage-3/homepage3-js-css.html b/groups/new-homepage-3/homepage3-js-css.html
index bce014a..f30ddbb 100644
--- a/groups/new-homepage-3/homepage3-js-css.html
+++ b/groups/new-homepage-3/homepage3-js-css.html
@@ -75,6 +75,10 @@ body {
        padding: 2px;
 }
 
+.slick-slide img {
+        padding: 2px;
+}
+
 /* style the gallery */
 img {
         max-height: 350px !important;
@@ -181,11 +185,14 @@ window.onload = function () {
                 if (targetDate.getFullYear() === today.getFullYear() &&
                     targetDate.getMonth() === today.getMonth() &&
                     targetDate.getDate() === today.getDate()) {
-                           document.getElementById('hours0').innerHTML = "<p>" +targetDate.toLocaleDateString("en-US", options_weekday) + "<br />" +targetDate.toLocaleDateString("en-US", options_date) + "</p><p>" + h[i]["Hours"] + "</p>"
+                           document.getElementById('hours0').innerHTML = "<p><span style='color:red;'>Today</span><br />" + targetDate.toLocaleDateString("en-US", options_date) + "</p><p>" + h[i]["Hours"] + "</p>"
                            var start = true;
                            var count = 1;
-                } else if (start === true && count < 5) {
-                        document.getElementById('hours' + count).innerHTML = "<p>" +targetDate.toLocaleDateString("en-US", options_weekday) + "<br />" +targetDate.toLocaleDateString("en-US", options_date) + "</p><p>" + h[i]["Hours"] + "</p>"
+                } else if (start === true && count < 5 && h[i]["Hours"] === "Closed" ) {
+                        document.getElementById('hours' + count).innerHTML = "<span style='color:#777;'><p>" + targetDate.toLocaleDateString("en-US", options_weekday) + "<br />" + targetDate.toLocaleDateString("en-US", options_date) + "</p><p>" + h[i]["Hours"] + "</p></span>"
+                        count++;
+                } else if (start === true && count < 5 && h[i]["Hours"] != "Closed") {
+                        document.getElementById('hours' + count).innerHTML = "<p>" + targetDate.toLocaleDateString("en-US", options_weekday) + "<br />" + targetDate.toLocaleDateString("en-US", options_date) + "</p><p>" + h[i]["Hours"] + "</p>"
                         count++;
                 };
         };