✨ feat(site): Gère l'état en ligne du site avec SEO conditionnel et UI.
This commit is contained in:
@@ -7,7 +7,6 @@
|
||||
<title>Ludikevent | {% block title %}Accueil{% endblock %}</title>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<meta name="robots" content="noindex, nofollow">
|
||||
{{ vite_asset('app.js', []) }}
|
||||
|
||||
{% if app.environment != 'dev'%}
|
||||
|
||||
@@ -12,6 +12,12 @@
|
||||
</head>
|
||||
<body class="bg-[#0f172a] text-slate-200 antialiased overflow-hidden font-sans">
|
||||
|
||||
{% if not is_online() %}
|
||||
<div class="bg-red-600 text-white text-center py-2 px-4 font-bold text-sm sticky top-0 z-[60]">
|
||||
Votre site internet n'est actuellement pas en ligne. Aucun référencement n'est possible. Pour demander sa mise en ligne, rendez-vous dans votre intranet pour effectuer la demande d'activation.
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<div class="flex h-screen overflow-hidden">
|
||||
|
||||
{# SIDEBAR #}
|
||||
|
||||
@@ -44,6 +44,27 @@
|
||||
{% block body %}
|
||||
<div class="min-h-screen p-4 md:p-8 space-y-10">
|
||||
|
||||
{# --- ACTIVATION SECTION (OFFLINE ONLY) --- #}
|
||||
{% if not is_online() %}
|
||||
<section class="group relative w-full" aria-label="Activation du site">
|
||||
<div class="absolute inset-0 bg-gradient-to-r from-red-600/10 via-transparent to-orange-600/10 blur-3xl opacity-0 group-hover:opacity-100 transition-opacity"></div>
|
||||
<div class="relative overflow-hidden backdrop-blur-2xl bg-white/5 border border-red-500/30 rounded-[3rem] p-10 flex flex-col md:flex-row items-center justify-between gap-8">
|
||||
<div class="flex-1">
|
||||
<p class="text-[10px] font-black text-red-400 uppercase tracking-[0.4em] mb-2 italic">Mise en ligne</p>
|
||||
<h2 class="text-3xl font-black text-white uppercase tracking-tighter mb-4">Activation du site internet</h2>
|
||||
<p class="text-sm font-medium text-slate-300 leading-relaxed max-w-3xl">
|
||||
Une fois la demande faite, vous serez invité à signer le certificat de mise en ligne. En le signant, vous reconnaissez que la fin du développement de l'intranet est conforme au cahier des charges établi. Une fois signé, toute modification sera facturée.
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex-shrink-0">
|
||||
<button disabled data-turbo="false" class="px-8 py-4 bg-slate-700/50 text-slate-400 font-bold uppercase tracking-widest rounded-2xl border border-slate-600 cursor-not-allowed opacity-75 hover:bg-slate-700/50 transition-colors shadow-lg">
|
||||
Demander l'activation
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{% endif %}
|
||||
|
||||
{# --- HEADER STATS (GLASS PILLS) --- #}
|
||||
<section class="flex flex-wrap gap-4 items-center mb-8" aria-label="Statistiques rapides">
|
||||
<div class="flex flex-col md:flex-row md:items-center gap-4 w-full md:w-auto">
|
||||
|
||||
@@ -83,6 +83,12 @@
|
||||
|
||||
<body class="bg-gray-50 text-gray-900 font-sans antialiased min-h-screen flex flex-col">
|
||||
|
||||
{% if not is_online() %}
|
||||
<div class="bg-red-600 text-white text-center py-2 px-4 font-bold text-sm sticky top-0 z-[60]">
|
||||
Votre site internet n'est actuellement pas en ligne. Aucun référencement n'est possible. Pour demander sa mise en ligne, rendez-vous dans votre intranet pour effectuer la demande d'activation.
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if is_granted('ROLE_USER') %}
|
||||
<utm-account id="{{ app.user.id }}" email="{{ app.user.email }}" name="{{ app.user.name }} {{ app.user.surname }}"></utm-account>
|
||||
{% endif %}
|
||||
|
||||
Reference in New Issue
Block a user