Merge pull request #1 from wearrqqws/responsive

Make Nebula responsive
NebulaServices · Sep 26, 2022 · 3b8b1e2 · 3b8b1e2
2 parents 042d0df + b572e88
commit 3b8b1e2
Show file tree

Hide file tree

Showing 3 changed files with 1,873 additions and 14 deletions.
diff --git a/static/index.html b/static/index.html
@@ -62,7 +62,7 @@ <h1 style='color:black;'>Hold up!</h1>
         <h1 class="nebHeader">nebula.</h1>
 
         <ul>
-<li> 
+<li id="digitalCLOContainerLI"> 
 <h2 id='digitalCLOContainer' style="
     user-select: none;
     cursor: default;
@@ -88,19 +88,18 @@ <h1 class="nebHeader">nebula.</h1>
     color: white;
 "></span>
 </li>
-            <li>
-                <a id='gamesRadon' class="a-navbutton" href='#' onclick="link('https://radon.games/')"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6" style="
-    width: 23px;">
-  <path  style="fill: #ffffff00;" stroke-linecap="round" stroke-linejoin="round" d="M21 7.5l-9-5.25L3 7.5m18 0l-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-9v9" />
-</svg>
-&nbsp;Games</a>
-            </li>
-            <li>
-                <a class="a-navbutton" href="options"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6" style="
-    width: 23px;">
-  <path stroke-linecap="round" stroke-linejoin="round" d="M6 13.5V3.75m0 9.75a1.5 1.5 0 010 3m0-3a1.5 1.5 0 000 3m0 3.75V16.5m12-3V3.75m0 9.75a1.5 1.5 0 010 3m0-3a1.5 1.5 0 000 3m0 3.75V16.5m-6-9V3.75m0 3.75a1.5 1.5 0 010 3m0-3a1.5 1.5 0 000 3m0 9.75V10.5" />
-</svg>
-&nbsp;Settings</a>
+
+<li>
+    <a id='gamesRadon' class="a-navbutton" href='#' onclick='link("https://radon.games/")''>
+    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6" style="width: 23px;">
+    <path style="fill: #ffffff00;" stroke-linecap="round" stroke-linejoin="round" d="M21 7.5l-9-5.25L3 7.5m18 0l-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-9v9"/>
+</svg>&nbsp;Games</a>
+</li>
+<li>
+    <a class="a-navbutton" href="options"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6" style="
+width: 23px;">
+<path stroke-linecap="round" stroke-linejoin="round" d="M6 13.5V3.75m0 9.75a1.5 1.5 0 010 3m0-3a1.5 1.5 0 000 3m0 3.75V16.5m12-3V3.75m0 9.75a1.5 1.5 0 010 3m0-3a1.5 1.5 0 000 3m0 3.75V16.5m-6-9V3.75m0 3.75a1.5 1.5 0 010 3m0-3a1.5 1.5 0 000 3m0 9.75V10.5" />
+</svg>&nbsp;Settings</a>
             </li>
 
             <li>
@@ -112,6 +111,22 @@ <h1 class="nebHeader">nebula.</h1>
             </li>
         </ul>
     </div>
+<span class="sidenav-btn" id="sidenav-btn" onclick="openNav()">
+    <svg class="menu-bar" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"></path></svg>
+</span>
+<div id="sidenav" class="sidenav">
+    <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
+    <a href="" class="a-navbutton"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6" style="width: 23px;"><path style="fill: #ffffff00;" stroke-linecap="round" stroke-linejoin="round" d="M21 7.5l-9-5.25L3 7.5m18 0l-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-9v9"/>
+</svg>&nbsp;Games</a>
+    <a class="a-navbutton" href="options"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6" style="width: 23px;">
+    <path stroke-linecap="round" stroke-linejoin="round" d="M6 13.5V3.75m0 9.75a1.5 1.5 0 010 3m0-3a1.5 1.5 0 000 3m0 3.75V16.5m12-3V3.75m0 9.75a1.5 1.5 0 010 3m0-3a1.5 1.5 0 000 3m0 3.75V16.5m-6-9V3.75m0 3.75a1.5 1.5 0 010 3m0-3a1.5 1.5 0 000 3m0 9.75V10.5" />
+</svg>&nbsp;Settings</a>
+<a class="a-navbutton" href="https://discord.gg/unblocker">
+    <svg style="
+    width: 23px;" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+    <path style="fill: #ffffff00;" stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244" />
+</svg>&nbsp;Want More Links?</a>
+</div>
     <div id="content">