autonomic-cooperative
/
autonomic.zone
Archived
5
0
Fork 0
Code Issues 15 Pull Requests 2 Releases Activity

Redesigned footer to be more compact

This commit is contained in:
Roxie Gibson 2020-02-05 20:51:34 +00:00
parent ef18228bee
commit d72cc7389c
Signed by untrusted user: roxxers
GPG Key ID: 5D0140EDEE123F4D
5 changed files with 79 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/_includes/contact.html
View File

@ -1,5 +1,5 @@
<a class="named-anchor" name="contact"></a>
<section id="contact" class="wrapper style5 special">
<a class="named-anchor" name="contact">
<header class="major">
<h2>Get in Touch</h2>
<p>Contact us to discuss your project's needs and arrange a consultation.</p>
@ -9,4 +9,5 @@
Our key fingerprint is: <br/><code id="fingerprint">82FC 87C5 1A71 902F DC10 2CF5 4F90 D55B B24B 1147</code>
</p>
</header>
</a>
</section>

71
src/_includes/footer.html
View File

@ -1,30 +1,49 @@
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li>
<a rel="noopener" href="{{ site.twitter_url }}" style="border-bottom: none">
<img style="height: 2rem;" src="{{ '/assets/svg/twitter-brands.svg' | absolute_url }}">
</img>
</a>
</li>
<li>
<a rel="me" href="{{ site.mastodon_url }}" style="border-bottom: none">
<img style="height: 2rem;" src="{{ '/assets/svg/mastodon-brands.svg' | absolute_url }}">
</img>
</a>
</li>
</ul>
<ul class="copyright">
<object style="height: 1.2rem; vertical-align: text-bottom;" type="image/svg+xml" data="{{ '/assets/svg/creative-commons-brands.svg' | absolute_url }}">
Your browser does not support SVG
</object>&nbsp;
{{ site.title }}
</ul>
<div class="row">
<div class="column">
<a class="named-anchor" name="contact"></a>
<h3>Get in Touch</h3>
Contact us to discuss your project's needs and arrange a consultation.
<a href="mailto:helo@autonomic.zone">helo@autonomic.zone</a></br>
<a href="{{ '/assets/pgp/autonomic-key.asc' | relative_url }}">PGP key</a><code id="fingerprint">82FC 87C5 1A71 902F DC10 2CF5 4F90 D55B B24B 1147</code>
<address>
Autonomic Co-operative</br>
1539 Pershore Road</br>
Stirchley</br>
B30 2JH
</address>
<ul class="icons" style="margin-bottom: 0; padding-top: 1em">
<li>
<a rel="noopener" href="{{ site.twitter_url }}" style="border-bottom: none">
<img style="height: 2rem;" src="{{ '/assets/svg/twitter-brands.svg' | absolute_url }}">
</img>
</a>
</li>
<li>
<a rel="me" href="{{ site.mastodon_url }}" style="border-bottom: none">
<img style="height: 2rem;" src="{{ '/assets/svg/mastodon-brands.svg' | absolute_url }}">
</img>
</a>
</li>
</ul>
</div>
<div class="column">
<div class="copyright">
<object style="height: 1.2rem; vertical-align: text-bottom;" type="image/svg+xml" data="{{ '/assets/svg/creative-commons-brands.svg' | absolute_url }}">
Your browser does not support SVG
</object>&nbsp;
{{ site.title }}
</div>
<div class="cotech-box">
<a href="https://www.coops.tech/">
<img class="cotech-logo" src="{{ '/assets/images/CoTech-white-logo.png' | relative_url }}" alt="CoTech"/>
<span class="cotech-text">Member of Cotech</span>
</a>
</div>
<div style="vertical-align: bottom;">
<address>
Autonomic Co-operative</br>
1539 Pershore Road</br>
Stirchley</br>
B30 2JH
</address>
</div>
</div>
</footer>

2
src/_layouts/default.html
View File

@ -6,9 +6,7 @@
{% include banner.html %}
{% include core-values.html %}
{% include services.html %}
{% include contact.html %}
{% include footer.html %}
{% include membership-footer.html %}
{% include foot-scripts.html %}
</body>
</html>

BIN
src/assets/images/CoTech-white-logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.4 KiB

35
src/assets/styles/main.scss
View File

@ -142,12 +142,17 @@ body.is-mobile {
}
}
.copyright {
.copyright, .cotech-text {
font-size: 0.8em;
letter-spacing: _size(letter-spacing-alt);
list-style: none;
padding: 0;
text-transform: uppercase;
}
.copyright {
list-style: none;
padding: 0.25em 0;
li {
border-left: solid 1px _palette(fg-light);
@ -179,6 +184,27 @@ body.is-mobile {
}
}
}
.row {
display: flex;
margin: 0 10%;
}
.column {
flex: 50%;
}
.cotech-box {
padding-bottom: 1em;;
}
.cotech-text {
vertical-align: middle;
}
.cotech-logo {
height: 1em;
vertical-align: text-bottom;
}
@include breakpoint(medium) {
@include padding(4em, 3em);
@ -189,6 +215,9 @@ body.is-mobile {
}
}
/* Landing */
body.landing {