gaugendre/potain
1
0
Fork 0
Code Issues Pull requests Releases Activity

Add some style

Browse source
This commit is contained in:
Gabriel Augendre 2021-06-05 08:13:41 +02:00
parent 54b2e8ec8c
commit 8bf67e12bc
5 changed files with 141 additions and 88 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
index.html
View file

@ -6,7 +6,10 @@
<link rel="stylesheet" href="jeux/assets/style.css"> <link rel="stylesheet" href="jeux/assets/style.css">
</head> </head>
<body> <body>
<header>
<h1>Potain de chantier #3</h1> <h1>Potain de chantier #3</h1>
</header>
<main>
<h2>Jeux interactifs</h2> <h2>Jeux interactifs</h2>
<p> <p>
Découvrez les magnifiques moquettes du Cecolyon avec notre série de jeux interactifs ! Découvrez les magnifiques moquettes du Cecolyon avec notre série de jeux interactifs !
@ -16,6 +19,7 @@
<li><a href="jeux/camel.html">Camel</a></li> <li><a href="jeux/camel.html">Camel</a></li>
<li><a href="jeux/nature.html">Urbain Nature</a></li> <li><a href="jeux/nature.html">Urbain Nature</a></li>
</ul> </ul>
</main>
<footer> <footer>
<p> <p>
Made with &hearts; by <a href="https://gabnotes.org/about-me/">Gabriel Augendre</a>. Made with &hearts; by <a href="https://gabnotes.org/about-me/">Gabriel Augendre</a>.

37
jeux/assets/style.css
View file

@ -1,3 +1,22 @@
html {
height:100%;
box-sizing: border-box;
}
* {
box-sizing: inherit;
}
body {
max-width: 1600px;
margin: 0 auto;
padding: 0 20px;
height:100%;
font-family: Arial, sans-serif;
display: grid;
grid-template-rows: auto 1fr auto;
}
.hidden { .hidden {
display: none; display: none;
} }
@ -9,3 +28,21 @@
.success { .success {
color: green; color: green;
} }
h2 {
margin-top: 0;
}
header h1 {
text-align: center;
}
a {
color: rgb(40,53,131);
}
header {
background-color: rgb(40,53,131);
color: white;
margin-bottom: 20px;
}

8
jeux/camel.html
View file

@ -6,7 +6,10 @@
<link rel="stylesheet" href="assets/style.css"> <link rel="stylesheet" href="assets/style.css">
</head> </head>
<body> <body>
<header>
<h1>Camel</h1> <h1>Camel</h1>
</header>
<main>
<nav><a href="..">&laquo; Retour</a></nav> <nav><a href="..">&laquo; Retour</a></nav>
<p> <p>
Jouons donc au jeu des 7 différences avec GSE France ! Jouons donc au jeu des 7 différences avec GSE France !
@ -37,12 +40,13 @@
Félicitations ! Vous avez trouvé toutes les différences ! 🎉 Félicitations ! Vous avez trouvé toutes les différences ! 🎉
(ou bien vous avez frénétiquement cliqué de partout) (ou bien vous avez frénétiquement cliqué de partout)
</p> </p>
<script src="assets/jeu.js" type="application/javascript"></script> </main>
<script src="assets/camel.js" type="application/javascript"></script>
<footer> <footer>
<p> <p>
Made with &hearts; by <a href="https://gabnotes.org/about-me/">Gabriel Augendre</a>. Made with &hearts; by <a href="https://gabnotes.org/about-me/">Gabriel Augendre</a>.
</p> </p>
</footer> </footer>
<script src="assets/jeu.js" type="application/javascript"></script>
<script src="assets/camel.js" type="application/javascript"></script>
</body> </body>
</html> </html>

8
jeux/nature.html
View file

@ -7,7 +7,10 @@
<link rel="stylesheet" href="assets/nature.css"> <link rel="stylesheet" href="assets/nature.css">
</head> </head>
<body> <body>
<header>
<h1>Urbain Nature</h1> <h1>Urbain Nature</h1>
</header>
<main>
<nav><a href="..">&laquo; Retour</a></nav> <nav><a href="..">&laquo; Retour</a></nav>
<p> <p>
Oh non ! Quelqu'un a laissé les fenêtres ouvertes sur le plateau de la certif et Oh non ! Quelqu'un a laissé les fenêtres ouvertes sur le plateau de la certif et
@ -22,12 +25,13 @@
Félicitations ! Le plateau de la certif est maintenant comme neuf ! 🎉 Félicitations ! Le plateau de la certif est maintenant comme neuf ! 🎉
Vous pouvez être fier de vous ! Vous pouvez être fier de vous !
</p> </p>
<script src="assets/jeu.js" type="application/javascript"></script> </main>
<script src="assets/nature.js" type="application/javascript"></script>
<footer> <footer>
<p> <p>
Made with &hearts; by <a href="https://gabnotes.org/about-me/">Gabriel Augendre</a>. Made with &hearts; by <a href="https://gabnotes.org/about-me/">Gabriel Augendre</a>.
</p> </p>
</footer> </footer>
<script src="assets/jeu.js" type="application/javascript"></script>
<script src="assets/nature.js" type="application/javascript"></script>
</body> </body>
</html> </html>

6
jeux/signal.html
View file

@ -6,7 +6,10 @@
<link rel="stylesheet" href="assets/style.css"> <link rel="stylesheet" href="assets/style.css">
</head> </head>
<body> <body>
<header>
<h1>Signal</h1> <h1>Signal</h1>
</header>
<main>
<nav><a href="..">&laquo; Retour</a></nav> <nav><a href="..">&laquo; Retour</a></nav>
<p> <p>
Peter le livreur arrive sur le plateau de la log au niveau du joli point rose Peter le livreur arrive sur le plateau de la log au niveau du joli point rose
@ -33,11 +36,12 @@
Félicitations ! Vous avez correctement suivi les instructions ! 🎉 Félicitations ! Vous avez correctement suivi les instructions ! 🎉
(ou bien vous avez frénétiquement cliqué de partout) (ou bien vous avez frénétiquement cliqué de partout)
</p> </p>
<script src="assets/jeu.js" type="application/javascript"></script> </main>
<footer> <footer>
<p> <p>
Made with &hearts; by <a href="https://gabnotes.org/about-me/">Gabriel Augendre</a>. Made with &hearts; by <a href="https://gabnotes.org/about-me/">Gabriel Augendre</a>.
</p> </p>
</footer> </footer>
<script src="assets/jeu.js" type="application/javascript"></script>
</body> </body>
</html> </html>