babolivier
/
burger-quizz
Volgen 1
Ster 0
Vork 0
Code Kwesties 0 Pull-aanvragen 0 Publicaties 0 Wiki Activiteit
Bladeren bron

Ai commencé le CSS

Brendan Abolivier 10 jaren geleden
bovenliggende
20d4b12ba6
commit
2ad282134a
5 gewijzigde bestanden met toevoegingen van 105 en 21 verwijderingen
Zij-aan-zij weergave Toon Diff Stats
  1. 5
    1
      web/README.md
  2. BIN
      web/assets/burgerquizz.png
  3. 45
    0
      web/css/main.css
  4. 28
    20
      web/index.htm
  5. 27
    0
      web/play.htm

+ 5
- 1
web/README.md Bestand weergeven 

@@ -14,7 +14,7 @@ Cette application a été conçue pour fonctionner avec PHP 5.6, MySQL 5.5 et No
14 14
15 15 
 Sous Debian (et ses dérivés), la commande permettant l'installation de ces pré-requis est :
16 16
17 
-`# apt-get install apache2 php5 mysql nodejs`
17 
+`# apt-get install apache2 php5 mysql nodejs npm`
18 18
19 19 
 ### Installation de l'application
20 20 
 
@@ -34,6 +34,10 @@ En fonction de vos besoins, exécutez l'un des scripts sur votre serveur MySQL (
34 34
35 35 
 Si vous souhaitez héberger le serveur Node.js permettant le mode de jeu multijoueur sur un autre hébergement, ou à un autre emplacement sur l'hébergement courant, il vous suffit d'y déplacer le dossier `multi/` présent à la racine du présent dossier.
36 36
37 
+Pour l'installation des composants nécessaires au mode multijoueur, ouvrez un terminal et placez-vous dans le dossier contenant le serveur multijoueur (par défaut, `multi/server/`) puis exécutez la commande :
38 
+
39 
+`# npm install`
40 
+
37 41 
 Configuration
38 42 
 -------------
39 43

BIN
web/assets/burgerquizz.png Bestand weergeven


+ 45
- 0
web/css/main.css Bestand weergeven 

@@ -0,0 +1,45 @@
1 
+body {
2 
+  padding:0px;
3 
+  margin:0px;
4 
+}
5 
+
6 
+header {
7 
+  height: 100px;
8 
+  background-image: url("../assets/burgerquizz.png");
9 
+  background-size: 400px;
10 
+  background-repeat: no-repeat;
11 
+  background-position: center;
12 
+  margin-bottom: 10px;
13 
+}
14 
+
15 
+section#navbar {
16 
+  color: white;
17 
+  background-color: #7e19ff;
18 
+  height: 70px;
19 
+  font-size: 25px;
20 
+}
21 
+
22 
+section#navbar ul {
23 
+  padding-top: 35px;
24 
+  display: inline;
25 
+  vertical-align: middle;
26 
+}
27 
+
28 
+section#navbar li {
29 
+  display: block;
30 
+  float:left;
31 
+  margin-left:50px;
32 
+  margin-right:50px;
33 
+  height: 100%;
34 
+  vertical-align:middle;
35 
+}
36 
+
37 
+section#navbar li:last-child {
38 
+  display: block;
39 
+  float: right;
40 
+  text-align:right;
41 
+  margin-right:0px;
42 
+  padding-right:70px;
43 
+  padding-left:70px;
44 
+  background: #ffab19;
45 
+}

+ 28
- 20
web/index.htm Bestand weergeven 

@@ -1,27 +1,35 @@
1 1 
 <!doctype html>
2 2 
 <html>
3 3 
   <head>
4 
-    <title>Burger Quizz - Jouer</title>
5 
-    <meta charset="utf-8" />
6 
-    <script src="jquery-2.1.4.min.js"></script>
7 
-    <script src="js/game.js"></script>
8 
-    <style type="text/css">
9 
-      .good-answer {
10 
-        color:green;
11 
-      }
12 
-      .wrong-answer {
13 
-        color:red;
14 
-      }
15 
-    </style>
4 
+    <meta charset="utf-8">
5 
+    <title>Burger Quizz - Accueil</title>
6 
+    <link rel="stylesheet" href="css/main.css">
16 7 
   </head>
17 8 
   <body>
18 
-    <div id="game"></div>
19 
-    <input type="submit" id="play" value="Solo (un joueur)" /><br />
20 
-    <form action="multi.php"><input type="submit" id="multi" value="Multi (deux joueurs)" /></form>
21 
-    <script type="text/javascript">
22 
-      $("#play").click(function() {
23 
-        play();
24 
-      });
25 
-    </script>
9 
+    <header>
10 
+    </header>
11 
+    <section id="navbar">
12 
+      <ul>
13 
+        <li>Accueil</li>
14 
+        <li>Règles</li>
15 
+        <li>Meilleurs scores</li>
16 
+        <li>Jouer</li>
17 
+      </ul>
18 
+    </section>
19 
+    <section id="page">
20 
+      <article>
21 
+        <h2>Accueil</h2>
22 
+        <p>Skevent dleout danvez biz-yod rumm goz gar tabut bazh mil skrijañ, Menez Du dec'h ehan kreisteiz neud tad eil huanadiñ bed lizherenn. Lies gwinegr c'hoar-gaer. Houlenn Menez Mikael anv koumoul, broust brumenn daoust ha. Ret ki lazhañ dianav gwenn hor beg-douar arabat skubañ ken truez tre kar hon leue droug-mor, chom hennezh hag Bro-saoz. Ma fazi geot kein gwechall, rak mil c'hwezhañ e fri hor kae diwar-benn mousc'hoarzhin mat bloaz plijadur hol kant eost noz dre mae nerzh kaeraat, kenwerzh nec'h hir diriaou c'hoar-gaer, a-benn diwar ar maez derc'hel digor pesketaer dir pri start karrezek. Pegement kontañ giz kluchañ n'eus forzh.</p>
23 
+      </article>
24 
+      <article id="jouer">
25 
+        <h2>Jouer</h2>
26 
+        <form action="play.htm">
27 
+          <input type="submit" value="Solo 1 joueur" />
28 
+        </form>
29 
+        <form action="multi.htm">
30 
+          <input type="submit" value="Multi 2 joueurs" />
31 
+        </form>
32 
+      </article>
33 
+    </section>
26 34 
   </body>
27 35 
 </html>

+ 27
- 0
web/play.htm Bestand weergeven 

@@ -0,0 +1,27 @@
1 
+<!doctype html>
2 
+<html>
3 
+  <head>
4 
+    <title>Burger Quizz - Jouer</title>
5 
+    <meta charset="utf-8" />
6 
+    <script src="jquery-2.1.4.min.js"></script>
7 
+    <script src="js/game.js"></script>
8 
+    <style type="text/css">
9 
+      .good-answer {
10 
+        color:green;
11 
+      }
12 
+      .wrong-answer {
13 
+        color:red;
14 
+      }
15 
+    </style>
16 
+  </head>
17 
+  <body>
18 
+    <div id="game"></div>
19 
+    <input type="submit" id="play" value="Solo (un joueur)" /><br />
20 
+    <form action="multi.php"><input type="submit" id="multi" value="Multi (deux joueurs)" /></form>
21 
+    <script type="text/javascript">
22 
+      $("#play").click(function() {
23 
+        play();
24 
+      });
25 
+    </script>
26 
+  </body>
27 
+</html>