268 lines
13 KiB
HTML
268 lines
13 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="DauphinCraft — Un monde voxel sous l'océan. Multijoueur. Libre.">
|
|
<title>DauphinCraft</title>
|
|
<link rel="icon" type="image/png" href="img/favicon.png">
|
|
<link rel="stylesheet" href="css/style.css">
|
|
</head>
|
|
<body>
|
|
|
|
<!-- NAV -->
|
|
<input type="checkbox" id="nav-toggle" class="nav-toggle" aria-hidden="true">
|
|
<header class="site-header">
|
|
<a href="#" class="header-logo" aria-label="DauphinCraft accueil">
|
|
<img src="img/logo.svg" alt="Logo DauphinCraft" width="40" height="40">
|
|
<span>DauphinCraft</span>
|
|
</a>
|
|
<nav aria-label="Navigation principale">
|
|
<ul class="nav-links">
|
|
<li><a href="#features">Fonctionnalités</a></li>
|
|
<li><a href="#screenshots">Screenshots</a></li>
|
|
<li><a href="#download">Télécharger</a></li>
|
|
<li><a href="#join">Serveur</a></li>
|
|
<li><a href="<DISCORD_INVITE>" target="_blank" rel="noopener">Discord</a></li>
|
|
<li><a href="<GITEA_URL>/dauphincraft" target="_blank" rel="noopener">Source</a></li>
|
|
</ul>
|
|
</nav>
|
|
<label for="nav-toggle" class="burger" aria-label="Menu">
|
|
<span></span><span></span><span></span>
|
|
</label>
|
|
</header>
|
|
|
|
<main>
|
|
|
|
<!-- HERO -->
|
|
<section class="hero" aria-label="Présentation du jeu">
|
|
<div class="particles" aria-hidden="true">
|
|
<span class="particle p1"></span>
|
|
<span class="particle p2"></span>
|
|
<span class="particle p3"></span>
|
|
<span class="particle p4"></span>
|
|
<span class="particle p5"></span>
|
|
<span class="particle p6"></span>
|
|
<span class="particle p7"></span>
|
|
<span class="particle p8"></span>
|
|
<span class="particle p9"></span>
|
|
<span class="particle p10"></span>
|
|
<span class="bubble b1"></span>
|
|
<span class="bubble b2"></span>
|
|
<span class="bubble b3"></span>
|
|
<span class="bubble b4"></span>
|
|
<span class="bubble b5"></span>
|
|
</div>
|
|
<div class="hero-content">
|
|
<div class="hero-logo" aria-hidden="true">
|
|
<img src="img/logo.svg" alt="" width="90" height="90">
|
|
</div>
|
|
<h1>DauphinCraft</h1>
|
|
<p class="tagline">Un monde voxel sous l'océan.<br>Multijoueur. Libre.</p>
|
|
<div class="hero-actions">
|
|
<a href="releases/DauphinCraft-v0.1-win64.zip" class="btn btn-primary" download>
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
|
|
<path d="M12 16l-6-6h4V4h4v6h4l-6 6zm-7 4h14v-2H5v2z"/>
|
|
</svg>
|
|
Télécharger v0.1 (Windows)
|
|
</a>
|
|
<a href="<DISCORD_INVITE>" target="_blank" rel="noopener" class="btn btn-secondary">
|
|
Rejoindre le Discord Labo
|
|
</a>
|
|
</div>
|
|
<p class="hero-note">Gratuit · Open-source · Godot 4</p>
|
|
</div>
|
|
<div class="hero-scroll-hint" aria-hidden="true">
|
|
<span class="scroll-arrow"></span>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- SCREENSHOTS -->
|
|
<section class="screenshots fade-in" id="screenshots" aria-label="Captures d'écran du jeu">
|
|
<div class="container">
|
|
<h2>Aperçu</h2>
|
|
<div class="screenshots-grid">
|
|
<figure>
|
|
<img src="img/screenshot_menu.png" alt="Menu principal de DauphinCraft" loading="lazy">
|
|
<figcaption>Menu principal</figcaption>
|
|
</figure>
|
|
<figure class="screenshot-placeholder">
|
|
<div class="placeholder-inner" aria-label="Screenshot en jeu — à venir">
|
|
<svg width="48" height="48" viewBox="0 0 24 24" fill="#4fc3f7" opacity="0.4" aria-hidden="true">
|
|
<path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zm-8.5-5.5l-2.5 3.01L7 14l-3 4h16l-5-6.51z"/>
|
|
</svg>
|
|
<span>Exploration — bientôt</span>
|
|
</div>
|
|
</figure>
|
|
<figure class="screenshot-placeholder">
|
|
<div class="placeholder-inner" aria-label="Screenshot multijoueur — à venir">
|
|
<svg width="48" height="48" viewBox="0 0 24 24" fill="#4fc3f7" opacity="0.4" aria-hidden="true">
|
|
<path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zm-8.5-5.5l-2.5 3.01L7 14l-3 4h16l-5-6.51z"/>
|
|
</svg>
|
|
<span>Multijoueur — bientôt</span>
|
|
</div>
|
|
</figure>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- FEATURES -->
|
|
<section class="features fade-in" id="features" aria-label="Fonctionnalités du jeu">
|
|
<div class="container">
|
|
<h2>Fonctionnalités</h2>
|
|
<div class="features-grid">
|
|
|
|
<article class="feature-card">
|
|
<div class="feature-icon" aria-hidden="true">
|
|
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z"/></svg>
|
|
</div>
|
|
<h3>Monde voxel infini</h3>
|
|
<p>Génération procédurale de l'océan — coraux, abysses, grottes sous-marines.</p>
|
|
</article>
|
|
|
|
<article class="feature-card">
|
|
<div class="feature-icon" aria-hidden="true">
|
|
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 14H9V8h2v8zm4 0h-2V8h2v8z"/></svg>
|
|
</div>
|
|
<h3>Tu es le dauphin</h3>
|
|
<p>Caméra 3e personne, nage fluide, écholocation active pour scanner l'environnement.</p>
|
|
</article>
|
|
|
|
<article class="feature-card">
|
|
<div class="feature-icon" aria-hidden="true">
|
|
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"/></svg>
|
|
</div>
|
|
<h3>Multijoueur 16 joueurs</h3>
|
|
<p>Serveur dédié, protocole ENet UDP sur le port 7777. Héberge ou rejoins.</p>
|
|
</article>
|
|
|
|
<article class="feature-card">
|
|
<div class="feature-icon" aria-hidden="true">
|
|
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z"/></svg>
|
|
</div>
|
|
<h3>Craft sous-marin</h3>
|
|
<p>5 recettes : lampes biolumin., torpilles, armure nacre, filet, balise.</p>
|
|
</article>
|
|
|
|
<article class="feature-card">
|
|
<div class="feature-icon" aria-hidden="true">
|
|
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M6.5 10h-2v5h2v-5zm5 0h-2v5h2v-5zm8.5 7H2v2h18v-2zm-3.5-7h-2v5h2v-5zM11 1L2 6v2h18V6l-9-5z"/></svg>
|
|
</div>
|
|
<h3>Mobs vivants</h3>
|
|
<p>Bancs de poissons, méduses, requins marteaux — IA collective Boids.</p>
|
|
</article>
|
|
|
|
<article class="feature-card">
|
|
<div class="feature-icon" aria-hidden="true">
|
|
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z"/></svg>
|
|
</div>
|
|
<h3>Libre & gratuit</h3>
|
|
<p>Assets CC0, code source disponible. Forke, modifie, redistribue.</p>
|
|
</article>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- DOWNLOAD -->
|
|
<section class="download fade-in" id="download" aria-label="Téléchargement">
|
|
<div class="container">
|
|
<h2>Télécharger</h2>
|
|
<div class="download-cards">
|
|
<div class="download-card">
|
|
<div class="download-icon" aria-hidden="true">
|
|
<svg viewBox="0 0 24 24" fill="currentColor" width="48" height="48"><path d="M0 3.449L9.75 2.1v9.451H0m10.949-9.602L24 0v11.4H10.949M0 12.6h9.75v9.451L0 20.699M10.949 12.6H24V24l-12.9-1.801"/></svg>
|
|
</div>
|
|
<h3>Client Windows</h3>
|
|
<p>Version 0.1 — Windows 64-bit</p>
|
|
<a href="releases/DauphinCraft-v0.1-win64.zip" class="btn btn-primary" download>
|
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 16l-6-6h4V4h4v6h4l-6 6zm-7 4h14v-2H5v2z"/></svg>
|
|
DauphinCraft-v0.1-win64.zip
|
|
</a>
|
|
</div>
|
|
<div class="download-card">
|
|
<div class="download-icon" aria-hidden="true">
|
|
<svg viewBox="0 0 24 24" fill="currentColor" width="48" height="48"><path d="M20 8H4V6h16v2zm-2-6H6v2h12V2zm4 10v8l-3-3-1.5 1.5L16 17l-1.5 1.5L13 17l-1.5 1.5L10 17l-1.5 1.5L7 17l-1.5 1.5L2 20v-8c0-1.1.9-2 2-2h16c1.1 0 2 .9 2 2z"/></svg>
|
|
</div>
|
|
<h3>Serveur dédié</h3>
|
|
<p>Headless Linux — héberge ta propre partie</p>
|
|
<a href="releases/DauphinCraft-Server-v0.1.tar.gz" class="btn btn-secondary" download>
|
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 16l-6-6h4V4h4v6h4l-6 6zm-7 4h14v-2H5v2z"/></svg>
|
|
DauphinCraft-Server-v0.1.tar.gz
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- JOIN SERVER -->
|
|
<section class="join fade-in" id="join" aria-label="Rejoindre le serveur public">
|
|
<div class="container">
|
|
<h2>Serveur public</h2>
|
|
<p class="join-sub">Rejoins directement la partie en cours — aucune config requise.</p>
|
|
<div class="server-connect">
|
|
<div class="server-address" aria-label="Adresse du serveur">
|
|
<code id="server-ip"><SERVER_IP>:7777</code>
|
|
<button class="btn-copy" id="btn-copy" onclick="copyServerIP()" aria-label="Copier l'adresse">
|
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/></svg>
|
|
Copier
|
|
</button>
|
|
</div>
|
|
<p class="server-hint">Dans le jeu : <strong>Multijoueur → Rejoindre → coller l'adresse</strong></p>
|
|
</div>
|
|
<a href="<DISCORD_INVITE>" target="_blank" rel="noopener" class="btn btn-secondary" style="margin-top:1.5rem">
|
|
Rejoindre #dauphincraft sur Discord
|
|
</a>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- SELF-HOST -->
|
|
<section class="selfhost fade-in" id="selfhost" aria-label="Héberger son propre serveur">
|
|
<div class="container">
|
|
<h2>Héberge ton serveur</h2>
|
|
<div class="selfhost-steps">
|
|
<ol>
|
|
<li>Télécharge le serveur dédié (tar.gz ci-dessus)</li>
|
|
<li>Décompresse : <code>tar xzf DauphinCraft-Server-v0.1.tar.gz</code></li>
|
|
<li>Lance : <code>./DauphinCraft-Server --headless</code></li>
|
|
<li>Ouvre le port UDP 7777 sur ton firewall</li>
|
|
</ol>
|
|
<div class="selfhost-links">
|
|
<a href="releases/DauphinCraft-Server-v0.1.tar.gz" class="btn btn-secondary" download>Serveur Linux</a>
|
|
<a href="<GITEA_URL>/dauphincraft/wiki/admin" target="_blank" rel="noopener" class="btn btn-ghost">Doc admin Sphinx</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</main>
|
|
|
|
<!-- FOOTER -->
|
|
<footer class="site-footer" aria-label="Pied de page">
|
|
<div class="container">
|
|
<div class="footer-grid">
|
|
<div class="footer-brand">
|
|
<img src="img/logo.svg" alt="Logo DauphinCraft" width="32" height="32">
|
|
<span>DauphinCraft</span>
|
|
</div>
|
|
<nav aria-label="Liens footer">
|
|
<ul>
|
|
<li><a href="<GITEA_URL>/dauphincraft" target="_blank" rel="noopener">Code source (Gitea)</a></li>
|
|
<li><a href="<GITEA_URL>/dauphincraft/wiki" target="_blank" rel="noopener">Documentation Sphinx</a></li>
|
|
<li><a href="<DISCORD_INVITE>" target="_blank" rel="noopener">Discord Labo</a></li>
|
|
</ul>
|
|
</nav>
|
|
<div class="footer-credits">
|
|
<p>Assets : CC0 — <a href="https://kenney.nl" target="_blank" rel="noopener">Kenney.nl</a>, OpenGameArt</p>
|
|
<p>Code : GPL-3.0 — <a href="<GITEA_URL>/dauphincraft/blob/main/LICENSE" target="_blank" rel="noopener">Licence</a></p>
|
|
<p>Moteur : <a href="https://godotengine.org" target="_blank" rel="noopener">Godot 4</a></p>
|
|
</div>
|
|
</div>
|
|
<p class="footer-bottom">© 2025 DauphinCraft Contributors — Fait avec Godot 4 & passion</p>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="js/main.js"></script>
|
|
</body>
|
|
</html>
|