heronfief/front
3
1
Fork 0
Code Issues 44 Pull Requests 1 Actions Packages Projects Releases 1 Activity

Feat: untilt rules cards

Browse Source 
Closes #29
This commit is contained in:
legonzaur
2024-05-14 19:08:37 +02:00
parent 787eb93c00
commit 9822d7c624
1 changed files with 33 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/RulesDisplay.vue
+33 -33
View File
@@ -25,10 +25,10 @@ const router = useRouter();
<p>&#8203;</p> <p>&#8203;</p>
<p>Et quoi de mieux pour faire ça que des cartes colorées?</p> <p>Et quoi de mieux pour faire ça que des cartes colorées?</p>
<div class="card-row"> <div class="card-row">
<CardPreview :card_id="6"></CardPreview> <CardPreview :card_id="6" :tilted="false"></CardPreview>
<CardPreview :card_id="19"></CardPreview> <CardPreview :card_id="19" :tilted="false"></CardPreview>
<CardPreview :card_id="36"></CardPreview> <CardPreview :card_id="36" :tilted="false"></CardPreview>
<CardPreview :card_id="46"></CardPreview> <CardPreview :card_id="46" :tilted="false"></CardPreview>
</div> </div>
<p>&#8203;</p> <p>&#8203;</p>
<hr> <hr>
@@ -48,7 +48,7 @@ const router = useRouter();
<p>Comme c'est un jeu de "deckbuilding", on va expliquer ce qu'est le "deck" et ce qui nous permet de le <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> "build".</p>
<div class="card-row"> <div class="card-row">
<CardPreview :card_id="undefined"></CardPreview> <CardPreview :card_id="undefined" :tilted="false"></CardPreview>
</div> </div>
<p>&#8203;</p> <p>&#8203;</p>
<p> <p>
@@ -76,10 +76,10 @@ const router = useRouter();
<li>1x Dégats (2)</li> <li>1x Dégats (2)</li>
</ul> </ul>
<div class="card-row"> <div class="card-row">
<CardPreview :card_id="56"></CardPreview> <CardPreview :card_id="56" :tilted="false"></CardPreview>
<CardPreview :card_id="59"></CardPreview> <CardPreview :card_id="59" :tilted="false"></CardPreview>
<CardPreview :card_id="58"></CardPreview> <CardPreview :card_id="58" :tilted="false"></CardPreview>
<CardPreview :card_id="57"></CardPreview> <CardPreview :card_id="57" :tilted="false"></CardPreview>
</div> </div>
<p> <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 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
@@ -99,15 +99,15 @@ const router = useRouter();
Les cartes sont divisées en 3 catégories: objets, actions et champions. Les cartes sont divisées en 3 catégories: objets, actions et champions.
</p> </p>
<div class="card-row"> <div class="card-row">
<CardPreview :card_id="56"></CardPreview> <CardPreview :card_id="56" :tilted="false"></CardPreview>
<CardPreview :card_id="52"></CardPreview> <CardPreview :card_id="52" :tilted="false"></CardPreview>
<CardPreview :card_id="43"></CardPreview> <CardPreview :card_id="43" :tilted="false"></CardPreview>
</div> </div>
<p>&#8203;</p> <p>&#8203;</p>
<h3>Objets & actions</h3> <h3>Objets & actions</h3>
<div class="card-row"> <div class="card-row">
<CardPreview :card_id="56"></CardPreview> <CardPreview :card_id="56" :tilted="false"></CardPreview>
<CardPreview :card_id="52"></CardPreview> <CardPreview :card_id="52" :tilted="false"></CardPreview>
</div> </div>
<p> <p>
Par simplicité, disons que les objets et les actions sont pareil: on les joue, ils font un effet Par simplicité, disons que les objets et les actions sont pareil: on les joue, ils font un effet
@@ -115,7 +115,7 @@ const router = useRouter();
</p> </p>
<h3>Champions (& gardes)</h3> <h3>Champions (& gardes)</h3>
<div class="card-row"> <div class="card-row">
<CardPreview :card_id="43"></CardPreview> <CardPreview :card_id="43" :tilted="false"></CardPreview>
</div> </div>
<p> <p>
Les champions sont un peu plus complexes: ils restent sur le terrain, et on peut les utiliser à Les champions sont un peu plus complexes: ils restent sur le terrain, et on peut les utiliser à
@@ -127,7 +127,7 @@ const router = useRouter();
<p>Ces dégats doivent être faits d'un coup. Je ne peux pas faire un peu de dégats pendant un tour, et un <p>Ces dégats doivent être faits d'un coup. 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> peu le tour d'après pour les tuer.</p>
<div class="card-row"> <div class="card-row">
<CardPreview :card_id="49"></CardPreview> <CardPreview :card_id="49" :tilted="false"></CardPreview>
</div> </div>
<p> <p>
Par ailleurs, certains champions sont des Gardes <img src="/images/champion-shield-guard.png" Par ailleurs, certains champions sont des Gardes <img src="/images/champion-shield-guard.png"
@@ -150,10 +150,10 @@ const router = useRouter();
class="icon_img" draggable="false" /> sert exclusivement à accomplir ce but: acheter des cartes. class="icon_img" draggable="false" /> sert exclusivement à accomplir ce but: acheter des cartes.
</p> </p>
<div class="card-row"> <div class="card-row">
<CardPreview :card_id="6"></CardPreview> <CardPreview :card_id="6" :tilted="false"></CardPreview>
<CardPreview :card_id="19"></CardPreview> <CardPreview :card_id="19" :tilted="false"></CardPreview>
<CardPreview :card_id="36"></CardPreview> <CardPreview :card_id="36" :tilted="false"></CardPreview>
<CardPreview :card_id="46"></CardPreview> <CardPreview :card_id="46" :tilted="false"></CardPreview>
</div> </div>
<p> <p>
Un marché est mis à disposition de tous les joueurs, mettant à disposition 5 cartes (pas ici parce Un marché est mis à disposition de tous les joueurs, mettant à disposition 5 cartes (pas ici parce
@@ -177,18 +177,18 @@ const router = useRouter();
</p> </p>
<p>&#8203;</p> <p>&#8203;</p>
<div class="card-row"> <div class="card-row">
<CardPreview :card_id="13"></CardPreview> <CardPreview :card_id="13" :tilted="false"></CardPreview>
<CardPreview :card_id="3"></CardPreview> <CardPreview :card_id="3" :tilted="false"></CardPreview>
<CardPreview :card_id="1"></CardPreview> <CardPreview :card_id="1" :tilted="false"></CardPreview>
</div> </div>
<p>&#8203;</p> <p>&#8203;</p>
<p>Les cartes <span style="color: darkgoldenrod">jaunes</span> sont les cartes Empire.</p> <p>Les cartes <span style="color: darkgoldenrod">jaunes</span> sont les cartes Empire.</p>
<p>Elles font beaucoup de soin, et activent souvent des effets de pioche.</p> <p>Elles font beaucoup de soin, et activent souvent des effets de pioche.</p>
<p>&#8203;</p> <p>&#8203;</p>
<div class="card-row"> <div class="card-row">
<CardPreview :card_id="39"></CardPreview> <CardPreview :card_id="39" :tilted="false"></CardPreview>
<CardPreview :card_id="34"></CardPreview> <CardPreview :card_id="34" :tilted="false"></CardPreview>
<CardPreview :card_id="40"></CardPreview> <CardPreview :card_id="40" :tilted="false"></CardPreview>
</div> </div>
<p>&#8203;</p> <p>&#8203;</p>
<p>Les cartes <span style="color: red">rouges</span> sont les cartes Necros.</p> <p>Les cartes <span style="color: red">rouges</span> sont les cartes Necros.</p>
@@ -196,18 +196,18 @@ const router = useRouter();
</p> </p>
<p>&#8203;</p> <p>&#8203;</p>
<div class="card-row"> <div class="card-row">
<CardPreview :card_id="52"></CardPreview> <CardPreview :card_id="52" :tilted="false"></CardPreview>
<CardPreview :card_id="46"></CardPreview> <CardPreview :card_id="46" :tilted="false"></CardPreview>
<CardPreview :card_id="47"></CardPreview> <CardPreview :card_id="47" :tilted="false"></CardPreview>
</div> </div>
<p>&#8203;</p> <p>&#8203;</p>
<p>Les cartes <span style="color: darkgreen">vertes</span> sont les cartes Sauvages.</p> <p>Les cartes <span style="color: darkgreen">vertes</span> sont les cartes Sauvages.</p>
<p>Elles font beaucoup de dégats, et forcent vos adversaires à jouer moins de cartes.</p> <p>Elles font beaucoup de dégats, et forcent vos adversaires à jouer moins de cartes.</p>
<p>&#8203;</p> <p>&#8203;</p>
<div class="card-row"> <div class="card-row">
<CardPreview :card_id="24"></CardPreview> <CardPreview :card_id="24" :tilted="false"></CardPreview>
<CardPreview :card_id="25"></CardPreview> <CardPreview :card_id="25" :tilted="false"></CardPreview>
<CardPreview :card_id="19"></CardPreview> <CardPreview :card_id="19" :tilted="false"></CardPreview>
</div> </div>
<p>&#8203;</p> <p>&#8203;</p>
<p>Les cartes <span style="color: darkblue">bleues</span> sont les cartes Guilde.</p> <p>Les cartes <span style="color: darkblue">bleues</span> sont les cartes Guilde.</p>
@@ -217,7 +217,7 @@ const router = useRouter();
<h2>Déclencheurs</h2> <h2>Déclencheurs</h2>
<p>Les effets de cartes peuvent se déclencher pour 3 raisons différentes.</p> <p>Les effets de cartes peuvent se déclencher pour 3 raisons différentes.</p>
<div class="card-row"> <div class="card-row">
<CardPreview :card_id="14"></CardPreview> <CardPreview :card_id="14" :tilted="false"></CardPreview>
</div> </div>
<p>Sur cette carte, on peut voir les trois en même temps.</p> <p>Sur cette carte, on peut voir les trois en même temps.</p>
<p>La 1ère ligne s'active tout le temps.</p> <p>La 1ère ligne s'active tout le temps.</p>