diff --git a/src/components/navbar/navbar.component.js b/src/components/navbar/navbar.component.js
index dd536a88..45d21b01 100644
--- a/src/components/navbar/navbar.component.js
+++ b/src/components/navbar/navbar.component.js
@@ -4,8 +4,8 @@ module.exports = {
     onCreate(input) {
         this.state = {
             homePage: "/",
-            isController: false
-
+            isController: false,
+            isMememode: false
         }
     },
     onMount() {
diff --git a/src/components/navbar/navbar.marko b/src/components/navbar/navbar.marko
index fb6cbdfb..a7c5568a 100644
--- a/src/components/navbar/navbar.marko
+++ b/src/components/navbar/navbar.marko
@@ -30,6 +30,9 @@
           <li>
             <a href="/elo">Elo</a>
           </li>
+          <li>
+            <a href="/badges">Badges</a>
+          </li>
           <li>
             <a href="/matches">Matches</a>
           </li>
@@ -47,6 +50,16 @@
               <i class="fas fa-cogs" data-toggle="tooltip" data-placement="top" title="View"/>
             </a>
           </li>
+          <li>
+            <div>
+              <input type="checkbox" id="mememode" name="mememode" checked=state.mememode
+                  on-change(event => {
+                      console.info(`Checked? ${event.target.checked}`);
+                      localStorage.setItem('mememode', event.target.checked);
+                  })/>
+              <label for="mememode">Meme Mode</label>
+            </div>
+          </li>
         </ul>
       </div>
     </div>