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

Update layout

Browse source
This commit is contained in:
Oliver Davies 2018-12-29 23:41:01 +00:00
parent e06622ded8
commit 09d8b54c6f
12 changed files with 128 additions and 175 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,56 +1,60 @@
<div>
<div class="widget">
<div class="flex justify-center">
<a href="https://assoc.drupal.org/membership" title="I’m a Drupal Association member." class="block mb-4 px-4 md:px-0 w-3/4">
<img src="/images/badges/da-individual-member.png" alt="Drupal Association Individual Member"/>
</a>
<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="widget bg-grey-light p-4 rounded">
<div class="-mb-2">
<h2 class="visuallyhidden">Certifications</h2>
<div class="px-4">
<div class="widget bg-grey-light p-4 rounded">
<div class="-mb-3">
<h2 class="visuallyhidden">Certifications</h2>
{% 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',
},
} %}
{% 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',
},
} %}
{% include 'certification' with {
title: 'Acquia certified Developer - Drupal 8',
image: {
filename: 'acquia-d8-developer.png',
alt: 'Acquia Certified Developer - Drupal 8 Exam Badge',
},
} %}
{% include 'certification' with {
title: 'Acquia certified Developer - Drupal 8',
image: {
filename: 'acquia-d8-developer.png',
alt: 'Acquia Certified Developer - Drupal 8 Exam Badge',
},
} %}
{% 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',
},
} %}
{% 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',
},
} %}
{% 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 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',
},
} %}
{% include 'certification' with {
title: 'Acquia certified Cloud Pro',
image: {
filename: 'acquia-cloud-pro.png',
alt: 'Acquia Certified Cloud Pro Exam Badge',
},
} %}
</div>
</div>
</div>
</div>

10
source/_partials/certification.html.twig
View file

@ -1,14 +1,14 @@
<div class="flex mb-2">
<div class="w-16 mr-2 flex-none">
<div class="flex mb-3">
<div class="w-16 mr-3 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 text-sm">
<div class="flex items-center ml-px">
<p class="text-sm mb-0 mr-1">
{% if url %}
<a href="{{ url }}">{{ title }}</a>
<a href="{{ url }}" class="no-underline hover:underline focus:underline">{{ title }}</a>
{% else %}
{{ title }}
{% endif %}

11
source/_partials/layout/navbar.html.twig
View file

@ -1,12 +1,9 @@
<div class="border-bottom border-b border-grey-light mb-6">
<div class="container mx-auto">
<div class="border-bottom border-b border-grey-light mb-6 fixed pin-t w-full bg-white">
<div class="px-4 md:px-8 mx-auto">
<div class="block py-5 v-cloak-block">
{{ site.title }}
<div class="font-semibold">{{ site.title }}</div>
</div>
<navbar
site-name="{{ site.title }}"
page-url="{{ page.url }}"
></navbar>
<navbar site-title="{{ site.title }}" page-url="{{ page.url }}"></navbar>
</div>
</div>