css suite memory

This commit is contained in:
DonRenando 2015-03-07 01:25:55 +01:00
parent d319cb7ba2
commit c6ae337eca
3 changed files with 19 additions and 12 deletions

View File

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

View File

@ -33,13 +33,8 @@
@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! -->
<script> <script>
(function(){ (function(){

View File

@ -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 id="my-memory-game"></div> <div class="col-xs-10 col-md-12">
<div id="my-memory-game"></div>
</div>
</div>
</div> </div>
</div><!-- /.content --> </div><!-- /.content -->