Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!doctype html>
- <!--[if (IE 8)&!(IEMobile)]><html class="no-js lt-ie9" lang="en"><![endif]-->
- <!--[if (gte IE 9)| IEMobile |!(IE)]><!--><html class="no-js" lang="en"><!--<![endif]-->
- <head>
- <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
- <title>{{code}} — {{message}}</title>
- <meta name="HandheldFriendly" content="True">
- <meta name="MobileOptimized" content="320">
- <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="apple-mobile-web-app-capable" content="yes" />
- <link rel="shortcut icon" href="/assets/favicons/favicon.ico">
- <meta http-equiv="cleartype" content="on">
- <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
- <style>a,a:focus,a:hover{text-decoration:none}body,html{text-align:center;color:#ccc;background-color:#F1F2EF;font-size:1rem;margin:0;padding:0;overflow:hidden}#content{margin:45vh auto}p{font-size:1.5rem;font-family:'Open Sans',sans-serif}h1,h2{font-family:Montserrat,serif}h1{font-size:8rem}h2{font-size:2.5rem}a{color:#ccc -webkit-transition: color .5s ease;-moz-transition:color .5s ease;-o-transition:color .5s ease}a:hover{color:#aaa}#wrapper{position:fixed;top:0;width:100vw;height:100vh;background-image:url(/assets/img/space.jpg);border-image-repeat:repeat}.stars{position:absolute;margin:0;padding:0;left:0;top:0}canvas{pointer-events:none}</style>
- </head>
- <body>
- <main role="main" id="main">
- <div class="gh-app">
- <div class="gh-viewport">
- <div class="gh-view">
- <section class="error-content error-404 js-error-container">
- <section class="error-details">
- <div id="wrapper">
- <div id="content">
- <h1>Whoa</h1>
- <h2>This looks like a {{code}}</h2>
- <p>{{message}}</p>
- <a href="{{@blog.url}}">Go to the front page →</a>
- </div>
- </div>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
- <script>function sign(){return Math.random()>.5?1:-1}var Star=function(t){this.space=t,this.speed=1,this.velocity=1,this.size=1,this.growth=3,this.vec=[sign()*Math.random(),sign()*Math.random()],this.x=Math.floor(t.c_width/2)+5e4*this.vec[0],this.y=Math.floor(t.c_height/2)+5e4*this.vec[1]};Star.prototype.update=function(){this.x+=this.speed*this.vec[0],this.y+=this.speed*this.vec[1],this.speed+=this.velocity,this.size+=this.growth,(Math.abs(this.x)>this.space.c_width+100||Math.abs(this.y)>this.space.c_height+100)&&(this.space.population.splice(this.space.population.indexOf(this),1),this.space.populate(1))};var Space=function(t){this.canvas=document.createElement("canvas"),this.ctx=this.canvas.getContext("2d"),this.c_width=window.innerWidth,this.c_height=window.innerHeight,this.canvas.width=this.c_width,this.canvas.height=this.c_height,this.ctx.fillStyle="#ffffff",this.ctx.strokeStyle="#ffffff";var i=document.getElementById("wrapper");this.canvas.className="stars",i.appendChild(this.canvas),this.population=[],this.populate(t),setInterval(this.update.bind(this),10)};Space.prototype={constructor:Space,populate:function(t){for(var i=0;t>i;i++)this.population.push(new Star(this))},update:function(){this.population.forEach(function(t,i){t.update()}),this.redraw()},redraw:function(){var t=this.ctx;Math.floor(this.c_width/2),Math.floor(this.c_width/2);t.save(),t.setTransform(1,0,0,1,0,0),t.clearRect(0,0,this.c_width,this.c_height),this.population.forEach(function(i,s){t.beginPath(),t.moveTo(i.x,i.y),t.lineTo(i.x-i.vec[0]*i.size,i.y-i.vec[1]*i.size),t.stroke()}),t.restore()}};</script>
- <script>
- $(document).ready(function(){
- $("#content").css("margin-top", (($(window).height() / 2) - ($("#content").height() / 2)) + "px");
- $('body').mousemove(function(e){
- var x = -(e.pageX + this.offsetLeft) / 20;
- var y = -(e.pageY + this.offsetTop) / 20;
- $("#wrapper").css('background-position', x + 'px ' + y + 'px');
- });
- var sp = new Space(1000);
- });
- </script>
- </section>
- {{#if stack}}
- <section class="error-stack">
- <h3>Stack Trace</h3>
- <p><strong>{{message}}</strong></p>
- <ul class="error-stack-list">
- {{#each stack}}
- <li>
- at
- {{#if function}}<em class="error-stack-function">{{function}}</em>{{/if}}
- <span class="error-stack-file">({{at}})</span>
- </li>
- {{/each}}
- </ul>
- </section>
- {{/if}}
- </div>
- </div>
- </div>
- </main>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
