Fixed fonts, beginning of a menu system

2025-01-07 02:05:50 +01:00
3 changed files with 30 additions and 6870 deletions
--- a/6865
+++ b/6865
--- a/extra/style.css
+++ b/extra/style.css
@ -1,3 +1,6 @@
+* {
+    font-family: monospace;
+}
 #map { 
    height: 100vh; 
    width: 100%; 
@ -7,14 +10,33 @@
 }

 #sidebar {
+    transition-duration: 500ms;
    position: absolute;
-    width:10%;
-    height:10%;
-    visibility: collapse;
-    overflow: hidden;
+    width:20%;
+    height:50%;
+    top: 25%;
+    right: -20%;
+    z-index: 4000;
+    background-color: whitesmoke;
+    margin-left: 10px;
+}
+#sidebarText {
+    
+    position:relative;
+    top: 0px;
+    left:-50px;
+    width: 150%;
+    height: 8%;
+    text-align: left;
+    background-color: grey;

 }

+#sidebar:hover {
+    transition-duration: 500ms;
+    right: 0%;
+}
+
 body {
    height: 100%;
    width: 100%;
--- a/index.html
+++ b/index.html
@ -11,6 +11,9 @@
    <body>
        <div id="map"></div>
        <script src="./map.js"></script>
-        <div id="sidebar"></div>
+        <div id="sidebar">
+            <p id="sidebarText">Menu</p>
+            <p>Test</p>
+        </div>
    </body>
 </html>