diff options
| author | s1n <[email protected]> | 2020-03-28 10:31:08 -0700 |
|---|---|---|
| committer | s1n <[email protected]> | 2020-03-28 10:31:08 -0700 |
| commit | 6b81836e6b9815a2996a55ad37dcaa4d89f99e42 (patch) | |
| tree | 74bb9aa78ca31a6acfffd908e34dfb0df433c707 /to | |
| parent | Create .gitignore (diff) | |
| download | cyne.cf-backup-master.tar.xz cyne.cf-backup-master.zip | |
Diffstat (limited to 'to')
| -rw-r--r-- | to/.htaccess | 1 | ||||
| -rw-r--r-- | to/example/index.html | 84 | ||||
| -rw-r--r-- | to/js/countdown.js | 25 |
3 files changed, 110 insertions, 0 deletions
diff --git a/to/.htaccess b/to/.htaccess new file mode 100644 index 0000000..45552cb --- /dev/null +++ b/to/.htaccess @@ -0,0 +1 @@ +Options -Indexes
\ No newline at end of file diff --git a/to/example/index.html b/to/example/index.html new file mode 100644 index 0000000..fb30391 --- /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 Libraries --> + <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="/js/refresh-on-media.js"></script> + <script> + var timer = setTimeout(function() { + window.location='http://example.com' + }, 4500); + </script> + </head> + + <body> + <!-- Visable Scripts --> + <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="/home/" 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="https://p.s1n.pw/" class="nav-item" active-color="blue">Portfolio</a> <!-- Testimonials --> + <a href="https://cyne.cf/status" class="nav-item" active-color="red">Status</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">5</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> + +</html> diff --git a/to/js/countdown.js b/to/js/countdown.js new file mode 100644 index 0000000..5fc3039 --- /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*60) { + timer = duration; + } + }, 1000); +} + +window.onload = function () { + var fiveMinutes = 4 * 1, // 60 * 5 + display = document.querySelector('#time'); + startTimer(fiveMinutes, display); +}; |