goofy topnav + newer style

sectorsedgecommunity · Aug 12, 2024 · ec4c874 · ec4c874
1 parent 48a3570
commit ec4c874
Show file tree

Hide file tree

Showing 4 changed files with 103 additions and 47 deletions.
diff --git a/css/style.css b/css/style.css
@@ -1,51 +1,112 @@
-@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@500&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&amp;display=swap');
 
-.banner {
-    width: 100%;
-    height: 300px;
-
-    background-image: linear-gradient(#0176c3, #111579);
-
-    display: flex;
-
-    align-items: center;
-    justify-content: center;
+body {
+    background-image:url("../ice-station-cropped.png");
+    background-position-x: 99%;
+    background-size: cover;
+    background-attachment: fixed;
+    height: 100%;
+    margin: 0px;
+    font-weight: 475;
+}
 
-    border-radius: 15px;
+a {
+    color: #1af7ff
 }
 
 p {
-    margin-top: 25px;
+    font-weight: 475;
+    margin: auto;
+    margin-top: 20px;
+    margin-bottom: 20px;
 
-    color: #172f70;
+    color: #FFF;
 
     text-align: center;
+    font-size: 12pt;
+    font-family: 'Montserrat', sans-serif;
+    background-color: #00000070;
+    width: fit-content;
+    padding: 20px;
+    padding-top: 10px;
+    line-height: 35px;
+}
 
-    font-size: 14pt;
+.nav {
+    margin-top: 0px;
+    width: 100%;
+    height: 40px;
+    background-color: #00000070;
+    border-bottom-color: #4c5250;
+    border-bottom-style: solid;
+    border-bottom-width: 1px;
+}
+.nav_logo {
+    width: 150px;
+    padding: 7px
+}
 
-    font-family: 'Comfortaa', sans-serif;
+iframe {
+    border: none
 }
 
-body {
-    background-color: #eee;
+.homepage {
+    border-bottom-style: solid !important;
+    border-bottom-color: #FFF !important;
+    border-bottom-width: 2px !important;
+    padding: 0px;
+    margin-left: 90px;
+    position: absolute;
+    width: 41px;
+    transition-duration: 400ms;
+    color: #FFF;
+
+    font-size: 10pt;
+    font-family: 'Montserrat', sans-serif;
+
+    background: none;
+    border: 0px;
 }
 
-button {
-    background-color: #172f70;
-    color: #eee;
+.serverlist {
+    margin-left: 90px !important;
+    padding: 0px;
+    position: absolute;
+    width: 71px;
+    transition-duration: 400ms;
+    color: #FFF;
+
+    font-size: 10pt;
+    font-family: 'Montserrat', sans-serif;
+    background: none;
+    border: 0px;
+}
+#nav_button {
+    font-weight: 475;
+    margin: 10px;
+    background: none;
+    border: none;
+}
 
-    width: 150px;
-    height: 80px;
+#nav_button:hover {
+    transition-duration: 400ms;
+    color: #EEE;
+}
 
-    font-size: 14pt;
+.download {
+    transition-duration: 400ms;
+    background-color: #14c5cc;
+    color: #000;
 
-    font-family: 'Comfortaa', sans-serif;
+    width: 120px;
+    height: 30px;
 
-    border: 0;
+    font-size: 12pt;
+    font-family: 'Montserrat', sans-serif;
 
-    border-radius: 10px;
+    border: 0;
 }
-
-button:hover {
-    background-color: #0176c3;
+.download:hover {
+    transition-duration: 200ms;
+    background-color: #1af7ff;
 }
diff --git a/ice-station-cropped.png b/ice-station-cropped.png
diff --git a/index.html b/index.html
@@ -10,28 +10,23 @@
 </head>
 
 <body>
-    <div class="banner">
-        <img src="se_logo.png" alt="Sector's Edge logo" width="100px" height="100px">
+    <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>
     </div>
     <p>
-        Sectors Edge has been shut down due and taken off of Steam because the idea was too ambitious and an insufficient player count. <br>
-        Click below to learn more:
+        Sectors Edge shut down on December 17th, 2023 due to the stressing workload of a multiplayer FPS game and short-lived active playerbase.
+        <br><br>
+        Learn more:
         <br>
+        <iframe src="https://www.youtube.com/embed/pzgSTF2mPt8" title="" width="640" height="360"></iframe>
         <br>
-        <iframe src="https://www.youtube.com/embed/pzgSTF2mPt8" title="" width="600" height="400"></iframe>
+        <a href="https://store.steampowered.com/news/app/1024890/view/3672177705987235200">Final Update steam post</a>
+        <br><br>
+        Sector's Edge is currently unavailable on Steam, but the developers have posted a non-Steam version of the game on GitHub.
         <br>
-        <br>
-        There is also the <a href="https://store.steampowered.com/news/app/1024890/view/3672177705987235200">last blog
-            post</a>
-        <br>
-        <br>
-        This is sad news for us sectors edge players but how are we going to get new players to play the game now?
-        <br>
-        Here is a secure download link to sectors edge
-        <br>
-        <br>
-        <button
-            onclick="window.location.href='https://github.com/sectorsedge/sectorsedge/releases/download/2.4.5b/se_245b_no_steam.zip'">Download</button>
+        <button class="download" onclick="window.location.href='https://github.com/sectorsedge/sectorsedge/releases/download/2.4.5b/se_245b_no_steam.zip'">Download</button>
     </p>
 </body>
 

diff --git a/se_community.png b/se_community.png