108 lines
No EOL
3.9 KiB
HTML
108 lines
No EOL
3.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Ressources - Tuto Riichi</title>
|
|
<link rel="stylesheet" href="/frontend/css/style.css">
|
|
<style>
|
|
#menu {
|
|
position: relative;
|
|
z-index: 10;
|
|
}
|
|
|
|
h2 {
|
|
text-align: center;
|
|
color: white;
|
|
margin: 40px 0 50px 0;
|
|
font-size: 2.5rem;
|
|
}
|
|
|
|
.resources-list {
|
|
max-width: 700px;
|
|
margin: 40px auto;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
.resource-item {
|
|
background: rgba(255,255,255,0.95);
|
|
border-radius: 12px;
|
|
margin-bottom: 18px;
|
|
padding: 18px 22px;
|
|
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
|
|
border-left: 5px solid #1a5c1a;
|
|
transition: box-shadow 0.2s;
|
|
}
|
|
.resource-item:hover {
|
|
box-shadow: 0 4px 16px rgba(0,0,0,0.15);
|
|
}
|
|
.resource-title {
|
|
font-size: 1.2em;
|
|
font-weight: bold;
|
|
color: #1a5c1a;
|
|
margin-bottom: 6px;
|
|
}
|
|
.resource-desc {
|
|
color: #333;
|
|
font-size: 1em;
|
|
margin-bottom: 8px;
|
|
}
|
|
.resource-link {
|
|
color: #4ecdc4;
|
|
text-decoration: underline;
|
|
font-weight: bold;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="menu"></div>
|
|
<h2>Ressources complémentaires</h2>
|
|
<ul class="resources-list">
|
|
<li class="resource-item">
|
|
<div class="resource-title">Guide PDF du Riichi Mahjong</div>
|
|
<div class="resource-desc">Un document complet pour réviser les règles et les bases du jeu.</div>
|
|
<a class="resource-link" href="/frontend/pdf/Regles.pdf" target="_blank">Voir le PDF</a>
|
|
</li>
|
|
<li class="resource-item">
|
|
<div class="resource-title">Liste des Yakus</div>
|
|
<div class="resource-desc">Une fiche récapitulative de tous les yakus triés et organisé.</div>
|
|
<a class="resource-link" href="/frontend/pdf/Yakus.pdf" target="_blank">Voir le PDF</a>
|
|
</li>
|
|
<li class="resource-item">
|
|
<div class="resource-title">Tableau des scores</div>
|
|
<div class="resource-desc">Tableau complet des score et rappel des Hans et Fus.</div>
|
|
<a class="resource-link" href="/frontend/pdf/Scores.pdf" target="_blank">Voir le PDF</a>
|
|
</li>
|
|
<li class="resource-item">
|
|
<div class="resource-title">Livre de stratégie au Riichi</div>
|
|
<div class="resource-desc">Livre de référence pour apprendre les bases de la stratégie au mahjong.</div>
|
|
<a class="resource-link" href="https://dainachiba.github.io/RiichiBooks/" target="_blank">Riichi Book I</a>
|
|
</li>
|
|
<li class="resource-item">
|
|
<div class="resource-title">S'entrainer à compter les points</div>
|
|
<div class="resource-desc">Site d'entrainement de compte des points sur des mains aléatoire.</div>
|
|
<a class="resource-link" href="https://scoringtrainer.konbamwa.net/" target="_blank">Visiter le site</a>
|
|
</li>
|
|
<li class="resource-item">
|
|
<div class="resource-title">S'entrainer à l'efficacité</div>
|
|
<div class="resource-desc">Il peut être parfois utile de savoir comment avoir une main valide le plus rapidement possible.</div>
|
|
<a class="resource-link" href="https://euophrys.itch.io/mahjong-efficiency-trainer" target="_blank">Visiter le site</a>
|
|
</li>
|
|
<li class="resource-item">
|
|
<div class="resource-title">Source des images</div>
|
|
<div class="resource-desc">Les images ont été récupérées depuis le github de FluffyStuff.</div>
|
|
<a class="resource-link" href="https://github.com/FluffyStuff/riichi-mahjong-tiles?tab=readme-ov-file" target="_blank">Visiter le Git</a>
|
|
</li>
|
|
<li class="resource-item">
|
|
<div class="resource-title">MahJong Handle</div>
|
|
<div class="resource-desc">Petit jeu où il faut deviner la main</div>
|
|
<a class="resource-link" href="https://mahjong-handle.update.sh/" target="_blank">Jouer</a>
|
|
</li>
|
|
</ul>
|
|
<script>
|
|
// Charger le menu
|
|
fetch('/components/menu.html')
|
|
.then(r => r.text())
|
|
.then(html => document.getElementById('menu').innerHTML = html);
|
|
</script>
|
|
</body>
|
|
</html> |