Make project image clickable

2025-01-19 23:43:20 +00:00
parent 613c906626
commit 50501a3d37
1 changed files with 13 additions and 11 deletions
--- 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 }}">