Added skills

app/config/sculpin_kernel.yml

@@ -6,6 +6,7 @@ sculpin_content_types:
     projects:
         permalink: portfolio/:slug_title/
         taxonomies:
+            - skills
             - tags
     talks:
         permalink: talks/:filename/

app/config/sculpin_site.yml

@@ -118,3 +118,14 @@ companies:
         title: CTI Digital
         website: https://www.ctidigital.com
         logo: cti-digital.png
+
+skills:
+    drupal: { title: Drupal, image: drupal.png }
+    drupal-commerce: { title: Drupal Commerce, image: drupal-commerce.png }
+    php: { title: PHP, image: php.png }
+    git: { title: Git, image: git.png }
+    svn: { title: Subversion, image: svn.jpg }
+    less: { title: Less, image: less.png }
+    sass: { title: Sass, image: sass.png }
+    compass: { title: Compass, image: compass.png }
+    jenkins: { title: Jenkins, image: jenkins.png }

source/_includes/project-company.html.twig

@@ -0,0 +1,25 @@
+{% if page.company %}
+    {% set company = site.companies[page.company] %}
+
+    <div class="project--company{% if company.logo %} project--company__has-logo{% endif %}">
+        {% if page.freelance %}
+            <h2>Built for</h2>
+        {% else %}
+            <h2>Built whilst at</h2>
+        {% endif %}
+
+        {% if company.logo %}
+            {% set name = '<img src="/assets/images/experience/' ~ company.logo ~ '" alt="' ~ company.title ~ '">' %}
+        {% else %}
+            {% set name = company.title %}
+        {% endif %}
+
+        {% if company.website %}
+            <a href="{{ company.website }}" title="{{ company.title }}">
+                {{ name|raw }}
+            </a>
+        {% else %}
+            {{ name|raw }}
+        {% endif %}
+    </div>
+{% endif %}

source/_includes/project-skills.html.twig

@@ -0,0 +1,14 @@
+{% if page.skills %}
+    <div class="project--skills">
+        <h2>Skills</h2>
+
+        <ul>
+            {% for item in page.skills %}
+                {% set skill = site.skills[item] %}
+                <li>
+                    <img src="/assets/images/skills/{{ skill.image }}" alt="{{ skill.title }}" title="{{ skill.title }}">
+                </li>
+            {% endfor %}
+        </ul>
+    </div>
+{% endif %}

source/_layouts/project.html.twig

@@ -25,29 +25,6 @@
         </div>
     {% endif %}
 
-    {% if page.company %}
+    {{ include('project-skills') }}
-        {% set company = site.companies[page.company] %}
+    {{ include('project-company') }}
-
-        <div class="project--company{% if company.logo %} project--company__has-logo{% endif %}">
-            {% if page.freelance %}
-                <h2>Built for</h2>
-            {% else %}
-                <h2>Built whilst at</h2>
-            {% endif %}
-
-            {% if company.logo %}
-                {% set name = '<img src="/assets/images/experience/' ~ company.logo ~ '" alt="' ~ company.title ~ '">' %}
-            {% else %}
-                {% set name = company.title %}
-            {% endif %}
-
-            {% if company.website %}
-                <a href="{{ company.website }}" title="{{ company.title }}">
-                    {{ name|raw }}
-                </a>
-            {% else %}
-                {{ name|raw }}
-            {% endif %}
-        </div>
-    {% endif %}
 {% endblock %}

source/_projects/2009-abertawe-country-hotel-for-cats.md

@@ -7,4 +7,5 @@ tags:
 image: cattery.png
 role: Freelance Developer
 freelance: true
+skills: [drupal, php, jenkins]
 ---

source/_projects/2010-horse-and-country.md

@@ -7,4 +7,5 @@ tags:
 image: handc.png
 company: horse_country
 role: Developer
+skills: [drupal, php, git]
 ---

source/_projects/2011-avon-motorsport.md

