Add footer links

This commit is contained in:
Tony Grosinger 2024-03-02 17:26:43 -08:00
parent 8309e88885
commit e361a8d018
4 changed files with 112 additions and 15 deletions

View File

@ -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/discourse/Discourse-easy-footer.git"
"https://github.com/paviliondev/discourse-tc-topic-list-previews.git"
],
"assets": {
"OrcasHub-Top-Logo": "assets/OrcasHub-Top-Logo.png"

View File

@ -730,26 +730,78 @@ html body #main-outlet {
}
// Footer
.custom-footer {
background-color: #1f2937;
.orcashub-footer {
background-color: rgb(31 41 55);
.list {
span {
.outer-container {
max-width: 80rem;
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;
}
}
.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: 16px;
font-weight: 500;
}
}
.second-box .links li {
margin: 0;
}
.footer-section-link-wrapper a {
color: var(--header_primary);
font-size: 1rem;
line-height: 1.5rem;
}
&:hover {
ul {
margin: 0;
list-style: none;
}
li {
a {
color: rgb(209 213 219);
font-size: 16px;
line-height: 1.5rem;
}
a:hover {
color: white;
}
a:visited {
color: rgb(209 213 219) !important;
}
}
}

46
common/footer.html Normal file
View File

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

0
common/head_tag.html Normal file
View File