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

Update testimonial styling

Browse source
This commit is contained in:
Oliver Davies 2018-09-04 20:42:56 +01:00
parent c62e084647
commit 3fdb15f5cd
2 changed files with 20 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

28
source/testimonials.html.twig
View file

@ -69,28 +69,32 @@ testimonials:
{% block content %}
<div class="listing">
{% for testimonial in page.testimonials|reverse %}
<article class="mb-12">
<article class="flex flex-row-reverse items-center mb-12">
{% if testimonial.image %}
<div class="float-right mb-4 ml-4">
<div class="flex-none">
<img
src="{{ site.url }}/images/testimonials/{{ testimonial.image }}"
alt="{{ testimonial.name }}"
class="with-border with-padding rounded-full w-16 h-16"
class="with-border with-padding rounded-full w-16 h-16 ml-4"
>
</div>
{% endif %}
<div class="mb-2">
<h2 class="mb-1 leading-none">{{ testimonial.name }}</h2>
<div class="flex-1">
<div class="mb-2">
<h2 class="mb-1 leading-none">{{ testimonial.name }}</h2>
{% if testimonial.role %}
<div class="text-grey-dark">
{{ testimonial.role|raw }}
</div>
{% endif %}
{% if testimonial.role %}
<div class="text-grey-dark">
{{ testimonial.role|raw }}
</div>
{% endif %}
</div>
<div class="markdown">
{{ testimonial.text|markdown }}
</div>
</div>
{{ testimonial.text|markdown }}
</article>
{% endfor %}
</div>