diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
index 79000f4..e8dd76f 100644
--- a/.github/workflows/main.yml
+++ b/.github/workflows/main.yml
@@ -2,27 +2,26 @@ name: Dependabot auto-merge
 on: pull_request
 
 permissions:
-  contents: write
-  pull-requests: write
+    contents: write
+    pull-requests: write
 
 jobs:
-  dependabot:
-    runs-on: ubuntu-latest
-    if: github.actor == 'dependabot[bot]'
-    steps:
-      - name: Dependabot metadata
-        id: metadata
-        uses: dependabot/fetch-metadata@v2
-        with:
-          github-token: "${{ secrets.GITHUB_TOKEN }}"
-      - name: Approve a PR
-        run: gh pr review --approve "$PR_URL"
-        env:
-          PR_URL: ${{github.event.pull_request.html_url}}
-          GH_TOKEN: ${{secrets.GITHUB_TOKEN}}
-      - name: Enable auto-merge for Dependabot PRs
-        run: gh pr merge --auto --merge "$PR_URL"
-        env:
-          PR_URL: ${{github.event.pull_request.html_url}}
-          GH_TOKEN: ${{secrets.GITHUB_TOKEN}}
-        
+    dependabot:
+        runs-on: ubuntu-latest
+        if: github.actor == 'dependabot[bot]'
+        steps:
+            - name: Dependabot metadata
+              id: metadata
+              uses: dependabot/fetch-metadata@v2
+              with:
+                  github-token: "${{ secrets.GITHUB_TOKEN }}"
+            - name: Approve a PR
+              run: gh pr review --approve "$PR_URL"
+              env:
+                  PR_URL: ${{github.event.pull_request.html_url}}
+                  GH_TOKEN: ${{secrets.GITHUB_TOKEN}}
+            - name: Enable auto-merge for Dependabot PRs
+              run: gh pr merge --auto --merge "$PR_URL"
+              env:
+                  PR_URL: ${{github.event.pull_request.html_url}}
+                  GH_TOKEN: ${{secrets.GITHUB_TOKEN}}
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 0000000..1271424
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,11 @@
+{
+    "plugins": ["@shopify/prettier-plugin-liquid"],
+    "overrides": [
+        {
+            "files": ["**/*.html"],
+            "options": {
+                "parser": "liquid-html"
+            }
+        }
+    ]
+}
diff --git a/package-lock.json b/package-lock.json
index b982990..889e449 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,6 +14,8 @@
                 "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.2"
             },
             "devDependencies": {
+                "@shopify/prettier-plugin-liquid": "^1.10.0",
+                "prettier": "^3.6.2",
                 "sass": "^1.93.2"
             }
         },
@@ -955,6 +957,31 @@
                 "node": ">=14.0.0"
             }
         },
+        "node_modules/@shopify/liquid-html-parser": {
+            "version": "2.9.0",
+            "resolved": "https://registry.npmjs.org/@shopify/liquid-html-parser/-/liquid-html-parser-2.9.0.tgz",
+            "integrity": "sha512-bkI4tLbU47YUxpgbMa9fgeJjFEMvRNEFL644Yk0ZKo5H1IRzU4pPyCQ6PkGvb0JJnt7OZ+RDGvb6ZLCnAR2Z/A==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "line-column": "^1.0.2",
+                "ohm-js": "^17.0.0"
+            }
+        },
+        "node_modules/@shopify/prettier-plugin-liquid": {
+            "version": "1.10.0",
+            "resolved": "https://registry.npmjs.org/@shopify/prettier-plugin-liquid/-/prettier-plugin-liquid-1.10.0.tgz",
+            "integrity": "sha512-csHYjwuT34o8ja6EY0dUBYQS5UVwsKwRYxGiuG816Ov0B8lVd8FUjOwWUk2SnrNx3cGgL0no7z+Byapp7sC1Uw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@shopify/liquid-html-parser": "^2.9.0",
+                "html-styles": "^1.0.0"
+            },
+            "peerDependencies": {
+                "prettier": "^2.0.0 || ^3.0.0"
+            }
+        },
         "node_modules/@sindresorhus/slugify": {
             "version": "2.2.1",
             "resolved": "https://registry.npmjs.org/@sindresorhus/slugify/-/slugify-2.2.1.tgz",
@@ -1645,6 +1672,13 @@
                 "js-yaml": "bin/js-yaml.js"
             }
         },
+        "node_modules/html-styles": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/html-styles/-/html-styles-1.0.0.tgz",
+            "integrity": "sha512-cDl5dcj73oI4Hy0DSUNh54CAwslNLJRCCoO+RNkVo+sBrjA/0+7E/xzvj3zH/GxbbBLGJhE0hBe1eg+0FINC6w==",
+            "dev": true,
+            "license": "MIT"
+        },
         "node_modules/htmlparser2": {
             "version": "7.2.0",
             "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-7.2.0.tgz",
@@ -1826,6 +1860,13 @@
                 "node": ">=0.12.0"
             }
         },
