feat: stuff

2023-08-24 15:19:10 +02:00 · 2023-08-24 15:19:10 +02:00 · aecfa26d47
parent f0c60cd10f
commit aecfa26d47
10 changed files with 129 additions and 13 deletions
--- a/404.html
+++ b/404.html
@ -49,7 +49,7 @@
        </ul>
        <ul class="navRight">
          <li>
-            <a class="buttonPrimary" href="#">
+            <a class="buttonPrimary" href="https://discord.com/api/oauth2/authorize?client_id=1144248396467683338&redirect_uri=https%3A%2F%2Fcrss.theclashfruit.page%2Fauth.html&response_type=code&scope=identify%20guilds">
              Login
            </a>
          </li>
--- a/auth.html
+++ b/auth.html
@ -0,0 +1,19 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+
+    <title>Authenticating...</title>
+
+    <noscript>
+      <h1>Authentication needs JavaScript!</h1>
+    </noscript>
+  </head>
+  <body>
+    <h1>Please wait...</h1>
+
+    <script src="js/auth.js"></script>
+  </body>
+</html>
--- a/css/_fonts.scss
+++ b/css/_fonts.scss
@ -1,11 +1,11 @@
@import url('https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&family=Noto+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');

+* {
+  font-family: "Noto Sans", "Noto Color Emoji", sans-serif;
+}
+
 h1, h2, h3, h4, h5, h6 {
  font-family: "Outfit", "Noto Color Emoji", sans-serif;

  margin-bottom: 6px;
-}
-
-p, a, label, button, input {
-  font-family: "Noto Sans", "Noto Color Emoji", sans-serif;
 }
--- a/css/style.css
+++ b/css/style.css
@ -4,15 +4,15 @@
  margin: 0;
 }

+* {
+  font-family: "Noto Sans", "Noto Color Emoji", sans-serif;
+}
+
 h1, h2, h3, h4, h5, h6 {
  font-family: "Outfit", "Noto Color Emoji", sans-serif;
  margin-bottom: 6px;
 }

-p, a, label, button, input {
-  font-family: "Noto Sans", "Noto Color Emoji", sans-serif;
-}
-
 body {
  background: #f8fafc;
 }
--- a/css/style.css.map
+++ b/css/style.css.map
@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["_fonts.scss","_reset.scss","style.scss"],"names":[],"mappings":"AAAQ;ACAR;EACE;EACA;;;ADAF;EACE;EAEA;;;AAGF;EACE;;;AENF;EACE;;;AAGF;EACE;EAEA;EAEA;;;AAGF;EACE;;;AAGF;EACE;EAEA;EAEA;EAEA;;AAEA;EACE;EAEA;EAEA;;AAEA;EACE;EAEA;EACA;EAEA;EACA;;;AAKN;EACE;EAEA;;AAEA;EACE;EAEA;EACA;EAEA;EACA;;AAEA;EACE;EAEA;EAEA;;AAGE;EACE;EAEA;EAEA;EAEA;;AAEA;EACE;;AAGF;EACE;EACA;;;AAQZ;EACE;;;AAGF;EACE;EACA;EAEA;EACA;;AAEA;EACE;EACA","file":"style.css"}
+{"version":3,"sourceRoot":"","sources":["_fonts.scss","_reset.scss","style.scss"],"names":[],"mappings":"AAAQ;ACAR;EACE;EACA;;;ADAF;EACE;;;AAGF;EACE;EAEA;;;AENF;EACE;;;AAGF;EACE;EAEA;EAEA;;;AAGF;EACE;;;AAGF;EACE;EAEA;EAEA;EAEA;;AAEA;EACE;EAEA;EAEA;;AAEA;EACE;EAEA;EACA;EAEA;EACA;;;AAKN;EACE;EAEA;;AAEA;EACE;EAEA;EACA;EAEA;EACA;;AAEA;EACE;EAEA;EAEA;;AAGE;EACE;EAEA;EAEA;EAEA;;AAEA;EACE;;AAGF;EACE;EACA;;;AAQZ;EACE;;;AAGF;EACE;EACA;EAEA;EACA;;AAEA;EACE;EACA","file":"style.css"}
--- a/index.html
+++ b/index.html
@ -49,7 +49,7 @@
        </ul>
        <ul class="navRight">
          <li>