@@ -7,4 +7,5 @@ tags:
 image: avon-motorsport.png
 company: proctors
 role: Developer
+skills: [drupal, php, less, svn]
 ---

source/_projects/2011-rathbone-greenbank.md

@@ -8,4 +8,5 @@ image: rathbone-greenbank.png
 company: proctors
 slug: rathbone-greenbank
 role: Developer
+skills: [drupal, php, less, svn]
 ---

source/_projects/2011-source-for-searches.md

@@ -8,4 +8,5 @@ tags:
 image: source-for-searches.png
 company: proctors
 role: Developer
+skills: [drupal, php, less, svn]
 ---

source/_projects/2011-wlsquared.md

@@ -7,4 +7,5 @@ tags:
 image: wlsquared.png
 role: Freelance Developer
 freelance: true
+skills: [drupal, php, git]
 ---

source/_projects/2012-accessible-bristol.md

@@ -8,4 +8,5 @@ tags:
 image: accessible-bristol.png
 role: Freelance Developer
 freelance: true
+skills: [drupal, php, less, git]
 ---

source/_projects/2012-aspira.md

@@ -7,4 +7,5 @@ tags:
 image: aspira.png
 company: proctors
 role: Developer
+skills: [drupal, php, svn]
 ---

source/_projects/2012-daylight-photo-awards.md

@@ -8,4 +8,5 @@ tags:
 image: daylight-photo-awards.png
 role: Freelance Developer
 freelance: true
+skills: [drupal, drupal-commerce, git, sass, compass, jenkins]
 ---

source/_projects/2012-digital-theatre-plus.md

@@ -8,4 +8,5 @@ tags:
 image: digital-theatre-plus.png
 company: nomensa
 role: Developer
+skills: [drupal, php]
 ---

source/_projects/2012-door-decor-and-more.md

@@ -9,4 +9,5 @@ image: door-decor-more.png
 company: zooba
 role: Freelance Developer
 freelance: true
+skills: [drupal, drupal-commerce, php, git]
 ---

source/_projects/2012-vikisports.md

@@ -7,4 +7,5 @@ tags:
 image: vikisports.png
 role: Freelance Developer
 freelance: true
+skills: [drupal, php, git, jenkins]
 ---

source/_projects/2013-hutch-paving.md

@@ -7,4 +7,5 @@ image: hutch-paving.png
 role: Freelance Developer
 company: trent
 freelance: true
+skills: [drupal, php]
 ---

source/_projects/2013-ifoa.md

@@ -8,4 +8,5 @@ image: ifoa.png
 company: precedent
 role: Lead Developer
 slug: ifoa
+skills: [drupal, php, git]
 ---

source/_projects/2013-mfvc.md

@@ -8,4 +8,5 @@ image: mfvc.png
 slug_title: my-favourite-voucher-codes
 role: Freelance Developer
 freelance: true
+skills: [drupal, php, git]
 ---

source/_projects/2013-watts-tvc.md

@@ -8,4 +8,5 @@ image: wattstvc.png
 company: lab_class
 role: Freelance Developer
 freelance: true
+skills: [drupal, php, git, sass, compass]
 ---

source/_projects/2014-drupalorg.md

@@ -7,4 +7,5 @@ tags:
 image: drupalorg.png
 company: drupal_association
 role: Drupal.org Developer
+skills: [drupal, php, git, sass, compass, jenkins]
 ---

source/_projects/2015-roadcc.md

@@ -7,4 +7,5 @@ tags:
 image: roadcc.png
 company: microserve
 role: Lead Developer
+skills: [drupal, php, git, less]
 ---

styles/_portfolio.scss

@@ -1,3 +1,20 @@
+.project--skills {
+    ul {
+        list-style: none;
+        margin-left: 0;
+        padding-left: 0;
+    }
+
+    li {
+        display: inline-block;
+        margin-right: 5px;
+    }
+
+    img {
+        max-height: 30px;
+    }
+}
+
 .project--company__has-logo {
     a:link,
     a:hover {