always show burger

+ move zen button to burger + style burger items
pastagang · Jan 7, 2025 · 82fb07e · 82fb07e
1 parent f196552
commit 82fb07e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 24 deletions.
diff --git a/index.html b/index.html
@@ -8,21 +8,20 @@
   </head>
 
   <body>
-    <button id="zen-button">☮ Zen</button>
     <marquee id="mantra" scrollamount="2" class="fade-in">nudel is a space</marquee>
     <header class="page-title">
       <span class="title">
         <h1 style="margin-bottom: 0px">nudel</h1>
         <p style="margin-top: 0px">by pastagang</p>
       </span>
       <nav>
-        <!-- <button id="zen-button">☮ Zen</button> -->
         <div class="dropdown">
           <button>☰</button>
           <div class="dropdown-content">
             <button id="about-button">? About</button>
-            <button id="export-button">⇓ Export</button>
             <button id="settings-button">⚙ Settings</button>
+            <button id="zen-button">☮ Zen</button>
+            <button id="export-button">⇓ Export</button>
             <div class="mcplant">
               <button>🌱 McPlant</button>
               <span class="tooltip">Vegetarianism propaganda in my burger menu?!</span>

diff --git a/src/style.css b/src/style.css
@@ -312,16 +312,6 @@ iframe#shader {
     background: transparent;
   }
 
-  #settings-button {
-    display: none;
-  }
-  #about-button {
-    display: none;
-  }
-  #export-button {
-    display: none;
-  }
-
   .page-title {
     padding-top: 0px;
   }
@@ -330,11 +320,6 @@ iframe#shader {
     z-index: 1000;
   }
 
-  button {
-    border: none;
-    background: rgba(0, 0, 0, 0.66);
-  }
-
   select {
     border: none;
     outline: none;
@@ -376,15 +361,15 @@ iframe#shader {
   }
 }
 
-#zen-button {
+.dropdown {
   position: fixed;
   z-index: 1000;
-  bottom: 0;
+  top: 0;
   right: 0;
-}
-
-.dropdown {
-  position: relative;
+  button {
+    width: 100%;
+    text-align: left;
+  }
 }
 .dropdown-content {
   display: none;