diff --git a/site/controllers/site.php b/site/controllers/site.php index ac90d90..b016045 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()->value(), + 'address' => (string)$site->contactAddress()->nl2br(), 'socials' => $site->socialLinks()->toStructure()->map(function($item) { return [ 'label' => (string)$item->label()->value(), diff --git a/src/components/layout/Menu.svelte b/src/components/layout/Menu.svelte index ca2108d..28273e6 100644 --- a/src/components/layout/Menu.svelte +++ b/src/components/layout/Menu.svelte @@ -234,20 +234,40 @@ /* Mobile — var(--breakpoint-mobile) = 700px */ @media (max-width: 700px) { + .menu-title { + font-size: 1.75rem; + margin-bottom: 2.5rem; + } .menu-list { font-size: var(--font-size-subtitle-mobile); grid-area: 6/4 / span 8 / span 8; align-self: start; } + .menu-nav-number { + margin-left: -15px; + } + .menu-nav-label { + font-size: 1.25rem; + } + .menu-connect { - font-size: var(--font-size-button-mobile); grid-area: 8/12 / span 8 / span 8; text-align: left; align-self: start; line-height: 1.4; } + .menu-connect-label { + font-size: var(--font-size-paragraph-small-mobile); + } + + .menu-connect-info { + font-family: "Danzza Medium", sans-serif; + font-size: 14px; + line-height: 1.4; + } + .menu-connect-title { display: none; } diff --git a/src/i18n/index.js b/src/i18n/index.js index aa73357..06ef2e8 100644 --- a/src/i18n/index.js +++ b/src/i18n/index.js @@ -1,51 +1,63 @@ -import { locale } from '@state/locale.svelte' +import { locale } from "@state/locale.svelte"; const dict = { // Article - 'published_on': { fr: 'Publié le', en: 'Published on' }, - 'link_copied': { fr: 'Lien copié !', en: 'Link copied!' }, - 'copy_link': { fr: 'Copier le lien', en: 'Copy link' }, - 'share_article': { fr: 'Partager cet article', en: 'Share this article' }, - 'related': { fr: 'Nos recommandations', en: 'Our recommendations' }, - 'share_whatsapp': { fr: 'Partager sur WhatsApp', en: 'Share on WhatsApp' }, - 'share_x': { fr: 'Partager sur X', en: 'Share on X' }, - 'share_facebook': { fr: 'Partager sur Facebook', en: 'Share on Facebook' }, - 'share_linkedin': { fr: 'Partager sur LinkedIn', en: 'Share on LinkedIn' }, + published_on: { fr: "Publié le", en: "Published on" }, + link_copied: { fr: "Lien copié !", en: "Link copied!" }, + copy_link: { fr: "Copier le lien", en: "Copy link" }, + share_article: { fr: "Partager cet article", en: "Share this article" }, + related: { fr: "Nos recommandations", en: "Our recommendations" }, + share_whatsapp: { fr: "Partager sur WhatsApp", en: "Share on WhatsApp" }, + share_x: { fr: "Partager sur X", en: "Share on X" }, + share_facebook: { fr: "Partager sur Facebook", en: "Share on Facebook" }, + share_linkedin: { fr: "Partager sur LinkedIn", en: "Share on LinkedIn" }, // Blog - 'loading': { fr: 'Chargement…', en: 'Loading…' }, - 'read_article': { fr: "Lire l'article", en: 'Read article' }, + loading: { fr: "Chargement…", en: "Loading…" }, + read_article: { fr: "Lire l'article", en: "Read article" }, // Play - 'play': { fr: 'Jouer', en: 'Play' }, - 'coming_soon': { fr: 'Coming soon', en: 'Coming soon' }, + play: { fr: "Jouer", en: "Play" }, + coming_soon: { fr: "Coming soon", en: "Coming soon" }, // Header - 'close_menu': { fr: 'Fermer le menu', en: 'Close menu' }, - 'open_menu': { fr: 'Ouvrir le menu', en: 'Open menu' }, + close_menu: { fr: "Fermer le menu", en: "Close menu" }, + open_menu: { fr: "Ouvrir le menu", en: "Open menu" }, // Footer - 'location': { fr: 'Adresse', en: 'Location' }, - 'contact': { fr: 'Contact', en: 'Contact' }, - 'follow_us': { fr: 'Réseaux', en: 'Follow us' }, - 'newsletter_heading': { fr: 'Inscrivez-vous à notre newsletter !', en: 'Subscribe to our newsletter!' }, - 'newsletter_placeholder': { fr: 'Votre email', en: 'Enter your email' }, - 'newsletter_submit': { fr: "S'inscrire", en: 'Subscribe' }, - 'newsletter_success': { fr: 'Merci pour votre inscription !', en: 'Thank you for subscribing!' }, - 'newsletter_error': { fr: 'Une erreur est survenue.', en: 'An error occurred.' }, - 'copyright': { fr: 'World Game © {year}. Tous droits réservés.', en: 'World Game © {year}. All rights reserved.' }, - 'legal': { fr: 'Mentions légales', en: 'Legal notice' }, - 'cookies': { fr: 'Préférences cookies', en: 'Cookie preferences' }, - 'privacy': { fr: 'Confidentialité', en: 'Privacy' }, + location: { fr: "Adresse", en: "Location" }, + contact: { fr: "Contactez-nous", en: "Contact" }, + follow_us: { fr: "Suivez-nous", en: "Follow us" }, + newsletter_heading: { + fr: "Inscrivez-vous à notre newsletter !", + en: "Subscribe to our newsletter!", + }, + newsletter_placeholder: { fr: "Votre email", en: "Enter your email" }, + newsletter_submit: { fr: "S'inscrire", en: "Subscribe" }, + newsletter_success: { + fr: "Merci pour votre inscription !", + en: "Thank you for subscribing!", + }, + newsletter_error: { + fr: "Une erreur est survenue.", + en: "An error occurred.", + }, + copyright: { + fr: "World Game © {year}. Tous droits réservés.", + en: "World Game © {year}. All rights reserved.", + }, + legal: { fr: "Mentions légales", en: "Legal notice" }, + cookies: { fr: "Préférences cookies", en: "Cookie preferences" }, + privacy: { fr: "Confidentialité", en: "Privacy" }, // Menu - 'menu': { fr: 'MENU', en: 'MENU' }, - 'connect': { fr: 'CONNECT', en: 'CONNECT' }, - 'address': { fr: 'ADRESSE', en: 'LOCATION' }, - 'mail': { fr: 'MAIL', en: 'MAIL' }, - 'socials': { fr: 'RÉSEAUX', en: 'SOCIALS' }, -} + menu: { fr: "MENU", en: "MENU" }, + connect: { fr: "CONNECT", en: "CONNECT" }, + address: { fr: "ADRESSE", en: "LOCATION" }, + mail: { fr: "MAIL", en: "MAIL" }, + socials: { fr: "RÉSEAUX", en: "SOCIALS" }, +}; export function t(key, vars = {}) { - const lang = locale.current - let str = dict[key]?.[lang] ?? dict[key]?.fr ?? key + const lang = locale.current; + let str = dict[key]?.[lang] ?? dict[key]?.fr ?? key; for (const [k, v] of Object.entries(vars)) { - str = str.replace(`{${k}}`, v) + str = str.replace(`{${k}}`, v); } - return str + return str; }