missing-number/_includes/layouts/pokedex.njk
Kazhnuz 667896ab7a
All checks were successful
continuous-integration/drone/push Build is passing
feat: responsive design
2024-09-13 22:58:39 +02:00

45 lines
1.9 KiB
Text

---
layout: layouts/parent.njk
---
<main id="skip" class="pokepage visible">
<div>
{{ content | safe }}
</div>
</main>
<aside id="more-info">
<div class="card">
<div>Retour au <a href="/pokedex/g1">pokédex</a></div>
</div>
<figure class="card" style="text-align:center;">
<img src="/img/pret/pokered/front/{{ pokemon.sprite }}.png" alt="Sprite de {{ pokemon.namefr }} dans Rouge et Bleu" />
<img src="/img/pret/pokered/front_rg/{{ pokemon.sprite }}.png" alt="Sprite de {{ pokemon.namefr }} dans Rouge et Vert" />
<img src="/img/pret/pokeyellow/front/{{ pokemon.sprite }}.png" alt="Sprite de {{ pokemon.namefr }} dans Jaune" />
<figcaption>{{ pokemon.namefr }} dans Rouge/Bleu, Rouge/Vert, et Jaune</figcaption>
</figure>
<div class="card maininfo" aria-label="Informations principales">
<ul>
<li><strong>Nom</strong>: {{ pokemon.namefr }}</li>
<li><strong>Nom en</strong>: {{ pokemon.nameen }}</li>
<li><strong>Nom jp</strong>: {{ pokemon.namejp }}</li>
<li><strong>N° Pokedex</strong>: {{ pokemon.baseStats.dex }}</li>
<li><strong>ID interne</strong>: {{ pokemon.internalId }}</li>
</ul>
</div>
<div class="card maininfo" aria-label="Data pokedex">
<ul>
<li><strong>{{ pokemon.pokedex.species }}</strong></li>
<li><strong>Taille</strong>: {{ pokemon.pokedex.height }}</li>
<li><strong>Poids</strong>: {{ pokemon.pokedex.weight }}</li>
<li><strong>Types</strong>: {{ pokemon.baseStats.types[0] }}{%- if pokemon.baseStats.types[0] !== pokemon.baseStats.types[1] -%}, {{ pokemon.baseStats.types[1] }} {%- endif -%}</li>
</ul>
</div>
<div class="card maininfo" aria-label="Informations capture">
<ul>
<li><strong>Taux capture</strong>: {{ pokemon.baseStats.catch_rate }}</li>
<li><strong>Bonus exp</strong>: {{ pokemon.baseStats.base_exp }}</li>
<li><strong>Evol exp</strong>: {{ pokemon.baseStats.growth_rate }}</li>
</ul>
</div>
</aside>