From 50501a3d37d0f08ab081bb14f36df0a71e293494 Mon Sep 17 00:00:00 2001
From: Jake Charman <jake@jakecharman.co.uk>
Date: Sun, 19 Jan 2025 23:43:20 +0000
Subject: [PATCH] Make project image clickable

---
 src/templates/projects.html | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/templates/projects.html b/src/templates/projects.html
index 6883c6a..48b59bc 100644
--- a/src/templates/projects.html
+++ b/src/templates/projects.html
@@ -15,17 +15,19 @@
     <section id="projects">
         {% for row in articles %}
         <div class="project">
-            <img class="project-thumb" 
-            srcset="
-                {% for i in range(200, 5100, 100) %}
-                    /projects/image/{{ row.image }}?w={{i}} {{i}}w{{"," if not loop.last}}
-                {% endfor %}
-                "
-                sizes="
-                    (max-width: 999px) 80vw,
-                    (min-width: 1000px) 20vw
-                "
-            src="/projects/image/{{ row.image }}">
+            <a href="{{ row.link }}">
+                <img class="project-thumb" 
+                srcset="
+                    {% for i in range(200, 5100, 100) %}
+                        /projects/image/{{ row.image }}?w={{i}} {{i}}w{{"," if not loop.last}}
+                    {% endfor %}
+                    "
+                    sizes="
+                        (max-width: 999px) 80vw,
+                        (min-width: 1000px) 20vw
+                    "
+                src="/projects/image/{{ row.image }}">
+            </a>
             <div class="project-text">
                 {% if row.get('link') is not none %}
                 <a href="{{ row.link }}">