Add caricatures page + fix a few different bugs.

Makefile

@@ -5,10 +5,10 @@ PROJECT=jcleal.me
 endif
 
 # The path to the resume metadata file.
-RESUME_METADATA ?= content/resume/metadata.yml
+RESUME_METADATA ?= resume/metadata.yml
 
 # The path to the resume content.
-RESUME_CONTENT ?= content/resume/data.md
+RESUME_CONTENT ?= resume/data.md
 
 # ---
 
@@ -101,7 +101,7 @@ serve: dist/public
   		-v "$(PWD):/app" \
   		-p "1313:1313" \
 		$(REPO)/hugo \
-		server
+		server --disableFastRender
 
 PHONY += generate-website serve
 

Makefile.common.mk

@@ -114,6 +114,12 @@ endif
 # The CPU architecture to target when building binaries.
 BUILDING_ARCH ?= $(ARCH)
 
+# The id of the user.
+UID := $(shell id -u)
+
+# The id of the group.
+GID := $(shell id -g)
+
 # ---
 
 # All '.*sh' files in the repository (excluding submodules).
@@ -657,6 +663,8 @@ define build_image
 	@test -z "$(CI)" || echo "##[group]Building $(2)."
 	docker build \
 		$(patsubst %,-t $(2):%,$(TAGS)) \
+		--build-arg UID=$(UID) \
+		--build-arg GID=$(GID) \
 		-f $(1) .
 	@test -z "$(CI)" || echo "##[endgroup]"
 endef

content/_index.md

@@ -1,6 +1,6 @@
 Hi! I'm Jordan. 👋🏼
 
-I'm a **DevOps Engineer** based in the **United Kingdom** (previously **Melbourne, Australia**) focused on solving problems using Go, Bash, and deploying to AWS.
+I'm a **DevOps Engineer** based in the **United Kingdom** (previously **Melbourne, Australia**) focused on solving problems using `Go`, `Bash`, and deploying to `AWS`.
 
 Some key areas of interest for me are:
 

content/posts/hello-world.md

@@ -1,10 +1,11 @@
 ---
-title: "Hello World!"
 date: 2020-12-29
-description: "My first blog post"
+title: "Hello World!"
+description: "My first blog post."
 tags: [blog]
 ---
 
 This is my first blog post, just to see how things look / are formatted.
 
 More coming soon :)
+

content/posts/my-caricatures.md

