chore: Update Dockerfile to use Node.js version 22 and expose port 8005

2024-07-04 16:19:43 +02:00
parent 8484a534db
commit 9233856850
18 changed files with 912 additions and 285 deletions
--- a/legal.html
+++ b/legal.html
@@ -0,0 +1,99 @@
+<!DOCTYPE html>
+<html lang="fr">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Julianum - Présentation de Raphael</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/gsap.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/ScrollTrigger.min.js"></script>
+    <script>
+        tailwind.config = {
+            theme: {
+                extend: {
+                    colors: {
+                        primary: '#7289DA',
+                        secondary: '#99AAB5',
+                        dark: '#23272A',
+                        blurple: '#5865F2',
+                    }
+                }
+            }
+        }
+    </script>
+    <style>
+        @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');
+
+        body {
+            font-family: 'Poppins', sans-serif;
+            background: rgb(2,0,36);
+            color: #ffffff;
+        }
+
+        .gradient-text {
+            background-clip: text;
+            -webkit-background-clip: text;
+            color: transparent;
+            background-image: radial-gradient(circle, rgba(238,174,202,1) 0%, rgba(148,187,233,1) 100%);
+        }
+
+        .glass {
+            background: rgba(255, 255, 255, 0.1);
+            backdrop-filter: blur(10px);
+            border-radius: 10px;
+            border: 1px solid rgba(255, 255, 255, 0.2);
+        }
+
+    .discord-button {
+        background-color: #5865F2;
+        color: white;
+        padding: 10px 20px;
+        border-radius: 28px;
+        font-weight: bold;
+        transition: all 0.3s ease;
+        margin-right: 10px; /* Ajoute un espace à droite de chaque bouton */
+        font-size: 18px; /* Augmente la taille de la police */
+    }
+
+    .discord-button:hover {
+        background-color: #4752C4;
+        transform: translateY(-2px);
+        box-shadow: 0 5px 15px rgba(88, 101, 242, 0.4);
+    }
+    </style>
+</head>
+
+<body class="bg-dark text-gray-200">
+<header class="bg-gray-900 p-4 sticky top-0 z-50 glass">
+    <div class="container mx-auto flex justify-between items-center">
+        <h1 class="text-2xl font-bold gradient-text">Julianum</h1>
+        <nav class="hidden md:flex space-x-4">
+            <a href="/" class="hover:text-primary transition-colors">Accueil</a>
+            <a href="/bot/feathures" class="hover:text-primary transition-colors">Fonctionnalités</a>
+            <a href="/bot/commands" class="hover:text-primary transition-colors">Commandes</a>
+        </nav>
+        <button class="md:hidden text-white focus:outline-none">
+            <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7"></path>
+            </svg>
+        </button>
+    </div>
+</header>
+
+<section id="home" class="py-24 px-4">
+    <div class="container mx-auto text-center">
+        <h1 class="text-5xl font-bold mb-6 gradient-text">Raphael, votre bot Discord polyvalent</h1>
+        <p class="text-xl mb-10 max-w-2xl mx-auto">Nos différents documents légaux</p>
+        <a href="/legal/privacy" class="discord-button inline-block">
+            Politique de confidentialité
+        </a>
+        <a href="/legal/cgu" class="discord-button inline-block">
+            Conditions générales d'utilisation
+        </a>
+    </div>
+</section>
+
+</body>
+
+</html>