css suite memory
This commit is contained in:
parent
d319cb7ba2
commit
c6ae337eca
@ -60,7 +60,7 @@
|
|||||||
* onGameStart: callback for when game starts
|
* onGameStart: callback for when game starts
|
||||||
* onGameEnd: callback for when game ends
|
* onGameEnd: callback for when game ends
|
||||||
*/
|
*/
|
||||||
|
/*
|
||||||
Memory.prototype.options = {
|
Memory.prototype.options = {
|
||||||
wrapperID : "container",
|
wrapperID : "container",
|
||||||
cards : [
|
cards : [
|
||||||
@ -132,7 +132,7 @@
|
|||||||
onGameStart : function() { return false; },
|
onGameStart : function() { return false; },
|
||||||
onGameEnd : function() { return false; }
|
onGameEnd : function() { return false; }
|
||||||
}
|
}
|
||||||
|
*/
|
||||||
/**
|
/**
|
||||||
* Memory _init - initialise Memory
|
* Memory _init - initialise Memory
|
||||||
*
|
*
|
||||||
@ -212,13 +212,17 @@
|
|||||||
this.gameMeta.innerHTML = this.gameMetaHTML;
|
this.gameMeta.innerHTML = this.gameMetaHTML;
|
||||||
this.game.appendChild(this.gameMeta);
|
this.game.appendChild(this.gameMeta);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// <button type="button" class="btn btn-default"> <span class="glyphicon glyphicon-star-empty"></span> </button>
|
||||||
|
|
||||||
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>\
|
||||||
<p class="mg__start-screen--text">blablabla</p>\
|
<p class="mg__start-screen--text">blablabla</p>\
|
||||||
<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">\
|
||||||
<li><span data-level="1"> facile (4 )</span></li>\
|
<li><span data-level="1"><button type="button" class="btn btn-success"> <span class="glyphicon glyphicon-star-empty"></span> </button></span></li>\
|
||||||
<li><span data-level="2"> moyen (6 )</span></li>\
|
<li><span data-level="2"><button type="button" class="btn btn-warning"> <span class="glyphicon glyphicon-star-empty"></span> <span class="glyphicon glyphicon-star-empty"></span> </button</span></li>\
|
||||||
<li><span data-level="3"> dur (8 )</span></li>\
|
<li><span data-level="3"><button type="button" class="btn btn-danger"> <span class="glyphicon glyphicon-star-empty"></span> <span class="glyphicon glyphicon-star-empty"></span> <span class="glyphicon glyphicon-star-empty"></span> </button</span></li>\
|
||||||
</ul>';
|
</ul>';
|
||||||
this.gameStartScreen.innerHTML = this.gameStartScreenHTML;
|
this.gameStartScreen.innerHTML = this.gameStartScreenHTML;
|
||||||
this.game.appendChild(this.gameStartScreen);
|
this.game.appendChild(this.gameStartScreen);
|
||||||
|
@ -33,11 +33,6 @@
|
|||||||
@endif
|
@endif
|
||||||
|
|
||||||
@yield('content')
|
@yield('content')
|
||||||
<!-- script jeu memory -->
|
|
||||||
<!-- js -->
|
|
||||||
<script src="/js/classList.min.js"></script>
|
|
||||||
<script src="/js/memory.js"></script>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!-- start memory! -->
|
<!-- start memory! -->
|
||||||
|
@ -5,6 +5,11 @@
|
|||||||
|
|
||||||
<br><br>
|
<br><br>
|
||||||
|
|
||||||
|
<!-- script jeu memory -->
|
||||||
|
<!-- js -->
|
||||||
|
<script src="/js/classList.min.js"></script>
|
||||||
|
<script src="/js/memory.js"></script>
|
||||||
|
|
||||||
|
|
||||||
<!-- <center><img src="http://i.ytimg.com/vi/xiIO1zUXNVI/maxresdefault.jpg" width="60%"></center> -->
|
<!-- <center><img src="http://i.ytimg.com/vi/xiIO1zUXNVI/maxresdefault.jpg" width="60%"></center> -->
|
||||||
|
|
||||||
@ -12,8 +17,11 @@
|
|||||||
|
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-xs-10 col-md-12">
|
||||||
<div id="my-memory-game"></div>
|
<div id="my-memory-game"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div><!-- /.content -->
|
</div><!-- /.content -->
|
||||||
|
Reference in New Issue
Block a user