studioromeo · studioromeo · Oct 7, 2025 · Oct 7, 2025
diff --git 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
@@ -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
diff --git 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
@@ -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
@@ -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
@@ -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);