tgrosinger/orcashub-discourse-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: tgrosinger:122a706436d0499b149ae0528fe5f088a0a0e7fa
Branches Tags
tgrosinger:main
...
compare: tgrosinger:a6d9fce6b4e8944f3f02376538445bf270bc609f
Branches Tags
tgrosinger:main

1 Commits
122a706436 ... a6d9fce6b4

Author SHA1 Message Date
Tony Grosinger
a6d9fce6b4 Add footer links and tailwind 2024-03-02 17:45:38 -08:00
3 changed files with 79 additions and 18 deletions
Show Stats Expand all files Collapse all files

23
common/common.scss
View File

@ -730,26 +730,13 @@ html body #main-outlet {
} }
// Footer // Footer
.custom-footer { .orcashub-footer {
background-color: #1f2937; ul {
.list {
span {
font-weight: 500;
}
}
.second-box .links li {
margin: 0; margin: 0;
} }
.footer-section-link-wrapper a { a:visited {
color: var(--header_primary); // I couldn't get this to work with normal tailwind classes.
font-size: 1rem; color: rgb(209 213 219/var(--tw-text-opacity)) !important;
line-height: 1.5rem;
&:hover {
color: white;
}
} }
} }

74
common/footer.html Normal file
View File

@ -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>

0
common/head_tag.html Normal file
View File