Move assets to an S3 bucket

source/_daily_emails/2022-10-17.md

@@ -6,7 +6,7 @@ permalink: 'archive/2022/10/17/14-years-drupalorg'
 
 Today I saw that my Drupal.org profile is showing that I’ve been on that website for 14 years.
 
-![A screenshot of my Drupal.org profile showing "On Drupal.org for 14 years 1 hour".](/images/14-drupalorg.jpg)
+![A screenshot of my Drupal.org profile showing "On Drupal.org for 14 years 1 hour".]({{site.assets_url}}/assets/images/14-drupalorg.jpg)
 
 Drupal.org is the online home of the open-source Drupal CMS project, and where I registered to ask questions on the forums as I started to learn Drupal. More recently, it’s been where I’ve uploaded and maintain my own contributed projects and contribute patches to others, including Drupal core.
 

source/_daily_emails/2024-01-05.md

@@ -16,11 +16,11 @@ Yesterday, I posted a screenshot from my [automated testing in Drupal email cour
 
 Here it is again:
 
-![Screenshot of a lesson from my automated testing email course]({{site.url}}/images/php-neovim-1.png)
+![Screenshot of a lesson from my automated testing email course]({{site.assets_url}}/assets/images/php-neovim-1.png)
 
 I also posted a screenshot of the accompanying code in my text editor, Neovim, which had a few likes.
 
-![Screenshot of Drupal code in Neovim]({{site.url}}/images/php-neovim-2.png)
+![Screenshot of Drupal code in Neovim]({{site.assets_url}}/assets/images/php-neovim-2.png)
 
 Since July 2021, I've used Neovim as my daily driver for writing all my code, which I spoke about during my [Working without Workspace talk].
 

source/_includes/about-me.html.twig

@@ -6,7 +6,7 @@
   <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">
+        <img src="{{ site.assets_url }}/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-['']">

source/_layouts/base.html.twig

@@ -6,15 +6,15 @@
     <link rel="icon" type="image/x-icon" href="/favicon.ico" />
     <link rel="preconnect" href="https://fonts.gstatic.com" />
     <link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300&display=swap" rel="stylesheet" />
-    <link href="/build/tailwind.css?v={{ site.assets_version }}" rel="stylesheet">
+    <link href="{{ site.assets_url }}/build/tailwind.css?v={{ site.assets_version }}" rel="stylesheet">
     <link rel="canonical" href="{{ site.url }}{{ page.url|trim('/', 'right') }}" />
     <meta name="author" content="Oliver Davies" />
     <meta name="generator" content="Sculpin (https://sculpin.io)" />
     <meta name="twitter:card" content="summary">
     <meta name="twitter:creator" content="@opdavies">
-    <meta name="twitter:image" content="{{ site.url }}/images/od-logo.jpg" />
+    <meta name="twitter:image" content="{{ site.assets_url }}/assets/images/od-logo.jpg" />
     <meta name="twitter:site" content="@opdavies">
-    <meta property="og:image" name="image" content="{{ site.url }}/images/od-logo.jpg" />
+    <meta property="og:image" name="image" content="{{ site.assets_url }}/assets/images/od-logo.jpg" />
     <meta property="og:site_name" content="Oliver Davies" />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="{{ site.url }}{{ page.url|trim('/', 'right') }}" />

source/_pages/press.md

@@ -36,7 +36,7 @@ Oliver is a Software Developer and Drupal expert with {{ macros.yearsExperience
 
 ## Photo
 
-![](/assets/images/social-avatar.jpg)
+![]({{site.assets_url}}/assets/images/social-avatar.jpg)
 
 [drupal]: https://www.drupal.org/u/opdavies
 [github]: https://github.com/opdavies

source/_talks/deploying-php-fabric.md

@@ -12,7 +12,7 @@ meta:
     description: "You've built your PHP application, now learn how to deploy it with Fabric."
     type: website
     image:
-      url: /images/talks/deploying-php-fabric.png
+      url: '%site.assets_url%/assets/images/talks/deploying-php-fabric.png'
       width: 2560
       height: 1440
       type: image/png

source/_talks/drupal-8-module-development.md

@@ -15,7 +15,7 @@ meta:
   og:
     title: Getting Started with Drupal 8 Module Development
     image:
-      url: /images/talks/dclondon16.png
+      url: '%site.assets_url%/assets/images/talks/dclondon16.png'
       type: "image/png"
       height: 540
       width: 960

source/_talks/drupal-8-php-libraries-drupalorg-api.md

@@ -6,7 +6,7 @@ speakerdeck:
   ratio: "1.77777777777778"
   url: https://speakerdeck.com/opdavies/having-fun-with-drupal-8-php-libraries-and-the-drupal-dot-org-api
 image:
-  url: /images/talks/having-fun-drupalorg-api.png
+  url: '%site.assets_url%/assets/images/talks/having-fun-drupalorg-api.png'
   width: 2000
   height: 1125
   type: image/png

source/_talks/getting-your-data-into-drupal-8.md

@@ -15,7 +15,7 @@ meta:
     description: "How I migrated the Drupal Bristol website onto Drupal 8."
     type: website
     image:
-      url: /images/talks/getting-your-data-into-drupal-8.png
+      url: '%site.assets_url%/assets/images/talks/getting-your-data-into-drupal-8.png'
       width: 2560
       height: 1440
       type: image/png

source/_talks/taking-flight-with-tailwind-css.md

@@ -99,7 +99,7 @@ meta:
     description: An introduction to utility CSS and Tailwind.
     type: website
     image:
-      url: "/images/talks/taking-flight-tailwind.jpg"
+      url: '%site.assets_url%/assets/images/talks/taking-flight-tailwind.jpg'
       width: 2560
       height: 1440
       type: "image/png"

source/_talks/tdd-test-driven-drupal.md

@@ -9,7 +9,7 @@ video:
   type: youtube
   id: 81J0dPvqG-g
 image:
-  url: /images/talks/test-driven-drupal-development.png
+  url: '%site.assets_url%/assets/images/talks/test-driven-drupal-development.png'
   width: 2560
   height: 1440
   type: image/png

source/_talks/things-you-should-know-about-php.md

@@ -11,7 +11,7 @@ video:
 meta:
   og:
     image:
-      url: /images/talks/things-you-should-know-about-php.png
+      url: '%site.assets_url%/assets/images/talks/things-you-should-know-about-php.png'
 events:
   - name: Swansea Software Development Meetup (SSDC)
     location: Swansea, UK