-            <a class="buttonPrimary" href="#">
+            <a class="buttonPrimary" href="https://discord.com/api/oauth2/authorize?client_id=1144248396467683338&redirect_uri=https%3A%2F%2Fcrss.theclashfruit.page%2Fauth.html&response_type=code&scope=identify%20guilds">
              Login
            </a>
          </li>
--- a/js/auth.js
+++ b/js/auth.js
@ -0,0 +1,15 @@
+const authCode = new URL(document.location).searchParams.get('code')
+
+if(typeof authCode !== undefined) {
+  fetch('https://crss-api.theclashfruit.workers.dev/login', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json'
+    },
+    body: JSON.stringify({ authCode })
+  })
+    .then(res => res.text())
+    .then(res => {
+      console.log(res)
+    })
+}
--- a/map.html
+++ b/map.html
@ -49,7 +49,7 @@
        </ul>
        <ul class="navRight">
          <li>
-            <a class="buttonPrimary" href="#">
+            <a class="buttonPrimary" href="https://discord.com/api/oauth2/authorize?client_id=1144248396467683338&redirect_uri=https%3A%2F%2Fcrss.theclashfruit.page%2Fauth.html&response_type=code&scope=identify%20guilds">
              Login
            </a>
          </li>
--- a/nations.html
+++ b/nations.html
@ -0,0 +1,82 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+
+    <title>CRSS</title>
+
+    <link rel="icon"       href="favicon.ico">
+    <link rel="stylesheet" href="css/style.css">
+  </head>
+  <body>
+    <div class="pageHero" id="hero">
+      <div class="blurFiler">
+        <div class="container">
+          <h1>Clyde's Real Survival SMP</h1>
+
+          <div class="serverInfo">
+            Online: <label>0</label> / <label>20</label>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <nav class="pageNav" id="navigation">
+      <div class="container">
+        <ul class="navLeft">
+          <li>
+            <a href="index.html">
+              Home
+            </a>
+          </li>
+          <li>
+            <a class="active" href="#">
+              Nations
+            </a>
+          </li>
+          <li>
+            <a href="rules.html">
+              Rules
+            </a>
+          </li>
+          <li>
+            <a href="map.html">
+              Map
+            </a>
+          </li>
+        </ul>
+        <ul class="navRight">
+          <li>
+            <a class="buttonPrimary" href="https://discord.com/api/oauth2/authorize?client_id=1144248396467683338&redirect_uri=https%3A%2F%2Fcrss.theclashfruit.page%2Fauth.html&response_type=code&scope=identify%20guilds">
+              Login
+            </a>
+          </li>
+        </ul>
+      </div>
+    </nav>
+
+    <main class="pageContent" id="content">
+      <div class="container">
+        <p>⚒️ Under Construction</p>
+      </div>
+    </main>
+
+    <footer class="pageFooter container" id="footer">
+      <div class="left">
+        <p class="copyright">
+          Copyright &copy; 2023 CRSS
+        </p>
+        <p class="sponsors">
+          Brought to by TCFRHC LLC., PrideCraft, TheClashFruit's Gitea.
+        </p>
+      </div>
+      <div class="left">
+
+      </div>
+    </footer>
+
+    <script src="js/main.js"></script>
+  </body>
+</html>
--- a/rules.html
+++ b/rules.html
@ -49,7 +49,7 @@
        </ul>
        <ul class="navRight">
          <li>
-            <a class="buttonPrimary" href="#">
+            <a class="buttonPrimary" href="https://discord.com/api/oauth2/authorize?client_id=1144248396467683338&redirect_uri=https%3A%2F%2Fcrss.theclashfruit.page%2Fauth.html&response_type=code&scope=identify%20guilds">
              Login
            </a>
          </li>