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

Add footer links and tailwind

Browse Source
This commit is contained in:
Tony Grosinger 2024-03-02 17:26:43 -08:00
parent 8309e88885
commit a6d9fce6b4
3 changed files with 79 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
common/common.scss
View File

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

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