Merge branch 'main' of ssh://git.furtest.fr:2222/furtest/Tigrou into yoyo
This commit is contained in:
@@ -1,7 +1,7 @@
|
|||||||
<nav>
|
<nav>
|
||||||
<ul class="menu">
|
<ul class="menu">
|
||||||
<li><a href="./">Accueil </a></li>
|
<li><a href="./">Accueil </a></li>
|
||||||
<li><a href="./pokemon">Jeu Pokémon</a></li>
|
<li><a href="./pokemon">Jeu Libremon</a></li>
|
||||||
<li><a href="./PAI">PAI </a></li>
|
<li><a href="./PAI">PAI </a></li>
|
||||||
<li><a href="./questions">QCM</a></li>
|
<li><a href="./questions">QCM</a></li>
|
||||||
<li><a href="./outils">Outils et OS</a></li>
|
<li><a href="./outils">Outils et OS</a></li>
|
||||||
|
|||||||
@@ -9,9 +9,9 @@
|
|||||||
<body>
|
<body>
|
||||||
|
|
||||||
{% include 'header.html' %}
|
{% include 'header.html' %}
|
||||||
|
<div class="proprimon-content">
|
||||||
<div class="battle">
|
<div class="battle">
|
||||||
<h1>PROPRIMON</h1>
|
<h1>LIBREMON</h1>
|
||||||
<style>
|
<style>
|
||||||
#log {
|
#log {
|
||||||
width: 90%;
|
width: 90%;
|
||||||
@@ -26,13 +26,61 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column; /* Les nouveaux messages vont en bas */
|
flex-direction: column; /* Les nouveaux messages vont en bas */
|
||||||
gap: 4px;
|
gap: 4px;
|
||||||
|
}
|
||||||
|
.proprimon-log {
|
||||||
|
width: 90%;
|
||||||
|
height: 200px;
|
||||||
|
border: 1px solid #555;
|
||||||
|
padding: 10px;
|
||||||
|
margin-top: 15px;
|
||||||
|
background: #111;
|
||||||
|
color: white;
|
||||||
|
white-space: pre-line;
|
||||||
|
overflow-y: auto;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ----- PANEL LATÉRAL POUR LE LEADERBOARD ----- */
|
||||||
|
.proprimon-sidepanel {
|
||||||
|
position: fixed;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
width: 260px;
|
||||||
|
height: 100vh;
|
||||||
|
overflow-y: auto;
|
||||||
|
background: #1c1c1c;
|
||||||
|
color: white;
|
||||||
|
padding: 20px;
|
||||||
|
box-shadow: 4px 0 12px rgba(0,0,0,0.4);
|
||||||
|
border-right: 2px solid #333;
|
||||||
|
z-index: 1200;
|
||||||
|
}
|
||||||
|
|
||||||
|
.proprimon-sidepanel h2 {
|
||||||
|
text-align: center;
|
||||||
|
font-size: 20px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.proprimon-sidepanel-entry {
|
||||||
|
margin: 8px 0;
|
||||||
|
padding: 4px;
|
||||||
|
background: #2a2a2a;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ----- DÉCALAGE DU JEU POUR ÉVITER LE PANEL ----- */
|
||||||
|
.proprimon-content {
|
||||||
|
margin-left: 280px; /* Pour ne pas passer sous le panneau */
|
||||||
|
padding: 10px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<div class="leaderboard">
|
<div class="proprimon-sidepanel">
|
||||||
<h2>Classement des joueurs</h2>
|
<h2>Classement des joueurs</h2>
|
||||||
<div id="leaderboardDiv">
|
<div id="leaderboardDiv"></div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="battle">
|
<div class="battle">
|
||||||
@@ -56,7 +104,8 @@
|
|||||||
<div id="attacksDiv"></div>
|
<div id="attacksDiv"></div>
|
||||||
<button id="runBtn">Fuir</button>
|
<button id="runBtn">Fuir</button>
|
||||||
|
|
||||||
<div id="log">Un ennemi sauvage apparaît !</div>
|
<div id="log" class="proprimon-log">Un ennemi sauvage apparaît !</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
@@ -309,5 +358,6 @@
|
|||||||
|
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Reference in New Issue
Block a user