Re-organise partials

source/_partials/about/availability.html.twig

@@ -0,0 +1,11 @@
+<div class="widget">
+    <h2 class="mb-2">Availability</h2>
+
+    <ul class="pl-5">
+        {% for type, value in site.availability %}
+            <li>
+                {% include 'about/availability/' ~ value %}
+            </li>
+        {% endfor %}
+    </ul>
+</div>

source/_partials/about/availability/limited.html.twig

@@ -0,0 +1 @@
+Currently have limited {{ type }}-time capacity.

source/_partials/about/availability/no.html.twig

@@ -0,0 +1 @@
+Currently no spare {{ type }}-time capacity.

source/_partials/about/availability/yes.html.twig

@@ -0,0 +1 @@
+Currently have available {{ type }}-time capacity.

source/_partials/about/badges.html.twig

@@ -0,0 +1,60 @@
+<div class="block sm:flex md:block -mx-4">
+    <div class="px-4">
+        <div class="widget">
+            <div class="max-w-xs md:max-w-full mx-auto">
+                <a href="https://assoc.drupal.org/membership" title="I’m a Drupal Association member." class="block mb-4 px-4 md:px-0 mx-10">
+                    <img src="/images/badges/da-individual-member.png" alt="Drupal Association Individual Member"/>
+                </a>
+            </div>
+        </div>
+    </div>
+
+    <div class="px-4">
+        <div class="widget bg-grey-light p-4 rounded">
+            <div class="markup -mb-3">
+                <h2 class="visuallyhidden">Certifications</h2>
+
+                {% include 'about/certification' with {
+                    title: 'Acquia certified Grand Master - Drupal 8',
+                    url: 'http://certification.acquia.com/user/1647756',
+                    image: {
+                        filename: 'acquia-d8-grand-master.png',
+                        alt: 'Acquia Certified Grand Master - Drupal 8 Exam Badge',
+                    },
+                } %}
+
+                {% include 'about/certification' with {
+                    title: 'Acquia certified Developer - Drupal 8',
+                    image: {
+                        filename: 'acquia-d8-developer.png',
+                        alt: 'Acquia Certified Developer - Drupal 8 Exam Badge',
+                    },
+                } %}
+
+                {% include 'about/certification' with {
+                    title: 'Acquia certified Back End Specialist - Drupal 8',
+                    image: {
+                        filename: 'acquia-d8-back-end.png',
+                        alt: 'Acquia Certified Back End Specialist - Drupal 8 Exam Badge',
+                    },
+                } %}
+
+                {% include 'about/certification' with {
+                    title: 'Acquia certified Front End Specialist - Drupal 8',
+                    image: {
+                        filename: 'acquia-d8-front-end.png',
+                        alt: 'Acquia Certified Front End Specialist - Drupal 8 Exam Badge',
+                    },
+                } %}
+
+                {% include 'about/certification' with {
+                    title: 'Acquia certified Cloud Pro',
+                    image: {
+                        filename: 'acquia-cloud-pro.png',
+                        alt: 'Acquia Certified Cloud Pro Exam Badge',
+                    },
+                } %}
+            </div>
+        </div>
+    </div>
+</div>

source/_partials/about/certification.html.twig

@@ -0,0 +1,17 @@
+<div class="flex mb-3">
+    <div class="w-16 mr-2 flex-none">
+        <div class="flex flex-col items-center">
+            <img src="/images/badges/{{ image.filename }}" alt="{{ image.alt }}" />
+        </div>
+    </div>
+
+    <div class="flex items-center ml-px">
+        <p class="text-sm mb-0 mr-1">
+            {% if url %}
+                <a href="{{ url }}" class="no-underline hover:underline focus:underline">{{ title }}</a>
+            {% else %}
+                {{ title }}
+            {% endif %}
+        </p>
+    </div>
+</div>