diff --git a/public/html/info/index.html b/public/html/info/index.html
index e39e821..1a22e0c 100644
--- a/public/html/info/index.html
+++ b/public/html/info/index.html
@@ -58,7 +58,7 @@
             Si vous habitez proche de la ville de Cognac, alors faisons vite connaissance ! Plus on est de fou, plus on fait des dingueries !
           </p>
           <p>
-            <a target="_blank" rel="noopener" class="nav-link" href="https://discord.com/invite/JuXuQb34"><button type="button" class="btn btn-primary"><i class="bi bi-discord"></i> Nous rejoindre sur Discord</button></a>
+            <a target="_blank" rel="noopener" class="nav-link" href="https://discord.com/invite/2JgB6ppdw2"><button type="button" class="btn btn-primary"><i class="bi bi-discord"></i> Nous rejoindre sur Discord</button></a>
             <p class="text-success">Le digicode pour ouvrir la porte du Labo vous sera communiqué de vive voix, durant l’apéro !</p>
           </p>
         </div>
diff --git a/public/html/tuto/index.html b/public/html/tuto/index.html
new file mode 100644
index 0000000..f15abcb
--- /dev/null
+++ b/public/html/tuto/index.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+ <title>Cognhacker - TUTO</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <link rel="stylesheet" href="../../css/bootstrap.css">
+ <link rel="stylesheet" href="../../css/bootstrap-icons.css">
+ <script src="../../js/bootstrap.bundle.min.js"></script>
+ <script src="../../js/jquery.min.js"></script>
+</head>
+<body>
+  <div class="container-fluid"><br/><br/></div>
+  <div class="container-fluid">
+    <img src="../../img/logo-min.png" class="img-fluid" alt="Cognhacker logo">
+  </div>
+  <div class="container-fluid"><br/><br/></div>
+  <div class="container-fluid">
+    <h1>TUTO</h1>
+    <h4>Les liens utiles</h4>
+    <hr/>
+    <p>
+      <a target="_blank" rel="noopener" class="nav-link" href="https://discord.com/invite/2JgB6ppdw2"><button type="button" class="btn btn-primary"><i class="bi bi-discord"></i> Discord</button></a>
+      Pour être assisté
+    </p>
+    <p>
+      <a target="_blank" rel="noopener" class="nav-link" href="https://github.com/orgs/cognhacker/repositories"><button type="button" class="btn btn-info"><i class="bi bi-github"></i> Github</button></a>
+      Pour récupérer le code source
+    </p>
+    <p>
+      <a target="_blank" rel="noopener" class="nav-link" href="https://bootswatch.com/vapor/"><button type="button" class="btn btn-dark"><i class="bi bi-bootstrap"></i> Bootstrap</button></a>
+      Pour styliser les pages web
+    </p>
+    <p>
+      <a target="_blank" rel="noopener" class="nav-link" href="https://thorbjorn.itch.io/tiled/purchase"><button type="button" class="btn btn-warning"><i class="bi bi-download"></i> Tiled</button></a>
+      Pour télécharger gratuitement l’éditeur de carte
+    </p>
+    <p>
+      <a target="_blank" rel="noopener" class="nav-link" href="https://workadventu.re/map-building/"><button type="button" class="btn btn-danger"><i class="bi bi-book"></i> Documentation</button></a>
+      Pour lire la documentation
+    </p>
+  </div>
+
+</body>
+</html>
