From ce906533c45e958cf85e7ea3361e60e515e66b63 Mon Sep 17 00:00:00 2001
From: Erzangel <ertche@hotmail.fr>
Date: Sun, 28 Apr 2024 18:59:53 +0200
Subject: [PATCH] feat: beginning of html for rule page

---
 components/RulesDisplay.vue | 81 +++++++++++++++++++++++++++++++++++++
 1 file changed, 81 insertions(+)
 create mode 100644 components/RulesDisplay.vue

diff --git a/components/RulesDisplay.vue b/components/RulesDisplay.vue
new file mode 100644
index 0000000..17f9efd
--- /dev/null
+++ b/components/RulesDisplay.vue
@@ -0,0 +1,81 @@
+<script setup lang="ts">
+
+import type { Card } from '~/netcode/Card';
+
+
+</script>
+<template>
+
+  <div>
+    <h1>Règles de Héron Realms</h1>
+    <section>
+        <p>Héron Realms, c'est un jeu de ~~héron building~~ deck-building. Dans celui-ci, tout le monde part du même deck de base.</p>
+        <p></p>
+        <p>L'unique objectif du jeu est d'être le dernier en lice. Pour y arriver, il faut descendre les Points de Vie de vos adversaires à 0 en partant de 50.</p>
+        <p>
+            Le moyen principal d'y arriver, c'est de faire des <span style="color: red">Dégats</span>. Tout le reste des mécaniques du jeu sont là pour vous faciliter la tâche, 
+        ou pour mettre des bâtons dans les roues de vos adversaires.
+        </p>
+        <p></p>
+        <p>Comme c'est un jeu de "deckbuilding", on va expliquer ce qu'est le "deck" et ce qui nous permet de le "build".</p>
+        <p>
+            Le deck d'un joueur est-ce qui constitue sa pioche, qui lui permettra ensuite de constituer sa main 
+            (la main est préparée à la fin du tour et permet de jouer le tour d'après).
+        </p>
+        <p>
+            Quand la pioche est vide, elle est recyclée à partir de sa défausse. 
+            La défausse est ce qui contient les cartes déjà jouées mais aussi celles qui sont achetées, et qui sera mélangée pour former la nouvelle pioche.
+        </p>
+        <p>
+            Tout le monde commence avec 10 cartes:
+        </p>
+        <ul>
+            <li>7 or + 1 carte qui vaut 2 d'or;</li>
+            <li>1 carte à 1 de dégats et 1 carte à 2 de dégats.</li>
+        </ul>
+        <p>
+            La pioche est formée au hasard: on peut donc avoir une main de départ avec 5 or et 2 dégats, ou 3 or et 4 dégats, ou 4 or et 3 dégats, etc.
+        </p>
+        <p>
+            A partir de sa main, on peut jouer des cartes. Ces cartes peuvent déclencher des effets: on peut considérer qu'ils vont dans un "pool commun", et qu'on peut les utiliser dans 
+            l'ordre qu'on souhaite. 1 de dégats et 2 de dégats me donnent 3 ressources de dégats que je split comme je veux ensuite. Pareil pour l'or et pour le soin, qui sont les 3 ressources 
+            principales du jeu.
+        </p>
+        <p></p>
+        <p>
+            Les cartes sont de 3 catégories: objets, actions et champions.
+        </p>
+        <p>
+            Par simplicité, disons que les objets et les actions sont pareil: on les joue, ils font un effet disponible durant le tour actuel, et ils sont défaussés.
+        </p>
+        <p>
+            Les champions sont un peu plus complexes: ils restent sur le terrain, et on peut les utiliser à chaque tour (en les mobilisant). Ils ont une défense et il ne meurent 
+            que si ils sont descendus à 0 durant un tour donné. Je ne peux pas faire un peu de dégats pendant un tour, et un peu le tour d'après pour les tuer.
+        </p>
+        <p>
+            Par ailleurs, certains champions sont des Gardes, ce qui veut dire qu'on est obligés de les tuer pour faire des dégats à des champions non-gardes ou au joueur. 
+            (J'en profite pour préciser qu'on peut en effet, sans garde, choisir d'attaquer le joueur directement ou ses champions.) 
+            Incidentellement, ça veut dire qu'avec seulement 2 de dégats, je ne peux rien faire à un joueur avec un garde à 3 de défense.
+        </p>
+        <p></p>
+        <p></p>
+        <p>
+           Passons au "building": on peut acheter des cartes pour les ajouter à notre défausse qui, si vous avez suivi, constituera la prochaine pioche. 
+           Avec le jeu de base, <span style="color: yellow">l'or</span> sert exclusivement à accomplir ce but: acheter des cartes.
+        </p>
+        <p>
+            Un marché est mis à disposition de tous les joueurs, mettant à disposition les cartes du marché. Ces cartes ont chacune un coût indiqué en haut à droite. 
+            Il faut au moins autant d'or que ce qui est indiqué pour acheter une carte. Une carte achetée laisse la place à une nouvelle carte directement, qu'on peut 
+            décider d'acheter immédiatement.
+        </p>
+        <p>
+            Il ne nous reste plus qu'à comprendre ce que font les cartes du marché, puisqu'elles sont plus complexes (et bien plus fortes) que votre deck de base. 
+            Prenons des exemples!
+        </p>
+        <p>
+            La première chose qui ne vous échappera pas, c'est qu'on a 4 couleurs différentes pour les cartes.
+        </p>
+    </section>
+  </div>
+
+</template>
\ No newline at end of file