+        "node_modules/isarray": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+            "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
+            "dev": true,
+            "license": "MIT"
+        },
         "node_modules/iso-639-1": {
             "version": "3.1.5",
             "resolved": "https://registry.npmjs.org/iso-639-1/-/iso-639-1-3.1.5.tgz",
@@ -1835,6 +1876,19 @@
                 "node": ">=6.0"
             }
         },
+        "node_modules/isobject": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz",
+            "integrity": "sha512-+OUdGJlgjOBZDfxnDjYYG6zp487z0JGNQq3cYQYg5f5hKR+syHMsaztzGeml/4kGG55CSpKSpWTY+jYGgsHLgA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "isarray": "1.0.0"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
         "node_modules/js-yaml": {
             "version": "4.1.0",
             "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
@@ -1874,6 +1928,17 @@
                 "node": ">=6"
             }
         },
+        "node_modules/line-column": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/line-column/-/line-column-1.0.2.tgz",
+            "integrity": "sha512-Ktrjk5noGYlHsVnYWh62FLVs4hTb8A3e+vucNZMgPeAOITdshMSgv4cCZQeRDjm7+goqmo6+liZwTXo+U3sVww==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "isarray": "^1.0.0",
+                "isobject": "^2.0.0"
+            }
+        },
         "node_modules/linkify-it": {
             "version": "5.0.0",
             "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-5.0.0.tgz",
@@ -2140,6 +2205,16 @@
                 "node": ">= 6"
             }
         },
+        "node_modules/ohm-js": {
+            "version": "17.2.1",
+            "resolved": "https://registry.npmjs.org/ohm-js/-/ohm-js-17.2.1.tgz",
+            "integrity": "sha512-4cXF0G09fAYU9z61kTfkNbKK1Kz/sGEZ5NbVWHoe9Qi7VB7y+Spwk051CpUTfUENdlIr+vt8tMV4/LosTE2cDQ==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=0.12.1"
+            }
+        },
         "node_modules/on-finished": {
             "version": "2.4.1",
             "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
@@ -2274,6 +2349,22 @@
                 "node": ">=12"
             }
         },
+        "node_modules/prettier": {
+            "version": "3.6.2",
+            "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.6.2.tgz",
+            "integrity": "sha512-I7AIg5boAr5R0FFtJ6rCfD+LFsWHp81dolrFD8S79U9tb8Az2nGrJncnMSnys+bpQJfRUzqs9hnA81OAA3hCuQ==",
+            "dev": true,
+            "license": "MIT",
+            "bin": {
+                "prettier": "bin/prettier.cjs"
+            },
+            "engines": {
+                "node": ">=14"
+            },
+            "funding": {
+                "url": "https://github.com/prettier/prettier?sponsor=1"
+            }
+        },
         "node_modules/prismjs": {
             "version": "1.30.0",
             "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.30.0.tgz",
diff --git a/package.json b/package.json
index a3f49b3..345ca5b 100644
--- a/package.json
+++ b/package.json
@@ -15,6 +15,8 @@
         "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.2"
     },
     "devDependencies": {
+        "@shopify/prettier-plugin-liquid": "^1.10.0",
+        "prettier": "^3.6.2",
         "sass": "^1.93.2"
     }
 }
diff --git a/src/404.html b/src/404.html
index 394db9d..d35ec66 100644
--- a/src/404.html
+++ b/src/404.html
@@ -2,34 +2,32 @@
 title: Oops! Not Found
 permalink: 404.html
 ---
-
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
     <head>
-        <meta charset="utf-8" />
+        <meta charset="utf-8">
         <title>404 | Robert Rhoades</title>
 
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
         <link
             href="https://fonts.googleapis.com/css?family=Arvo:700|Open+Sans:400,700"
             rel="stylesheet"
-        />
+        >
         <link
             rel="icon"
             type="image/x-icon"
             href="/favicon.ico?v=1"
             sizes="any"
