summaryrefslogtreecommitdiff
path: root/static/rainbow.xhtml
blob: 0ce2c6b46a713491748e8a0e76f750e2a3256826 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:svg="http://www.w3.org/2000/svg">
<head>
  <style>
    iframe { width:100%; height:100%; border:none; position:absolute; }
    body { padding:0; margin:0; overflow: hidden; }
    iframe.target { filter:url(#sat); }
  </style>
</head>
<body>
<iframe class="target" src="http://dump.fm/chat" border="0" padding="0" spacing="0" width="100%" height="100%" />
  <svg:svg height="0">
    <svg:filter id="sat">
	    <svg:feColorMatrix type="hueRotate" id="rotater" values="0"/>
    </svg:filter>
  </svg:svg>
  <script>
  var rotater = document.getElementById("rotater")
  function go(){
    var degree = parseInt(rotater.getAttribute("values"))
    degree = (degree + 10 ) % 360
    rotater.setAttribute("values", degree)
    //.getAttribute("values")
    setTimeout(go, 100)
  }
  go()
  </script>
</body>
</html>