Move assets to an S3 bucket

app/config/sculpin_site.yml

@@ -3,6 +3,7 @@ name: Oliver Davies
 slogan: Certified Drupal expert, Developer and Consultant
 email: oliver+website@oliverdavies.uk
 assets_version: 3
+assets_url: https://oliverdavies-uk.s3.eu-west-2.amazonaws.com
 
 meta:
   description: |-
@@ -35,21 +36,21 @@ testimonials:
     name: Alexander Carr
     title: Full Stack Software Engineer at School of Code
     image:
-      url: /assets/images/recommendations/alexander-carr.jpg
+      url: '%site.assets_url%/assets/images/recommendations/alexander-carr.jpg'
   -
     text: |
       These emails are superb and make for very interesting reading. Thank you!
     name: Adam Nuttall
     title: Drupal Engineer
     image:
-      url: /assets/images/recommendations/adam-nuttall.jpg
+      url: '%site.assets_url%/assets/images/recommendations/adam-nuttall.jpg'
   -
     text: 
       Oliver's approach to testing is a continual reminder of his commitment to delivering high-quality, bug-free, software.
     name: Mike Karthauser
     title: Senior Software Engineer
     image:
-      url: /assets/images/recommendations/mike-karthauser.jpg
+      url: '%site.assets_url%/assets/images/recommendations/mike-karthauser.jpg'
   -
     text: |
       I had the opportunity and good fortune to work with Oliver solving two problems that I was having on a Drupal Commerce site.  I have done several Drupal sites using UberCart, but since it is deprecated, I chose to use Commerce. I had searched, posted to forums, and other normal means to find answers to my problems, to no response and to no avail.
@@ -68,14 +69,14 @@ testimonials:
     name: Marcos Duran
     title: Senior Software Engineer
     image:
-      url: /assets/images/recommendations/marcos-duran.jpg
+      url: '%site.assets_url%/assets/images/recommendations/marcos-duran.jpg'
   -
     text: |
       I like the "$ git log -S" and "$ git log --grep" commands, will definitely be using these, thanks!
     name: Stephen Mulvihill
     title: Solutions Architect
     image:
-      url: /assets/images/recommendations/stephen-mulvihill.jpg
+      url: '%site.assets_url%/assets/images/recommendations/stephen-mulvihill.jpg'
   -
     text: |
       Just wanted to say that your blog is amazing <3 I absolutely love it and usually share it with colleagues and some of the kids at my Code Club.
@@ -84,7 +85,7 @@ testimonials:
     name: Patty O'Callaghan
     title: Tech Lead
     image:
-      url: /assets/images/recommendations/patty-ocallaghan.jpg
+      url: '%site.assets_url%/assets/images/recommendations/patty-ocallaghan.jpg'
   -
     text: |
       I've wanted to explore testing for a while, but as a PHP developer with 10 years of Drupal experience who'd written next to no tests, I really needed guidance. Oliver's expertise in testing and TDD motivated me to seek his help.
@@ -98,7 +99,7 @@ testimonials:
     title: Senior Drupal Developer
     url: https://www.playingwithpixels.co.uk
     image:
-      url: /assets/images/recommendations/tawny.jpg
+      url: '%site.assets_url%/assets/images/recommendations/tawny.jpg'
   -
     text: |
       I've worked with Oliver for a number of years on B2C and B2B web projects and he has always demonstrated himself to be an expert in his field.
@@ -110,7 +111,7 @@ testimonials:
     title: Director, Bastion Insurance
     url: https://www.bastioninsurance.co.uk
     image:
-      url: /assets/images/recommendations/joe-howell.jpg
+      url: '%site.assets_url%/assets/images/recommendations/joe-howell.jpg'
   -
     text: |
       We use Oliver for maintaining a couple of Drupal sites for which we no longer have the skills ourselves. We became aware of Oliver through his work in the Drupal community, and about a year ago we approached him to help us with the deep dive aspects of maintaining and developing Drupal sites. He's been really helpful and very responsive. Much appreciated!
@@ -118,7 +119,7 @@ testimonials:
     title: Senior Systems Administrator at the University of Bristol
     url: https://bristol.ac.uk
     image:
-      url: /assets/images/recommendations/jon-hallett.jpeg
+      url: '%site.assets_url%/assets/images/recommendations/jon-hallett.jpeg'
   -
     text: |
       For over a decade we have worked with Oliver on a number of different projects. Initially our collaboration consisted of web maintenance and troubleshooting but we soon tapped Oliver to design, build and maintain a custom awards site which includes both submission and judging functionality. Oliver has deep and wide-ranging skills and I would certainly recommend his services!
@@ -126,7 +127,7 @@ testimonials:
     title: Cofounder
     url: https://www.daylightbooks.org
     image:
