harraps

Gerbotron

Jan 29th, 2015
202
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 12.16 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  5.         <style>
  6.             p{
  7.                 font-family: monospace;
  8.                 text-align: center;
  9.                 margin: 0;
  10.                 font-weight: 900;
  11.             }
  12.         </style>
  13.     </head>
  14.     <body>
  15.         <!--script src="http://pastebin.com/eqhvTbnV"></script-->
  16.         <script>
  17.             var radiant={};radiant.fps=20,radiant.lightness=128,radiant.saturation=100,radiant.increment=.01,function(){function a(a){return document.getElementsByClassName(a)}function v(a,r,t){return"#"+h(a)+h(r)+h(t)}function h(a){var r="0123456789ABCDEF";return String(r.substr(a>>4&15,1))+r.substr(15&a,1)}function y(a){return o=Math.sin(a)*radiant.saturation+radiant.lightness,f=Math.sin(a+d)*radiant.saturation+radiant.lightness,l=Math.sin(a+s)*radiant.saturation+radiant.lightness,v(o,f,l)}var o,f,l,u,m,r=[a("rad-0-fg"),a("rad-1-fg"),a("rad-2-fg"),a("rad-3-fg"),a("rad-4-fg"),a("rad-5-fg"),a("rad-6-fg"),a("rad-7-fg"),a("rad-8-fg"),a("rad-9-fg"),a("rad-10-fg"),a("rad-11-fg")],t=[a("rad-0-bg"),a("rad-1-bg"),a("rad-2-bg"),a("rad-3-bg"),a("rad-4-bg"),a("rad-5-bg"),a("rad-6-bg"),a("rad-7-bg"),a("rad-8-bg"),a("rad-9-bg"),a("rad-10-bg"),a("rad-11-bg")],n=3.141592653589793,e=2*n,d=e/3,s=2*e/3,g=n/6,i=Math.random()*e,b=12,c=[];window.setInterval(function(){for(i=(i+radiant.increment)%e,u=0;b>u;++u){for(c[u]=y(i+u*g),m=0;m<r[u].length;++m)r[u][m].style.color=c[u];for(m=0;m<t[u].length;++m)t[u][m].style.backgroundColor=c[u]}},1e3/radiant.fps)}();
  18.            radiant.increment = 0.5;
  19.        </script>
  20.         <p class="rad-6-fg  rad-0-bg">.</p>
  21.         <p class="rad-7-fg  rad-1-bg">.</p>
  22.         <p class="rad-8-fg  rad-2-bg">...$$$$$\.....................................$$\.................$$\....................................................$$\.......$$\.</p>
  23.         <p class="rad-9-fg  rad-3-bg">...\__$$.|....................................\__|................$$.|...................................................\__|......$$.|</p>
  24.         <p class="rad-10-fg rad-4-bg">......$$.|.$$$$$$\.........$$$$$$$\.$$\...$$\.$$\..$$$$$$$\.......$$.|.$$$$$$\........$$\....$$\..$$$$$$\..$$$$$$\$$$$\..$$\.......$$.|</p>
  25.         <p class="rad-11-fg rad-5-bg">......$$.|$$..__$$\.......$$.._____|$$.|..$$.|$$.|$$.._____|......$$.|$$..__$$\.......\$$\..$$..|$$..__$$\.$$.._$$.._$$\.$$.|......$$.|</p>
  26.         <p class="rad-0-fg  rad-6-bg">$$\...$$.|$$$$$$$$.|......\$$$$$$\..$$.|..$$.|$$.|\$$$$$$\........$$.|$$$$$$$$.|.......\$$\$$../.$$./..$$.|$$./.$$./.$$.|$$.|......\__|</p>
  27.         <p class="rad-1-fg  rad-7-bg">$$.|..$$.|$$...____|.......\____$$\.$$.|..$$.|$$.|.\____$$\.......$$.|$$...____|........\$$$../..$$.|..$$.|$$.|.$$.|.$$.|$$.|..........</p>
  28.         <p class="rad-2-fg  rad-8-bg">\$$$$$$..|\$$$$$$$\.......$$$$$$$..|\$$$$$$..|$$.|$$$$$$$..|......$$.|\$$$$$$$\..........\$../...\$$$$$$..|$$.|.$$.|.$$.|$$.|......$$\.</p>
  29.         <p class="rad-3-fg  rad-9-bg">.\______/..\_______|......\_______/..\______/.\__|\_______/.......\__|.\_______|..........\_/.....\______/.\__|.\__|.\__|\__|......\__|</p>
  30.         <p class="rad-4-fg rad-10-bg">.</p>
  31.         <p class="rad-5-fg rad-11-bg">.</p>
  32.         <p class="rad-6-fg  rad-0-bg">.</p>
  33.         <p class="rad-7-fg  rad-1-bg">.</p>
  34.         <p class="rad-8-fg  rad-2-bg">...$$$$$\.....................................$$\.................$$\....................................................$$\.......$$\.</p>
  35.         <p class="rad-9-fg  rad-3-bg">...\__$$.|....................................\__|................$$.|...................................................\__|......$$.|</p>
  36.         <p class="rad-10-fg rad-4-bg">......$$.|.$$$$$$\.........$$$$$$$\.$$\...$$\.$$\..$$$$$$$\.......$$.|.$$$$$$\........$$\....$$\..$$$$$$\..$$$$$$\$$$$\..$$\.......$$.|</p>
  37.         <p class="rad-11-fg rad-5-bg">......$$.|$$..__$$\.......$$.._____|$$.|..$$.|$$.|$$.._____|......$$.|$$..__$$\.......\$$\..$$..|$$..__$$\.$$.._$$.._$$\.$$.|......$$.|</p>
  38.         <p class="rad-0-fg  rad-6-bg">$$\...$$.|$$$$$$$$.|......\$$$$$$\..$$.|..$$.|$$.|\$$$$$$\........$$.|$$$$$$$$.|.......\$$\$$../.$$./..$$.|$$./.$$./.$$.|$$.|......\__|</p>
  39.         <p class="rad-1-fg  rad-7-bg">$$.|..$$.|$$...____|.......\____$$\.$$.|..$$.|$$.|.\____$$\.......$$.|$$...____|........\$$$../..$$.|..$$.|$$.|.$$.|.$$.|$$.|..........</p>
  40.         <p class="rad-2-fg  rad-8-bg">\$$$$$$..|\$$$$$$$\.......$$$$$$$..|\$$$$$$..|$$.|$$$$$$$..|......$$.|\$$$$$$$\..........\$../...\$$$$$$..|$$.|.$$.|.$$.|$$.|......$$\.</p>
  41.         <p class="rad-3-fg  rad-9-bg">.\______/..\_______|......\_______/..\______/.\__|\_______/.......\__|.\_______|..........\_/.....\______/.\__|.\__|.\__|\__|......\__|</p>
  42.         <p class="rad-4-fg rad-10-bg">.</p>
  43.         <p class="rad-5-fg rad-11-bg">.</p>
  44.         <p class="rad-6-fg  rad-0-bg">.</p>
  45.         <p class="rad-7-fg  rad-1-bg">.</p>
  46.         <p class="rad-8-fg  rad-2-bg">...$$$$$\.....................................$$\.................$$\....................................................$$\.......$$\.</p>
  47.         <p class="rad-9-fg  rad-3-bg">...\__$$.|....................................\__|................$$.|...................................................\__|......$$.|</p>
  48.         <p class="rad-10-fg rad-4-bg">......$$.|.$$$$$$\.........$$$$$$$\.$$\...$$\.$$\..$$$$$$$\.......$$.|.$$$$$$\........$$\....$$\..$$$$$$\..$$$$$$\$$$$\..$$\.......$$.|</p>
  49.         <p class="rad-11-fg rad-5-bg">......$$.|$$..__$$\.......$$.._____|$$.|..$$.|$$.|$$.._____|......$$.|$$..__$$\.......\$$\..$$..|$$..__$$\.$$.._$$.._$$\.$$.|......$$.|</p>
  50.         <p class="rad-0-fg  rad-6-bg">$$\...$$.|$$$$$$$$.|......\$$$$$$\..$$.|..$$.|$$.|\$$$$$$\........$$.|$$$$$$$$.|.......\$$\$$../.$$./..$$.|$$./.$$./.$$.|$$.|......\__|</p>
  51.         <p class="rad-1-fg  rad-7-bg">$$.|..$$.|$$...____|.......\____$$\.$$.|..$$.|$$.|.\____$$\.......$$.|$$...____|........\$$$../..$$.|..$$.|$$.|.$$.|.$$.|$$.|..........</p>
  52.         <p class="rad-2-fg  rad-8-bg">\$$$$$$..|\$$$$$$$\.......$$$$$$$..|\$$$$$$..|$$.|$$$$$$$..|......$$.|\$$$$$$$\..........\$../...\$$$$$$..|$$.|.$$.|.$$.|$$.|......$$\.</p>
  53.         <p class="rad-3-fg  rad-9-bg">.\______/..\_______|......\_______/..\______/.\__|\_______/.......\__|.\_______|..........\_/.....\______/.\__|.\__|.\__|\__|......\__|</p>
  54.         <p class="rad-4-fg rad-10-bg">.</p>
  55.         <p class="rad-5-fg rad-11-bg">.</p>
  56.         <p class="rad-6-fg  rad-0-bg">.</p>
  57.         <p class="rad-7-fg  rad-1-bg">.</p>
  58.         <p class="rad-8-fg  rad-2-bg">...$$$$$\.....................................$$\.................$$\....................................................$$\.......$$\.</p>
  59.         <p class="rad-9-fg  rad-3-bg">...\__$$.|....................................\__|................$$.|...................................................\__|......$$.|</p>
  60.         <p class="rad-10-fg rad-4-bg">......$$.|.$$$$$$\.........$$$$$$$\.$$\...$$\.$$\..$$$$$$$\.......$$.|.$$$$$$\........$$\....$$\..$$$$$$\..$$$$$$\$$$$\..$$\.......$$.|</p>
  61.         <p class="rad-11-fg rad-5-bg">......$$.|$$..__$$\.......$$.._____|$$.|..$$.|$$.|$$.._____|......$$.|$$..__$$\.......\$$\..$$..|$$..__$$\.$$.._$$.._$$\.$$.|......$$.|</p>
  62.         <p class="rad-0-fg  rad-6-bg">$$\...$$.|$$$$$$$$.|......\$$$$$$\..$$.|..$$.|$$.|\$$$$$$\........$$.|$$$$$$$$.|.......\$$\$$../.$$./..$$.|$$./.$$./.$$.|$$.|......\__|</p>
  63.         <p class="rad-1-fg  rad-7-bg">$$.|..$$.|$$...____|.......\____$$\.$$.|..$$.|$$.|.\____$$\.......$$.|$$...____|........\$$$../..$$.|..$$.|$$.|.$$.|.$$.|$$.|..........</p>
  64.         <p class="rad-2-fg  rad-8-bg">\$$$$$$..|\$$$$$$$\.......$$$$$$$..|\$$$$$$..|$$.|$$$$$$$..|......$$.|\$$$$$$$\..........\$../...\$$$$$$..|$$.|.$$.|.$$.|$$.|......$$\.</p>
  65.         <p class="rad-3-fg  rad-9-bg">.\______/..\_______|......\_______/..\______/.\__|\_______/.......\__|.\_______|..........\_/.....\______/.\__|.\__|.\__|\__|......\__|</p>
  66.         <p class="rad-4-fg rad-10-bg">.</p>
  67.         <p class="rad-5-fg rad-11-bg">.</p>
  68.         <p class="rad-6-fg  rad-0-bg">.</p>
  69.         <p class="rad-7-fg  rad-1-bg">.</p>
  70.         <p class="rad-8-fg  rad-2-bg">...$$$$$\.....................................$$\.................$$\....................................................$$\.......$$\.</p>
  71.         <p class="rad-9-fg  rad-3-bg">...\__$$.|....................................\__|................$$.|...................................................\__|......$$.|</p>
  72.         <p class="rad-10-fg rad-4-bg">......$$.|.$$$$$$\.........$$$$$$$\.$$\...$$\.$$\..$$$$$$$\.......$$.|.$$$$$$\........$$\....$$\..$$$$$$\..$$$$$$\$$$$\..$$\.......$$.|</p>
  73.         <p class="rad-11-fg rad-5-bg">......$$.|$$..__$$\.......$$.._____|$$.|..$$.|$$.|$$.._____|......$$.|$$..__$$\.......\$$\..$$..|$$..__$$\.$$.._$$.._$$\.$$.|......$$.|</p>
  74.         <p class="rad-0-fg  rad-6-bg">$$\...$$.|$$$$$$$$.|......\$$$$$$\..$$.|..$$.|$$.|\$$$$$$\........$$.|$$$$$$$$.|.......\$$\$$../.$$./..$$.|$$./.$$./.$$.|$$.|......\__|</p>
  75.         <p class="rad-1-fg  rad-7-bg">$$.|..$$.|$$...____|.......\____$$\.$$.|..$$.|$$.|.\____$$\.......$$.|$$...____|........\$$$../..$$.|..$$.|$$.|.$$.|.$$.|$$.|..........</p>
  76.         <p class="rad-2-fg  rad-8-bg">\$$$$$$..|\$$$$$$$\.......$$$$$$$..|\$$$$$$..|$$.|$$$$$$$..|......$$.|\$$$$$$$\..........\$../...\$$$$$$..|$$.|.$$.|.$$.|$$.|......$$\.</p>
  77.         <p class="rad-3-fg  rad-9-bg">.\______/..\_______|......\_______/..\______/.\__|\_______/.......\__|.\_______|..........\_/.....\______/.\__|.\__|.\__|\__|......\__|</p>
  78.         <p class="rad-4-fg rad-10-bg">.</p>
  79.         <p class="rad-5-fg rad-11-bg">.</p>
  80.         <p class="rad-6-fg  rad-0-bg">.</p>
  81.         <p class="rad-7-fg  rad-1-bg">.</p>
  82.         <p class="rad-8-fg  rad-2-bg">...$$$$$\.....................................$$\.................$$\....................................................$$\.......$$\.</p>
  83.         <p class="rad-9-fg  rad-3-bg">...\__$$.|....................................\__|................$$.|...................................................\__|......$$.|</p>
  84.         <p class="rad-10-fg rad-4-bg">......$$.|.$$$$$$\.........$$$$$$$\.$$\...$$\.$$\..$$$$$$$\.......$$.|.$$$$$$\........$$\....$$\..$$$$$$\..$$$$$$\$$$$\..$$\.......$$.|</p>
  85.         <p class="rad-11-fg rad-5-bg">......$$.|$$..__$$\.......$$.._____|$$.|..$$.|$$.|$$.._____|......$$.|$$..__$$\.......\$$\..$$..|$$..__$$\.$$.._$$.._$$\.$$.|......$$.|</p>
  86.         <p class="rad-0-fg  rad-6-bg">$$\...$$.|$$$$$$$$.|......\$$$$$$\..$$.|..$$.|$$.|\$$$$$$\........$$.|$$$$$$$$.|.......\$$\$$../.$$./..$$.|$$./.$$./.$$.|$$.|......\__|</p>
  87.         <p class="rad-1-fg  rad-7-bg">$$.|..$$.|$$...____|.......\____$$\.$$.|..$$.|$$.|.\____$$\.......$$.|$$...____|........\$$$../..$$.|..$$.|$$.|.$$.|.$$.|$$.|..........</p>
  88.         <p class="rad-2-fg  rad-8-bg">\$$$$$$..|\$$$$$$$\.......$$$$$$$..|\$$$$$$..|$$.|$$$$$$$..|......$$.|\$$$$$$$\..........\$../...\$$$$$$..|$$.|.$$.|.$$.|$$.|......$$\.</p>
  89.         <p class="rad-3-fg  rad-9-bg">.\______/..\_______|......\_______/..\______/.\__|\_______/.......\__|.\_______|..........\_/.....\______/.\__|.\__|.\__|\__|......\__|</p>
  90.         <p class="rad-4-fg rad-10-bg">.</p>
  91.         <p class="rad-5-fg rad-11-bg">.</p>
  92. <!--
  93. ...$$$$$\.....................................$$\.................$$\....................................................$$\.......$$\.
  94. ...\__$$.|....................................\__|................$$.|...................................................\__|......$$.|
  95. ......$$.|.$$$$$$\.........$$$$$$$\.$$\...$$\.$$\..$$$$$$$\.......$$.|.$$$$$$\........$$\....$$\..$$$$$$\..$$$$$$\$$$$\..$$\.......$$.|
  96. ......$$.|$$..__$$\.......$$.._____|$$.|..$$.|$$.|$$.._____|......$$.|$$..__$$\.......\$$\..$$..|$$..__$$\.$$.._$$.._$$\.$$.|......$$.|
  97. $$\...$$.|$$$$$$$$.|......\$$$$$$\..$$.|..$$.|$$.|\$$$$$$\........$$.|$$$$$$$$.|.......\$$\$$../.$$./..$$.|$$./.$$./.$$.|$$.|......\__|
  98. $$.|..$$.|$$...____|.......\____$$\.$$.|..$$.|$$.|.\____$$\.......$$.|$$...____|........\$$$../..$$.|..$$.|$$.|.$$.|.$$.|$$.|..........
  99. \$$$$$$..|\$$$$$$$\.......$$$$$$$..|\$$$$$$..|$$.|$$$$$$$..|......$$.|\$$$$$$$\..........\$../...\$$$$$$..|$$.|.$$.|.$$.|$$.|......$$\.
  100. .\______/..\_______|......\_______/..\______/.\__|\_______/.......\__|.\_______|..........\_/.....\______/.\__|.\__|.\__|\__|......\__|
  101. -->
  102.        
  103.     </body>
  104. </html>
Advertisement
Add Comment
Please, Sign In to add comment