add ranking level titles to ranking div

assets/js/game-cards.js

@@ -196,7 +196,7 @@ $(window).bind("load", function(){
     function checkforWin() {
       // shared.pairsLeft = 0;
       // shared.clickCounter = 50;
-      if (shared.pairsLeft === 7) {
+      if (shared.pairsLeft === 0) {
         $($pairsFound).html("<span class='green'>All of them!<span>");
         stopTimer();
         getRank(shared.gameMode);

assets/styles/scss/style.scss

@@ -450,6 +450,23 @@ div#ranking-outer-overlay {
       position: absolute;
       top: 50%;
       left: 0;
+      padding: 3%;
+    }
+    .ranking-div {
+      width: 100%;
+      padding: 1% 0;
+      .ranking-row {
+        display: inline-block;
+        width: 23.33%;
+        color: darken($mainOrangeColor, 5%);
+        text: {
+          align: center;
+          transform: uppercase;
+        }
+        &:first-child {
+          width: 30%;
+        }
+      }
     }
   } // Ends inner div
 }
@@ -477,10 +494,7 @@ MEDIA QUERY - MEDIUM > 768px
       // border: 2px solid blue;
     }
   }
-  // h1:before {
-  //   content: "Width of 768px";
-  //   font-size: .3em;
-  // }
+
   body {
     width: 95%;
     max-width: 1200px;

index.html

@@ -128,7 +128,7 @@ <h1>Funny Cat Memory Game</h1>
           Game created by <a href="http://www.ly-n.com" target="_blank">Ly Nguyen</a>.
         </p>
         <p>Last updated:
-          <span class="date">5/9/16</span>
+          <span class="date">5/27/16</span>
         </p>
       </div>
 
@@ -162,8 +162,15 @@ <h1>Funny Cat Memory Game</h1>
         </div>
       </div>
 
+      <div class="ranking-div">
+        <div class="ranking-row">Level
+        </div><div class="ranking-row">Easy
+        </div><div class="ranking-row">Medium
+        </div><div class="ranking-row">Hard</div>
+      </div>
+
       <div class="construction">
-        Please be patient as this game is under construction right meow!
+        Please be patient as this game is under construction right meow!!!
       </div>
 
     </div>