added fixed navbar

SyntaxError52 · web-flow · commit e38d682bae74 · 2024-08-07T18:52:14.000-05:00
diff --git a/blue.css b/blue.css
@@ -25,6 +25,13 @@ body {
     vertical-align: -200px;
 }
 
+.navbar {
+    width: 100%;
+    position: fixed;
+    z-index: 69420;
+    background-color: #1c1c1c;
+}
+
 .nav-button {
     border-radius: 10px;
     border: transparent;
diff --git a/dark.css b/dark.css
@@ -25,6 +25,13 @@ body {
     vertical-align: -200px;
 }
 
+.navbar {
+    width: 100%;
+    position: fixed;
+    z-index: 69420;
+    background-color: #1c1c1c;
+}
+
 .nav-button {
     border-radius: 10px;
     border: transparent;
diff --git a/index.html b/index.html
@@ -10,29 +10,28 @@
     <script src="theme-toggle.js" defer></script>
 </head>
 <body>
+    <ul class="navbar">
+        <li class="right">&nbsp;</li>
+        <li class="right"><a href="media.html">Media</a></li>
+        <li class="right"><a href="archives.html">Archives</a></li>
+        <li class="right"><a href="tos.html">Terms of Service</a></li>
+        <li class="right"><a href="meet-the-developers.html">Meet the Developers</a></li>
+        <li class="right"><a href="help.html">Help</a></li>
+        <li class="right"><a href="changelog.html">Changelog</a></li>
+        <li class="right"><a href="news.html">Newsletter</a></li>
+        <li class="right"><a href="index.html" class="active">Start</a></li>
+        <li class="left"><a href="index.html" style="font-size: 22px;"><img src="img/favicon.png" class="logo" alt="">&nbsp;&nbsp;Classboard</a></li>&nbsp;&nbsp;
+        <li class="left">
+            <select id="theme-selector">
+                <option value="style.css">Light Theme</option>
+                <option value="dark.css">Dark Theme</option>
+                <option value="matrix.css">Matrix Theme</option>
+                <option value="future.css">Future Theme</option>
+                <option value="blue.css">Blue Theme</option>
+            </select>
+        </li>
+    </ul>
     <div class="banner-home">
-        <ul class="navbar">
-            <li class="right">&nbsp;</li>
-            <li class="right"><a href="media.html">Media</a></li>
-            <li class="right"><a href="archives.html">Archives</a></li>
-            <li class="right"><a href="tos.html">Terms of Service</a></li>
-            <li class="right"><a href="meet-the-developers.html">Meet the Developers</a></li>
-            <li class="right"><a href="help.html">Help</a></li>
-            <li class="right"><a href="changelog.html">Changelog</a></li>
-            <li class="right"><a href="news.html">Newsletter</a></li>
-            <li class="right"><a href="index.html" class="active">Start</a></li>
-            <li class="left"><a href="index.html" style="font-size: 22px;"><img src="img/favicon.png" class="logo" alt="">&nbsp;&nbsp;Classboard</a></li>&nbsp;&nbsp;
-            <li class="left">
-                <select id="theme-selector">
-                    <option value="style.css">Light Theme</option>
-                    <option value="dark.css">Dark Theme</option>
-                    <option value="matrix.css">Matrix Theme</option>
-                    <option value="future.css">Future Theme</option>
-                    <option value="blue.css">Blue Theme</option>
-                </select>
-            </li>
-        </ul>
-        <br><br>
         <h1 style="font-size: 81px; font-weight: 1000; margin-bottom: -10px; color: white;">Classboard</h1>
         <p style="font-size: 17px; font-weight: bold;"><i>Your bookmarks and shortcuts made easy</i></p>
     </div>
diff --git a/style.css b/style.css
@@ -28,6 +28,7 @@ body {
     width: 100%;
     position: fixed;
     z-index: 69420;
+    background-color: #1c1c1c;
 }
 
 .nav-button {

Original file line number	Diff line number	Diff line change
`@@ -28,6 +28,7 @@ body {`
`28`	`28`	`width: 100%;`
`29`	`29`	`position: fixed;`
`30`	`30`	`z-index: 69420;`
	`31`	`+ background-color: #1c1c1c;`
`31`	`32`	`}`
`32`	`33`
`33`	`34`	`.nav-button {`