Ranunculales, Johann Sinnhuber, WAMZ & Peter Weinberg

web/shuffle/example.css

@@ -41,6 +41,7 @@ body {
   background-color: #334d41;
   padding: 0.25rem;
   text-align: center;
+  z-index: 1;
 }
 #topbar button {
   background: none;
@@ -53,6 +54,7 @@ body {
   line-height: 1;
   color: #fff;
   cursor: pointer;
+  z-index: 1;
 }
 #topbar button:hover {
   background-color: #fff;

web/shuffle/example.js

@@ -10,26 +10,17 @@ var translate = Deck.translate
 var $container = document.getElementById('container')
 var $topbar = document.getElementById('topbar')
 
-var $sort = document.createElement('button')
 var $shuffle = document.createElement('button')
 var $bysuit = document.createElement('button')
 var $fan = document.createElement('button')
-var $poker = document.createElement('button')
-var $flip = document.createElement('button')
 
 $shuffle.textContent = 'Shuffle'
-$sort.textContent = 'Sort'
 $bysuit.textContent = 'By suit'
 $fan.textContent = 'Fan'
-$poker.textContent = 'Poker'
-$flip.textContent = 'Flip'
 
-$topbar.appendChild($flip)
 $topbar.appendChild($shuffle)
 $topbar.appendChild($bysuit)
 $topbar.appendChild($fan)
-$topbar.appendChild($poker)
-$topbar.appendChild($sort)
 
 var deck = Deck()
 

web/shuffle/index.html

@@ -69,7 +69,6 @@
 
     <canvas id="canvas-image"></canvas>
 
-    <script src="deck.js"></script>
     <script src="deck.js"></script>
 
     <script src="example.js"></script>