From 6a0533a6900a101373aa7ed81ca74604fe123fab Mon Sep 17 00:00:00 2001
From: RikSolo <mail@riksolo.com>
Date: Mon, 24 Feb 2025 02:05:46 +0100
Subject: [PATCH] cache busting. portfolio list image click redirects to detail
 page

---
 content/pages/portfolio.njk | 13 +++++++------
 eleventy.config.js          |  4 ++++
 package-lock.json           | 13 +++++++++++++
 package.json                |  5 ++++-
 4 files changed, 28 insertions(+), 7 deletions(-)

diff --git a/content/pages/portfolio.njk b/content/pages/portfolio.njk
index e9abfca..9c75b50 100644
--- a/content/pages/portfolio.njk
+++ b/content/pages/portfolio.njk
@@ -11,11 +11,12 @@ permalink: "/portfolio/"
 		- {{portfolioItem.data.description}}
 		<a href="{{portfolioItem.data.page.url | safe}}">See More -></a>
 	</div>
-	<div class="flex">
-		{% for image in portfolioItem.data.images.slice(0,3) %}
-
-		<img src={{image}} alt="" width="400" />
-		{% endfor %}
-	</div>
+	<a href="{{portfolioItem.data.page.url | safe}}">
+		<div class="flex">
+			{% for image in portfolioItem.data.images.slice(0,3) %}
+			<img src={{image}} alt="" width="400" />
+			{% endfor %}
+		</div>
+	</a>
 </div>
 {% endfor %}
\ No newline at end of file
diff --git a/eleventy.config.js b/eleventy.config.js
index 4007c43..5b696eb 100644
--- a/eleventy.config.js
+++ b/eleventy.config.js
@@ -3,6 +3,7 @@ import Image, { eleventyImageTransformPlugin } from "@11ty/eleventy-img";
 import { DateTime } from "luxon";
 import markdownit from "markdown-it";
 import syntaxHighlight from '@11ty/eleventy-plugin-syntaxhighlight';
+import cacheBuster from 'eleventy-auto-cache-buster';
 
 export default async function (eleventyConfig) {
 	// Filters
@@ -61,6 +62,9 @@ export default async function (eleventyConfig) {
 	// Syntax Highlighting
 	eleventyConfig.addPlugin(syntaxHighlight);
 
+	// Cache busting
+	eleventyConfig.addPlugin(cacheBuster);
+
 	//File passthrough
 	eleventyConfig.addPassthroughCopy("content/robots.txt");
 
diff --git a/package-lock.json b/package-lock.json
index ea70d5a..73bf37c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,6 +14,9 @@
         "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0",
         "luxon": "^3.5.0",
         "sass": "^1.83.4"
+      },
+      "devDependencies": {
+        "eleventy-auto-cache-buster": "^0.7.0"
       }
     },
     "node_modules/@11ty/dependency-tree": {
@@ -1587,6 +1590,16 @@
       "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
       "license": "MIT"
     },
+    "node_modules/eleventy-auto-cache-buster": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/eleventy-auto-cache-buster/-/eleventy-auto-cache-buster-0.7.0.tgz",
+      "integrity": "sha512-OcICXm0XwbPJxhrCZyKU2cC3w9ciRUEUl1SBOKgImeroF5OwnaJ2xho/c0V+NRJ+NILXnCq9YR0Yr1dZ+yGP1w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "glob": "^10.3.10"
+      }
+    },
     "node_modules/emoji-regex": {
       "version": "9.2.2",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
diff --git a/package.json b/package.json
index 015b175..0090a18 100644
--- a/package.json
+++ b/package.json
@@ -18,5 +18,8 @@
     "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0",
     "luxon": "^3.5.0",
     "sass": "^1.83.4"
+  },
+  "devDependencies": {
+    "eleventy-auto-cache-buster": "^0.7.0"
   }
-}
\ No newline at end of file
+}