PK
<!DOCTYPE html>
<html>
<head>
<title>File Not Found</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" >
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
.sphere,body,h1,p{text-align:center}body{background-color:#eee}body,h1,p{font-family:"Helvetica Neue","Segoe UI",Segoe,Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:400;margin:0;padding:0}.container{margin-left:auto;margin-right:auto;margin-top:177px;max-width:1170px;padding-right:15px;padding-left:15px}.row:after,.row:before{display:table;content:" "}.col-md-6{width:50%}.col-md-push-3{margin-left:25%}h1{font-size:48px;font-weight:300;margin:0 0 20px}.lead{font-size:21px;font-weight:200;margin-bottom:20px}p{margin:0 0 10px}a{color:#3282e6;text-decoration:none}.circle{background:#ff8a00;border-radius:100%}.sphere{height:200px;width:200px;border-radius:50%;vertical-align:middle;font-size:500%;position:relative;box-shadow:inset -10px -10px 100px #000,10px 10px 20px #000,inset 0 0 10px #000;display:inline-block;margin:5%}
</style>
</head>
<body>
<div class="container text-center" id="error">
<svg height="100" width="100">
<polygon points="50,25 17,80 82,80" stroke-linejoin="round" style="fill:none;stroke:#ff8a00;stroke-width:8" />
<text x="42" y="74" fill="#ff8a00" font-family="sans-serif" font-weight="900" font-size="42px">!</text>
</svg>
<div class="row">
<canvas id="canvas"></canvas>
<div class="col-md-12">
<div class="main-icon text-warning"><span class="uxicon uxicon-alert"></span></div>
<h1>File not found (404 error)</h1>
</div>
</div>
<div class="row">
<div class="col-md-6 col-md-push-3">
<p class="lead">If you think what you're looking for should be here, please contact the site owner.</p>
</div>
</div>
<!-- <canvas id="canvas" width="200" height="200"
style="background-color:#333">
</canvas> -->
</div>
<script>
var canvas=document.getElementById("canvas"),ctx=canvas.getContext("2d"),radius=canvas.height/2;function drawClock(){drawFace(ctx,radius),drawNumbers(ctx,radius),drawTime(ctx,radius)}function drawFace(t,a){var e;t.beginPath(),t.arc(0,0,a,0,2*Math.PI),t.fillStyle="white",t.fill(),(e=t.createRadialGradient(0,0,.95*a,0,0,1.05*a)).addColorStop(0,"#333"),e.addColorStop(.5,"white"),e.addColorStop(1,"#333"),t.strokeStyle=e,t.lineWidth=.1*a,t.stroke(),t.beginPath(),t.arc(0,0,.1*a,0,2*Math.PI),t.fillStyle="#333",t.fill()}function drawNumbers(t,a){var e,r;for(t.font=.15*a+"px arial",t.textBaseline="middle",t.textAlign="center",r=1;r<13;r++)e=r*Math.PI/6,t.rotate(e),t.translate(0,.85*-a),t.rotate(-e),t.fillText(r.toString(),0,0),t.rotate(e),t.translate(0,.85*a),t.rotate(-e)}function drawTime(t,a){var e=new Date,r=e.getHours(),n=e.getMinutes(),d=e.getSeconds();drawHand(t,r=(r%=12)*Math.PI/6+n*Math.PI/360+d*Math.PI/21600,.5*a,.07*a),drawHand(t,n=n*Math.PI/30+d*Math.PI/1800,.8*a,.07*a),drawHand(t,d=d*Math.PI/30,.9*a,.02*a)}function drawHand(t,a,e,r){t.beginPath(),t.lineWidth=r,t.lineCap="round",t.moveTo(0,0),t.rotate(a),t.lineTo(0,-e),t.stroke(),t.rotate(-a)}ctx.translate(radius,radius),radius*=.9,setInterval(drawClock,1e3);
</script>
</body>
</html>
PK 99