From 8b6ee506259726d033e4857ed3b43946a4c0938a Mon Sep 17 00:00:00 2001
From: Cobalt-60 <95923271+plastics-eater@users.noreply.github.com>
Date: Thu, 15 Aug 2024 12:05:49 +0000
Subject: [PATCH] premium updates

---
 static/assets/css/main.css |  3 +--
 static/assets/css/nav.css  | 13 -------------
 static/premium.html        | 39 ++++++++++++++++++++++++++++++++++++++
 templates/navbar.html      |  4 +++-
 4 files changed, 43 insertions(+), 16 deletions(-)
 create mode 100644 static/premium.html
diff --git a/static/assets/css/main.css b/static/assets/css/main.css
index 0f3110e..3367772 100644
--- a/static/assets/css/main.css
+++ b/static/assets/css/main.css
@@ -79,7 +79,7 @@ body::-webkit-scrollbar-corner {
 .row.mainpage {
     position: absolute;
     margin-top: 0px;
-    top: calc(calc(9vh + 2.5em) + 100px);
+    top: calc(calc(9vh + 2.5em) + 60px);
     bottom: 50px;
 }
 
@@ -621,7 +621,6 @@ input:checked+.slider:before {
     color: var(--text);
     overflow: hidden;
     margin-left: 50px;
-    margin-right: 25px;
     text-align: center;
 }
 
diff --git a/static/assets/css/nav.css b/static/assets/css/nav.css
index f080e54..401d353 100644
--- a/static/assets/css/nav.css
+++ b/static/assets/css/nav.css
@@ -76,19 +76,6 @@
   background-color: var(--button-bg);
 }
 
-.premium {
-  border-style: solid;
-  border-width: 0.3vh;
-  margin: 0.3rem;
-  padding: 0.8rem;
-  cursor: pointer;
-  font-size: 2.7vh;
-  border-radius: 1.5vh;
-  border-color: var(--button-bg);
-  transition: border-color 0.4s linear;
-  background-color: blue;
-}
-
 .navbar > .right > a:hover {
   border-color: var(--nav-hover);
 }
diff --git a/static/premium.html b/static/premium.html
new file mode 100644
index 0000000..98999f8
--- /dev/null
+++ b/static/premium.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <!--el:meta-->
+  <!--el:adtop-->
+  <!--el:analytics-->
+
+  <link rel="stylesheet" href="/assets/css/main.css">
+
+  <title>Premium | Polaris</title>
+</head>
+
+<body>
+  <!--el:navbar-->
+  <!--el:sidebar-->
+  <br>
+  <div class="content">
+    <div class="container centered">
+        <h1 style="font-size: 6vh; margin: 0;" class="gamesectionheader">Premium</h1>
+        <h1 style="font-size: 2vh; margin: 0;" class="gamesectionheader">Coming Soon...</h1>
+        <br>
+        <p>With a premium membership you will get access to</p>
+        <ul style="text-align: left;">
+         <li>High speed exclusive servers</li>
+         <li>Insider information on future updates</li>
+         <li>Early access to new links</li>
+         <li>And much more to come</li>
+        </ul>
+    </div>
+  </div>
+    <!--el:discord_widget-->
+
+    <script src="/assets/js/main.js" type="module"></script>
+
+    <!--el:{{mode === 'dev'}}:development-->
+</body>
+
+</html>
diff --git a/templates/navbar.html b/templates/navbar.html
index 74e564e..c777ecd 100644
--- a/templates/navbar.html
+++ b/templates/navbar.html
@@ -9,7 +9,9 @@
   </a>
 
   <div class="right">
-    <a href="" class="premium"><i class="fa-solid fa-star"></i>Premium</a>
+    <a href="/premium" class="premium" style="border-color: rgb(0, 60, 255);"
+      ><i class="fa-solid fa-star"></i>Premium</a
+    >
     <a href="/games" class="navButton"
       ><i class="fa-solid fa-gamepad-modern fa-xs"></i>Games</a
     >
