hero: added link to map of wallpapers

This commit is contained in:
Philippe Loctaux 2023-12-01 13:13:17 +01:00
parent 19622b8dff
commit 27c8437fc2
2 changed files with 21 additions and 5 deletions

10
templates/icons/map.html Normal file
View file

@ -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>

After

Width:  |  Height:  |  Size: 566 B

View file

@ -44,15 +44,21 @@
<div <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" 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 --> <!-- Location -->
<div class="flex"> <div class="flex">
<div class="inline-flex items-center"> <div class="inline-flex items-center">
{% include "icons/location.html" %} {% include "icons/location.html" %}
<span class="ml-1 text-sm" <span class="ml-1 text-sm">{{ wallpaper.location.precise }}
>{{ wallpaper.location.precise }}<span class="hidden md:inline" <span class="hidden md:inline">, {{ wallpaper.location.broad }}</span>
>, {{ wallpaper.location.broad }}</span </span>
></span
>
</div> </div>
</div> </div>