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

Add team coaching page

Browse source
This commit is contained in:
Oliver Davies 2024-01-03 20:00:00 +00:00
parent 3416887b4c
commit 2c5f07260d
3 changed files with 170 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

4
source/_includes/button.html.twig
View file

@ -1,5 +1,5 @@
<div class="not-prose">
<div class="not-prose {{ position == 'centre' ? 'flex justify-center' }}">
<a class="inline-flex justify-center items-center py-3 px-6 w-full text-base font-medium text-white no-underline rounded-md duration-200 ease-in-out md:w-auto hover:bg-white focus:bg-white bg-blue-primary transition-color hover:text-blue-primary focus:text-blue-primary "href="{{ url }}">
{{ text }}
{{ text|raw }}
</a>
</div>

43
source/_includes/testimonials.html.twig
View file

@ -20,37 +20,38 @@
] %}
{% set names = names|default(defaultNames) %}
<section>
<h2 class="text-xl font-bold">{{ title|default('Testimonials') }}</h2>
<div class="mt-4 space-y-12">
{% for testimonial in site.testimonials|filter(testimonial => names is null or testimonial.name in names) %}
<div>
<div class="italic prose prose-p:text-black prose-a:font-light prose-a:text-blue-primary prose-p:text-lg prose-blockquote:border-blue-primary dark:marker:text-white prose-li:my-1 prose-li:text-lg prose-figcaption:text-white prose-li:text-black marker:text-black dark:prose-p:text-white dark:prose-invert dark:prose-a:text-blue-400 dark:prose-blockquote:border-blue-400 dark:prose-li:text-white hover:prose-a:no-underline prose-h2:text-xl prose-code:font-normal prose-h2:mb-4 prose-ul:my-3 dark:prose-hr:border-grey-400 prose-code:before:content-[''] prose-code:after:content-['']">
<blockquote>
<div class="pl-4 border-l-[3px] border-blue-primary dark:border-blue-400">
<div class="italic prose prose-p:text-black prose-a:font-light prose-a:text-blue-primary prose-p:text-lg prose-blockquote:border-blue-primary dark:marker:text-white prose-li:my-1 prose-li:text-lg prose-figcaption:text-white prose-li:text-black marker:text-black dark:prose-p:text-white dark:prose-invert dark:prose-a:text-blue-400 dark:prose-blockquote:border-blue-400 dark:prose-li:text-white hover:prose-a:no-underline prose-h2:text-xl prose-code:font-normal prose-h2:mb-4 prose-ul:my-3 dark:prose-hr:border-grey-400 prose-code:before:content-[''] prose-code:after:content-['']">
{{ testimonial.text|markdown }}
</div>
</div>
{{ testimonial.text|markdown }}
</blockquote>
<footer class="mt-8 flex items-center space-x-4 space-x-reverse">
<span class="text-base">
{% if testimonial.url %}
<a href="{{ testimonial.url }}">
<div class="not-prose">
<footer class="mt-8 flex items-center space-x-4 space-x-reverse">
<span class="text-base">
{% if testimonial.url %}
<a href="{{ testimonial.url }}">
{{ testimonial.name }} - {{ testimonial.title }}
</a>
{% else %}
{{ testimonial.name }} - {{ testimonial.title }}
</a>
{% else %}
{{ testimonial.name }} - {{ testimonial.title }}
{% endif %}
</span>
{% if testimonial.image %}
<span class="order-first flex-shrink-0">
<img class="size-16 rounded-full ring-2 ring-grey-500 dark:ring-white" alt="Photo of {{ testimonial.name }}" src="{{ testimonial.image.url }}" />
{% endif %}
</span>
{% endif %}
</footer>
</blockquote>
{% if testimonial.image %}
<span class="order-first flex-shrink-0">
<img class="size-16 rounded-full ring-2 ring-grey-500 dark:ring-white" alt="Photo of {{ testimonial.name }}" src="{{ testimonial.image.url }}" />
</span>
{% endif %}
</footer>
</div>
</div>
</div>
{% endfor %}
</div>