Add custom header links

about.json

@@ -4,7 +4,9 @@
   "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-custom-header-links.git",
+    "https://github.com/discourse/Discourse-easy-footer.git"
   ],
   "assets": {
     "OrcasHub-Top-Logo": "assets/OrcasHub-Top-Logo.png"

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;
+        }
+    }
+}

desktop/desktop.scss

@@ -6,3 +6,35 @@
     height: 128px;
     width: 246px;
 }
+
+// Header links
+.custom-header-links {
+    .headerLink a {
+        padding: .5rem .75rem;
+        margin: 0 .1rem;
+        color: var(--header_primary);
+        font-weight: 500;
+        font-size: .9rem;
+        line-height: 1.25rem;
+
+        &:hover {
+            color: white;
+        }
+    }
+
+    li:last-child {
+        a {
+            color: white;
+            background-color: #111827;
+            border-radius: .375rem;
+        }
+    }
+}
+
+// Footer
+.custom-footer {
+    .list {
+        margin: 2rem 5em 4rem;
+    }
+}
+

mobile/mobile.scss

@@ -206,3 +206,10 @@ ol.category-breadcrumb {
     padding-right: 0.25em;
   }
 }
+
+// Footer
+.custom-footer {
+    .list {
+        margin: 2rem 0;
+    }
+}