codepen code
This commit is contained in:
parent
f2b5b957c5
commit
517bd65def
81
404.html
81
404.html
|
@ -1,58 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>404</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
||||
<link href="https://fonts.googleapis.com/css?family=Roboto:100" rel="stylesheet">
|
||||
<link href="/sheep/3.css" rel="stylesheet">
|
||||
<script src="/sheep/3.js"></script>
|
||||
<style>
|
||||
body {
|
||||
background: #242231;
|
||||
color: white;
|
||||
font-family: 'Roboto',sans-serif;
|
||||
}
|
||||
h1 {
|
||||
position: fixed;
|
||||
line-height: 1;
|
||||
height: 300px;
|
||||
font-size: 300px;
|
||||
margin: auto;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
/*transition: top .1s, left .1s;*/
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #999999;
|
||||
position: fixed;
|
||||
bottom: 20px;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>404</h1>
|
||||
<a href="/">Click here for assistance.</a>
|
||||
|
||||
<script>
|
||||
// clearInterval(1);
|
||||
var count=0;
|
||||
setInterval(function(){
|
||||
document.querySelector("h1").style.top=(Math.floor(Math.random()*200)-100)+"px";
|
||||
document.querySelector("h1").style.left=(Math.floor(Math.random()*200)-100)+"px";
|
||||
document.querySelector("h1").style.transform="rotate("+(Math.floor(Math.random()*360))+"deg)";
|
||||
var height=Math.floor(Math.random()*400)+100;
|
||||
document.querySelector("h1").style.height=height+"px";
|
||||
document.querySelector("h1").style.fontSize=height+"px";
|
||||
count++;
|
||||
var titles=["oh no","no page","try again","fail","why"];
|
||||
if (count%20===0) document.querySelector("title").innerHTML=titles[Math.floor(Math.random()*titles.length)];
|
||||
}, 100);
|
||||
</script>
|
||||
</body>
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Page Not Found</title>
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
|
||||
<link rel="stylesheet" href="/404.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<!-- partial:index.partial.html -->
|
||||
<h1>404</h1>
|
||||
<div class="cloak__wrapper">
|
||||
<div class="cloak__container">
|
||||
<div class="cloak"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<h2>We can't find that page</h2>
|
||||
<p>We're fairly sure that page used to be here, but seems to have gone missing. We do apologise on it's behalf.</p><a href="/" target="_blank" rel="noreferrer noopener">Home</a>
|
||||
</div>
|
||||
<!-- partial
|
||||
<script src="./script.js"></script>-->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
Loading…
Reference in New Issue