Tweaked footer text

_config.yml

@@ -10,6 +10,7 @@ sass:
 featured-image-source:
 500px_url:
 github_url:
+mastodon_url: https://sunbeam.city/@autonomic
 twitter_url: https://twitter.com/autonomiccoop
 markdown: kramdown
 permalink: pretty

src/_includes/blog.html

@@ -1,18 +0,0 @@
-<section id="two" class="wrapper alt style2">
-  {% assign posts = site.categories.values | concat: site.categories.howto | sort:"date" | reverse %}
-
-  {% for post in posts %}
-    <section class="spotlight">
-      <div class="image">
-        {% if post.image %}
-        <img src="{% if site.featured-image-source %}{{ post.image | prepend: site.featured-image-source | absolute_url }}{% else %}{{ "" | absolute_url }}/assets/images/{{ post.image }}{% endif %}" alt="" loading="lazy">
-      {% endif %}
-    </div>
-      <div class="content">
-        <h2><a href="{{ post.url | relative_url }}" class="link">{{ post.title }}</a></h2>
-        <p class="h5">{{ post.date | date: '%B %d, %Y' }}</p>
-        <p>{{ post.description }}</p>
-      </div>
-    </section>
-  {% endfor %}
-</section>

src/_includes/contact.html

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

src/_includes/foot-scripts.html

@@ -0,0 +1,7 @@
+<!-- Scripts -->
+<script src="{{ "/assets/js/jquery-3.4.1.min.js" | absolute_url }}"></script>
+<script src="{{ "/assets/js/jquery.scrollex.min.js" | absolute_url }}"></script>
+<script src="{{ "/assets/js/skel.min.js" | absolute_url }}"></script>
+<script src="{{ "/assets/js/util.js" | absolute_url }}"></script>
+<script src="{{ "/assets/js/particles.min.js" | absolute_url }}""></script>
+<script src="{{ "/assets/js/main.js" | absolute_url }}"></script>

src/_includes/footer.html

@@ -1,37 +1,50 @@
 <!-- Footer -->
 <footer id="footer">
-  <ul class="icons">
+  <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></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>
+
+      <ul class="icons" style="margin-bottom: 0; padding-top: 1em">
         <li>
           <a rel="noopener" href="{{ site.twitter_url }}" style="border-bottom: none">
-        <svg style="height: 2rem;" viewBox="0 0 1792 1792">
+            <img alt="twitter" style="height: 2rem;" src="{{ '/assets/svg/twitter-brands.svg' | absolute_url }}">
-          <title>Twitter</title>
+          </a>
-          <path fill="#fff" d="M1684 408q-67 98-162 167l1 42q0 130-38 260t-115 248-185 211-258 146-323 54q-271 0-496-145 35 4 78 4 225 0 401-138-105-2-188-64t-114-160q33 5 61 5 43 0 85-11-112-23-185-111t-74-206v-4q68 38 146 41-66-44-105-115t-39-154q0-88 44-163 121 149 295 239t371 99q-8-38-8-74 0-134 95-228t228-95q140 0 236 102 109-21 205-78-37 115-142 178 93-10 186-50z"/>
+        </li>
-        </svg>
+        <li>
+          <a rel="me" href="{{ site.mastodon_url }}" style="border-bottom: none">
+            <img alt="mastodon" style="height: 2rem;" src="{{ '/assets/svg/mastodon-brands.svg' | absolute_url }}">
           </a>
         </li>
       </ul>
-  <ul class="copyright">
-    <svg style="height: 1rem; fill: rgba(255, 255, 255, 0.7); vertical-align: text-bottom;" viewBox="0 0 1792 1792"><path d="M605 1233q153 0 257-104 14-18 3-36l-45-82q-6-13-24-17-16-2-27 11l-4 3-11 10-18 14q-11 8-23 14t-29 13-33 10-38 3q-76 0-125-50t-49-127q0-76 48-125t122-50q37 0 72 14t50 28l16 14q11 11 26 10 16-2 24-14l53-78q13-20-2-39l-11-12q-8-8-30-23t-48-28-68-23-86-10q-148 0-246 97t-98 240q0 146 97 242t247 95zm630 0q153 0 257-104 14-18 4-36l-45-82q-8-14-25-17-16-2-27 11l-4 3-11 10-18 14q-11 8-23 14t-29 13-33 10-38 3q-76 0-125-50t-49-127q0-76 48-125t122-50q37 0 72 14t50 28l16 14q11 11 26 10 16-2 24-14l53-78q13-20-2-39l-11-12q-8-8-30-23t-48-28-68-23-86-10q-147 0-245 97t-99 240q0 146 97 242t247 95zM896 160q-150 0-286 59T376 376 219 610t-59 286 59 286 157 235 234 157 286 58 286-58 235-157 157-235 58-286-58-286-157-234-235-157-286-59zm0-160q182 0 348 71t286 191 191 286 71 348-71 348-191 286-286 191-348 71-348-71-286-191-191-286T0 896t71-348 191-286T548 71 896 0z"/></svg>&nbsp;
-    {{ site.title }}</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 the Cotech Network</span>
+        </a>
+      </div>
+      <div style="vertical-align: bottom;">
         <address>
