diff --git a/frontend/css/style.css b/frontend/css/style.css index b262317..e0e5201 100644 --- a/frontend/css/style.css +++ b/frontend/css/style.css @@ -69,6 +69,13 @@ html, body { z-index: 1; } +.accueil-logo { + max-width: 280px; + max-height: 100px; + margin-bottom: 1rem; + object-fit: contain; +} + .accueil-contenu h1 { font-size: 3.5rem; font-weight: 300; diff --git a/frontend/css/themes.css b/frontend/css/themes.css index e69ec83..c594586 100644 --- a/frontend/css/themes.css +++ b/frontend/css/themes.css @@ -54,17 +54,7 @@ font-weight: 600; } -[data-theme="sikapics"] #nom-evenement::before { - content: ''; - display: block; - width: 250px; - height: 80px; - margin: 0 auto 1.5rem; - background-image: url('/assets/logos/sikapics.png'); - background-size: contain; - background-repeat: no-repeat; - background-position: center; -} +/* Logo SikaPics gere via JS (appliquerConfig) */ [data-theme="sikapics"] .accueil-instruction { color: var(--texte-secondaire); diff --git a/frontend/index.html b/frontend/index.html index 4f3f769..a0c032a 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -16,6 +16,7 @@
+

Photobooth

Touchez pour commencer

diff --git a/frontend/js/app.js b/frontend/js/app.js index a20f19c..5458ece 100644 --- a/frontend/js/app.js +++ b/frontend/js/app.js @@ -31,6 +31,18 @@ function appliquerConfig() { document.documentElement.style.setProperty('--secondaire', event.couleur_secondaire || '#ffffff'); } + // Logo selon le theme + const logo = document.getElementById('accueil-logo'); + if (logo) { + const logos = { sikapics: '/assets/logos/sikapics.png' }; + if (logos[theme]) { + logo.src = logos[theme]; + logo.classList.remove('cache'); + } else { + logo.classList.add('cache'); + } + } + // Nom evenement const h1 = document.getElementById('nom-evenement'); if (h1) h1.textContent = event.nom || 'Photobooth';