@@ -0,0 +1,224 @@
+---
+date: 2025-05-26
+title: "My caricatures"
+description: "A collection of my caricatures over the years."
+tags: [caricatures, first-post]
+---
+
+<a id="top"></a>
+
+### Hi 👋🏼
+
+I wanted to share a collection of caricatures I've had made (or had made for me) over the years - I had picked up a few before, but I really started collecting them properly after I travelled to **South Korea** in **2023**.
+
+I love seeing how different artists interpret how I look — it’s weird and funny and kind of fascinating.
+
+Check them out! (they are broken down by the year they were made) 👇🏼
+
+[2025](#2025) | [2024](#2024) | [2023](#2023) | [2022](#2022) | [2019](#2019) | [2012](#2012) | [2011](#2011)
+
+## 2025.
+
+<img src="/img/caricatures/2025, Edinburgh, Scotland, 2 1.jpg" alt="2025 | Edinburgh, Scotland | 2 1" class="centered-img" />
+
+> This caricature was made with my Mum and I as the subject - my parents came over from Australia to visit my partner & I in **Edinburgh, Scotland** (🏴󠁧󠁢󠁳󠁣󠁴󠁿). We got this to commemorate the occasion near **Edinburgh Castle** (for a third time)! 👨‍👩‍👦
+
+---
+
+<div style="text-align: right;">
+  <a href="#top">Back to top ↑</a>
+</div>
+
+<!-- ---- -->
+
+<img src="/img/caricatures/2025, Edinburgh, Scotland, 1 1.jpg" alt="2025 | Edinburgh, Scotland | 1 1" class="centered-img" />
+
+> This was a last minute caricature made by a lovely artist in **Edinburgh, Scotland** (🏴󠁧󠁢󠁳󠁣󠁴󠁿) near **Edinburgh Castle** (again). I wanted to grab one on my last day in my `20`s! 🥳 🎈 🎉
+
+---
+
+<div style="text-align: right;">
+  <a href="#top">Back to top ↑</a>
+</div>
+
+## 2024.
+
+<img src="/img/caricatures/2024, Fiverr, 1 3.png" alt="2024 | Fiverr | 1 1" class="centered-img" />
+
+> This one was made by **[@sindorochaidar](https://www.fiverr.com/sindorochaidar)** on **Fiverr** - I largely wanted a laugh (and he delivered)! 😀
+
+---
+
+<div style="text-align: right;">
+  <a href="#top">Back to top ↑</a>
+</div>
+
+<!-- ---- -->
+
+<img src="/img/caricatures/2024, Edinburgh, Scotland, 2 1.jpg" alt="2024 | Edinburgh, Scotland | 2 1" class="centered-img" />
+
+> This was the first official caricature I had made in **Edinburgh, Scotland** (🏴󠁧󠁢󠁳󠁣󠁴󠁿) near **Edinburgh Castle**. The man who painted this, using watercolor, looked & dressed like Jack Sparrow which was very interesting! He has a unique style and was very popular! 🏴‍☠️🛳️
+
+---
+
+<div style="text-align: right;">
+  <a href="#top">Back to top ↑</a>
+</div>
+
+<!-- ---- -->
+
+<img src="/img/caricatures/2024, Edinburgh, Scotland, 1 1.jpg" alt="2024 | Edinburgh, Scotland | 1 1" class="centered-img" />
+
+> This one is a bit of a joke - I made one myself! At the time, I was carrying a fair few caricatures around while attending the the **Fringe Festival** in **Edinburgh, Scotland** (🏴󠁧󠁢󠁳󠁣󠁴󠁿) - I wanted to see if I could make one! (it's MUCH harder than it looks) 😂
+
+---
+
+<div style="text-align: right;">
+  <a href="#top">Back to top ↑</a>
+</div>
+
+<!-- ---- -->
+
+<img src="/img/caricatures/2024, Brighton, United Kingdom, 1 1.jpg" alt="2024 | Brighton, United Kingdom | 1 1" class="centered-img" />
+
+> One of my favourite caricatures - I got this commissioned by **[Robert Farrow](https://robertfarrowartist.com/)**, an incredible artist I met in **Brighton, United Kingdom** (🇬🇧). In person, this has such vivid color! I'll be asking for another one from him in the future 👏🏼.
+
+---
+
+<div style="text-align: right;">
+  <a href="#top">Back to top ↑</a>
+</div>
+
+<!-- ---- -->
+
+<img src="/img/caricatures/2024, London, United Kingdom, 1 1.jpg" alt="2024 | London, United Kingdom | 1 1" class="centered-img" />
+
+> Not the biggest fan of this one, mainly because of the artist. I think it is a nice drawing, but yeah, not the best time while it was being made in **London, United Kingdom** (🇬🇧). I do like comparing it to the one from **Brussels, Belgium** though! 😂
+
+---
+
+<div style="text-align: right;">
+  <a href="#top">Back to top ↑</a>
+</div>
+
+<!-- ---- -->
+
+<img src="/img/caricatures/2024, Brussels, Belgium, 1 1.png" alt="2024 | Brussels, Belgium | 1 1" class="centered-img" />
+
+> This flattering one was drawn by a kind man in **Brussels, Belgium** (🇧🇪). Halfway through, it suddenly poured — but thankfully, he had an umbrella! ☂️
+
+---
+
+<div style="text-align: right;">
+  <a href="#top">Back to top ↑</a>
+</div>
+
+<!-- ---- -->
+
+<img src="/img/caricatures/2024, Prague, Czechia, 1 1.png" alt="2024 | Prague, Czechia | 1 1" class="centered-img" />
+
+> A quality drawing from a lovely man in **Prague, Czechia** on **Charles Bridge** (🇨🇿) - I feel he managed to get my style perfectly - a quality drawing! There were a fair few people passing me and giving a classic thumbs up 👍🏼.
+
+---
+
+<div style="text-align: right;">
+  <a href="#top">Back to top ↑</a>
+</div>
+
+<!-- ---- -->
+
+<img src="/img/caricatures/2024, Wroclaw, Poland, 1 1.jpg" alt="2024 | Wroclaw, Poland | 1 1" class="centered-img" />
+
+> A quick caricature made by a mother in **Wrocław, Poland** (🇵🇱). I searched all over Poland to find someone, and she delivered! 😂
+
+---
+
+<div style="text-align: right;">
+  <a href="#top">Back to top ↑</a>
+</div>
+
+<!-- ---- -->
+
+<img src="/img/caricatures/2024, Kyoto, Japan, 2 1.png" alt="2024 | Kyoto, Japan | 2 1" class="centered-img" />
+
+> A beautiful caricature from **[@shinji](https://www.instagram.com/shinji_arts)** who drew himself in the background! We had a great chat together in **Kyoto, Japan** (🇯🇵). I love his style, it reminds me of Stardew Valley! 🐄🌾🚜
+
+---
+
+<div style="text-align: right;">
+  <a href="#top">Back to top ↑</a>
+</div>
+
+<!-- ---- -->
+
+<img src="/img/caricatures/2024, Kyoto, Japan, 1 1.png" alt="2024 | Kyoto, Japan | 1 1" class="centered-img" />
+
+> This caricature was created by the lovely **[@jura](https://www.instagram.com/juraaa19)** for my partner and I in **Kyoto, Japan** (🇯🇵) - she's very skilled and talented! Another one of my favourites.
+
+---
+
+<div style="text-align: right;">
+  <a href="#top">Back to top ↑</a>
+</div>
+
+## 2023.
+
+<img src="/img/caricatures/2023, Jeoungju, South Korea, 1 1.png" alt="2023 | Jeoungju, South Korea | 1 1" class="centered-img" />
+
+> This is a caricature I got made in **Jeoungju, South Korea** (🇰🇷). It's my favourite one! The artist made this within 5 or so minutes, which was insane to me. The artist didn't speak english either, so it was a very nice experience when he did the reveal. One day I'll go back and get a new one made 👏🏼.
+
+---
+
+<div style="text-align: right;">
+  <a href="#top">Back to top ↑</a>
+</div>
+
+## 2022.
+
+<img src="/img/caricatures/2022, Melbourne, Australia, 1 1.jpg" alt="2022 | Melbourne, Australia | 1 1" class="centered-img" />
+
+> While not a new drawing per say, to signify the end of my relationship with my ex, I modified and changed this caricature to fit my life going forward in **Melbourne, Australia** (🇦🇺). I use this image for my profile pictures online A LOT!
+
+---
+
+<div style="text-align: right;">
+  <a href="#top">Back to top ↑</a>
+</div>
+
+## 2019.
+
+<img src="/img/caricatures/2019, Mt Fuji, Japan, 1 1.png" alt="2019 | Mt Fuji, Japan | 1 1" class="centered-img" />
+
+> This is the first caricature I ever got made, with my ex, at the **Fugi-Q Highland** theme park near **Mt Fui, Japan** (🇯🇵). The artist captured us well, minus our really large teeth! 😁
+
+---
+
+<div style="text-align: right;">
+  <a href="#top">Back to top ↑</a>
+</div>
+
+## 2012.
+
+<img src="/img/caricatures/2012, Geelong, Australia, 1 1.jpg" alt="2012 | Geelong, Australia | 1 1" class="centered-img" />
+
+> One of my first caricatures! It was made by friend, **Jess**, while we were in **Year 12** in **Geelong, Australia** (🇦🇺). I had blonde hair like a porcupine at this time, no joke. 🦔 😂
+
+---
+
+<div style="text-align: right;">
+  <a href="#top">Back to top ↑</a>
+</div>
+
+## 2011.
+
+<img src="/img/caricatures/2011, Geelong, Australia, 1 1.jpg" alt="2011 | Geelong, Australia | 1 1" class="centered-img" />
+
+> Funnily enough, this was the first caricature I had made of me - it was by a teacher, **Mr Nutt**, while I was taking a serious test in **Geelong, Australia** (🇦🇺). I didn't appreciate it at the time, for some reason, but looking back this one is one of my favourites. He really captured me, my mood, and my hair at the time. Thank you, **Mr Nutt**! 🙏
+
+---
+
+<div style="text-align: right;">
+  <a href="#top">Back to top ↑</a>
+</div>
+
+

content/resume.md

@@ -1,12 +1,11 @@
 ---
 title: ""
 type: "page"
-# mainfont: FiraCode-Regular
 ---
 
 <form method="get" action="https://jcleal.me/resume.pdf">
     <button type="submit">PDF version</button>
 </form>
 
-{{% readmarkdown "content/resume/data.md" %}}
+{{% readmarkdown "resume/data.md" %}}
 

layouts/_default/single.html

@@ -19,6 +19,7 @@
         {{ end }}
         <div class="matter">
           <h1 class="title">{{ .Title }}</h1>
+          <div class="title-description">{{ .Description }}</div>
         </div>
       </div>
       {{ end }}
@@ -32,7 +33,7 @@ <h1 class="title">{{ .Title }}</h1>
         {{ if gt .Params.tags 0 }}
         <ul class="flat">
           {{ range .Params.tags }}
-          <li><a href="{{ " /tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a></li>
+          <li><a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a></li>
           {{ end }}
         </ul>
         {{ end }}

layouts/shortcodes/readmarkdown.html

@@ -1,4 +1,9 @@
 <!-- https://gohugo.io/templates/shortcode-templates/ -->
 <!-- https://discourse.gohugo.io/t/include-an-md-file/1702/7 -->
-{{ $file := .Get 0 | readFile }}
-{{ $file | markdownify }}
+<!-- {{ $file := .Get 0 | readFile }} -->
+<!-- {{ $file | markdownify }} -->
+<!---->
+{{ $file := .Get 0 }}
+{{ $content := readFile $file }}
+<!-- DEBUG: Loaded file: {{ $file }} -->
+{{ $content | markdownify }}

static/css/custom.css

@@ -1,20 +1,49 @@
+
 .post-header .meta .date .day {
   font-family: "Arial";
-  font-size: 2em;
+  font-size: 3em;
   margin-top: 10px;
 }
 
 .header .avatar img {
-  width: 100px;
-  height: 100px;
+  width: 80px;
+  height: 80px;
   border-radius: 0%;
   margin: 0px auto 0px auto;
 }
 
+.rest {
+  font-weight: bold;
+  background-color: cyan;
+}
+
 .highlight pre {
   background-color: #333 !important;
 }
 
 body {
   font-size: 15px !important;
 }
+
+.centered-img {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 600px;
+  width: 100%;
+  height: auto;
+  border: 2px solid black;
+}
+
+blockquote {
+  font-style: normal;
+  font-size: 1.0rem;
+}
+
+.post .tags ul.flat a:hover {
+  background: cyan;
+}
+
+.intro-text {
+  font-size: 1.05rem;
+}