Tweaks

source/_partials/availability.html.twig

@@ -1,5 +1,5 @@
 <div class="widget">
-    <h2>Availability</h2>
+    <h2 class="mb-2">Availability</h2>
 
     <ul class="pl-5">
         {% for type, value in site.availability %}

source/_partials/badges.html.twig

@@ -11,7 +11,7 @@
 
     <div class="px-4">
         <div class="widget bg-grey-light p-4 rounded">
-            <div class="-mb-3">
+            <div class="markup -mb-3">
                 <h2 class="visuallyhidden">Certifications</h2>
 
                 {% include 'certification' with {

source/_partials/blog/post-summary.html.twig

@@ -0,0 +1,14 @@
+<h2 class="text-2xl mb-1">{{ post.draft ? 'Draft: '|upper }}{{ post.title }}</h2>
+
+<p class="text-sm text-grey-dark mb-4">Posted on {{ post.date|date('jS F Y') }}</p>
+
+{% include 'post/intro-image' with { page: post } %}
+
+<div class="markup mb-4">
+    <p>{{ post.excerpt }}</p>
+</div>
+
+<a href="{{ post.url }}" class="button">
+    Read more
+    <span class="visuallyhidden">about {{ post.title }}</span>
+</a>

source/_partials/layout/footer.html.twig

@@ -1,13 +1,13 @@
 <footer class="border-grey-light border-t mb-8 mt-10 pt-5 text-sm">
-    <div class="md:flex md:justify-between">
+    <div class="markup md:flex md:justify-between">
         <div>
             <p>&copy; 2010-{{ 'now'|date('Y') }} {{ site.title }}</p>
         </div>
 
         <div>
             <p>
-                Built with <a href="https://sculpin.io">Sculpin</a> and <a href="https://tailwindcss.com">Tailwind CSS</a>,
-                and hosted on <a href="https://www.netlify.com">Netlify</a>.
+                Built with <a class="no-underline hover:underline" href="https://sculpin.io">Sculpin</a> and <a class="no-underline hover:underline" href="https://tailwindcss.com">Tailwind CSS</a>,
+                and hosted on <a class="no-underline hover:underline" href="https://www.netlify.com">Netlify</a>.
             </p>
         </div>
     </div>

source/_partials/post/about-author.html.twig

@@ -1,13 +1,13 @@
-<div>
+<div class="markup">
     <h2>About the Author</h2>
 
     <div class="flex items-center">
         <div class="mr-4 flex-none leading-none">
-            <img src="{{ site.avatar.url }}" alt="Picture of Oliver" class="avatar w-16">
+            <img src="{{ site.avatar.url }}" alt="Picture of Oliver" class="w-16 rounded-full border border-grey">
         </div>
 
         <p class="text-sm mb-0">
-            Oliver Davies is a Web Developer and System Administrator based in the UK.
+            Oliver Davies is a Full Stack Web Developer and System Administrator based in the UK.
             He is a {{ site.work.role }} at <a href="{{ site.companies[site.work.company].url }}?utm_source={{ site.short_url }}&amp;utm_medium=about-author" class="link">{{ site.companies[site.work.company].name }}</a> and a part-time freelancer specialising in Drupal, Symfony and Laravel development and Linux systems administration.
         </p>
     </div>

source/_partials/post/header.html.twig

@@ -1,8 +1,7 @@
-{% set title_tag = title_tag ?: 'h1' %}
-<{{ title_tag }} class="leading-tight mb-1">
-    {{ page.title }}
-</{{ title_tag }}>
+<div class="mb-8 bg-blue-light">
+    <h1 class="leading-tight mb-2">{{ page.title }}</h1>
 
-<p class="text-grey-dark">
-    <span class="visuallyhidden">Posted on </span>{{ page.date|date('jS F Y') }}
-</p>
+    <p class="text-grey-dark">
+        <span class="visuallyhidden">Posted on </span>{{ page.date|date('jS F Y') }}
+    </p>
+</div>

source/_partials/post/questions-comments.html.twig

@@ -1,4 +1,4 @@
-<div class="mb-4">
+<div class="markup mb-4">
     <p>
         Questions? Comments?
         I’m <a href="https://twitter.com/{{ site.twitter.name }}">@{{ site.twitter.name }}</a> on Twitter.

source/_partials/posts/latest.html.twig

@@ -1,6 +1,6 @@
 {% if data.posts and page.url != '/blog' %}
-    <div class="widget lh-copy">
-        <h2>Latest Blog Posts</h2>
+    <div class="markup">
+        <h2 class="mb-2">Latest Blog Posts</h2>
 
         <ul class="pl-4">
             {% for post in data.posts|slice(0, site.latest_posts) %}

source/_partials/talks-table.html.twig

@@ -27,7 +27,7 @@
                     </td>
 
                     {% if not talk_page %}
-                        <td class="whitespace-no-wrap xl:whitespace-normal">
+                        <td class="markup whitespace-no-wrap xl:whitespace-normal">
                             {% if talk.talk.url is not empty %}
                                 <a href="{{ talk.talk.url }}">
                                     {{ talk.talk.title }}
@@ -46,7 +46,7 @@
                         </td>
                     {% endif %}
 
-                    <td class="whitespace-no-wrap xl:whitespace-normal">
+                    <td class="markup whitespace-no-wrap xl:whitespace-normal">
                         {% if talk.event.url is not empty %}
                             <a href="{{ talk.event.url }}">
                                 {{ talk.event.name }}
@@ -67,7 +67,7 @@
                             {% if talk.event.joindin and talk.event.date <= 'today'|date('Y-m-d') %}
                                 <a
                                     href="{{ talk.event.joindin }}"
-                                    class="button no-underline"
+                                    class="button"
                                     title="Read or leave feedback for this talk"
                                 >
                                     <i class="fa fa-comment-o"></i> joind.in