opdavies/oliverdavies.uk-old-sculpin
Archived
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Refactor certifications block

Browse source
This commit is contained in:
Oliver Davies 2018-10-25 08:53:59 +01:00
parent 5f4618cbda
commit aacd25f519
2 changed files with 59 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

61
source/_partials/badges.html.twig
View file

@ -1,31 +1,54 @@
<div class="flex items-center md:block text-center">
<div class="widget w-1/2 md:w-full">
<div>
<div class="widget">
<a href="https://assoc.drupal.org/membership" title="I’m a Drupal Association member." class="block mb-4 px-4 md:px-0 lg:w-3/4 lg:mx-auto">
<img src="/images/badges/da-individual-member.png" alt="Drupal Association Individual Member"/>
</a>
</div>
<div class="widget w-1/2 md:w-full">
<div class="mb-4 flex flex-wrap">
<div class="w-full lg:w-1/2 leading-none px-4 md:px-0">
<img src="/images/badges/acquia-d8-grand-master.png" alt="Acquia Certified Grand Master - Drupal 8 Exam Badge" />
</div>
<div class="widget bg-grey-light p-4 rounded">
<div class="-mb-2">
<h2 class="visuallyhidden">Certifications</h2>
<div class="w-full lg:w-1/2 leading-none px-4 md:px-0 hidden lg:block">
<img src="/images/badges/acquia-d8-developer.png" alt="Acquia Certified Developer - Drupal 8 Exam Badge" />
</div>
{% include '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',
},
} %}
<div class="w-full lg:w-1/2 leading-none px-4 md:px-0 hidden lg:block">
<img src="/images/badges/acquia-d8-back-end.png" alt="Acquia Certified Back End Specialist - Drupal 8 Exam Badge" />
</div>
{% include 'certification' with {
title: 'Acquia certified Developer - Drupal 8',
image: {
filename: 'acquia-d8-developer.png',
alt: 'Acquia Certified Developer - Drupal 8 Exam Badge',
},
} %}
<div class="w-full lg:w-1/2 leading-none px-4 md:px-0 hidden lg:block">
<img src="/images/badges/acquia-d8-front-end.png" alt="Acquia Certified Front End Specialist - Drupal 8 Exam Badge" />
</div>
{% include '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',
},
} %}
<div class="w-full lg:w-1/2 leading-none px-4 md:px-0 hidden lg:block">
<img src="/images/badges/acquia-cloud-pro.png" alt="Acquia Certified Cloud Pro Exam Badge" />
</div>
{% include '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 'certification' with {
title: 'Acquia certified Cloud Pro',
image: {
filename: 'acquia-cloud-pro.png',
alt: 'Acquia Certified Cloud Pro Exam Badge',
},
} %}
</div>
</div>
</div>

17
source/_partials/certification.html.twig Normal file
View file

@ -0,0 +1,17 @@
<div class="flex mb-2">
<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">
<p class="mb-0">
{% if url %}
<a class="link" href="{{ url }}">{{ title }}</a>
{% else %}
{{ title }}
{% endif %}
</p>
</div>
</div>