From a6d9fce6b4e8944f3f02376538445bf270bc609f Mon Sep 17 00:00:00 2001
From: Tony Grosinger <tony@grosinger.net>
Date: Sat, 2 Mar 2024 17:26:43 -0800
Subject: [PATCH] Add footer links and tailwind

---
 common/common.scss   | 23 +++-----------
 common/footer.html   | 74 ++++++++++++++++++++++++++++++++++++++++++++
 common/head_tag.html |  0
 3 files changed, 79 insertions(+), 18 deletions(-)
 create mode 100644 common/footer.html
 create mode 100644 common/head_tag.html

diff --git a/common/common.scss b/common/common.scss
index adc5e48..a36a90e 100644
--- a/common/common.scss
+++ b/common/common.scss
@@ -730,26 +730,13 @@ html body #main-outlet {
 }
 
 // Footer
-.custom-footer {
-    background-color: #1f2937;
-
-    .list {
-        span {
-            font-weight: 500;
-        }
-    }
-
-    .second-box .links li {
+.orcashub-footer {
+    ul {
         margin: 0;
     }
 
-    .footer-section-link-wrapper a {
-        color: var(--header_primary);
-        font-size: 1rem;
-        line-height: 1.5rem;
-
-        &:hover {
-            color: white;
-        }
+    a:visited {
+        // I couldn't get this to work with normal tailwind classes.
+        color: rgb(209 213 219/var(--tw-text-opacity)) !important;
     }
 }
\ No newline at end of file
diff --git a/common/footer.html b/common/footer.html
new file mode 100644
index 0000000..0547bb4
--- /dev/null
+++ b/common/footer.html
@@ -0,0 +1,74 @@
+<link rel="stylesheet" href="https://orcas.is/files/css/styles.css">
+
+<footer class=" orcashub-footer bg-gray-800" aria-labelledby="footer-heading">
+    <h2 id="footer-heading" class="sr-only">Footer</h2>
+    <div class="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8 lg:py-16">
+        <div class="pb-8 xl:grid xl:grid-cols-4 xl:gap-8">
+            <div class="grid grid-cols-2 gap-8 xl:col-span-4">
+                <div class="md:grid md:grid-cols-2 md:gap-8">
+                    <div>
+                        <h3 class="text-base font-medium text-white">Classifieds</h3>
+                        <ul>
+                            <li><a href="https://orcas.community/classified/for-sale"
+                                    class="text-base text-gray-300 hover:text-white">For
+                                    Sale</a></li>
+                            <li><a href="https://orcas.community/classified/for-free"
+                                    class="text-base text-gray-300 hover:text-white">For
+                                    Free</a></li>
+                            <li><a href="https://orcas.community/classified/want-to-buy"
+                                    class="text-base text-gray-300 hover:text-white">Looking
+                                    For</a></li>
+                            <li><a href="https://orcas.community/classified/want-to-borrow"
+                                    class="text-base text-gray-300 hover:text-white">Want to
+                                    Borrow</a></li>
+                            <li><a href="https://orcas.community/classified/new"
+                                    class="text-base text-gray-300 hover:text-white">New Post</a>
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="mt-12 md:mt-0">
+                        <h3 class="text-base font-medium text-white">Housing</h3>
+                        <ul>
+                            <li><a href="https://orcas.community/housing/for-rent"
+                                    class="text-base text-gray-300 hover:text-white">For
+                                    Rent</a></li>
+                            <li><a href="https://orcas.community/housing/request"
+                                    class="text-base text-gray-300 hover:text-white">Requests</a>
+                            </li>
+                            <li><a href="https://orcas.community/housing/new"
+                                    class="text-base text-gray-300 hover:text-white">New Post</a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="md:grid md:grid-cols-2 md:gap-8">
+                    <div>
+                        <h3 class="text-base font-medium text-white">Other Services</h3>
+                        <ul>
+                            <li><a href="/" class="text-base text-gray-300 hover:text-white" target="_blank">Groups</a>
+                            </li>
+                            <li><a href="https://orcas.community/events"
+                                    class="text-base text-gray-300 hover:text-white">Events</a>
+                            </li>
+                            <li><a href="https://sanjuans.online/" class="text-base text-gray-300 hover:text-white"
+                                    target="_blank">San Juans Online</a></li>
+                        </ul>
+                    </div>
+                    <div class="mt-12 md:mt-0">
+                        <h3 class="text-base font-medium text-white">About</h3>
+                        <ul>
+                            <li><a href="https://orcas.community/terms-of-service"
+                                    class="text-base text-gray-300 hover:text-white">Terms of
+                                    Service</a></li>
+                            <li><a href="https://orcas.community/privacy-policy"
+                                    class="text-base text-gray-300 hover:text-white">Privacy
+                                    Policy</a></li>
+                            <li><a href="https://opencollective.com/orcas-community"
+                                    class="text-base text-gray-300 hover:text-white" target="_blank">Donate</a></li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</footer>
\ No newline at end of file
diff --git a/common/head_tag.html b/common/head_tag.html
new file mode 100644
index 0000000..e69de29