Adjust experience and testimonials styling
This commit is contained in:
parent
a54d3da3fe
commit
b3f64ceac9
|
@ -130,11 +130,11 @@ experiences:
|
|||
{% block content %}
|
||||
{% import _self as helpers %}
|
||||
|
||||
<div class="listing">
|
||||
<div class="spaced-y-12">
|
||||
{% for experience in page.experiences|reverse %}
|
||||
{% set company = site.companies[experience.company] %}
|
||||
|
||||
<div class="mb-16">
|
||||
<div>
|
||||
<div class="flex flex-row justify-between">
|
||||
<div>
|
||||
<h2 class="mb-0">{{ company.name }}</h2>
|
||||
|
@ -146,7 +146,7 @@ experiences:
|
|||
</a>
|
||||
{%- endif %}
|
||||
|
||||
<div class="text-grey-dark">
|
||||
<div class="text-sm text-grey-dark">
|
||||
{{ helpers.roleText(experience) }}
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -67,9 +67,9 @@ testimonials:
|
|||
Oliver is an amazing colleague, he's professional, full of knowledge and I could not recommend him more.
|
||||
---
|
||||
{% block content %}
|
||||
<div class="listing">
|
||||
<div class="spaced-y-12">
|
||||
{% for testimonial in page.testimonials|reverse %}
|
||||
<article class="flex flex-row-reverse items-center mb-12">
|
||||
<article class="flex flex-row-reverse items-center">
|
||||
{% if testimonial.image %}
|
||||
<div class="flex-none">
|
||||
<img
|
||||
|
@ -81,11 +81,11 @@ testimonials:
|
|||
{% endif %}
|
||||
|
||||
<div class="flex-1">
|
||||
<div class="mb-2">
|
||||
<div class="mb-3">
|
||||
<h2 class="mb-1 leading-none">{{ testimonial.name }}</h2>
|
||||
|
||||
{% if testimonial.role %}
|
||||
<div class="text-grey-dark">
|
||||
<div class="text-grey-dark text-sm">
|
||||
{{ testimonial.role|raw }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
|
Reference in a new issue