Update 'www/index.html'
This commit is contained in:
parent
f9665d65bb
commit
afcb7d2e1f
102
www/index.html
102
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">
|
<!doctype html>
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<!-- TITLE: Change to w/e you want! Not important -->
|
<meta charset="utf-8">
|
||||||
<title>Raid with Sarimoko | StreamRaiders.com/t/sarimoko</title>
|
<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!" -->
|
<body><br>
|
||||||
<meta name="author" content="Sarimoko by Travis Reames">
|
<br><br><br>
|
||||||
<meta name="description" content="A landing page or shortcut to StreamRaiders. Play along, while Sarimoko streams along!">
|
<center><img src="https://en.gravatar.com/userimage/208570096/d7e3f1a8a1358a94a6a45ada4e2d7d51.png" class="spin"></center><br>
|
||||||
<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">
|
<div id="box" class="box">
|
||||||
<link rel="icon"
|
<br>
|
||||||
type="image/png"
|
<h1>The Cord</h1>
|
||||||
href="https://en.gravatar.com/userimage/208570096/d7e3f1a8a1358a94a6a45ada4e2d7d51.png">
|
<h3>by Sarimoko</h3>
|
||||||
<meta http-equiv="Refresh" content="3; url=https://discordapp.com/invite/FYA9JMW" />
|
<progress value="0" max="5" id="progressBar"></progress>
|
||||||
<!-- Basic Responsive Stylesheet | DON'T CHANGE!-->
|
<p>You will be re-directed in 5 seconds...</p>
|
||||||
<style type="text/css">
|
<button id="gonow" class="gonow"><a href="https://discordapp.com/invite/FYA9JMW">Continue to Discord</a></button>
|
||||||
body, html
|
<br><br>
|
||||||
{
|
</div>
|
||||||
margin: 0; padding: 0; height: 100%; overflow: hidden;
|
|
||||||
}
|
<script>
|
||||||
|
var timeleft = 10;
|
||||||
#content
|
var downloadTimer = setInterval(function(){
|
||||||
{
|
if(timeleft <= 0){
|
||||||
position:absolute; left: 0; right: 0; bottom: 0; top: 0px;
|
clearInterval(downloadTimer);
|
||||||
}
|
}
|
||||||
</style>
|
document.getElementById("progressBar").value = 10 - timeleft;
|
||||||
</head>
|
timeleft -= 1;
|
||||||
<body>
|
}, 1000);
|
||||||
<div id="content">
|
</script>
|
||||||
<p>You are being redirected to <a href="http://www.example.com/">some interesting page</a>.</p>
|
</body>
|
||||||
<p>If you are not redirected after a few seconds, please click on the link above!</p>
|
</html>
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
Loading…
Reference in New Issue