From 27c8437fc227764730a15c9146267321327859c6 Mon Sep 17 00:00:00 2001
From: Philippe Loctaux <p@philippeloctaux.com>
Date: Fri, 1 Dec 2023 13:13:17 +0100
Subject: [PATCH] hero: added link to map of wallpapers

---
 templates/icons/map.html             | 10 ++++++++++
 templates/pages/root/hero-image.html | 16 +++++++++++-----
 2 files changed, 21 insertions(+), 5 deletions(-)
 create mode 100644 templates/icons/map.html

diff --git a/templates/icons/map.html b/templates/icons/map.html
new file mode 100644
index 0000000..7951df7
--- /dev/null
+++ b/templates/icons/map.html
@@ -0,0 +1,10 @@
+<svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 20 20"
+        fill="currentColor"
+        class="w-5 h-5"
+>
+    <path fill-rule="evenodd"
+          d="M8.157 2.175a1.5 1.5 0 00-1.147 0l-4.084 1.69A1.5 1.5 0 002 5.251v10.877a1.5 1.5 0 002.074 1.386l3.51-1.453 4.26 1.763a1.5 1.5 0 001.146 0l4.083-1.69A1.5 1.5 0 0018 14.748V3.873a1.5 1.5 0 00-2.073-1.386l-3.51 1.452-4.26-1.763zM7.58 5a.75.75 0 01.75.75v6.5a.75.75 0 01-1.5 0v-6.5A.75.75 0 017.58 5zm5.59 2.75a.75.75 0 00-1.5 0v6.5a.75.75 0 001.5 0v-6.5z"
+          clip-rule="evenodd"/>
+</svg>
diff --git a/templates/pages/root/hero-image.html b/templates/pages/root/hero-image.html
index 86a8de7..49fc9d8 100644
--- a/templates/pages/root/hero-image.html
+++ b/templates/pages/root/hero-image.html
@@ -44,15 +44,21 @@
         <div
                 class="absolute bottom-3 sm:bottom-5 left-2 sm:left-5 inline-block backdrop-blur-lg backdrop-brightness-75 rounded-xl shadow-2xl p-2 space-y-0.5 sm:space-y-2"
         >
+            <!-- See more -->
+            <div class="flex">
+                <div class="inline-flex items-center">
+                    {% include "icons/map.html" %}
+                    <a class="ml-1 text-sm underline" href="/wallpapers">See more!</a>
+                </div>
+            </div>
+
             <!-- Location -->
             <div class="flex">
                 <div class="inline-flex items-center">
                     {% include "icons/location.html" %}
-                    <span class="ml-1 text-sm"
-                    >{{ wallpaper.location.precise }}<span class="hidden md:inline"
-                    >, {{ wallpaper.location.broad }}</span
-                    ></span
-                    >
+                    <span class="ml-1 text-sm">{{ wallpaper.location.precise }}
+                        <span class="hidden md:inline">, {{ wallpaper.location.broad }}</span>
+                    </span>
                 </div>
             </div>