Add technlogies to home page

_config.yml

@@ -8,6 +8,9 @@ collections:
   services:
     output: true
     permalink: /service/:name
+  technologies:
+    output: true
+    permalink: /technology/:name
 defaults:
   - scope:
       type: coops

_coops/agile-collective.md

@@ -7,6 +7,9 @@ clients:
 services:
   - consultancy
   - development
+technologies:
+  - apache
+  - bash
 ---
 Agile Collective is a small team of designers and developers who make websites for socially positive organisations such as charities, NGOs, social enterprises and educational institutions. We take a highly creative and integrated approach to all of our projects which results in a transparent and empowering working environment for the whole project team – including our client.
 

_technologies/apache.md

@@ -0,0 +1,3 @@
+---
+name: Apache
+---

_technologies/bash.md

@@ -0,0 +1,3 @@
+---
+name: Bash
+---

index.html

@@ -109,6 +109,27 @@ layout: home
     </div>
 </section>
 
+<section id="technologies" data-magellan-target="technologies">
+  <div class="row">
+    <div class="small-12 columns">
+
+      <h2>Technologies</h2>
+      <p>Here are some of the technologies we are currently using - the list continues to grow!</p>
+
+      <div class="row small-up-3 medium-up-4 large-up-6">
+        {% for technology in site.technologies %}
+          <div class="column">
+            <a href="{{ technology.url | relative_url }}" class="technology-thumb">
+              <div class="technology-thumb-img" style="background-image: url(/images/technologies/{{ technology.slug }}.png)"></div>
+              <h5>{{ technology.name }}</h5>
+            </a>
+          </div>
+        {% endfor %}
+      </div>
+    </div>
+  </div>
+</section>
+
 <section id="contact" data-magellan-target="contact">
   <div class="row">
     <div class="small-12 medium-6 small-centered columns">