QRouland/ModuleWeb
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

css js et responsive memory

Browse Source
This commit is contained in:
DonRenando 2015-03-09 18:10:03 +01:00
parent 7290e0696f
commit e0d6100592
3 changed files with 18 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
SRC/public/css/memory.css
View File

@ -1,7 +1,15 @@
/* ============================================================================= /* =============================================================================
RESET, BOX SIZING, & CLEARFIX RESET, BOX SIZING, & CLEARFIX
============================================================================= */ ============================================================================= */
#jeu{
height: 100%;
width: 100%;
margin: 0;
padding: 0;
text-align: center;
}
*, *,
*::before, *::before,
*::after { *::after {
@ -32,14 +40,14 @@ img {
.wrapper { .wrapper {
margin: 0 auto; margin: 0 auto;
width: 100%; width: 100%;
min-width: 480px; min-width: 432px;
} }
/* container */ /* container */
.container { .container {
margin: 0 auto; margin: 0 auto;
width: 100%; width: 96%;
max-width: 1024px; max-width: 1128px;
} }
/* ============================================================================= /* =============================================================================

10
SRC/public/js/memory.js
View File

@ -210,9 +210,9 @@
this.gameStartScreenHTML = '<h2 class="mg__start-screen--heading">Welcome to the Memory Game!</h2>\ this.gameStartScreenHTML = '<h2 class="mg__start-screen--heading">Welcome to the Memory Game!</h2>\
<h3 class="mg__start-screen--sub-heading">Choisir niveau</h3>\ <h3 class="mg__start-screen--sub-heading">Choisir niveau</h3>\
<ul class="mg__start-screen--level-select">\ <ul class="mg__start-screen--level-select">\
<span data-level="1"><button class="btn btn-success btn-lg fa fa-star-o">&nbsp;&nbsp;&nbsp;&nbsp;</button></span>\ <span data-level="1"><button class="btn btn-success btn-lg"><i class="fa fa-star-o"></i></button></span>\
<span data-level="2"><button class="btn btn-warning btn-lg fa fa-star-half-o">&nbsp;&nbsp;&nbsp;&nbsp;</button></span>\ <span data-level="2"><button class="btn btn-warning btn-lg "><i class="fa fa-star-half-o"></i><i class="fa fa-star-half-o"></i></button></span>\
<span data-level="3"><button class="btn btn-danger btn-lg fa fa-star">&nbsp;&nbsp;&nbsp;&nbsp;</button></span>\ <span data-level="3"><button class="btn btn-danger btn-lg"><i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i></button></span>\
</ul>'; </ul>';
//Memory.prototype._setupGameWrapper(1); //Memory.prototype._setupGameWrapper(1);
//this._gamePlay(); //this._gamePlay();
@ -497,9 +497,9 @@
var self = this; var self = this;
if (this.options.onGameEnd() === false) { if (this.options.onGameEnd() === false) {
this._clearGame(); this._clearGame();
this.gameMessages.innerHTML = '<h2 class="mg__onend--heading"><i class="fa fa-trophy"></i></h2>\ this.gameMessages.innerHTML = '<h2 class="mg__onend--heading"><i class="fa fa-trophy fa-5x"></i></h2>\
<p class="mg__onend--message">Vous avez gagné votre partie en ' + this.numMoves + ' coups.</p>\ <p class="mg__onend--message">Vous avez gagné votre partie en ' + this.numMoves + ' coups.</p>\
<button id="mg__onend--restart" class="mg__button"><i class="fa fa-refresh"></i></button>'; <button id="mg__onend--restart" class="mg__button"><i class="fa fa-refresh fa-spin fa-3x"></i></button>';
this.game.appendChild(this.gameMessages); this.game.appendChild(this.gameMessages);
document.getElementById("mg__onend--restart").addEventListener( "click", function(e) { document.getElementById("mg__onend--restart").addEventListener( "click", function(e) {
self.resetGame(); self.resetGame();

3
SRC/resources/views/one_referent_game.blade.php
View File

@ -1,5 +1,5 @@
@extends('app') @extends('app')
<div id="jeux">
<br> <br>
<center><h1>{{ $game }}</h1></center> <center><h1>{{ $game }}</h1></center>
@ -25,3 +25,4 @@
</div> </div>
</div><!-- /.content --> </div><!-- /.content -->
</div> </div>
</div>