Merge branch 'finish-beta-content'

src/_clients/a-client.md

@@ -1,5 +0,0 @@
----
-title: A. Client
-description: Someone we have done some work for. How did it help them? What did we achieve?
-image: pic03.jpg
----

src/_clients/a-n-other.md

@@ -1,5 +0,0 @@
----
-title: A. N. Other
-description: Another client with another few sentences of text. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
-image: pic01.jpg
----

src/_includes/cta.html

@@ -6,7 +6,7 @@
       <p>Contact us to discuss your project's needs and arrange a consultation.</p>
     </header>
     <ul class="actions vertical">
-      <li><a href="https://autonomic-cooperative.gitlab.io/contact/" class="button fit special">Contact</a></li>
+      <li><a href="/contact" class="button fit special">Contact</a></li>
     </ul>
   </div>
 </section>

src/_layouts/page.html

@@ -7,7 +7,12 @@
 
     <!-- Main -->
     <article id="main">
-        <header{% if page.image %} style="background-image: url('{% if site.featured-image-source %}{{ page.image | prepend: site.featured-image-source | absolute_url }}{% else %}{{ "" | absolute_url }}/assets/images/{{ page.image }}{% endif %}');"{% endif %}>
+        <header>
+            {% if page.image %}
+            <div
+                class="header-image"
+                style="background-image: url('{% if site.featured-image-source %}{{ page.image | prepend: site.featured-image-source | absolute_url }}{% else %}{{ "" | absolute_url }}/assets/images/{{ page.image }}{% endif %}');"></div>
+            {% endif %}
             <h2>{{ page.title }}</h2>
             <p>{{ page.description }}</p>
         </header>

src/_layouts/post.html

@@ -14,7 +14,12 @@
 
     <!-- Main -->
     <article id="main">
-        <header{% if page.image %} style="background-image: url('{% if site.featured-image-source %}{{ page.image | prepend: site.featured-image-source | absolute_url }}{% else %}{{ "" | absolute_url }}/assets/images/{{ page.image }}{% endif %}');"{% endif %}>
+        <header>
+            {% if page.image %}
+            <div
+                class="header-image"
+                style="background-image: url('{% if site.featured-image-source %}{{ page.image | prepend: site.featured-image-source | absolute_url }}{% else %}{{ "" | absolute_url }}/assets/images/{{ page.image }}{% endif %}');"></div>
+            {% endif %}
             <h2>{{ page.title }}</h2>
             <p>{{ page.description }}</p>
         </header>

src/_layouts/spotlight.html

@@ -6,7 +6,12 @@
     {% include header.html %}
 
     <div id="main">
-        <header{% if page.image %} style="background-image: url('{% if site.featured-image-source %}{{ page.image | prepend: site.featured-image-source | absolute_url }}{% else %}{{ "" | absolute_url }}/assets/images/{{ page.image }}{% endif %}');"{% endif %}>
+        <header>
+            {% if page.image %} 
+            <div 
+                class="header-image"
+                style="background-image: url('{% if site.featured-image-source %}{{ page.image | prepend: site.featured-image-source | absolute_url }}{% else %}{{ "" | absolute_url }}/assets/images/{{ page.image }}{% endif %}');"></div>
+            {% endif %}
             <h2>{{ page.title }}</h2>
             <p>{{ page.description }}</p>
         </header>

src/assets/styles/main.scss

@@ -50,12 +50,32 @@
   > header {
     @include padding(12em, 0);
     @include vendor('background-image', ('linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5))', 'url("../../assets/images/banner.jpg")'));
+    position: relative;
     background-attachment: fixed;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     text-align: center;
 
+    > * {
+      position: relative;
+      z-index: 1;
+    }
+
+    .header-image {
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background-attachment: fixed;
+      background-position: center center;
+      background-repeat: no-repeat;
+      background-size: cover;
+      z-index: 0;
+      filter: blur(3px) brightness(40%);
+    }
+
     h2 {
       font-size: 1.75em;
       margin: 0 0 (_size(element-margin) * 0.25) 0;

src/clients.md

@@ -1,9 +0,0 @@
----
-layout: spotlight
-tiles-source: clients
-tiles-limit: 50
-title: Clients
-description: Clients of Autonomic
----
-
-### Clients

src/contact.md

@@ -1,14 +1,13 @@
 ---
 layout: page
 title: Contact
-description: Contact Autonomic Cooperative
 ---
 
-### Email
+### Get in touch by email:
 
 [autonomic@posteo.net](mailto:autonomic@posteo.net)
 
-[Download PGP Key]({{https://autonomic-cooperative.gitlab.io/}}{% link assets/pgp/autonomic-key.asc %}) 
+[Download PGP Key]({https://autonomic-cooperative.gitlab.io}{% link assets/pgp/autonomic-key.asc %}) 
 
 Fingerprint: 82FC 87C5 1A71 902F DC10 2CF5 4F90 D55B B24B 1147