-        />
-        <link rel="icon" type="image/svg+xml" href="/favicon.svg?v=1" />
-        <link rel="stylesheet" href="/assets/css/main.css" />
+        >
+        <link rel="icon" type="image/svg+xml" href="/favicon.svg?v=1">
+        <link rel="stylesheet" href="/assets/css/main.css">
         <style>
             body {
                 background: none;
             }
             a {
-                background: url(/img/assets/rabbit.banana.gif) no-repeat center
-                    center fixed;
+                background: url(/img/assets/rabbit.banana.gif) no-repeat center center fixed;
                 position: absolute;
                 top: 0;
                 left: 0;
@@ -41,12 +39,18 @@
                 padding-top: 150px;
             }
             h1 {
-                font-family: "arial black";
+                font-family: 'arial black';
                 font-weight: bold;
                 font-size: 140px;
                 color: white;
-                text-shadow: 1px 1px #ccc, 2px 2px #ccc, 3px 3px #ccc,
-                    4px 4px #ccc, 5px 5px #ccc, 6px 6px #ccc, 7px 7px #ccc;
+                text-shadow:
+                    1px 1px #ccc,
+                    2px 2px #ccc,
+                    3px 3px #ccc,
+                    4px 4px #ccc,
+                    5px 5px #ccc,
+                    6px 6px #ccc,
+                    7px 7px #ccc;
             }
             p {
                 font-size: 24px;
@@ -57,8 +61,8 @@
         <a href="/" title="Back to home">
             <h1>404</h1>
             <p>
-                Oh noes! Looks like I couldn't find what you wanted. <br />It's
-                okay though, this gif is way cooler
+                Oh noes! Looks like I couldn't find what you wanted. <br>
+                It's okay though, this gif is way cooler
             </p>
         </a>
     </body>
diff --git a/src/_includes/article.html b/src/_includes/article.html
index bb4e7ad..d603da0 100644
--- a/src/_includes/article.html
+++ b/src/_includes/article.html
@@ -1,14 +1,11 @@
 ---
 layout: default
 ---
-
 <article class="c-article">
     <h1 title="{{ title }}">{{ title }}</h1>
-    {{content}}
+    {{ content }}
     <footer class="c-article__footer c-meta">
         Posted on
-        <time datetime="{{ page.date | date_to_xmlschema }}"
-            >{{ page.date | date: "%d %B %Y" }}</time
-        >
+        <time datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: '%d %B %Y' }}</time>
     </footer>
 </article>
diff --git a/src/_includes/default.html b/src/_includes/default.html
index fa08692..0854537 100644
--- a/src/_includes/default.html
+++ b/src/_includes/default.html
@@ -1,8 +1,8 @@
 <!doctype html>
 <html lang="en-GB">
     <head>
-        <meta charset="utf-8" />
-        <meta name="viewport" content="width=device-width" />
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width">
 
         {% include 'meta.html' %}
 
@@ -11,20 +11,23 @@
             type="application/atom+xml"
             title="Atom feed for studioromeo.co.uk"
             href="/feed.xml"
-        />
+        >
 
         <link
             rel="icon"
             type="image/x-icon"
             href="/favicon.ico?v=1"
             sizes="any"
-        />
-        <link rel="icon" type="image/svg+xml" href="/favicon.svg?v=1" />
+        >
+        <link rel="icon" type="image/svg+xml" href="/favicon.svg?v=1">
 
-        <link rel="stylesheet" href="/assets/css/main.css?v=710251" />
+        <link rel="stylesheet" href="/assets/css/main.css?v=710251">
         <title>
-            {%- if title -%}{{ title }} | {{ site.title }} {%- else -%} {{
-            site.title }} | {{ site.description}}{%- endif -%}
+            {%- if title -%}
+                {{ title }} | {{ site.title }}
+            {%- else -%}
+                {{ site.title }} | {{ site.description }}
+            {%- endif -%}
         </title>
     </head>
     <body>
@@ -102,15 +105,15 @@
             </nav>
         </header>
 
-        <main>{{content}}</main>
+        <main>{{ content }}</main>
 
         <script>
