valentin_le_moign/ou_atterrir_front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ajouts des éléments de l'ui globale

Browse Source
This commit is contained in:
Valentin
2023-03-25 03:07:32 +01:00
parent 595189f626
commit 9c11794aaf
17 changed files with 669 additions and 153 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+65 -27
View File
@@ -10,7 +10,9 @@
<script type="text/javascript" src="https://unpkg.com/external-svg-loader@latest/svg-loader.min.js" async></script>
</head>
<body>
<div id="content">
<!-- deux svg pour pouvoir utiliser mix blend mode avec les histoires de stacking context -->
<svg id="stroke" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" xmlns="http://www.w3.org/2000/svg" viewBox="-8697.766 17429.18 677.183 706.257">
<path rx="0" ry="0" d="M-8219.035,17632.029L-8107.295,17867.024L-8229.636,17969.717L-8291.783,18096.894L-8492.425,17938.383L-8596.599,17808.682L-8580.356,17588.946L-8468.630,17500.749L-8219.035,17632.029Z">
@@ -21,37 +23,73 @@
<path rx="0" ry="0" d="M-8219.035,17632.029L-8107.295,17867.024L-8229.636,17969.717L-8291.783,18096.894L-8492.425,17938.383L-8596.599,17808.682L-8580.356,17588.946L-8468.630,17500.749L-8219.035,17632.029Z">
</path>
</svg>
<div id="buttons_container">
<!-- svg dans object 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>
<div class="mode">
<svg data-src="assets/pictos/proximite.svg" data-cache="disabled"></svg>
<p>Proximité</p>
</div>
<div class="mode">
<svg data-src="assets/pictos/superposition.svg" data-cache="disabled"></svg>
<p>Superposition</p>
</div>
<div class="mode">
<svg data-src="assets/pictos/puissance-d-agir.svg" data-cache="disabled"></svg>
<p>Puissance d'agir</p>
</div>
<div class="mode">
<svg data-src="assets/pictos/action.svg" data-cache="disabled"></svg>
<p>Action</p>
</div>
<div class="mode">
<svg data-src="assets/pictos/doleance.svg" data-cache="disabled"></svg>
<p>Doléancer</p>
</div>
</div>
<div id="BG_BG_BG"></div>
<div id="BG_BG_BG_tmp"></div>
</div>
<div id="grain-bg"></div>
<div id="buttons_container">
<div class="niveau_profondeur">
<p class="selected">L'atlas</p>
<p>Les cartes</p>
</div>
<div class="arrow">
<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>
<div class="mode">
<svg data-src="assets/pictos/proximite.svg" data-cache="disabled"></svg>
<p>Proximité</p>
</div>
<div class="mode">
<svg data-src="assets/pictos/superposition.svg" data-cache="disabled"></svg>
<p>Superposition</p>
</div>
<div class="mode">
<svg data-src="assets/pictos/puissance-d-agir.svg" data-cache="disabled"></svg>
<p>Puissance d'agir</p>
</div>
<div class="mode">
<svg data-src="assets/pictos/action-2.svg" data-cache="disabled"></svg>
<p>Action</p>
</div>
<div class="mode">
<svg data-src="assets/pictos/doleance.svg" data-cache="disabled"></svg>
<p>Doléancer</p>
</div>
<div class="arrow">
<svg data-src="assets/pictos/arrow_forward.svg" data-cache="disabled"></svg>
</div>
</div>
<div id="global_nav">
<h1>Atlas des cartes vivantes</h1>
<div id="menu">
<div id="search">
<input type="search" id="site-search" name="q" value="rechercher">
<button><svg data-src="assets/pictos/search.svg" data-cache="disabled"></svg></button>
</div>
<div class="menu_item" id="about">
<svg data-src="assets/pictos/info.svg" data-cache="disabled"></svg>
<p>informations</p>
</div>
<div class="menu_item" id="login">
<svg data-src="assets/pictos/login.svg" data-cache="disabled"></svg>
<p>connexion</p>
</div>
</div>
</div>
<script src="grained/grained.js" defer></script>
<script src="background.js" defer></script>
</body>