css suite memory

SRC/public/js/memory.js

@@ -60,7 +60,7 @@
    * onGameStart: callback for when game starts
    * onGameEnd: callback for when game ends
    */
-
+/*
   Memory.prototype.options = {
     wrapperID : "container",
     cards : [
@@ -132,7 +132,7 @@
     onGameStart : function() { return false; },
     onGameEnd : function() { return false; }
   }
-
+*/
   /**
    * Memory _init - initialise Memory
    *
@@ -212,13 +212,17 @@
     this.gameMeta.innerHTML = this.gameMetaHTML;
     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>\
       <p class="mg__start-screen--text">blablabla</p>\
       <h3 class="mg__start-screen--sub-heading">Choisir niveau</h3>\
       <ul class="mg__start-screen--level-select">\
-      <li><span data-level="1"> facile (4 )</span></li>\
-      <li><span data-level="2"> moyen (6 )</span></li>\
-      <li><span data-level="3"> dur (8 )</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"><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"><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>';
     this.gameStartScreen.innerHTML = this.gameStartScreenHTML;
     this.game.appendChild(this.gameStartScreen);

SRC/resources/views/app.blade.php

@@ -33,13 +33,8 @@
 	@endif
 
 	@yield('content')
-	<!-- script jeu memory -->
-	<!-- js -->
-	<script src="/js/classList.min.js"></script>
-	<script src="/js/memory.js"></script>
 
 
-	
 	<!-- start memory! -->
 	<script>
 		(function(){

SRC/resources/views/one_referent_game.blade.php

@@ -5,6 +5,11 @@
 
 <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> -->
 
@@ -12,8 +17,11 @@
 
 	<div class="content">
 		<div class="container">
-
-			<div id="my-memory-game"></div>
+			<div class="row">
+				<div class="col-xs-10 col-md-12">
+					<div id="my-memory-game"></div>
+				</div>
+			</div>
 
 		</div>
 	</div><!-- /.content -->