menu 1 2 3 4 5 7 operationnels

This commit is contained in:
2026-08-03 10:02:12 +02:00
parent b2c241797b
commit f37f5b1e45
25 changed files with 2373 additions and 1120 deletions
+15 -11
View File
@@ -1,5 +1,5 @@
<!doctype html>
<html lang="fr" class="dark">
<html lang="fr" class="dark h-full">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -14,15 +14,20 @@
<!-- Tailwind CSS CDN -->
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<!-- Font Awesome -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css"
/>
</head>
<body
class="bg-gray-950 text-gray-100 min-h-screen flex flex-col justify-between"
class="bg-gray-950 text-gray-100 h-screen flex flex-col overflow-hidden"
>
<!-- Header Global -->
<header
class="bg-gray-900 border-b border-gray-800 px-6 py-4 flex items-center justify-between"
class="flex-none bg-gray-900 border-b border-gray-800 px-6 py-4 flex items-center justify-between z-10"
>
<!-- Gauche : Logo (taille augmentée d'environ 1.5x, ex: h-10 -> h-16) -->
<!-- Gauche : Logo -->
<div class="flex items-center">
<a
href="{{ url_for('main.menu') if session.get('user_id') else url_for('main.index') }}"
@@ -35,7 +40,7 @@
</a>
</div>
<!-- Centre : Titre (agrandi avec text-4xl et police plus grasse) -->
<!-- Centre : Titre -->
<div class="absolute left-1/2 transform -translate-x-1/2">
<h1 class="text-4xl font-extrabold tracking-wider text-white">Bolsa</h1>
</div>
@@ -72,13 +77,13 @@
</header>
<!-- Container dynamique -->
<main class="flex-grow w-full px-2 py-4">
<main class="flex-1 w-full px-2 py-4 overflow-hidden flex flex-col">
{% block content %}{% endblock %}
</main>
<!-- Footer Global -->
<footer
class="bg-gray-900 border-t border-gray-800 px-6 py-4 flex items-center justify-between text-xs text-gray-400"
class="flex-none bg-gray-900 border-t border-gray-800 px-6 py-4 flex items-center justify-between text-xs text-gray-400 z-10"
>
<!-- Espace vide à gauche pour équilibrer le flexbox -->
<div class="w-1/3"></div>
@@ -101,7 +106,7 @@
</div>
</footer>
<!-- Script pour récupérer l'IP externe en JS -->
<!-- Script pour récupérer l'IP publique en JS -->
{% if session.get('user_id') %}
<script>
fetch("https://api.ipify.org?format=json")
@@ -109,9 +114,8 @@
.then((data) => {
document.getElementById("external-ip").textContent = data.ip;
})
.catch((error) => {
document.getElementById("external-ip").textContent =
"IP non disponible";
.catch(() => {
document.getElementById("external-ip").textContent = "IP non disponible";
});
</script>
{% endif %}