-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path404.html
45 lines (45 loc) · 4.27 KB
/
404.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<meta name="description" content="This page is unavailable. Visit our Bio Link or Try Again.">
<!--link-credit:geekprank.com-->
<title>TecNik - 404</title>
<style type="text/css">
@import'https://fonts.googleapis.com/css?family=Inconsolata';html{min-height:100%}body{box-sizing:border-box;height:100%;background-color:#000000;background-image:radial-gradient(#11581E, #041607), url("https://media.giphy.com/media/oEI9uBYSzLpBK/giphy.gif");background-repeat:no-repeat;background-size:cover;font-family:'Inconsolata', Helvetica, sans-serif;font-size:1.5rem;color:rgba(128, 255, 128, 0.8);text-shadow:0 0 1ex rgba(51, 255, 51, 1), 0 0 2px rgba(255, 255, 255, 0.8)}.noise{pointer-events:none;position:absolute;width:100%;height:100%;background-image:url("https://media.giphy.com/media/oEI9uBYSzLpBK/giphy.gif");background-repeat:no-repeat;background-size:cover;z-index:-1;opacity:0.02}.overlay{pointer-events:none;position:absolute;width:100%;height:100%;background:repeating-linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0) 100%);background-size:auto 4px;z-index:1}.overlay::before{content:"";pointer-events:none;position:absolute;display:block;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-image:linear-gradient(0deg, transparent 0%, rgba(32, 128, 32, 0.2) 2%, rgba(32, 128, 32, 0.8) 3%, rgba(32, 128, 32, 0.2) 3%, transparent 100%);background-repeat:no-repeat;animation:scan 7.5s linear 0s infinite}@keyframes scan{0%{background-position:0 -100vh}100%,35%{background-position:0 100vh}}.terminal{box-sizing:inherit;position:absolute;height:100%;width:100%;padding:2rem;text-transform:uppercase}.output{color:rgba(128, 255, 128, 0.8);text-shadow:0 0 1px rgba(51, 255, 51, 0.4), 0 0 2px rgba(255, 255, 255, 0.8)}.output::before{content:"> "}a{color:#fff;text-decoration:none}a::before{content:"["}a::after{content:"]"}.errorcode{color:white}@media only screen and (max-width: 600px){body{font-size:1.2rem}.terminal{padding:1rem}}/*https://chromedino.com/black*/iframe{position:absolute;left:0;width:100%;height:275px;max-height:400px;z-index: 99999;}@media only screen and (max-width:600px){iframe{height:60%;max-height:290px}}@media only screen and (max-width:768px){iframe{height:50vh;max-height:290px}}iframe{filter:invert(1) hue-rotate(180deg)}iframe *{color:initial!important}
</style>
</head>
<body>
<div class="noise"></div>
<div class="overlay"></div>
<div class="terminal">
<p><a href="https://tecnikofficial.github.io">Back to main page</a></p>
<h1>tecnik<span class="errorcode">.404</span></h1>
<p class="output">You are viewing this site because this page is unavailable :(</p>
<p class="output">Until things get fixed, you can visit <a href="https://tecnik.bio.link">Bio Link</a> or <a href="https://tecnik.pages.dev">Try Again</a>.</p>
<p class="output">Tap on Dino and Press Space :)<a href="https://geekprank.com/"><img class="widget-button" src="oldtheme/assets/img/xp.gif" height="50" width="50" alt="Paradox" title="404" loading="lazy" style="bottom: 74px;"></a></p>
<iframe src="https://chromedino.com/color/" frameborder="0" scrolling="no" title="Tap on Dino & Press Spacebar" ></iframe>
<br>
<footer style="position: fixed; bottom: 0; width: 100%; text-align: left;">
<a href="https://codepen.io/robinselmer/pen/vJjbOZ" target="_blank">Original code</a>
</footer>
</div>
<script>
// Check if service workers are supported
if ('serviceWorker' in navigator) {
window.addEventListener('load', () => {
// Register the service worker
navigator.serviceWorker.register('/service-worker.js')
.then(registration => {
console.log('Service Worker registered with scope:', registration.scope);
})
.catch(error => {
console.error('Service Worker registration failed:', error);
});
});
}
</script>
<script src="//instant.page/5.2.0" type="module" integrity="sha384-jnZyxPjiipYXnSU0ygqeac2q7CVYMbh84q0uHVRRxEtvFPiQYbXWUorga2aqZJ0z"></script>
</body>
</html>