femmefaytale/cotech-website
0
0
Fork 0
forked from autonomic-cooperative/cotech-website
Code Issues Pull Requests Projects Releases Wiki Activity

Style footer

Browse Source
This commit is contained in:
Chris Lowis
2025-06-20 16:07:07 +01:00
parent 8514b203d1
commit b3371aa8c9
2 changed files with 40 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
_includes/footer.html
View File

@ -1,16 +1,18 @@
<footer>
<ul>
<li><a href="/about">About <span>&#xbb;</span></a></li>
<li><a href="/join">Join <span>&#xbb;</span></a></li>
<li><a href="/about#manifesto">Manifesto <span>&#xbb;</span></a></li>
</ul>
<section class="slice slice--dark">
<ul class="footer-links">
<li><a href="/about">About <span>&#xbb;</span></a></li>
<li><a href="/join">Join <span>&#xbb;</span></a></li>
<li><a href="/about#manifesto">Manifesto <span>&#xbb;</span></a></li>
</ul>
</section>
<div>
<img src="/assets/img/coop-logo.png" class="float-center" />
<section class="slice slice--darker">
<img src="/assets/img/coop-logo.png" />
<p>Site developed by <a href="https://glowboxdesign.co.uk/" target="_blank">Glowbox Design</a>, <a href="https://gofreerange.com/" target="_blank">Go Free Range</a> &amp; <a href="https://outlandish.com" target="_blank">Outlandish</a>.</p>
<p>Source code available on <a href="https://git.coop/cotech/website" target="_blank">git.coop</a>.</p>
<p>Hosted by <a href="https://www.webarchitects.coop/" target="_blank">Webarchitects</a> for CoTech &#xa9; {{ 'now' | date: '%Y' }}</p>
</div>
</section>
<!-- Matomo -->
<script type="text/javascript">

30
assets/css/app.css
View File

@ -120,6 +120,14 @@ h1, h2, h3, h4, h5, h6 {
background-color: var(--cotech-light-grey);
}
.slice--dark {
background-color: #212a3d;
}
.slice--darker {
background-color: #1e2637;
}
.slice--blue {
background-color: var(--cotech-blue);
}
@ -140,6 +148,22 @@ h1, h2, h3, h4, h5, h6 {
color: var(--cotech-white);
}
.slice--dark p {
color: var(--cotech-white);
}
.slice--dark a {
color: var(--cotech-white);
}
.slice--darker p {
color: #7b8290;
}
.slice--darker a {
color: #7b8290;
}
.metadata {
display: flex;
gap: var(--space-xl);
@ -208,3 +232,9 @@ h1, h2, h3, h4, h5, h6 {
.logo-grid_img:hover {
transform: scale(1.1);
}
.footer-links {
list-style-type: none;
display: flex;
gap: var(--space-lg);
}