Strona główna Odkrywaj Pomoc
Zaloguj się
clement
/
ecr19-t3-e
1
0
Forkuj 0
Pliki Problemy 0 Oczekujące zmiany 0 Wiki
Przeglądaj źródła

Ajout de jeu.html avec css, ajout de tuto.html et modification de index.html

Clément Krebs 6 lat temu
rodzic
5c83a19140
commit
41bac44036
4 zmienionych plików z 123 dodań i 67 usunięć
Widok podzielony Pokaż statystyki zmian
  1. 12 67
      index.html
  2. 69 0
      jeu.html
  3. 31 0
      styleacc.css
  4. 11 0
      tuto.html

+ 12 - 67
index.html
Wyświetl plik 

@@ -1,69 +1,14 @@
 
 <!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>
 
+    <head>
 
+        <title>Accueil</title>
 
+        <link rel="stylesheet" type="text/css" href="styleacc.css">
 
+    </head>
 
+
 
+    <body>
 
+        <div>
 
+             <button onclick="location.href = 'jeu.html';">Nouvelle partie</button>
 
+             <button onclick="location.href = 'tuto.html';">Tutoriel</button>
 
+        </div>
 
+    </body>
 
+</html>

+ 69 - 0
jeu.html
Wyświetl plik 

@@ -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>

+ 31 - 0
styleacc.css
Wyświetl plik 

@@ -0,0 +1,31 @@
 
+*{
 
+    margin: 0;
 
+    padding: 0;
 
+}
 
+
 
+div
 
+{
 
+    display: flex;
 
+    flex-direction: column;
 
+    border: solid;
 
+    width: 50%;
 
+    height: 200px;
 
+    border-width: thin;
 
+    box-sizing: border-box;
 
+    justify-content: center;
 
+    align-items: center;
 
+
 
+    position: absolute;
 
+    top: 0;
 
+    bottom: 0;
 
+    left: 0;
 
+    right: 0;
 
+    margin: auto;
 
+}
 
+button
 
+{
 
+    width: 8em;
 
+    margin: 2em;
 
+    background-color: aquamarine;
 
+    border-color: black;
 
+}

+ 11 - 0
tuto.html
Wyświetl plik 

@@ -0,0 +1,11 @@
 
+<!DOCTYPE html>
 
+    <html>
 
+        <head>
 
+            <title>Tutoriel</title>
 
+            <link rel="stylesheet" type="text/css" href="styletuto.css">
 
+        </head>
 
+
 
+        <body>
 
+            <h1>A faire...</h1>
 
+        </body>
 
+    </html>