mirror of
https://github.com/arthur-pbty/LazyBot.git
synced 2026-06-03 15:07:29 +02:00
Arthur Puechberty
187 lines
6.6 KiB
HTML
187 lines
6.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="fr">
|
||
<head>
|
||
<title>LazyBot - Bot Discord Multifonction</title>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta name="description" content="LazyBot est un bot Discord puissant avec système de niveaux, économie, messages personnalisés et bien plus encore.">
|
||
<link rel="stylesheet" href="/index.css">
|
||
</head>
|
||
<body>
|
||
<!-- Navigation -->
|
||
<nav class="navbar">
|
||
<div class="navbar-container">
|
||
<a href="/" class="navbar-brand">
|
||
<img id="bot-avatar" src="" alt="LazyBot">
|
||
<span>LazyBot</span>
|
||
</a>
|
||
<div class="navbar-nav">
|
||
<a href="/" class="navbar-link">Accueil</a>
|
||
<a href="/dashboard" class="navbar-link">Dashboard</a>
|
||
<div id="auth-section">
|
||
<a href="/auth/login" class="btn btn-primary btn-sm">Connexion</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
<!-- Hero Section -->
|
||
<section class="hero">
|
||
<div class="hero-content">
|
||
<img id="hero-logo" class="hero-logo" src="" alt="LazyBot Logo">
|
||
<h1 class="hero-title">LazyBot</h1>
|
||
<p class="hero-subtitle">
|
||
Un bot Discord complet avec système de niveaux, économie, messages de bienvenue personnalisés,
|
||
rôles automatiques et un dashboard intuitif pour gérer votre serveur.
|
||
</p>
|
||
<div class="hero-buttons">
|
||
<a id="invite-link" href="#" class="btn btn-primary btn-lg">
|
||
➕ Ajouter à Discord
|
||
</a>
|
||
<a href="/dashboard" class="btn btn-secondary btn-lg">
|
||
⚙️ Dashboard
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Features Section -->
|
||
<section class="features">
|
||
<div class="section-header">
|
||
<h2>Fonctionnalités</h2>
|
||
<p>Tout ce dont vous avez besoin pour votre serveur Discord</p>
|
||
</div>
|
||
<div class="features-grid">
|
||
<div class="feature-card">
|
||
<div class="feature-icon">📈</div>
|
||
<h3>Système de Niveaux</h3>
|
||
<p>Récompensez l'activité de vos membres avec un système d'XP complet. Messages, vocal, courbes personnalisables et annonces automatiques.</p>
|
||
</div>
|
||
<div class="feature-card">
|
||
<div class="feature-icon">💰</div>
|
||
<h3>Économie</h3>
|
||
<p>Un système économique complet avec monnaie personnalisable, commandes daily, work, crime, steal, et transactions entre membres.</p>
|
||
</div>
|
||
<div class="feature-card">
|
||
<div class="feature-icon">👋</div>
|
||
<h3>Messages Personnalisés</h3>
|
||
<p>Accueillez les nouveaux membres et dites au revoir avec des messages entièrement personnalisables avec variables.</p>
|
||
</div>
|
||
<div class="feature-card">
|
||
<div class="feature-icon">🎭</div>
|
||
<h3>Rôles Automatiques</h3>
|
||
<p>Attribuez automatiquement des rôles aux nouveaux membres ou aux utilisateurs en vocal. Configurez les salons à exclure.</p>
|
||
</div>
|
||
<div class="feature-card">
|
||
<div class="feature-icon">⚙️</div>
|
||
<h3>Dashboard Intuitif</h3>
|
||
<p>Configurez tout depuis un dashboard web moderne et facile à utiliser. Pas besoin de commandes compliquées.</p>
|
||
</div>
|
||
<div class="feature-card">
|
||
<div class="feature-icon">🛡️</div>
|
||
<h3>Commandes Admin</h3>
|
||
<p>Gérez les niveaux et l'économie de vos membres avec des commandes d'administration dédiées.</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Stats Section -->
|
||
<section class="stats">
|
||
<div class="section-header">
|
||
<h2>Statistiques</h2>
|
||
</div>
|
||
<div class="stats-grid">
|
||
<div class="stat-item">
|
||
<span id="stat-servers" class="stat-number">-</span>
|
||
<span class="stat-label">Serveurs</span>
|
||
</div>
|
||
<div class="stat-item">
|
||
<span id="stat-users" class="stat-number">-</span>
|
||
<span class="stat-label">Utilisateurs</span>
|
||
</div>
|
||
<div class="stat-item">
|
||
<span id="stat-commands" class="stat-number">20+</span>
|
||
<span class="stat-label">Commandes</span>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- CTA Section -->
|
||
<section class="cta">
|
||
<h2>Prêt à améliorer votre serveur ?</h2>
|
||
<p>Ajoutez LazyBot dès maintenant et découvrez toutes ses fonctionnalités.</p>
|
||
<a id="invite-link-2" href="#" class="btn btn-primary btn-lg">
|
||
Ajouter à Discord
|
||
</a>
|
||
</section>
|
||
|
||
<!-- Footer -->
|
||
<footer class="footer">
|
||
<div class="footer-content">
|
||
<div class="footer-links">
|
||
<a href="/dashboard">Dashboard</a>
|
||
<a href="https://discord.com" target="_blank">Support</a>
|
||
</div>
|
||
<p class="footer-copyright">
|
||
© 2024 LazyBot. Fait avec ❤️ pour Discord.
|
||
</p>
|
||
</div>
|
||
</footer>
|
||
|
||
<script>
|
||
// Charger le lien d'invitation
|
||
fetch("/invite-bot")
|
||
.then(res => res.json())
|
||
.then(data => {
|
||
document.getElementById("invite-link").href = data.url;
|
||
document.getElementById("invite-link-2").href = data.url;
|
||
})
|
||
.catch(() => console.log("Impossible de récupérer le lien du bot."));
|
||
|
||
// Charger les infos du bot (avatar)
|
||
fetch("/api/bot-info")
|
||
.then(res => res.json())
|
||
.then(bot => {
|
||
const avatarUrl = `https://cdn.discordapp.com/avatars/${bot.id}/${bot.avatar}.png`;
|
||
document.getElementById("bot-avatar").src = avatarUrl;
|
||
document.getElementById("hero-logo").src = avatarUrl;
|
||
|
||
// Stats
|
||
if (bot.guildCount) {
|
||
document.getElementById("stat-servers").textContent = bot.guildCount;
|
||
}
|
||
if (bot.userCount) {
|
||
document.getElementById("stat-users").textContent = bot.userCount;
|
||
}
|
||
})
|
||
.catch(() => {
|
||
// Utiliser un placeholder si pas d'info bot
|
||
document.getElementById("bot-avatar").src = "https://cdn.discordapp.com/embed/avatars/0.png";
|
||
document.getElementById("hero-logo").src = "https://cdn.discordapp.com/embed/avatars/0.png";
|
||
});
|
||
|
||
// Vérifier si l'utilisateur est connecté
|
||
fetch("/api/user")
|
||
.then(res => {
|
||
if (!res.ok) throw new Error("Non connecté");
|
||
return res.json();
|
||
})
|
||
.then(user => {
|
||
const authSection = document.getElementById("auth-section");
|
||
authSection.innerHTML = `
|
||
<div class="navbar-actions">
|
||
<div class="navbar-user">
|
||
<img src="https://cdn.discordapp.com/avatars/${user.id}/${user.avatar}.png" alt="Avatar">
|
||
<span>${user.username}</span>
|
||
</div>
|
||
<a href="/auth/logout" class="btn btn-secondary btn-sm">Déconnexion</a>
|
||
</div>
|
||
`;
|
||
})
|
||
.catch(() => {
|
||
// Garder le bouton de connexion par défaut
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|