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

Re-add original styles

Browse source
This commit is contained in:
Oliver Davies 2024-01-03 20:00:00 +00:00
parent 314110c5eb
commit 18b11857fb
12 changed files with 190 additions and 50 deletions
Download patch file Download diff file Expand all files Collapse all files

19
source/_includes/about-me.html.twig
View file

@ -1,8 +1,15 @@
<section>
<h2>About me</h2>
<div>
<h2 class="text-xl font-bold">About me</h2>
<div>
<img src="https://www.oliverdavies.uk/images/social-avatar.jpg" alt="Picture of Oliver">
<p>I'm an Acquia-certified Drupal Triple Expert with 16 years of experience, an open-source software maintainer and Drupal core contributor, <a href="/talks">public speaker</a>, and host of the <a href="/podcast">Beyond Blocks podcast</a>.</p>
<div class="mt-4">
<div class="flex space-x-4">
<div class="flex flex-col flex-shrink-0 justify-start">
<img src="/assets/images/social-avatar.jpg" alt="Picture of Oliver" class="my-0 w-16 h-16 rounded-full ring-2 ring-grey dark:ring-white">
</div>
<div class="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-['']">
<p>I'm an Acquia-certified Drupal Triple Expert with 16 years of experience, an open-source software maintainer and Drupal core contributor, <a href="/talks">public speaker</a>, and host of the <a href="/podcast">Beyond Blocks podcast</a>. </p>
</div>
</div>
</div>
</section>
</div>

8
source/_includes/banner.html.twig
View file

@ -1,9 +1,9 @@
<div>
<div class="px-4 md:px-6 max-w-4xl mx-auto">
<div class="text-center">
<div class="p-3 bg-[#ffc82c] text-black text-base mb-4 dark:text-white dark:bg-[#856200]">
<div class="min-w-full mx-auto px-6">
<div class="mx-auto max-w-xl prose prose-p:text-black prose:a:font-normal prose-p:text-sm prose-p:leading-normal dark:prose-p:text-white dark:prose-a:text-white text-center">
<p>
Is your New Year's resolution to deliver better software, faster?
I have availability for <a href="{{ site.url }}/team-coaching">team coaching starting in January 2024</a>.
I have availability for <a href="/team-coaching">team coaching starting in January 2024</a>.
</p>
</div>
</div>

6
source/_includes/main-menu.html.twig
View file

@ -1,5 +1,7 @@
<nav>
<nav class="flex flex-wrap justify-center -mb-3">
{% for link in site.menu_links %}
<a href="{{ link.url }}">{{ link.title }}</a>
<a class="mx-3 mb-3 text-base underline md:text-lg dark:text-white hover:no-underline link dark:hover:text-blue-400 hover:text-grey-900" href="{{ link.url }}">
{{ link.title }}
</a>
{% endfor %}
</nav>

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

@ -1,23 +1,31 @@
<section>
<h2>Testimonials</h2>
<h2 class="text-xl font-bold">{{ title|default('Testimonials') }}</h2>
<div class="space-y-8">
<div class="mt-4 space-y-12">
{% for testimonial in site.testimonials %}
<div>
<blockquote>
{{ testimonial.text|markdown }}
<div class="pl-4 border-l-[3px] border-blue-primary dark:border-blue-400">
<div class="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>
{% if testimonial.image %}
<img class="size-20 rounded-full" alt="Photo of {{ testimonial.name }}" src="{{ testimonial.image.url }}" />
{% endif %}
<footer>
{% if testimonial.url %}
<a href="{{ testimonial.url }}">
<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 }}" />
</span>
{% endif %}
</footer>
</blockquote>