Remove tailwind from footer

about.json

@@ -8,8 +8,7 @@
     "https://github.com/discourse/discourse-custom-header-links.git",
     "https://git.grosinger.net/tgrosinger/discourse-user-card-directory.git",
     "https://github.com/discourse/DiscoTOC.git",
-    "https://github.com/paviliondev/discourse-tc-topic-list-previews.git",
+    "https://github.com/paviliondev/discourse-tc-topic-list-previews.git"
-    "https://github.com/discourse/Discourse-easy-footer.git"
   ],
   "assets": {
     "OrcasHub-Top-Logo": "assets/OrcasHub-Top-Logo.png"
@@ -31,4 +30,4 @@
       "love": "c16ad7"
     }
   }
-}
+}

common/common.scss

@@ -730,26 +730,77 @@ html body #main-outlet {
 }
 
 // Footer
-.custom-footer {
+.orcashub-footer {
-    background-color: #1f2937;
+    background-color: rgb(31 41 55/1);
 
-    .list {
+    .outer-container {
-        span {
+        max-width: 80rem;
-            font-weight: 500;
+        margin-left: auto;
+        margin-right: auto;
+        padding: 3rem 1.5rem;
+    }
+
+    .inner-container {
+        padding-bottom: 2rem;
+
+        @media (min-width: 1280) {
+            display: grid;
+            grid-template-columns: repeat(4, minmax(0, 1fr));
+            gap: 2rem;
         }
     }
 
-    .second-box .links li {
+    .grid {
+        display: grid;
+        gap: 2rem;
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+
+        @media (min-width: 1280) {
+            grid-column: span 4/span 4;
+        }
+    }
+
+    .grid-row {
+        @media (min-width: 768px) {
+            display: grid;
+            grid-template-columns: repeat(2, minmax(0, 1fr));
+            gap: 2rem;
+        }
+    }
+
+    .second-group {
+        margin-top: 3rem;
+
+        @media (min-width: 768px) {
+            margin-top: 0;
+        }
+    }
+
+    h3 {
+        color: white;
+        font-size: 1rem;
+        font-weight: 500;
+        line-height: 1.5rem;
+    }
+
+    ul {
         margin: 0;
     }
 
-    .footer-section-link-wrapper a {
+    li {
-        color: var(--header_primary);
+        a {
-        font-size: 1rem;
+            color: rgb(209 213 219/var(--tw-text-opacity));
-        line-height: 1.5rem;
+            font-size: 1rem;
+            line-height: 1.5rem;
+        }
 
-        &:hover {
+        a:hover {
             color: white;
         }
+
+        a:visited {
+            color: rgb(209 213 219/var(--tw-text-opacity)) !important;
+        }
     }
+
 }

common/footer.html

@@ -0,0 +1,46 @@
+<footer class=" orcashub-footer">
+    <div class="outer-container">
+        <div class="inner-container">
+            <div class="grid">
+                <div class="grid-row">
+                    <div>
+                        <h3>Classifieds</h3>
+                        <ul>
+                            <li><a href="https://orcas.community/classified/for-sale">For Sale</a></li>
+                            <li><a href="https://orcas.community/classified/for-free">For Free</a></li>
+                            <li><a href="https://orcas.community/classified/want-to-buy">Looking For</a></li>
+                            <li><a href="https://orcas.community/classified/want-to-borrow">Want to Borrow</a></li>
+                            <li><a href="https://orcas.community/classified/new">New Post</a> </li>
+                        </ul>
+                    </div>
+                    <div class="second-group">
+                        <h3>Housing</h3>
+                        <ul>
+                            <li><a href="https://orcas.community/housing/for-rent">For Rent</a></li>
+                            <li><a href="https://orcas.community/housing/request">Requests</a> </li>
+                            <li><a href="https://orcas.community/housing/new">New Post</a> </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="grid-row">
+                    <div>
+                        <h3>Other Services</h3>
+                        <ul>
+                            <li><a href="/" target="_blank">Groups</a> </li>
+                            <li><a href="https://orcas.community/events">Events</a> </li>
+                            <li><a href="https://sanjuans.online/" target="_blank">San Juans Online</a></li>
+                        </ul>
+                    </div>
+                    <div class="second-group">
+                        <h3>About</h3>
+                        <ul>
+                            <li><a href="https://orcas.community/terms-of-service">Terms of Service</a></li>
+                            <li><a href="https://orcas.community/privacy-policy">Privacy Policy</a></li>
+                            <li><a href="https://opencollective.com/orcas-community" target="_blank">Donate</a></li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</footer>