Updated website look.

sahailee · Dec 10, 2020 · df1dcaf · df1dcaf
1 parent 773c922
commit df1dcaf
Show file tree

Hide file tree

Showing 3 changed files with 73 additions and 9 deletions.
diff --git a/backend/functions/index.js b/backend/functions/index.js
@@ -12,6 +12,26 @@ app.use(express.json())
 
 let redirect_uri = REDIRECT_URI
 
+app.get('/success', function(req, res) {
+  var html = `<!DOCTYPE html>
+  <html lang="en">
+      <head>
+          <link rel="stylesheet" href="styles.css">
+      </head>
+      <body>
+        <div class="alert">
+              <h2>Login Complete. Return to GTA 5.</h2>
+              <h3>You may close this tab.</h3>
+          </div>
+          <div class="container center">
+              <h1>GTA 5 Spotify Radio Mod</h1>
+          </div>
+      </body>
+  </html>`;
+  res.writeHead(200, {"Content-Type": "text/HTML"});
+  res.write(html);
+  res.end();
+});
 
 app.get('/login', function(req, res) {
   let querystring = require('querystring')
@@ -44,7 +64,7 @@ app.get('/callback', function(req, res) {
   request.post(authOptions, function(error, response, body) {
     var access_token = body.access_token
     let uri = FRONTEND_URI
-    res.redirect(uri + '?access_token=' + access_token)
+    res.redirect(uri + '/success?access_token=' + access_token)
   })
 })
 

diff --git a/backend/public/index.html b/backend/public/index.html
@@ -1,15 +1,13 @@
 <!DOCTYPE html>
 <html lang="en">
     <head>
-        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+        <link rel="stylesheet" href="styles.css">
     </head>
     <body>
-        <h1>Return back to GTA 5.</h1>
-        <h2>You may close this tab.</h2>
-        <script>
-            const urlParams = new URLSearchParams(window.location.search);
-            const accessToken = urlParams.get("access_token");
-        </script>
-        <h2 id="token"></h2>
+        <div class="container center">
+            <h1>GTA 5 Spotify Radio Mod</h1>
+            <br/>
+            <a href="https://www.gta5-mods.com/scripts/spotify-radio-mod"><button class="btn success">Download</button></a>
+        </div>
     </body>
 </html>
diff --git a/backend/public/styles.css b/backend/public/styles.css
@@ -0,0 +1,46 @@
+html, body {margin: 0; height: 100%; background-color: #317901;}
+
+/* The alert message box */
+.alert {
+    padding: 15px;
+    background-color: white; /* Red */
+    color: black;
+    margin-bottom: 10px;
+  }
+.container {
+    height: 100%;
+}
+.center {
+    margin: 0;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    -ms-transform: translate(-50%, -50%);
+    transform: translate(-50%, -50%);
+}
+h1 {
+    color: white;
+    text-align: center;
+    font-size: 100pt;
+}
+.btn {
+    border: 2px solid black;
+    background-color: white;
+    color: black;
+    padding: 14px 28px;
+    font-size: 30px;
+    cursor: pointer;
+    border-radius: 5px;
+    width: 100%;
+}
+
+/* Green */
+.success {
+    border-color: #4CAF50;
+    color: green;
+}
+
+.success:hover {
+    background-color: #4CAF50;
+    color: white;
+}