|
|
@@ -0,0 +1,69 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html>
|
|
|
+ <head>
|
|
|
+ <title>Tompeur</title>
|
|
|
+ <link rel="stylesheet" type="text/css" href="style.css">
|
|
|
+ </head>
|
|
|
+ <body>
|
|
|
+ <!-- Bar de navigation -->
|
|
|
+ <div id="topNavBar" class="flexRow">
|
|
|
+
|
|
|
+ <!-- Le tour de jeu actuel -->
|
|
|
+ <div id="tour" class="flexRow">
|
|
|
+ <p>Tour : </p>
|
|
|
+ <p id="tourVal">0</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- Les indicateurs -->
|
|
|
+ <div id="lsIndics" class="flexRow">
|
|
|
+
|
|
|
+ <div class="indicateur flexRow"> <!-- un indicateur particulier -->
|
|
|
+ <p>Crime : </p>
|
|
|
+ <p id="crime">0</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="indicateur flexRow">
|
|
|
+ <p>Religion : </p>
|
|
|
+ <p id="religion">0</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="indicateur flexRow">
|
|
|
+ <p>Economie : </p>
|
|
|
+ <p id="economie">0</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="indicateur flexRow">
|
|
|
+ <p>Noblesse : </p>
|
|
|
+ <p id="noblesse">0</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="indicateur flexRow">
|
|
|
+ <p>Peuple : </p>
|
|
|
+ <p id="peuple">0</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- Liste des lois votées -->
|
|
|
+ <div id="lsLois">
|
|
|
+ <!-- Les lois seront insérées ici dynamiquement par le javascript -->
|
|
|
+ </div>
|
|
|
+ <!-- Fenetre principale -->
|
|
|
+ <div id="main">
|
|
|
+ <div id="evenement">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div id="lsChoixLois">
|
|
|
+ <div class="choixLoi" id="choixLoi1">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="choixLoi" id="choixLoi2">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </body>
|
|
|
+ <script type="text/javascript" src="main.js"></script>
|
|
|
+</html>
|
KREBS-CHEVRESSON CLEMENT