Adrien/Riichi
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added tilineau

Browse source
This commit is contained in:
Didictateur 2026-02-18 16:46:47 +01:00
parent d5ce00e78d
commit 42cf4d20f6
4 changed files with 24 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
components/menu.html
View file

@ -1,5 +1,4 @@
<nav class="menu"> <nav class="menu">
<ul>
<ul> <ul>
<li><a href="https://github.com/Didictateur/Riichi"> <li><a href="https://github.com/Didictateur/Riichi">
<svg width="1.5em" height="1.5em" viewBox="0 0 24 24" fill="currentColor" style="vertical-align: middle; margin-right: 0.1rem;"> <svg width="1.5em" height="1.5em" viewBox="0 0 24 24" fill="currentColor" style="vertical-align: middle; margin-right: 0.1rem;">
@ -16,6 +15,12 @@
<li><a href="">Chapitre 3 : Les groupes</a></li> <li><a href="">Chapitre 3 : Les groupes</a></li>
</ul> </ul>
</li> </li>
<li>
<a href="#">Partie réelle</a>
</li>
<li>
<a href="#">Variante à trois</a>
</li>
</ul> </ul>
</nav> </nav>

BIN
img/tilineau/explaining.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.2 MiB

BIN
img/tilineau/speaking.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.2 MiB

18
index.html
View file

@ -31,12 +31,27 @@
opacity: 0; opacity: 0;
} }
} }
#mascotte {
position: fixed;
bottom: 0px;
right: 160px;
z-index: 999;
transform: scaleX(-1);
}
#mascotte img {
width: 250px;
height: auto;
display: block;
}
</style> </style>
</head> </head>
<body> <body>
<div id="menu"></div> <div id="menu"></div>
<div id="tile-container"></div> <div id="tile-container"></div>
<div id="tile-rain"></div> <div id="tile-rain"></div>
<div id="mascotte"></div>
<script> <script>
// Charger le menu // Charger le menu
@ -44,6 +59,9 @@
.then(r => r.text()) .then(r => r.text())
.then(html => document.getElementById('menu').innerHTML = html); .then(html => document.getElementById('menu').innerHTML = html);
// Afficher la mascotte
document.getElementById('mascotte').innerHTML = '<img src="img/tilineau/speaking.png" alt="Tilineau">';
let allTiles = []; let allTiles = [];
// Récupérer les tuiles // Récupérer les tuiles