Port over the updated top-nav and pray nothing else breaks

sectorsedgecommunity · Aug 18, 2024 · 1ce3b62 · 1ce3b62
1 parent ec22003
commit 1ce3b62
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 6 deletions.
diff --git a/css/style.css b/css/style.css
@@ -16,6 +16,8 @@ body {
     Nav
 */
 .nav {
+    font-size: 12px;
+    display: flex;
     margin-top: 0px;
     width: 100%;
     height: 40px;
@@ -24,10 +26,23 @@ body {
     border-bottom-style: solid;
     border-bottom-width: 1px;
 }
+
 .nav_logo {
-    width: 150px;
     padding: 7px
 }
+.nav > a {
+    font-size: 12px;
+    font-family: 'Montserrat', sans-serif;
+    font-weight: 475;
+    margin-top: 12px !important;
+    margin-bottom: 10px !important;
+    border-width: 2px !important;
+    text-decoration: none;
+    margin: 12px;
+    display: inline-flex;
+    align-content: center;
+    color: white
+}
 .homepage {
     padding: 0px;
     margin-left: 90px;

diff --git a/index.html b/index.html
@@ -11,11 +11,12 @@
   </head>
   <body>
     <div class="nav">
-            <img class="nav_logo" src="se_community.png" alt="Sector's Edge Community logo" width="150px">
-            <button class="homepage" id="nav_button" onclick="window.location.href='https://sectorsedgecommunity.github.io/website'">Home</button>
-            <button class="serverlist" id="nav_button" onclick="window.location.href='https://sectorsedgecommunity.github.io/serverslist'">Server List</button>
-            <button class="mapmaking" id="nav_button" onclick="window.location.href='https://sectorsedgecommunity.github.io/mapping-docs/legacy_index'">Mapmaking Documentation</button>
-    </div>
+      <img class="nav_logo" src="se_community.png" alt="Sector's Edge Community logo">
+      <a href="https://sectorsedgecommunity.github/io/index.html">Home</a>
+      <a href="https://sectorsedgecommunity.github/io/community.html">Community</a>
+      <a href="https://sectorsedgecommunity.github.io/serverslist" style="border-bottom: solid">Server List</a>
+      <a href="https://sectorsedgecommunity.github/io/map_making.html">Map Making</a>
+  </div>
   <table class="server_list" overflow-x:auto>
     <tr>
       <th class="server_region" style="padding-left: 20px">Region</th>