From a80197cf41d4e1d8ad964306c85890f16e8e5043 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/footer.html   | 69 ++++++++++++++++++++++++++++++++++++++++++++
 common/head_tag.html |  1 +
 2 files changed, 70 insertions(+)
 create mode 100644 common/footer.html
 create mode 100644 common/head_tag.html

diff --git a/common/footer.html b/common/footer.html
new file mode 100644
index 0000000..6ab9a59
--- /dev/null
+++ b/common/footer.html
@@ -0,0 +1,69 @@
+<footer class="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..03ad14b
--- /dev/null
+++ b/common/head_tag.html
@@ -0,0 +1 @@
+<link rel="stylesheet" href="https://orcas.is/files/css/styles.css">
\ No newline at end of file