Add some base markdown styles

This is lighter-weight and arguably easier to configure that Tailwind's
typography plugin though I could switch to it at a later date if needed.

assets/css/components.pcss

@@ -1,3 +1,27 @@
-.visually-hidden {
-  @apply sr-only;
+@layer components {
+  .markdown {
+    * + * {
+      @apply mt-4;
+    }
+
+    h2 + * {
+      @apply mt-2;
+    }
+
+    h2 {
+      @apply mt-6;
+    }
+
+    ul {
+      @apply pl-6 list-disc;
+    }
+
+    li {
+      @apply mt-0;
+    }
+  }
+
+  .visually-hidden {
+    @apply sr-only;
+  }
 }

source/_layouts/post.html.twig

@@ -1,7 +1,9 @@
 {% extends 'base' %}
 
 {% block content_wrapper %}
-    {{ parent() }}
+    <div class="markdown">
+        {{ parent() }}
+    </div>
 
     {% include 'about-author' %}
 {% endblock %}

source/_layouts/talk.html.twig

@@ -1,7 +1,9 @@
 {% extends 'base' %}
 
 {% block content_wrapper %}
-    {{ parent() }}
+    <div class="markdown">
+        {{ parent() }}
+    </div>
 
     {% include 'talk/slides' with {
         speakerdeck: page.speakerdeck,

source/_pages/company-information.md

@@ -2,8 +2,10 @@
 title: Company Information
 ---
 
+<div class="markdown" markdown="1">
 Company name : Oliver Davies Ltd (previously Oliver Davies Web Development Ltd)
 
 Registered address : 3 Westfield Close, Caerleon, Newport, NP18 3ED
 
 Company number : 8017706
+</div>

source/_pages/drupal-php-developer.md

@@ -2,6 +2,7 @@
 title: Oliver Davies - PHP Developer and Drupal Specialist
 ---
 
+<div class="markdown" markdown="1">
 I'm a long-time Web Developer and consultant. I’ve led, delivered, and maintained PHP, Drupal, and Drupal Commerce based websites, have worked for some of the UK’s largest and well-known PHP and Drupal agencies, and even for the Drupal Association - the nonprofit organisation behind the Drupal project - where I was employed to work on and improve the Drupal.org websites.
 
 ## My Drupal Experience
@@ -31,3 +32,4 @@ As well as Drupal, I’ve worked with other PHP projects like Symfony (which Dru
 * How to Code Well
 * That Podcast
 * Voices of the ElePHPant
+</div>

source/_pages/index.md

@@ -3,7 +3,8 @@ title: Home
 permalink: /
 ---
 
-<div class="mb-4 w-32"><img src="/sites/default/files/images/me-precedent.jpg" alt="Picture of Oliver" class="rounded-full border border-gray"></div>
+<div class="markdown" markdown="1">
+<div class="mb-4 w-32"><img src="/sites/default/files/images/me-precedent.jpg" alt="Picture of Oliver" class="border rounded-full border-gray"></div>
 
 Hi, I'm Oliver Davies (aka <a href="https://www.google.com/#q=opdavies">opdavies</a>). I’m a Lead Software Developer at <a href="https://trc.cymru?utm_source=oliverdavies.uk&amp;utm_medium=about">Transport for Wales</a> and a part-time freelance Web Developer and System Administrator, based in Wales, UK.
 
@@ -19,3 +20,4 @@ I enjoy contributing to open source, and maintain a variety of different project
 
 - No full-time availability
 - No part-time availability
+</div>

source/_pages/speaker-information.md

@@ -3,6 +3,7 @@
 title: Speaker Information
 ---
 
+<div class="markdown" markdown="1">
 ## Bio
 
 <a href="https://www.oliverdavies.uk">Oliver Davies</a> (<a href="https://twitter.com/opdavies">@opdavies</a>) has been building websites since 2007, and speaking at meetups and conferences since 2012. He is a Full Stack Developer and an Acquia certified Drupal Grand Master, who also has experience developing with Symfony, Laravel, Sculpin and Vue.js, as well as with DevOps and systems administration.
@@ -32,3 +33,4 @@ He regularly blogs and gives talks on various topics, maintains and contributes
 - WordCamp Bristol 2019
 
 I also [gave a number of talks remotely](/blog/speaking-remotely-during-lockdown) for various user groups and conferences during COVID-19.
+</div>

source/_pages/test-driven-drupal.md

@@ -2,8 +2,7 @@
 title: 'Test Driven Drupal: The Book'
 ---
 
-<div class="markup spaced-y-4 mb-6">
-
+<div class="markdown spaced-y-4 mb-6">
 <p>Having <a href="/talks/tdd-test-driven-drupal">given talks</a> and <a href="https://web.archive.org/web/20200422110605/https://drupalcamp.london/training/Automated-Testing-and-Test-Driven-Development-in-Drupal-8">workshops</a>, been a guest on podcasts and <a href="/articles/tags/testing">written articles</a> about automated testing in Drupal, I’m currently in the planning phase of a book and potentially some accompanying screencasts about it, focussing on Drupal 8.</p>
 
 <p>I’m still thinking about what use-cases to cover and examples to include, but

source/_pages/uses.md

@@ -2,6 +2,7 @@
 title: Uses
 ---
 
+<div class="markdown" markdown="1">
 ## Hardware
 
 * My personal computer is a [Lenovo ThinkPad X390](https://www.lenovo.com/gb/en/laptops/thinkpad/x-series/X390/p/22TP2TX3900) laptop, on which I've installed the [Pop!_OS](https://pop.system76.com) Linux distribution.
@@ -17,3 +18,4 @@ title: Uses
 * I use [Kdenlive](https://kdenlive.org) for editing meetup videos.
 * I use Spotify Premium and Pocket Casts for listening to music and podcasts.
 * I use [Todoist](https://todoist.com) for to-do lists, and [Obsidian](https://obsidian.md) for note-taking.
+</div>

source/_partials/talk/events.html.twig

@@ -1,15 +1,17 @@
 {% if events is not empty %}
-    <h2>Events</h2>
+    <div class="markdown">
+        <h2>Events</h2>
 
-    <ul>
-        {% for event in events %}
-            {% include 'talk/events/event.html.twig' with {
-                date: event.date,
-                is_online: event.is_online ?? false,
-                location: event.location,
-                name: event.name,
-                url: event.url,
-            } only %}
-        {% endfor %}
-    </ul>
+        <ul>
+            {% for event in events %}
+                {% include 'talk/events/event.html.twig' with {
+                    date: event.date,
+                    is_online: event.is_online ?? false,
+                    location: event.location,
+                    name: event.name,
+                    url: event.url,
+                } only %}
+            {% endfor %}
+        </ul>
+    </div>
 {% endif %}