empty.html 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. <!--
  2. /* Copyright (C) 2019 Intel Corporation. All rights reserved.
  3. * SPDX-License-Identifier: Apache-2.0 WITH LLVM-exception
  4. */
  5. -->
  6. <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  7. <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
  8. <title>wasm-micro-runtime</title>
  9. <style type="text/css">
  10. html, body{overflow:hidden;margin:0;background:#000;}
  11. body{font-family:'Open Sans', 'Helvetica Neue', 'Hiragino Sans GB', 'LiHei Pro', Arial, sans-serif;color:#333;}
  12. #wrapper{position:absolute;left:0;width:320px;text-align:center;top:50%;left:50%;margin-left:-160px;margin-top:-160px;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
  13. h1{font-family:'Montserrat', 'Helvetica Neue', Arial, sans-serif;font-weight:700;font-size:50px;letter-spacing:9px;text-transform:uppercase;color:#eee;margin:12px 0;left:4px;}
  14. h2{color:#999;font-weight:normal;font-size:20px;letter-spacing:.200em;margin-bottom:30px;left:3px;}
  15. h1, h2{position:relative;}
  16. p{font-size:14px;line-height:2em;margin:0;letter-spacing:2px;}
  17. canvas{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;pointer-events:none;}
  18. a{color:#999;text-decoration:none;transition:color .2s ease;}
  19. a:hover{color:#f33;}
  20. </style>
  21. </head>
  22. <body>
  23. <script type="text/javascript" src="./js/jquery.min.js"></script>
  24. <div id="wrapper">
  25. <h1>404</h1>
  26. <h2>Server Not Found</h2>
  27. <p><a href="https://github.com/intel/wasm-micro-runtime" target="_blank">Github</a></p>
  28. </div>
  29. <canvas width="1920" height="917"></canvas>
  30. <script type="text/javascript">
  31. document.addEventListener('touchmove', function (e) {
  32. e.preventDefault()
  33. })
  34. var c = document.getElementsByTagName('canvas')[0],
  35. x = c.getContext('2d'),
  36. pr = window.devicePixelRatio || 1,
  37. w = window.innerWidth,
  38. h = window.innerHeight,
  39. f = 90,
  40. q,
  41. m = Math,
  42. r = 0,
  43. u = m.PI*2,
  44. v = m.cos,
  45. z = m.random
  46. c.width = w*pr
  47. c.height = h*pr
  48. x.scale(pr, pr)
  49. x.globalAlpha = 0.6
  50. function i(){
  51. x.clearRect(0,0,w,h)
  52. q=[{x:0,y:h*.7+f},{x:0,y:h*.7-f}]
  53. while(q[1].x<w+f) d(q[0], q[1])
  54. }
  55. function d(i,j){
  56. x.beginPath()
  57. x.moveTo(i.x, i.y)
  58. x.lineTo(j.x, j.y)
  59. var k = j.x + (z()*2-0.25)*f,
  60. n = y(j.y)
  61. x.lineTo(k, n)
  62. x.closePath()
  63. r-=u/-50
  64. x.fillStyle = '#'+(v(r)*127+128<<16 | v(r+u/3)*127+128<<8 | v(r+u/3*2)*127+128).toString(16)
  65. x.fill()
  66. q[0] = q[1]
  67. q[1] = {x:k,y:n}
  68. }
  69. function y(p){
  70. var t = p + (z()*2-1.1)*f
  71. return (t>h||t<0) ? y(p) : t
  72. }
  73. document.onclick = i
  74. document.ontouchstart = i
  75. i()
  76. </script>
  77. <script type="text/javascript">
  78. var snow = function() {
  79. if(1==1) {
  80. $("body").append('<canvas id="christmasCanvas" style="top: 0px; left: 0px; z-index: 5000; position: fixed; pointer-events: none;"></canvas>');
  81. var b = document.getElementById("christmasCanvas"), a = b.getContext("2d"), d = window.innerWidth, c = window.innerHeight;
  82. b.width = d;
  83. b.height = c;
  84. for(var e = [], b = 0;b < 70;b++) {
  85. e.push({x:Math.random() * d, y:Math.random() * c, r:Math.random() * 4 + 1, d:Math.random() * 70})
  86. }
  87. var h = 0;
  88. window.intervral4Christmas = setInterval(function() {
  89. a.clearRect(0, 0, d, c);
  90. a.fillStyle = "rgba(255, 255, 255, 0.6)";
  91. a.shadowBlur = 5;
  92. a.shadowColor = "rgba(255, 255, 255, 0.9)";
  93. a.beginPath();
  94. for(var b = 0;b < 70;b++) {
  95. var f = e[b];
  96. a.moveTo(f.x, f.y);
  97. a.arc(f.x, f.y, f.r, 0, Math.PI * 2, !0)
  98. }
  99. a.fill();
  100. h += 0.01;
  101. for(b = 0;b < 70;b++) {
  102. if(f = e[b], f.y += Math.cos(h + f.d) + 1 + f.r / 2, f.x += Math.sin(h) * 2, f.x > d + 5 || f.x < -5 || f.y > c) {
  103. e[b] = b % 3 > 0 ? {x:Math.random() * d, y:-10, r:f.r, d:f.d} : Math.sin(h) > 0 ? {x:-5, y:Math.random() * c, r:f.r, d:f.d} : {x:d + 5, y:Math.random() * c, r:f.r, d:f.d}
  104. }
  105. }
  106. }, 70)
  107. }
  108. }
  109. snow();
  110. </script><canvas id="christmasCanvas" style="top: 0px; left: 0px; z-index: 5000; position: fixed; pointer-events: none;" width="1920" height="917"></canvas>
  111. </body></html>