diff options
| author | s1n <[email protected]> | 2019-10-20 19:09:53 -0700 |
|---|---|---|
| committer | s1n <[email protected]> | 2019-10-20 19:09:53 -0700 |
| commit | ca9c832f875194684f02b89feb2cf47f9f867491 (patch) | |
| tree | c0ea440ac9306addd221c6f6314e1ea44db3f05b | |
| parent | formatting and linking for cars (diff) | |
| download | s1n.pw-admin-ca9c832f875194684f02b89feb2cf47f9f867491.tar.xz s1n.pw-admin-ca9c832f875194684f02b89feb2cf47f9f867491.zip | |
/to/ for link shortener, very useful :), grammer
| -rw-r--r-- | to/example/index.html | 84 | ||||
| -rw-r--r-- | to/js/countdown.js | 25 |
2 files changed, 109 insertions, 0 deletions
diff --git a/to/example/index.html b/to/example/index.html new file mode 100644 index 0000000..19d5223 --- /dev/null +++ b/to/example/index.html @@ -0,0 +1,84 @@ +<!DOCTYPE html> +<body lang="en"> + + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta http-equiv="X-UA-Compatible" content="ie=edge"> + <title>s1nical - Loading...</title> + <!-- External Links --> + <script src="https://cdnjs.cloudflare.com/ajax/libs/trianglify/0.3.1/trianglify.min.js"></script> + <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> + <script src="https://code.jquery.com/jquery-1.10.2.js"></script> + <!-- CSS Links --> + <link rel="stylesheet" href="/about/css/main.css"> + <link rel="stylesheet" href="/about/css/navigation-bar.css"> + <link rel="stylesheet" href="/about/css/loader-animation.css"> + <link rel="stylesheet" href="/about/css/blog-slider.css"> + <link rel="stylesheet" href="/404/css/main.css"> + <!-- Invisible Scripts --> + <script src="/js/loader-animation.js"></script> + <script src="/404/js/redirect-to-mobile.js"></script> + <script> + var timer = setTimeout(function() { + window.location='http://example.com' + }, 6000); + </script> + </head> + + <body> + <!-- Visable Links --> + <script src="/js/background-sparkles.js"></script> + <script src="/to/js/countdown.js"></script> + + <!-- Navigation Bar --> + <div class="navigation-bar"> + <nav class="nav"> + <a href="/" class="nav-item" active-color="orange">Home</a> + <!-- Had `is-active` after it but removed it due to not highlighting. --> + <a href="/about/" class="nav-item" active-color="green">About</a> <!-- About --> + <!--<a href="/dino/" class="nav-item" active-color="blue">Dino</a> <!-- Testimonials --> + <!--<a href="/doge" class="nav-item" active-color="red">Doge</a> <!-- Blog --> + <!--<a href="/cars/" class="nav-item" active-color="rebeccapurple">Cars</a> <!-- Contact --> + <a href="https://nani.s1n.pw" class="nav-item" active-color="rebeccapurple">Nani?!</a> + <span class="nav-indicator"></span> + </nav> + </div> + + <div class="bio"> + <div class="links"> + <div class="blog-slider"> + <div class="content" style="text-align: center;"> + <h1>Loading...</h1> + <h2>Redirecting in <span id="time"></span> seconds</h2> + <h1> + <!-- Filler --> + </h1> + </div> + </div> + </div> + </div> + + <!-- Loading Animation --> + <div class="loader-wrapper"> + <div class="loader"> + <row> + <span></span> + <span></span> + <span></span> + </row> + <row> + <span></span> + <span></span> + <span></span> + </row> + <row> + <span></span> + <span></span> + <span></span> + </row> + </div> + </div> + </body> + +</body>
\ No newline at end of file diff --git a/to/js/countdown.js b/to/js/countdown.js new file mode 100644 index 0000000..c31a289 --- /dev/null +++ b/to/js/countdown.js @@ -0,0 +1,25 @@ +function startTimer(duration, display) { + var timer = duration, + minutes, seconds; + setInterval(function () { + minutes = parseInt(timer / 60, 10); + seconds = parseInt(timer % 60, 10); + + // minutes = minutes < 10 ? "0" + minutes : minutes; + seconds = seconds < 10 ? "" + seconds : seconds; // In "" should be 0 + + display.textContent = seconds; + // Original with minutes + // display.textContent = minutes + ":" + seconds; + + if (--timer < 0) { + timer = duration; + } + }, 1000); +} + +window.onload = function () { + var fiveMinutes = 5 * 1, // 60 * 5 + display = document.querySelector('#time'); + startTimer(fiveMinutes, display); +};
\ No newline at end of file |