-      Autonomic Co-operative</br>
+          Autonomic Co-operative Limited</br>
-      1539 Pershore Road </br>
+          1539 Pershore Road</br>
-      Stirchley</br>
+          Birmingham</br>
-      B30 2JH
+          B30 2JH</br>
+          United Kingdom</br>
         </address>
+      </div>
+    </div>
+  </div>
 </footer>
-
-</div>
-
-<!-- Scripts -->
-<script src="{{ "/assets/js/jquery-3.4.1.min.js" | absolute_url }}"></script>
-<script src="{{ "/assets/js/jquery.scrollex.min.js" | absolute_url }}"></script>
-<script src="{{ "/assets/js/skel.min.js" | absolute_url }}"></script>
-<script src="{{ "/assets/js/util.js" | absolute_url }}"></script>
-<script src="{{ "/assets/js/particles.min.js" | absolute_url }}""></script>
-<script src="{{ "/assets/js/main.js" | absolute_url }}"></script>
-
-</body>
-</html>

src/_layouts/default.html

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

src/assets/styles/main.scss

@@ -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,16 +184,42 @@ body.is-mobile {
       }
     }
   }
+  .row {
+    display: flex;
+    margin: 0 10%;
+    flex-wrap: wrap;
+    justify-content: space-evenly;
+  }
+  
+  .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);
+    @include padding(4em, 0em);
   }
 
   @include breakpoint(small) {
-    @include padding(3em, 2em);
+    @include padding(3em, 0em);
   }
 }
 
+
+
+
 /* Landing */
 
 body.landing {

src/assets/svg/creative-commons-brands.svg

@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="creative-commons" class="svg-inline--fa fa-creative-commons fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path fill="rgba(255,255,255,0.9)" d="M245.83 214.87l-33.22 17.28c-9.43-19.58-25.24-19.93-27.46-19.93-22.13 0-33.22 14.61-33.22 43.84 0 23.57 9.21 43.84 33.22 43.84 14.47 0 24.65-7.09 30.57-21.26l30.55 15.5c-6.17 11.51-25.69 38.98-65.1 38.98-22.6 0-73.96-10.32-73.96-77.05 0-58.69 43-77.06 72.63-77.06 30.72-.01 52.7 11.95 65.99 35.86zm143.05 0l-32.78 17.28c-9.5-19.77-25.72-19.93-27.9-19.93-22.14 0-33.22 14.61-33.22 43.84 0 23.55 9.23 43.84 33.22 43.84 14.45 0 24.65-7.09 30.54-21.26l31 15.5c-2.1 3.75-21.39 38.98-65.09 38.98-22.69 0-73.96-9.87-73.96-77.05 0-58.67 42.97-77.06 72.63-77.06 30.71-.01 52.58 11.95 65.56 35.86zM247.56 8.05C104.74 8.05 0 123.11 0 256.05c0 138.49 113.6 248 247.56 248 129.93 0 248.44-100.87 248.44-248 0-137.87-106.62-248-248.44-248zm.87 450.81c-112.54 0-203.7-93.04-203.7-202.81 0-105.42 85.43-203.27 203.72-203.27 112.53 0 202.82 89.46 202.82 203.26-.01 121.69-99.68 202.82-202.84 202.82z"></path></svg>

src/assets/svg/mastodon-brands.svg

@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="mastodon" class="svg-inline--fa fa-mastodon fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="#fff" d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path></svg>

src/assets/svg/twitter-brands.svg

@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="twitter" class="svg-inline--fa fa-twitter fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#fff" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path></svg>