menu modes presque ok

This commit is contained in:
Valentin
2023-03-27 13:37:00 +02:00
parent 9c11794aaf
commit 6e4dca0d5a
5 changed files with 153 additions and 33 deletions
+22 -10
View File
@@ -32,38 +32,50 @@
<div id="buttons_container">
<div class="niveau_profondeur">
<p class="selected">L'atlas</p>
<p>Les cartes</p>
<p class="selected" onclick="toggleProfondeur(this)">L'atlas</p>
<p onclick="toggleProfondeur(this)">Les cartes</p>
</div>
<div class="arrow">
<div class="arrow" onclick="toggleMode('prev')">
<svg data-src="assets/pictos/arrow_back.svg" data-cache="disabled"></svg>
</div>
<!-- svg pictos loadés avec svgloader pour pouvoir les manipuler avec css -->
<div class="mode active">
<svg data-src="assets/pictos/terrain-de-vie.svg" data-cache="disabled"></svg>
<p>Terrain de vie</p>
<div class="mode_container">
<p>Terrain de vie</p>
</div>
</div>
<div class="mode">
<svg data-src="assets/pictos/proximite.svg" data-cache="disabled"></svg>
<p>Proximité</p>
<div class="mode_container">
<p>Proximité</p>
</div>
</div>
<div class="mode">
<svg data-src="assets/pictos/superposition.svg" data-cache="disabled"></svg>
<p>Superposition</p>
<div class="mode_container">
<p>Superposition</p>
</div>
</div>
<div class="mode">
<svg data-src="assets/pictos/puissance-d-agir.svg" data-cache="disabled"></svg>
<p>Puissance d'agir</p>
<div class="mode_container">
<p>Puissance d'agir</p>
</div>
</div>
<div class="mode">
<svg data-src="assets/pictos/action-2.svg" data-cache="disabled"></svg>
<p>Action</p>
<div class="mode_container">
<p>Action</p>
</div>
</div>
<div class="mode">
<svg data-src="assets/pictos/doleance.svg" data-cache="disabled"></svg>
<p>Doléancer</p>
<div class="mode_container">
<p>Doléancer</p>
</div>
</div>
<div class="arrow">
<div class="arrow" onclick="toggleMode('next')">
<svg data-src="assets/pictos/arrow_forward.svg" data-cache="disabled"></svg>
</div>