-            document.body.addEventListener("click", function (e) {
-                if (event.target.classList.contains("o-media")) {
+            document.body.addEventListener('click', function (e) {
+                if (event.target.classList.contains('o-media')) {
                     e.preventDefault();
-                    let f = document.createElement("iframe");
-                    f.src = e.target.href + "?autoplay=1";
-                    f.classList.add("o-media", "c-media--playing");
+                    let f = document.createElement('iframe');
+                    f.src = e.target.href + '?autoplay=1';
+                    f.classList.add('o-media', 'c-media--playing');
                     f.width = e.target.offsetWidth;
                     f.height = e.target.offsetHeight;
                     e.target.parentNode.insertBefore(f, e.target);
diff --git a/src/_includes/meta.html b/src/_includes/meta.html
index b833dae..54cbf2b 100644
--- a/src/_includes/meta.html
+++ b/src/_includes/meta.html
@@ -1,34 +1,36 @@
-<meta name="author" content="{{ site.title }}" />
+<meta name="author" content="{{ site.title }}">
 {%- if summary -%}
-<meta name="description" content="{{ summary }}" />
-<meta property="og:description" content="{{ summary }}" />
+    <meta name="description" content="{{ summary }}">
+    <meta property="og:description" content="{{ summary }}">
 {% else %}
-<meta name="description" content="{{ site.description }}" />
-<meta property="og:description" content="{{ site.description }}" />
+    <meta name="description" content="{{ site.description }}">
+    <meta property="og:description" content="{{ site.description }}">
 {% endif %}
-<meta name="theme-color" content="#359567" />
+<meta name="theme-color" content="#359567">
 
-<meta property="og:site_name" content="{{ site.title }}" />
+<meta property="og:site_name" content="{{ site.title }}">
 {% if title %}
-<meta property="og:title" content="{{ title }}" />
+    <meta property="og:title" content="{{ title }}">
 {% else %}
-<meta property="og:title" content="{{ site.title }}" />
-{%endif %} {%- if summary -%}
-<meta name="og:description" content="{{ summary }}" />
+    <meta property="og:title" content="{{ site.title }}">
+{% endif %}
+{%- if summary -%}
+    <meta name="og:description" content="{{ summary }}">
 {% else %}
-<meta name="og:description" content="{{ site.description }}" />
+    <meta name="og:description" content="{{ site.description }}">
 {% endif %}
-<meta property="og:url" content="{{ site.url }}{{ page.url }}" />
-{% if tags contains "post" %}
-<meta property="og:type" content="article" />
+<meta property="og:url" content="{{ site.url }}{{ page.url }}">
+{% if tags contains 'post' %}
+    <meta property="og:type" content="article">
 {% else %}
-<meta property="og:type" content="website" />
-{% endif %} <meta property="og:locale" content="{{ "en_GB" }}" />{% if tags
-contains "post" %}
-<meta
-    property="article:published_time"
-    content="{{ page.date|date_to_xmlschema  }}"
-/>
+    <meta property="og:type" content="website">
+{% endif %}
+<meta property="og:locale" content="{{ "en_GB" }}">
+{%- if tags contains 'post' %}
+    <meta
+        property="article:published_time"
+        content="{{ page.date|date_to_xmlschema  }}"
+    >
 {%- endif -%}
-<meta property="og:image" content="{{site.url}}/img/assets/opengraph.png" />
-<link rel="canonical" href="{{ site.url }}{{ page.url }}" />
+<meta property="og:image" content="{{site.url}}/img/assets/opengraph.png">
+<link rel="canonical" href="{{ site.url }}{{ page.url }}">
diff --git a/src/_includes/video.html b/src/_includes/video.html
index acd08f0..95be2d1 100644
--- a/src/_includes/video.html
+++ b/src/_includes/video.html
@@ -1,5 +1,17 @@
-<a title="Play Video" class="o-media c-media u-link-default" href="{{ src }}"{% if thumb %} style="background-image: url({{ thumb }})"{% endif %}>
-    <svg class="o-media__body c-media__play {% if include.thumb %} c-media__play--thumbnail{% endif %}" xmlns="http://www.w3.org/2000/svg" width="32" viewBox="0 0 512 512">
+<a
+    title="Play Video"
+    class="o-media c-media u-link-default"
+    href="{{ src }}"
+    {% if thumb %}
+        style="background-image: url({{ thumb }})"
+    {% endif %}
+>
+    <svg
+        class="o-media__body c-media__play {% if include.thumb %} c-media__play--thumbnail{% endif %}"
+        xmlns="http://www.w3.org/2000/svg"
+        width="32"
+        viewBox="0 0 512 512"
+    >
         <title>Play Video</title>
         <use xlink:href="/img/assets/icons.svg#icon-play"></use>
     </svg>
diff --git a/src/css/index.11ty.js b/src/css/index.11ty.js
index f3cc2ea..b3e974a 100644
--- a/src/css/index.11ty.js
+++ b/src/css/index.11ty.js
@@ -6,7 +6,7 @@ export default class {
         const sourcePath = path.join(
             import.meta.dirname,
             "..",
-            "scss/main.scss"
+            "scss/main.scss",
         );
         return {
             permalink: "/assets/css/main.css",
diff --git a/src/gifts.md b/src/gifts.md
index 7622f88..3749c86 100644
--- a/src/gifts.md
+++ b/src/gifts.md
@@ -10,27 +10,27 @@ I'll leave this list up, if you want to buy something then honestly, you're wond
 
 ## Less than £25
 
--   Coffee beans
--   Socks
--   [Cycling cap](https://uk.pedaled.com/collections/men-accessories-hats-caps)
--   [Sticker pack](https://www.mahalomydude.com/en-gb/collections/stickers)
+- Coffee beans
+- Socks
+- [Cycling cap](https://uk.pedaled.com/collections/men-accessories-hats-caps)
+- [Sticker pack](https://www.mahalomydude.com/en-gb/collections/stickers)
 
 ## £25 - £100
 
 Holy crap please don't buy anything on here, really! But if you do then thank you! you're way too generous!
 
--   [Coffee grinder](https://www.amazon.co.uk/KINGrinder-Straight-Handle-Adjustable-Aeropress/dp/B0CVSDMXFH)
--   [Powerbank](https://www.amazon.co.uk/Anker-Portable-PowerCore-Essential-Technology/dp/)
--   [Rapha base layer merino (XS)](https://www.rapha.cc/gb/en/shop/mens/base-layers)
+- [Coffee grinder](https://www.amazon.co.uk/KINGrinder-Straight-Handle-Adjustable-Aeropress/dp/B0CVSDMXFH)
+- [Powerbank](https://www.amazon.co.uk/Anker-Portable-PowerCore-Essential-Technology/dp/)
+- [Rapha base layer merino (XS)](https://www.rapha.cc/gb/en/shop/mens/base-layers)
 
 ## Also
 
 What I love the most is spending time with you. Here are some things we could do together
 
--   Climbing
--   A bike ride
--   Go for a meal / watch a film
--   A city break
--   Go shopping
+- Climbing
+- A bike ride
+- Go for a meal / watch a film
+- A city break
+- Go shopping
 
 Thank you
diff --git a/src/index.html b/src/index.html
index 26768dc..05520b2 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1,28 +1,30 @@
 ---
 layout: default
 ---
-
 <div class="c-article">
     <h1>Blog Posts</h1>
-    {% assign postsByYear = collections.post | groupByYear %} {%- for group in
-    postsByYear -%}
-    <h2 class="u-margin-extra">{{ group.year }}</h2>
-    {% for post in group.posts reversed %}
-    <article class="c-article-list">
-        <a
-            class="c-article-list__anchor u-link-default"
-            href="{{ post.url }}"
-            title="{{ post.data.title }}"
-            >{{ post.data.title }}</a
-        >
+    {% assign postsByYear = collections.post | groupByYear %}
+    {%- for group in postsByYear -%}
+        <h2 class="u-margin-extra">{{ group.year }}</h2>
+        {% for post in group.posts reversed %}
+            <article class="c-article-list">
+                <a
+                    class="c-article-list__anchor u-link-default"
+                    href="{{ post.url }}"
+                    title="{{ post.data.title }}"
+                >
+                    {{- post.data.title -}}
+                </a>
 
-        <footer class="c-article-list__date">
-            <time
-                class="c-meta__item"
-                datetime="{{ post.date | date_to_xmlschema }}"
-                >{{ post.date | date: "%d %B" }}</time
-            >
-        </footer>
-    </article>
-    {%-endfor -%} {%- endfor -%}
+                <footer class="c-article-list__date">
+                    <time
+                        class="c-meta__item"
+                        datetime="{{ post.date | date_to_xmlschema }}"
+                    >
+                        {{- post.date | date: '%d %B' -}}
+                    </time>
+                </footer>
+            </article>
+        {%- endfor -%}
+    {%- endfor -%}
 </div>
diff --git a/src/posts/2012-09-08-initial-commit.md b/src/posts/2012-09-08-initial-commit.md
index e7a5e74..b46d8c7 100644
--- a/src/posts/2012-09-08-initial-commit.md
+++ b/src/posts/2012-09-08-initial-commit.md
@@ -24,11 +24,11 @@ Like many in my world I decided I should start writing some of my _eureka_ momen
 
 ### Credit where due
 
--   [Peter Rhoades] - for helping with the logo and setting up the site.
--   [Matt Kersley] - for providing some much needed illustrator help.
--   [Laura Kalbag], [Jack Franklin] and [Rachel Shillcock] - for motivating me to finally get around to creating this blog.
--   [Chris Coyier] - for providing the fantastic tutorials on [CSS-Tricks].
--   [Github] - for providing a platform for me to use and just generally being awesome!
+- [Peter Rhoades] - for helping with the logo and setting up the site.
+- [Matt Kersley] - for providing some much needed illustrator help.
+- [Laura Kalbag], [Jack Franklin] and [Rachel Shillcock] - for motivating me to finally get around to creating this blog.
+- [Chris Coyier] - for providing the fantastic tutorials on [CSS-Tricks].
+- [Github] - for providing a platform for me to use and just generally being awesome!
 
 It's going to be a fun ride and I hope you enjoy reading my posts as much as I enjoyed creating them :)
 
diff --git a/src/posts/2013-12-08-anchor-diary-composer.md b/src/posts/2013-12-08-anchor-diary-composer.md
index 8d105c9..5d3199c 100644
--- a/src/posts/2013-12-08-anchor-diary-composer.md
+++ b/src/posts/2013-12-08-anchor-diary-composer.md
@@ -8,11 +8,11 @@ So I just wanted to run through how I envisage anchor working with Laravel.
 
 So we've got a basic directory structure here
 
--   We've got composer.json, we've got an app folder which contains all the configuration, storage for things like
-    session & cache and language files.
--   Bootstrap which bootstraps our application.
--   We've got a public folder which contains our themes and usual front end asset kind of things like favicon and robots.txt.
--   And we've got artisan and obviously composer.json.
+- We've got composer.json, we've got an app folder which contains all the configuration, storage for things like
+  session & cache and language files.
+- Bootstrap which bootstraps our application.
+- We've got a public folder which contains our themes and usual front end asset kind of things like favicon and robots.txt.
+- And we've got artisan and obviously composer.json.
 
 So taking a look at this composer.json file we've got the name of the application and it's requirements.
 Basically what this file is it's like an instruction booklet for composer, so it's basically saying this application
diff --git a/src/posts/2015-09-17-a-hack-at-the-hacknight.md b/src/posts/2015-09-17-a-hack-at-the-hacknight.md
index ff1bbd2..7bdbe10 100644
--- a/src/posts/2015-09-17-a-hack-at-the-hacknight.md
+++ b/src/posts/2015-09-17-a-hack-at-the-hacknight.md
@@ -13,11 +13,11 @@ Inspired I wanted to try and make our hacknights as fun as theirs. So I hatched
 
 We sent out a [doodle](https://doodle.com/) poll asking staff to vote on what API tickled their fancy the most. Staff had a choice of these 5 API's:
 
--   [NASA](https://data.nasa.gov/)
--   [ONS](https://www.ons.gov.uk/ons/apiservice/web/apiservice/home)
--   [Facial Recognition](https://market.mashape.com/lambda/face-recognition#!documentation)
--   [Weather Forecasts](https://market.mashape.com/george-vustrey/ultimate-weather-forecasts)
--   [Ordnance Survey](https://www.ordnancesurvey.co.uk/opendatadownload/products.html)
+- [NASA](https://data.nasa.gov/)
+- [ONS](https://www.ons.gov.uk/ons/apiservice/web/apiservice/home)
+- [Facial Recognition](https://market.mashape.com/lambda/face-recognition#!documentation)
+- [Weather Forecasts](https://market.mashape.com/george-vustrey/ultimate-weather-forecasts)
+- [Ordnance Survey](https://www.ordnancesurvey.co.uk/opendatadownload/products.html)
 
 The poll was a close one with facial recognition beating the NASA api's by just a single vote.
 
@@ -31,10 +31,10 @@ We decided to start the night after work at about 5:30pm and finish at around 8p
 
 At the end of the evening we would all gather round and demo our work. To judge we handed out cards to each team to score each other out of 10 on the following:
 
--   Creativity - How creative was their hack?
--   Difficulty - How tricky was their hack to achieve?
--   Idea - Was it a compelling idea?
--   Polish - How well presented was their hack?
+- Creativity - How creative was their hack?
+- Difficulty - How tricky was their hack to achieve?
+- Idea - Was it a compelling idea?
+- Polish - How well presented was their hack?
 
 In the end if there was a tie break we would decide the winning team. We would announce it in our weekly highlights email.
 
diff --git a/src/posts/2015-10-07-responsive-day-out.md b/src/posts/2015-10-07-responsive-day-out.md
index d170a35..3e8ed03 100644
--- a/src/posts/2015-10-07-responsive-day-out.md
+++ b/src/posts/2015-10-07-responsive-day-out.md
@@ -10,9 +10,9 @@ Responsive day out is a front-end focused conference sharing tips and tricks on
 
 We both found this one tough for the following reasons:
 
--   We needed to deliver it soon after coming back so that the day remained fresh in our heads but we were also very busy at the time
--   The conference was intense even by single day standards and a lot of ground was covered in a short space of time. Compressing this into a 30 minute chunk and retaining its structure was tough
--   Making sure we both felt we contributed equally was also really hard
+- We needed to deliver it soon after coming back so that the day remained fresh in our heads but we were also very busy at the time
+- The conference was intense even by single day standards and a lot of ground was covered in a short space of time. Compressing this into a 30 minute chunk and retaining its structure was tough
+- Making sure we both felt we contributed equally was also really hard
 
 The talk was well received with most saying it was the best that they had experienced of this type! :smile:
 
diff --git a/src/posts/2016-02-23-refactoring-with-bem.md b/src/posts/2016-02-23-refactoring-with-bem.md
index 39d2f98..fc59cbd 100644
--- a/src/posts/2016-02-23-refactoring-with-bem.md
+++ b/src/posts/2016-02-23-refactoring-with-bem.md
@@ -22,11 +22,11 @@ I ended up with this [structure](https://github.com/studioromeo/studioromeo.gith
 
 These aren't just namespaces plucked out of thin air either, they explain how explicit the styles are. Starting from generic wide ranging styles to more focused styles that only affect a handful of elements.
 
--   **Settings & Tools**: Contains sass variables and my animations
--   **Generic**: Resets, spacing and box models
--   **Base**: Element selectors only, no classes here
--   **Object**: Inspired by the media object in OOCSS this contains code shared across two or more components. Purely class selectors from here on
--   **Component**: Main parts of the design, highly specific code that affects very few html elements
+- **Settings & Tools**: Contains sass variables and my animations
+- **Generic**: Resets, spacing and box models
+- **Base**: Element selectors only, no classes here
+- **Object**: Inspired by the media object in OOCSS this contains code shared across two or more components. Purely class selectors from here on
+- **Component**: Main parts of the design, highly specific code that affects very few html elements
 
 Finally theres trumps which is the most explicit layer. Use of `!important` here is OK since I know that this is the final layer of specificity.
 
diff --git a/src/posts/2016-05-01-polymer.md b/src/posts/2016-05-01-polymer.md
index 1a16757..b37320d 100644
--- a/src/posts/2016-05-01-polymer.md
+++ b/src/posts/2016-05-01-polymer.md
@@ -12,13 +12,13 @@ As I was recording this my screen recorder crashed which meant I had to bail fro
 
 I also listed some useful links which weren't captured in the video so here are the links below:
 
--   [Screencast Sourcecode](https://github.com/studioromeo/kitteh-components) - The sourcecode for the kitteh app that we built in this screencast
--   [Official Polymer Site](https://www.polymer-project.org/1.0/)
--   [Polylint](https://github.com/PolymerLabs/polylint) - A useful linter which is good at picking up common errors
--   [Polyserve](https://github.com/PolymerLabs/polyserve) - A simple server to load your Polymer elements
--   [Webcomponents](https://webcomponents.org/) - Collection of all things web components
--   [Polymer Summit](https://www.youtube.com/playlist?list=PLNYkxOF6rcICdISJclfQhj2S8QZGjXV8J) - Youtube playlist of the latest Polymer summit
--   [Codelabs](https://codelabs.developers.google.com/polymer-summit) - Useful collection of hands on tutorials on how to do cool stuff with Polymer
--   [Polycasts](https://www.youtube.com/playlist?list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN) - A youtube series hosted by Rob Dodson on polymer topics, very handy stuff!
+- [Screencast Sourcecode](https://github.com/studioromeo/kitteh-components) - The sourcecode for the kitteh app that we built in this screencast
+- [Official Polymer Site](https://www.polymer-project.org/1.0/)
+- [Polylint](https://github.com/PolymerLabs/polylint) - A useful linter which is good at picking up common errors
+- [Polyserve](https://github.com/PolymerLabs/polyserve) - A simple server to load your Polymer elements
+- [Webcomponents](https://webcomponents.org/) - Collection of all things web components
+- [Polymer Summit](https://www.youtube.com/playlist?list=PLNYkxOF6rcICdISJclfQhj2S8QZGjXV8J) - Youtube playlist of the latest Polymer summit
+- [Codelabs](https://codelabs.developers.google.com/polymer-summit) - Useful collection of hands on tutorials on how to do cool stuff with Polymer
+- [Polycasts](https://www.youtube.com/playlist?list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN) - A youtube series hosted by Rob Dodson on polymer topics, very handy stuff!
 
 Thank you for watching!
diff --git a/src/posts/2023-02-11-dev-diaries-episode-1.md b/src/posts/2023-02-11-dev-diaries-episode-1.md
index 270e6ee..b969a4e 100644
--- a/src/posts/2023-02-11-dev-diaries-episode-1.md
+++ b/src/posts/2023-02-11-dev-diaries-episode-1.md
@@ -143,7 +143,7 @@ Instead we use promises as they were meant to be used and chain them. (Why didn'
 ```javascript
 this._topicRepository.findAll().then((topics) => {
     return this._$q.all(
-        topics.map((topic) => this._topicRepository.findById(topic.id))
+        topics.map((topic) => this._topicRepository.findById(topic.id)),
     );
 });
 ```
@@ -196,7 +196,7 @@ I wasn't sure how to do this but a quick stack overflow later I found my answer
 jobs.reduce(
     (promise, job) =>
         promise.then(() => this._test(job.repository, job.topic, job.key)),
-    this._$q.resolve()
+    this._$q.resolve(),
 );
 ```
 
diff --git a/src/posts/2023-04-23-dev-diaries-episode-2.md b/src/posts/2023-04-23-dev-diaries-episode-2.md
index ddf0479..849990f 100644
--- a/src/posts/2023-04-23-dev-diaries-episode-2.md
+++ b/src/posts/2023-04-23-dev-diaries-episode-2.md
@@ -25,9 +25,9 @@ Theres a lot that some dependencies offer. They're often authored by multiple pe
 
 But be careful. It's worth taking the time to look at the dependencies available to you. Look at the common things like:
 
--   _How many authors are there?_
--   _Whats the activity like on the repository?_ <br/>Is there a lot of recent action or has it been untouched for years? This might not be a bad thing if the dependency does what it needs to and has no bugs but it could also be a sign of a dead project.
--   _Whats the license like?_ <br/>Can you even use this dependency? Is there a fee you need to pay?
+- _How many authors are there?_
+- _Whats the activity like on the repository?_ <br/>Is there a lot of recent action or has it been untouched for years? This might not be a bad thing if the dependency does what it needs to and has no bugs but it could also be a sign of a dead project.
+- _Whats the license like?_ <br/>Can you even use this dependency? Is there a fee you need to pay?
 
 There are also more nuanced things to look at, personal to you, your team & project.
 
diff --git a/src/scss/component.footer.scss b/src/scss/component.footer.scss
index daf8605..19ab458 100644
--- a/src/scss/component.footer.scss
+++ b/src/scss/component.footer.scss
@@ -13,7 +13,9 @@
         color: $colour-space-grey;
         content: attr(title);
         position: absolute;
-        transition: transform 150ms ease-in-out, opacity 150ms ease-in-out;
+        transition:
+            transform 150ms ease-in-out,
+            opacity 150ms ease-in-out;
     }
 
     &:hover,
@@ -22,7 +24,7 @@
 
         &::before {
             opacity: 0;
-            transform: scale(.9);
+            transform: scale(0.9);
         }
     }
 }
diff --git a/src/scss/component.header.scss b/src/scss/component.header.scss
index 264f050..240f875 100644
--- a/src/scss/component.header.scss
+++ b/src/scss/component.header.scss
@@ -1,11 +1,11 @@
 .c-header {
     display: flex;
     flex-flow: row wrap;
-    grid-gap: .625rem;
+    grid-gap: 0.625rem;
     margin: 3.125rem;
     place-content: center space-between;
 
-    @media screen and (max-width : $container-width) {
+    @media screen and (max-width: $container-width) {
         margin: 1.875rem;
     }
 
@@ -18,7 +18,7 @@
 
         &:hover,
         &:focus {
-            animation: bounce .5s ease-out;
+            animation: bounce 0.5s ease-out;
         }
     }
 }
diff --git a/src/scss/component.media.scss b/src/scss/component.media.scss
index a5eae04..3a8547d 100644
--- a/src/scss/component.media.scss
+++ b/src/scss/component.media.scss
@@ -8,7 +8,7 @@
     // We need this to ensure the media container is always a certain
     // aspect ratio size without this the div collapses to it's content.
     &::before {
-        content: '';
+        content: "";
         padding-bottom: 62.5%;
     }
 
@@ -17,8 +17,8 @@
         width: 3.125rem;
 
         &--thumbnail {
-            fill: rgba(255, 255, 255, .7);
-            filter: drop-shadow(1px 1px 1px rgba(100, 100, 100, .7));
+            fill: rgba(255, 255, 255, 0.7);
+            filter: drop-shadow(1px 1px 1px rgba(100, 100, 100, 0.7));
         }
     }
 
diff --git a/src/scss/component.meta.scss b/src/scss/component.meta.scss
index 64412f8..f2aa2b5 100644
--- a/src/scss/component.meta.scss
+++ b/src/scss/component.meta.scss
@@ -1,4 +1,4 @@
 .c-meta {
     color: $colour-space-grey-light;
-    font-size: .8em;
+    font-size: 0.8em;
 }
diff --git a/src/scss/object.horizontal-nav.scss b/src/scss/object.horizontal-nav.scss
index bbb4750..78a1b4a 100644
--- a/src/scss/object.horizontal-nav.scss
+++ b/src/scss/object.horizontal-nav.scss
@@ -1,7 +1,7 @@
 .o-hor-nav {
     display: flex;
     flex-flow: row wrap;
-    grid-gap: .5rem;
+    grid-gap: 0.5rem;
     list-style: none;
     margin: 0;
 
diff --git a/src/scss/object.media.scss b/src/scss/object.media.scss
index 2865344..2ec0782 100644
--- a/src/scss/object.media.scss
+++ b/src/scss/object.media.scss
@@ -8,7 +8,7 @@
     margin-right: #{-$article-gutter};
     width: calc(100% + #{$article-gutter * 2});
 
-    @media screen and (max-width : $container-width) {
+    @media screen and (max-width: $container-width) {
         margin-left: #{-$article-gutter-mobile};
         margin-right: #{-$article-gutter-mobile};
         width: calc(100% + #{$article-gutter-mobile * 2});
diff --git a/src/scss/tool.animation.scss b/src/scss/tool.animation.scss
index ca78a84..2dd73d1 100644
--- a/src/scss/tool.animation.scss
+++ b/src/scss/tool.animation.scss
@@ -1,7 +1,17 @@
 @keyframes bounce {
-    0% { transform: translatey(0); }
-    25% { transform: translatey(-5px); }
-    50% { transform: translatey(0); }
-    75% { transform: translatey(-2px); }
-    100% { transform: translatey(0); }
+    0% {
+        transform: translatey(0);
+    }
+    25% {
+        transform: translatey(-5px);
+    }
+    50% {
+        transform: translatey(0);
+    }
+    75% {
+        transform: translatey(-2px);
+    }
+    100% {
+        transform: translatey(0);
+    }
 }
diff --git a/src/scss/tool.debug.scss b/src/scss/tool.debug.scss
index d2ab702..125271b 100644
--- a/src/scss/tool.debug.scss
+++ b/src/scss/tool.debug.scss
@@ -2,21 +2,21 @@
  * Outline all classes.
  */
 [class] {
-  outline: 1px solid grey;
+    outline: 1px solid grey;
 }
 
 /**
  * Outline all BEM Elements.
  */
 [class*="__"] {
-  outline: 1px solid green;
+    outline: 1px solid green;
 }
 
 /**
  * Outline all BEM Modifiers.
  */
 [class*="--"] {
-  outline: 1px solid purple;
+    outline: 1px solid purple;
 }
 
 /**
@@ -24,7 +24,7 @@
  */
 [class^="o-"],
 [class*=" o-"] {
-  outline: 1px solid orange;
+    outline: 1px solid orange;
 }
 
 /**
@@ -32,19 +32,19 @@
  */
 [class^="c-"],
 [class*=" c-"] {
-  outline: 1px solid cyan;
+    outline: 1px solid cyan;
 }
 
 /**
  * Outline all Responsive classes.
  */
 [class*="@"] {
-  outline: 1px solid rosybrown;
+    outline: 1px solid rosybrown;
 }
 
 /**
  * Outline all Hack classes.
  */
 [class^="_"] {
-  outline: 1px solid red;
+    outline: 1px solid red;
 }