From 1f8abcd305f443489c42a6a7d49b0eb245274bf5 Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Sat, 21 Mar 2026 13:24:25 +0100
Subject: [PATCH] closes #7

---
 site/controllers/site.php           | 2 +-
 src/components/layout/Footer.svelte | 6 ++++--
 src/components/layout/Menu.svelte   | 2 +-
 src/styles/global.css               | 3 +++
 src/styles/index.css                | 1 +
 5 files changed, 10 insertions(+), 4 deletions(-)
 create mode 100644 src/styles/global.css

diff --git a/site/controllers/site.php b/site/controllers/site.php
index 0468202..ac911d7 100644
--- a/site/controllers/site.php
+++ b/site/controllers/site.php
@@ -26,7 +26,7 @@ return function ($page, $kirby, $site) {
       })->values(),
       'contact' => [
         'email'       => (string)$site->contactEmail()->value(),
-        'address'     => (string)$site->contactAddress()->nl2br(),
+        'address'     => (string)$site->contactAddress()->nl2br()->inline(),
         'socials'     => $site->socialLinks()->toStructure()->map(function($item) {
           return [
             'label' => (string)$item->label()->value(),
diff --git a/src/components/layout/Footer.svelte b/src/components/layout/Footer.svelte
index 04adfec..c315bb0 100644
--- a/src/components/layout/Footer.svelte
+++ b/src/components/layout/Footer.svelte
@@ -46,7 +46,9 @@
     {#if contact.address}
       <div class="footer-col">
         <p class="footer-label">{t('location')}</p>
-        <address>{@html contact.address}</address>
+        <a href="https://www.google.com/search?q=78+Rue+de+Provence,+75009+Paris&shndl=40&source=sh/x/loc/geo/m1/1&kgs=6f7d56e06f71cc73" target="_blank">
+          <address>{@html contact.address}</address>
+        </a>
       </div>
     {/if}
 
@@ -127,7 +129,7 @@
     display: flex;
     flex-direction: column;
     gap: 0.5rem;
-    width: 136px;
+    width: 9rem;
     text-align: left;
     margin-bottom: .5rem;
   }
diff --git a/src/components/layout/Menu.svelte b/src/components/layout/Menu.svelte
index 28273e6..a58174f 100644
--- a/src/components/layout/Menu.svelte
+++ b/src/components/layout/Menu.svelte
@@ -79,7 +79,7 @@
 
       {#if contact.address}
         <p class="menu-connect-label">{t('address')}</p>
-        <p class="menu-connect-info">{@html contact.address}</p>
+        <a href="https://www.google.com/search?q=78+Rue+de+Provence,+75009+Paris&shndl=40&source=sh/x/loc/geo/m1/1&kgs=6f7d56e06f71cc73" target="_blank" class="menu-connect-info">{@html contact.address}</a>
       {/if}
 
       {#if contact.email}
diff --git a/src/styles/global.css b/src/styles/global.css
new file mode 100644
index 0000000..04e3795
--- /dev/null
+++ b/src/styles/global.css
@@ -0,0 +1,3 @@
+a:hover {
+  color: var(--color-primary) !important;
+}
diff --git a/src/styles/index.css b/src/styles/index.css
index 81d2b24..31a889c 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -1,6 +1,7 @@
 /* Main styles entry point */
 @import "./variables.css";
 @import "./reset.css";
+@import "./global.css";
 @import "./fonts.css";
 @import "./layout.css";
 @import "./collection.css";