From 0b9ae900e3245b46eb171a3adaf32796195534a6 Mon Sep 17 00:00:00 2001
From: Tony Grosinger <tony@grosinger.net>
Date: Sat, 17 Feb 2024 08:58:22 -0800
Subject: [PATCH] Add custom footer and styles

---
 about.json           |  3 ++-
 common/common.scss   | 25 +++++++++++++++++++++++++
 desktop/desktop.scss |  8 ++++++++
 mobile/mobile.scss   |  7 +++++++
 4 files changed, 42 insertions(+), 1 deletion(-)

diff --git a/about.json b/about.json
index e0e9ad4..31e9830 100644
--- a/about.json
+++ b/about.json
@@ -4,7 +4,8 @@
   "license_url": null,
   "components": [
     "https://github.com/jordanvidrine/discourse-category-group-boxes.git",
-    "https://github.com/discourse/discourse-clickable-topic.git"
+    "https://github.com/discourse/discourse-clickable-topic.git",
+    "https://github.com/discourse/Discourse-easy-footer.git"
   ],
   "assets": {
     "OrcasHub-Top-Logo": "assets/OrcasHub-Top-Logo.png"
diff --git a/common/common.scss b/common/common.scss
index 70a2ced..048b72e 100644
--- a/common/common.scss
+++ b/common/common.scss
@@ -570,3 +570,28 @@ html body #main-outlet {
 .topic-list .main-link.focused {
   box-shadow: none;
 }
+
+// Footer
+.custom-footer {
+    background-color: #1f2937;
+
+    .list {
+        span {
+	        font-weight: 500;
+	    }
+    }
+
+    .second-box .links li {
+    	margin: 0;
+    }
+
+    .footer-section-link-wrapper a {
+        color: var(--header_primary);
+        font-size: 1rem;
+    	line-height: 1.5rem;
+
+        &:hover {
+          color: white;
+        }
+    }
+}
diff --git a/desktop/desktop.scss b/desktop/desktop.scss
index e6ceb1d..cd91d74 100644
--- a/desktop/desktop.scss
+++ b/desktop/desktop.scss
@@ -6,3 +6,11 @@
     height: 128px;
     width: 246px;
 }
+
+// Footer
+.custom-footer {
+    .list {
+        margin: 2rem 5em 4rem;
+    }
+}
+
diff --git a/mobile/mobile.scss b/mobile/mobile.scss
index e7a32a0..6b67cbe 100644
--- a/mobile/mobile.scss
+++ b/mobile/mobile.scss
@@ -206,3 +206,10 @@ ol.category-breadcrumb {
     padding-right: 0.25em;
   }
 }
+
+// Footer
+.custom-footer {
+    .list {
+        margin: 2rem 0;
+    }
+}