Patch bug Add search and filtre in commands page
This commit is contained in:
108
cgu.html
108
cgu.html
@@ -1,108 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
|
||||
<link rel="icon" href="https://cdn.dinawo.fr/public/assets/homelab_logo.png"/>
|
||||
<title>Conditions Générales d'Utilisation - Raphael Bot</title>
|
||||
<style>
|
||||
.breadcrumb {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.breadcrumb a {
|
||||
color: #4f46e5;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.breadcrumb a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body class="bg-gray-100 text-gray-800 font-sans p-8">
|
||||
|
||||
<div class="max-w-3xl mx-auto">
|
||||
|
||||
<!-- Conditions Générales d'Utilisation pour le Bot Raphael -->
|
||||
<div class="mb-8">
|
||||
<h2 class="text-2xl font-bold mb-4">Conditions Générales d'Utilisation - Raphael Bot</h2>
|
||||
<div class="breadcrumb">
|
||||
<a href="/legal" class="text-blue-500">Accueil</a> >
|
||||
<span>Conditions Générales d'Utilisation</span>
|
||||
</div>
|
||||
<p class="mb-4">
|
||||
Les présentes Conditions Générales d'Utilisation (CGU) encadrent l’utilisation de Raphael Bot sur la plateforme Discord et d'autres plateformes où il est déployé.
|
||||
</p>
|
||||
<ol class="list-decimal list-inside">
|
||||
|
||||
<li class="mb-6">
|
||||
<strong>Acceptation des conditions</strong>
|
||||
<ul class="list-disc list-inside ml-4">
|
||||
<li class="mb-2">
|
||||
<strong>1.1 Acceptation.</strong> En utilisant Raphael Bot, vous acceptez pleinement et sans réserve les présentes CGU. Si vous n'acceptez pas ces conditions, vous ne pouvez pas utiliser Raphael Bot.
|
||||
</li>
|
||||
<li class="mb-2">
|
||||
<strong>1.2 Modification.</strong> Myaxrin Labs se réserve le droit de modifier les CGU à tout moment. Les modifications seront effectives dès leur publication. Il est de votre responsabilité de consulter régulièrement les CGU pour être informé des changements.
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="mb-6">
|
||||
<strong>Utilisation du service</strong>
|
||||
<ul class="list-disc list-inside ml-4">
|
||||
<li class="mb-2">
|
||||
<strong>2.1 Accès.</strong> Vous êtes responsable de l'accès à Raphael Bot via votre compte Discord et des activités qui en découlent.
|
||||
</li>
|
||||
<li class="mb-2">
|
||||
<strong>2.2 Restrictions.</strong> Vous vous engagez à utiliser Raphael Bot conformément aux lois applicables et aux présentes CGU, sans nuire aux droits des autres utilisateurs ni interférer avec le bon fonctionnement du service.
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="mb-6">
|
||||
<strong>Propriété intellectuelle</strong>
|
||||
<ul class="list-disc list-inside ml-4">
|
||||
<li class="mb-2">
|
||||
<strong>3.1 Droits.</strong> Raphael Bot et tout contenu associé sont protégés par des droits de propriété intellectuelle. Vous acceptez de respecter ces droits et de ne pas reproduire, modifier, ou distribuer le contenu sans autorisation.
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="mb-6">
|
||||
<strong>Responsabilité</strong>
|
||||
<ul class="list-disc list-inside ml-4">
|
||||
<li class="mb-2">
|
||||
<strong>4.1 Limitation.</strong> En aucun cas, Myaxrin Labs ne peut être tenu responsable des dommages directs, indirects, spéciaux, consécutifs ou punitifs résultant de l'utilisation ou de l'incapacité d'utiliser Raphael Bot.
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="mb-6">
|
||||
<strong>Dispositions diverses</strong>
|
||||
<ul class="list-disc list-inside ml-4">
|
||||
<li class="mb-2">
|
||||
<strong>5.1 Intégralité de l'accord.</strong> Les présentes CGU constituent l'intégralité de l'accord entre vous et Myaxrin Labs concernant l'utilisation de Raphael Bot.
|
||||
</li>
|
||||
<li class="mb-2">
|
||||
<strong>5.2 Droit applicable.</strong> Les CGU sont régies par les lois françaises. En cas de litige, les tribunaux français seront seuls compétents.
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ol>
|
||||
<p class="mb-4">
|
||||
<strong>Dernière mise à jour :</strong> [04/07/2024]
|
||||
</p>
|
||||
<p class="mt-4">
|
||||
<strong>EN UTILISANT RAPHAEL BOT, VOUS RECONNAISSEZ AVOIR LU ET COMPRIS LES TERMES ET CONDITIONS DE NOS CONDITIONS GÉNÉRALES D'UTILISATION. SI VOUS N'ACCEPTEZ PAS CES TERMES, N'UTILISEZ PAS RAPHAEL BOT.</strong>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
188
commands.html
188
commands.html
@@ -1,188 +0,0 @@
|
||||
<!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;
|
||||
}
|
||||
|
||||
.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">Gérez et modérez votre serveur Discord avec des commandes administratives puissantes</p>
|
||||
<a href="https://discord.com/oauth2/authorize?client_id=1232794371213230201" class="discord-button inline-block">
|
||||
Inviter Raphael
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="commands" class="py-24 px-4">
|
||||
<div class="container mx-auto">
|
||||
<h2 class="text-4xl font-bold mb-12 text-center gradient-text">Commandes</h2>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">🛠️</span>: ban - Bannir un membre
|
||||
</div>
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">🗡️</span>: blockreport - Gérer les rapports de blocage
|
||||
</div>
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">📊</span>: botinfo - Afficher les informations du bot
|
||||
</div>
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">🪄</span>: clear - Effacer un nombre spécifié de messages
|
||||
</div>
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">🤖</span>: emojiimage - Obtenir l'image d'un emoji personnalisé
|
||||
</div>
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">🦾</span>: genrandomstring - Générer une chaîne aléatoire
|
||||
</div>
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">⌨️</span>: help - Afficher les commandes disponibles
|
||||
</div>
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">👋</span>: invite - Obtenir le lien d'invitation du bot
|
||||
</div>
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">🗡️</span>: kick - Expulser un membre
|
||||
</div>
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">⌨️</span>: mp - Envoyer un message privé à un utilisateur spécifique
|
||||
</div>
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">🛡️</span>: mute - Mettre un membre en sourdine
|
||||
</div>
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">🗡️</span>: nr - Gérer les 'nr'
|
||||
</div>
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">🗡️</span>: patch - Gérer les notes de mise à jour
|
||||
</div>
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">🪛</span>: patchnote - Afficher les notes de mise à jour du bot
|
||||
</div>
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">🪄</span>: removeinvite - Supprimer toutes les invitations du serveur
|
||||
</div>
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">📝</span>: report - Créer un rapport
|
||||
</div>
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">⌨️</span>: search - Rechercher un utilisateur
|
||||
</div>
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">👨💻</span>: user - Afficher l'avatar et les informations d'un utilisateur
|
||||
</div>
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">📝</span>: config - Configurer le bot
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<footer class="py-12 px-4 bg-gray-900 text-center">
|
||||
<p>© 2024 Julianum. Tous droits réservés.</p>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
document.getElementById('showAllFeatures').addEventListener('click', function() {
|
||||
window.location.href = '/';
|
||||
});
|
||||
|
||||
document.getElementById('showAllCommands').addEventListener('click', function() {
|
||||
window.location.href = 'https://votre-url.com';
|
||||
});
|
||||
// JavaScript pour l'animation GSAP
|
||||
gsap.registerPlugin(ScrollTrigger);
|
||||
|
||||
gsap.from(".feature-card", {
|
||||
opacity: 0,
|
||||
y: 100,
|
||||
stagger: 0.2,
|
||||
duration: 1,
|
||||
scrollTrigger: {
|
||||
trigger: ".feature-card",
|
||||
start: "top 80%",
|
||||
end: "bottom 60%",
|
||||
scrub: true
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
183
feathures.html
183
feathures.html
@@ -1,183 +0,0 @@
|
||||
<!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;
|
||||
}
|
||||
|
||||
.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">Gérez et modérez votre serveur Discord avec des commandes administratives puissantes</p>
|
||||
<a href="https://discord.com/oauth2/authorize?client_id=1232794371213230201" class="discord-button inline-block">
|
||||
Inviter Raphael
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="commands" class="py-24 px-4">
|
||||
<div class="container mx-auto">
|
||||
<h2 class="text-4xl font-bold mb-12 text-center gradient-text">Fonctionnalités</h2>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">🛠️</span>: Bannir un membre
|
||||
</div>
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">🗡️</span>: Gérer les rapports de blocage
|
||||
</div>
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">📊</span>: Afficher les informations du bot
|
||||
</div>
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">🪄</span>: Effacer un nombre spécifié de messages
|
||||
</div>
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">🤖</span>: Obtenir l'image d'un emoji personnalisé
|
||||
</div>
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">🦾</span>: Générer une chaîne aléatoire
|
||||
</div>
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">⌨️</span>: Afficher les commandes disponibles
|
||||
</div>
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">👋</span>: Obtenir le lien d'invitation du bot
|
||||
</div>
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">🗡️</span>: Expulser un membre
|
||||
</div>
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">⌨️</span>: Envoyer un message privé à un utilisateur spécifique
|
||||
</div>
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">🛡️</span>: Mettre un membre en sourdine
|
||||
</div>
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">🗡️</span>: Gérer les 'nr'
|
||||
</div>
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">🗡️</span>: Gérer les notes de mise à jour
|
||||
</div>
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">🪛</span>: Afficher les notes de mise à jour du bot
|
||||
</div>
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">🪄</span>: Supprimer toutes les invitations du serveur
|
||||
</div>
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">📝</span>: Créer un rapport
|
||||
</div>
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">⌨️</span>: Rechercher un utilisateur
|
||||
</div>
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">👨💻</span>: Afficher l'avatar et les informations d'un utilisateur
|
||||
</div>
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">📝</span>: Configurer le bot
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<footer class="py-12 px-4 bg-gray-900 text-center">
|
||||
<p>© 2024 Julianum. Tous droits réservés.</p>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
|
||||
/ JavaScript pour l'animation GSAP
|
||||
gsap.registerPlugin(ScrollTrigger);
|
||||
|
||||
gsap.from(".feature-card", {
|
||||
opacity: 0,
|
||||
y: 100,
|
||||
stagger: 0.2,
|
||||
duration: 1,
|
||||
scrollTrigger: {
|
||||
trigger: ".feature-card",
|
||||
start: "top 80%",
|
||||
end: "bottom 60%",
|
||||
scrub: true
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
192
index.html
192
index.html
@@ -1,192 +0,0 @@
|
||||
<!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;
|
||||
}
|
||||
|
||||
.discord-button:hover {
|
||||
background-color: #4752C4;
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 5px 15px rgba(88, 101, 242, 0.4);
|
||||
}
|
||||
|
||||
.feature-card {
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.feature-card:hover {
|
||||
transform: translateY(-5px);
|
||||
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
#features, #commands {
|
||||
display: block !important;
|
||||
visibility: visible !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
</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">Gérez et modérez votre serveur Discord avec des commandes administratives puissantes</p>
|
||||
<a href="https://discord.com/oauth2/authorize?client_id=1232794371213230201" class="discord-button inline-block">
|
||||
Inviter Raphael
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="features" class="py-24 px-4 bg-gray-900">
|
||||
<div class="container mx-auto">
|
||||
<h2 class="text-4xl font-bold mb-12 text-center gradient-text">Fonctionnalités de Raphael</h2>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||
<div class="glass p-6 rounded-lg shadow-lg feature-card">
|
||||
<div class="text-4xl mb-4">🛠️</div>
|
||||
<h3 class="text-xl font-semibold mb-2">Modération avancée</h3>
|
||||
<p>Bannissez, expulsez, et gérez efficacement votre serveur.</p>
|
||||
</div>
|
||||
<div class="glass p-6 rounded-lg shadow-lg feature-card">
|
||||
<div class="text-4xl mb-4">📊</div>
|
||||
<h3 class="text-xl font-semibold mb-2">Statistiques détaillées</h3>
|
||||
<p>Obtenez des informations précises sur votre bot et vos utilisateurs.</p>
|
||||
</div>
|
||||
<div class="glass p-6 rounded-lg shadow-lg feature-card">
|
||||
<div class="text-4xl mb-4">🪄</div>
|
||||
<h3 class="text-xl font-semibold mb-2">Outils pratiques</h3>
|
||||
<p>Nettoyez les messages, gérez les invitations, et bien plus encore.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-center mt-10">
|
||||
<button id="showAllFeatures" class="text-primary hover:underline">Voir toutes les fonctionnalités</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="commands" class="py-24 px-4">
|
||||
<div class="container mx-auto">
|
||||
<h2 class="text-4xl font-bold mb-12 text-center gradient-text">Commandes principales</h2>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">ban</span>: 🛠️ Bannir un membre
|
||||
</div>
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">kick</span>: 🚪 Expulser un membre
|
||||
</div>
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">purge</span>: 🧹 Nettoyer le chat
|
||||
</div>
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">stats</span>: 📊 Voir les statistiques du bot
|
||||
</div>
|
||||
<div class="glass p-4 rounded-lg hover:bg-gray-700 transition-all">
|
||||
<span class="font-bold">invite</span>: 🪄 Obtenir le lien d'invitation du bot
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-center mt-10">
|
||||
<button id="showAllCommands" class="text-primary hover:underline">Voir toutes les commandes</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer class="py-12 px-4 bg-gray-900 text-center">
|
||||
<p>© 2024 Myaxrin Labs. Tous droits réservés.</p><br>
|
||||
<a href="/legal" class="discord-button inline-block">
|
||||
Documents légaux
|
||||
</a>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
document.getElementById('showAllFeatures').addEventListener('click', function() {
|
||||
window.location.href = '/bot/feathures';
|
||||
});
|
||||
|
||||
document.getElementById('showAllCommands').addEventListener('click', function() {
|
||||
window.location.href = '/bot/commands';
|
||||
});
|
||||
// JavaScript pour l'animation GSAP
|
||||
gsap.registerPlugin(ScrollTrigger);
|
||||
|
||||
gsap.from(".feature-card", {
|
||||
opacity: 0,
|
||||
y: 100,
|
||||
stagger: 0.2,
|
||||
duration: 1,
|
||||
scrollTrigger: {
|
||||
trigger: ".feature-card",
|
||||
start: "top 80%",
|
||||
end: "bottom 60%",
|
||||
scrub: true
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
99
legal.html
99
legal.html
@@ -1,99 +0,0 @@
|
||||
<!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>
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"name": "cdn-app-website-presentation",
|
||||
"name": "raphel-bot-julianum-website-presentation",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "server.js",
|
||||
@@ -14,9 +14,10 @@
|
||||
"@tailwindcss/forms": "^0.5.7",
|
||||
"@tailwindcss/typography": "^0.5.10",
|
||||
"autoprefixer": "^10.4.16",
|
||||
"ejs": "^3.1.10",
|
||||
"express": "^4.17.1",
|
||||
"expressjs": "^1.0.1",
|
||||
"postcss": "^8.4.32",
|
||||
"tailwindcss": "^3.3.6",
|
||||
"express": "^4.17.1"
|
||||
"tailwindcss": "^3.3.6"
|
||||
}
|
||||
}
|
||||
|
||||
105
privacy.html
105
privacy.html
@@ -1,105 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
|
||||
<link rel="icon" href=""/>
|
||||
<title>Politique de confidentialité - Raphael Bot</title>
|
||||
<style>
|
||||
.breadcrumb {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.breadcrumb a {
|
||||
color: #4f46e5;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.breadcrumb a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body class="bg-gray-100 text-gray-800 font-sans p-8">
|
||||
|
||||
<div class="max-w-3xl mx-auto">
|
||||
|
||||
<!-- Politique de confidentialité pour le Bot Raphael -->
|
||||
<div class="mb-8">
|
||||
<h2 class="text-2xl font-bold mb-4">Politique de confidentialité - Raphael Bot</h2>
|
||||
<div class="breadcrumb">
|
||||
<a href="/legal" class="text-blue-500">Accueil</a> >
|
||||
<span>Politique de confidentialité</span>
|
||||
</div>
|
||||
<p class="mb-4">
|
||||
Les présentes conditions encadrent l’utilisation des données recueillies par Raphael Bot, incluant son utilisation sur Discord et sur d’autres plateformes.
|
||||
</p>
|
||||
<ol class="list-decimal list-inside">
|
||||
|
||||
<li class="mb-6">
|
||||
<strong>Collecte des données</strong>
|
||||
<ul class="list-disc list-inside ml-4">
|
||||
<li class="mb-2">
|
||||
<strong>1.1 Données collectées.</strong> Raphael Bot collecte les données nécessaires à son fonctionnement, les données d’utilisation, et les données personnelles lorsque nécessaire.
|
||||
</li>
|
||||
<li class="mb-2">
|
||||
<strong>1.2 Utilisation des Données.</strong> Les données collectées sont utilisées pour fournir et améliorer les services de Raphael Bot, notamment pour personnaliser l'expérience de l'utilisateur et pour permettre le bon fonctionnement des fonctionnalités.
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="mb-6">
|
||||
<strong>Sécurité des données</strong>
|
||||
<ul class="list-disc list-inside ml-4">
|
||||
<li class="mb-2">
|
||||
<strong>2.1 Protection des données.</strong> Raphael Bot s'engage à protéger les données collectées et à mettre en œuvre des mesures de sécurité appropriées pour éviter tout accès non autorisé, divulgation, altération ou destruction des données.
|
||||
</li>
|
||||
<li class="mb-2">
|
||||
<strong>2.2 Services Myaxrin.</strong> Les services Myaxrin Cloud sont utilisés pour l'hébergement des données de Raphael Bot, tandis que Myaxrin Nexus est utilisé pour renforcer la sécurité et la protection des données.
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="mb-6">
|
||||
<strong>Partage des données</strong>
|
||||
<ul class="list-disc list-inside ml-4">
|
||||
<li class="mb-2">
|
||||
<strong>3.1 Partage nécessaire.</strong> Les données peuvent être partagées avec des tiers dans la mesure nécessaire pour fournir les services de Raphael Bot ou lorsque requis par la loi.
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="mb-6">
|
||||
<strong>Cookies et technologies similaires</strong>
|
||||
<ul class="list-disc list-inside ml-4">
|
||||
<li class="mb-2">
|
||||
<strong>4.1 Utilisation des cookies.</strong> Raphael Bot utilise des cookies et des technologies similaires pour améliorer l'expérience de l'utilisateur, pour analyser les tendances, administrer le site, suivre les mouvements des utilisateurs autour du site, et collecter des informations démographiques sur notre base d'utilisateurs dans son ensemble.
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="mb-6">
|
||||
<strong>Modifications de la Politique de confidentialité</strong>
|
||||
<ul class="list-disc list-inside ml-4">
|
||||
<li class="mb-2">
|
||||
<strong>5.1 Modifications.</strong> Raphael Bot se réserve le droit de modifier sa Politique de confidentialité à tout moment. Les utilisateurs seront notifiés de toute modification via une annonce sur le site ou par un avis envoyé directement à leur compte Discord. L'utilisation continue de Raphael Bot après de telles modifications constitue votre consentement à ces modifications.
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ol>
|
||||
<p class="mb-4">
|
||||
<strong>Dernière mise à jour :</strong> [04/07/2024]
|
||||
</p>
|
||||
<p class="mt-4">
|
||||
<strong>EN UTILISANT RAPHAEL BOT, VOUS RECONNAISSEZ AVOIR LU ET COMPRIS LES TERMES ET CONDITIONS DE NOTRE POLITIQUE DE CONFIDENTIALITÉ. SI VOUS N'ACCEPTEZ PAS CES TERMES, N'UTILISEZ PAS RAPHAEL BOT.</strong>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
16
server.js
16
server.js
@@ -1,33 +1,35 @@
|
||||
const express = require('express');
|
||||
const path = require('path');
|
||||
|
||||
const app = express();
|
||||
|
||||
const port = 8005;
|
||||
app.set('view engine', 'ejs');
|
||||
|
||||
|
||||
app.use('/public', express.static(path.join(__dirname, 'public')));
|
||||
|
||||
app.get('/', (req, res) => {
|
||||
res.sendFile(path.join(__dirname, 'index.html'));
|
||||
res.render('index');
|
||||
});
|
||||
|
||||
app.get('/legal', (req, res) => {
|
||||
res.sendFile(path.join(__dirname, 'legal.html'));
|
||||
res.render('legal');
|
||||
});
|
||||
|
||||
app.get('/legal/privacy', (req, res) => {
|
||||
res.sendFile(path.join(__dirname, 'privacy.html'));
|
||||
res.render('privacy');
|
||||
});
|
||||
|
||||
app.get('/legal/cgu', (req, res) => {
|
||||
res.sendFile(path.join(__dirname, 'cgu.html'));
|
||||
res.render('cgu');
|
||||
});
|
||||
|
||||
app.get('/bot/feathures', (req, res) => {
|
||||
res.sendFile(path.join(__dirname, 'feathures.html'));
|
||||
res.render('feathures');
|
||||
});
|
||||
|
||||
app.get('/bot/commands', (req, res) => {
|
||||
res.sendFile(path.join(__dirname, 'commands.html'));
|
||||
res.render('commands');
|
||||
});
|
||||
|
||||
app.listen(port, () => {
|
||||
|
||||
Reference in New Issue
Block a user