diff --git a/index.html b/index.html
index 88a9464..8de18f2 100644
--- a/index.html
+++ b/index.html
@@ -9,8 +9,13 @@
 
   <body>
     <header>
-      <h1 style="margin-bottom: 0px">nudelsalat</h1>
-      <p style="margin-top: 0px">by pastagang</p>
+      <span>
+        <h1 style="margin-bottom: 0px">nudelsalat</h1>
+        <p style="margin-top: 0px">by pastagang</p>
+      </span>
+      <nav>
+        <button id="settings" onclick="alert('todo')">⚙ Settings</button>
+      </nav>
     </header>
     <div class="slots">
       <div class="slot" id="slot-1">
@@ -95,6 +100,13 @@ <h1 style="margin-bottom: 0px">nudelsalat</h1>
       </div>
     </div>
 
+    <!-- <div class="dialog-container">
+      <dialog open>
+        <h1>Settings</h1>
+        <p>This is where settings can go!</p>
+      </dialog>
+    </div> -->
+
     <script type="module" src="./src/main.js"></script>
   </body>
 </html>
diff --git a/src/theme.js b/src/theme.js
index d440f08..36fffa6 100644
--- a/src/theme.js
+++ b/src/theme.js
@@ -41,6 +41,7 @@ let theme = EditorView.theme(
       // Let's add settings for this!!!!!!!!!!
       // "border-left-width": "11px",
       // ok. i think it would anyway be better if the cursor had a nametag but i still haven't found where this happens in flok
+      // yes!
     },
     ".cm-activeLine, .cm-activeLineGutter": {
       "background-color": "#aaaaaa20",