-      url: /assets/images/recommendations/michael-itkoff.jpg
+      url: '%site.assets_url%/assets/images/recommendations/michael-itkoff.jpg'
   -
     text: |
       Working with Oliver on the Seren website has been easy and beneficial.
@@ -142,7 +143,7 @@ testimonials:
     title: Publisher at Poetry Wales Press Ltd (Seren Books)
     url: https://www.serenbooks.com
     image:
-      url: /assets/images/recommendations/mick-felton.jpg
+      url: '%site.assets_url%/assets/images/recommendations/mick-felton.jpg'
   -
     text: |
       Oliver is a pleasure to work with, and I would engage him again without hesitation. He communicates regularly, ensures that he meets requirements, and suggests improvements to the potential solutions to the brief.
@@ -150,7 +151,7 @@ testimonials:
     title: Director at Rohallion
     url: https://rohallion.agency
     image:
-      url: /assets/images/recommendations/duncan.jpeg
+      url: '%site.assets_url%/assets/images/recommendations/duncan.jpeg'
   -
     text: |
       A fantastic and highly knowledgeable Drupal Developer. Oliver saved a struggling Drupal project with his wealth of Drupal experience.
@@ -158,7 +159,7 @@ testimonials:
     title: Web Development Manager
     url: ~
     image:
-      url: /assets/images/recommendations/adam.jpeg
+      url: '%site.assets_url%/assets/images/recommendations/adam.jpeg'
   -
     text: |
       I had the pleasure of working with Oliver whilst building the first version of our drupal based intranet. His knowledge of Drupal and the wider infrastructure required to run a site was really invaluable.
@@ -170,7 +171,7 @@ testimonials:
     title: Web Dev Manager / DevOps / Team Manager at Admiral Group Plc
     url: https://admiral.com
     image:
-      url: /assets/images/recommendations/huw.jpeg
+      url: '%site.assets_url%/assets/images/recommendations/huw.jpeg'
   -
     text: |
       Oliver really knows his stuff. Whether you are just starting out or looking to take your knowledge to the next level, his patient and clear way of explaining will help get you there.
@@ -178,7 +179,7 @@ testimonials:
     title: Head of Web Development
     url: ~
     image:
-      url: /assets/images/recommendations/scott-euser.jpg
+      url: '%site.assets_url%/assets/images/recommendations/scott-euser.jpg'
   -
     text: |
       Oliver was great to work with. He has expert knowledge with Drupal and delivered exactly what we were looking for on time. He's understanding, friendly and easy to get along with. I would enjoy working with him again in the future.
@@ -193,7 +194,7 @@ testimonials:
     title: Senior Drupal Developer at Microserve
     url: ~
     image:
-      url: /assets/images/recommendations/alan.jpeg
+      url: '%site.assets_url%/assets/images/recommendations/alan.jpeg'
   -
     text: |
       Oliver has been an outstanding contributor to the Drupal Association team. He is a talented developer who writes great code and applies his curiosity and love of learning to every project. He is also a fantastic team member, who gives to the team as much as he gets.
@@ -203,7 +204,7 @@ testimonials:
     title: Executive Director at the Drupal Association
     url: https://www.drupal.org/association
     image:
-      url: /assets/images/recommendations/holly-ross.png
+      url: '%site.assets_url%/assets/images/recommendations/holly-ross.png'
 
   -
     text: |
@@ -214,7 +215,7 @@ testimonials:
     title: CTO at Drupal Association
     url: https://joshuami.com
     image:
-      url: /assets/images/recommendations/josh-mitchell.png
+      url: '%site.assets_url%/assets/images/recommendations/josh-mitchell.png'
   -
     text: |
       Oliver was fantastic to work with - pro-active and highly responsive, he worked well remotely and as part of a project team. His understanding of the project requirement(s) and ability to translate it into working code was essential and he delivered.
@@ -222,7 +223,7 @@ testimonials:
     title: Director of Business Development at Tincan
     url: ~
     image:
-      url: /assets/images/recommendations/brian-healy.png
+      url: '%site.assets_url%/assets/images/recommendations/brian-healy.png'
   -
     text: |
       Oliver is an amazing colleague, he's professional, full of knowledge and I could not recommend him more.
@@ -230,7 +231,7 @@ testimonials:
     title: Developer at Microserve
     url: ~
     image:
-      url: /assets/images/recommendations/chris-jarvis.jpg
+      url: '%site.assets_url%/assets/images/recommendations/chris-jarvis.jpg'
   -
     text: |
       Oliver is seasoned Drupal and all round highly skilled and experienced web developer. I have worked with Oliver on an important project where he was reliable, prompt and ensured strict client deadline delivery and confidentiality at all times.

app/config/sculpin_site_prod.yml

@@ -1,3 +1,4 @@
 imports:
   - sculpin_site.yml
 url: https://www.oliverdavies.uk
+assets_url: https://oliverdavies-uk.s3.eu-west-2.amazonaws.com

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