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

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
Show stats Download patch file Download diff file Expand all files Collapse all files

4
assets/sass/components/markdown.sass
View file

@ -14,6 +14,10 @@
@apply .bg-grey-lighter .inline-block .font-mono .text-xs
padding: 1px 3px
p:last-child
@apply .mb-0
pre code,
.hljs
@apply .bg-grey-lighter

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>