closes #7

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(),

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;
   }

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}

src/styles/global.css

@@ -0,0 +1,3 @@
+a:hover {
+  color: var(--color-primary) !important;
+}

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";