f822a9a069
- Makefile: install_dev, install_prod, migration/migrate commands - docker-compose-dev: add Caddy and Bun services - docker-compose-prod: remove exposed pgbouncer port - Ansible: Caddy template with maintenance mode (503), vault, deploy playbook - Gitea workflow: manual deploy to production - Maintenance page (Neubrutalism style) - LICENSE: proprietary license Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
94 lines
3.6 KiB
HTML
94 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Maintenance - E-Ticket</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<style>
|
|
:root {
|
|
--fond: #fbfbfb;
|
|
--indigo: #4f46e5;
|
|
--jaune: #fabf04;
|
|
--rose: #ec4899;
|
|
--noir: #111827;
|
|
}
|
|
body {
|
|
background-color: var(--fond);
|
|
font-family: 'Inter', system-ui, sans-serif;
|
|
}
|
|
.shadow-brutal {
|
|
box-shadow: 8px 8px 0px rgba(0,0,0,1);
|
|
}
|
|
.shadow-brutal-sm {
|
|
box-shadow: 4px 4px 0px rgba(0,0,0,1);
|
|
}
|
|
@keyframes bounce-slow {
|
|
0%, 100% { transform: translateY(0); }
|
|
50% { transform: translateY(-10px); }
|
|
}
|
|
.animate-bounce-slow {
|
|
animation: bounce-slow 3s ease-in-out infinite;
|
|
}
|
|
@keyframes spin-slow {
|
|
from { transform: rotate(0deg); }
|
|
to { transform: rotate(360deg); }
|
|
}
|
|
.animate-spin-slow {
|
|
animation: spin-slow 4s linear infinite;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="min-h-screen flex items-center justify-center p-4">
|
|
<div class="max-w-xl w-full">
|
|
<!-- Logo -->
|
|
<div class="flex justify-center mb-8">
|
|
<div class="bg-white border-4 border-gray-900 rounded-2xl p-6 shadow-brutal">
|
|
<img src="/logo.png" alt="E-Cosplay" class="h-16">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Card principale -->
|
|
<div class="bg-white border-4 border-gray-900 rounded-2xl shadow-brutal overflow-hidden">
|
|
<!-- Header jaune -->
|
|
<div class="p-6 border-b-4 border-gray-900" style="background-color: var(--jaune);">
|
|
<div class="flex items-center justify-center gap-3">
|
|
<span class="text-4xl animate-bounce-slow">⚠</span>
|
|
<h1 class="text-2xl md:text-3xl font-black uppercase tracking-tight" style="color: var(--noir);">
|
|
Maintenance en cours
|
|
</h1>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Contenu -->
|
|
<div class="p-8 text-center">
|
|
<p class="text-lg font-bold uppercase mb-6" style="color: var(--noir);">
|
|
Notre site est en cours de mise a jour.
|
|
</p>
|
|
|
|
<div class="inline-flex items-center gap-3 border-4 border-gray-900 rounded-xl px-6 py-3 shadow-brutal-sm mb-6" style="background-color: var(--indigo);">
|
|
<svg class="w-5 h-5 text-white animate-spin-slow" fill="none" viewBox="0 0 24 24">
|
|
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
|
|
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"></path>
|
|
</svg>
|
|
<span class="text-white font-black uppercase text-sm tracking-widest">
|
|
Nous revenons tres vite
|
|
</span>
|
|
</div>
|
|
|
|
<p class="text-sm font-semibold" style="color: var(--noir);">
|
|
Merci de votre patience !
|
|
</p>
|
|
</div>
|
|
|
|
<!-- Footer rose -->
|
|
<div class="p-4 border-t-4 border-gray-900 text-center" style="background-color: var(--rose);">
|
|
<p class="text-sm font-bold uppercase text-white tracking-wide">
|
|
contact@e-cosplay.fr
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|