From afcb7d2e1f8d8731797f406fe7d8dc69c48ed7fb Mon Sep 17 00:00:00 2001
From: Sarimoko <travis@sarimoko.com>
Date: Wed, 10 Nov 2021 10:03:37 +0000
Subject: [PATCH] Update 'www/index.html'

---
 www/index.html | 102 +++++++++++++++++++++++++++++++++----------------
 1 file changed, 69 insertions(+), 33 deletions(-)
diff --git a/www/index.html b/www/index.html
index 1a74e0a..e992dde 100644
--- a/www/index.html
+++ b/www/index.html
@@ -1,34 +1,70 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <!-- TITLE: Change to w/e you want! Not important -->
-        <title>Raid with Sarimoko | StreamRaiders.com/t/sarimoko</title>
+<!doctype html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>The Cord by Sarimoko</title>
+<meta name="author" content="Sarimoko by Travis Reames">
+<meta name="description" content="A landing page to redirect people to Sarimoko's Discord server!">
+<meta name="keywords" content="sarimoko, sari, moko, sariboto, boto, cord, discord">
+<link rel="icon" 
+      type="image/png" 
+      href="https://en.gravatar.com/userimage/208570096/d7e3f1a8a1358a94a6a45ada4e2d7d51.png">
+<meta http-equiv="Refresh" content="3; url=https://discordapp.com/invite/FYA9JMW" />
+<style type="text/css">
+	body, html
+	{
+		background: #5865f2; margin: 0; padding: 0; height: 100%; overflow: hidden;
+	}
+	
+	h1 {
+		color: white; top-margin: 50px; font-family: Consolas,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Monaco,Courier New,Courier,monospace;
+	}
+	h2, h3, h4, h5, h6, p, a {
+		color: white; font-family:Consolas,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Monaco,Courier New,Courier,monospace;
+	}
+	div
+	{
+		background: #36393f; border-radius: 12px; margin-left: 20%; margin-right: 20%; margin-botton: 20px; margin-top: 20px; position: relative; text-align: center; font-family:Consolas,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Monaco,Courier New,Courier,monospace;
+	}
+	button {
+		background: #5865f2; width: 70%; height: 80px; color: white; margin: 15px; font-size: 22px; border-radius: 6px; font-family:Consolas,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Monaco,Courier New,Courier,monospace;
+	}
+	@keyframes spinning {
+    from { transform: rotate(0deg) }
+    to { transform: rotate(360deg) }
+  }
+  .spin {
+    animation-name: spinning;
+    animation-duration: 3s;
+    animation-iteration-count: infinite;
+    /* linear | ease | ease-in | ease-out | ease-in-out */
+    animation-timing-function: linear;
+  }
+</style>
+</head>
 
-        <!-- META NAME="NOT REQUIRED!" -->
-        <meta name="author" content="Sarimoko by Travis Reames">
-        <meta name="description" content="A landing page or shortcut to StreamRaiders. Play along, while Sarimoko streams along!">
-        <meta name="keywords" content="sarimoko, sari, moko, sariboto, boto, streamraider, streamraiders, stream, raid, raider, raiders, ttv, twitch, minigame, mini-game, mini, game, view, viewer, engagement, viewership, activity, fun, add, on, add-on, ons, add-ons, addon, addons, lurk, lurking, lurkin, lurkers, lurkz">
-        <link rel="icon" 
-            type="image/png" 
-            href="https://en.gravatar.com/userimage/208570096/d7e3f1a8a1358a94a6a45ada4e2d7d51.png">
-        <meta http-equiv="Refresh" content="3; url=https://discordapp.com/invite/FYA9JMW" />
-        <!-- Basic Responsive Stylesheet | DON'T CHANGE!--> 
-        <style type="text/css">
-            body, html
-            {
-                margin: 0; padding: 0; height: 100%; overflow: hidden;
-            }
-
-            #content
-            {
-                position:absolute; left: 0; right: 0; bottom: 0; top: 0px; 
-            }
-        </style>
-    </head>
-    <body>
-        <div id="content">
-<p>You are being redirected to <a href="http://www.example.com/">some interesting page</a>.</p>
-<p>If you are not redirected after a few seconds, please click on the link above!</p>
-        </div>
-    </body>
-</html>
\ No newline at end of file
+<body><br>
+<br><br><br>
+<center><img src="https://en.gravatar.com/userimage/208570096/d7e3f1a8a1358a94a6a45ada4e2d7d51.png" class="spin"></center><br>
+	<div id="box" class="box">
+		<br>
+		<h1>The Cord</h1>
+		<h3>by Sarimoko</h3>
+		<progress value="0" max="5" id="progressBar"></progress>
+		<p>You will be re-directed in 5 seconds...</p>
+		<button id="gonow" class="gonow"><a href="https://discordapp.com/invite/FYA9JMW">Continue to Discord</a></button>
+		<br><br>
+	</div>
+	
+<script>
+	var timeleft = 10;
+	var downloadTimer = setInterval(function(){
+  	if(timeleft <= 0){
+    	clearInterval(downloadTimer);
+  	}
+  	document.getElementById("progressBar").value = 10 - timeleft;
+	timeleft -= 1;
+	}, 1000);
+</script>
+</body>
+</html>
