diff options
| -rw-r--r-- | static/rainbow.xhtml | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/static/rainbow.xhtml b/static/rainbow.xhtml new file mode 100644 index 0000000..0ce2c6b --- /dev/null +++ b/static/rainbow.xhtml @@ -0,0 +1,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> |