diff options
Diffstat (limited to 'bak/oldluxpages/projects/gifs/dance-dance/index.html')
-rw-r--r-- | bak/oldluxpages/projects/gifs/dance-dance/index.html | 83 |
1 files changed, 0 insertions, 83 deletions
diff --git a/bak/oldluxpages/projects/gifs/dance-dance/index.html b/bak/oldluxpages/projects/gifs/dance-dance/index.html deleted file mode 100644 index f0dfc78..0000000 --- a/bak/oldluxpages/projects/gifs/dance-dance/index.html +++ /dev/null @@ -1,83 +0,0 @@ -<!DOCTYPE html> -<html dir="ltr" lang="en-US"> -<head> - <meta charset="utf-8" /> - <title>Dance Til You're Dead</title> - <style> - body { - background: #222; - } - - .overlay { - background-color: #000; - opacity: .9; - position: absolute; top: 0; left: 0; - width: 100%; height: 100%; - z-index: 10; - } - .btn { - position: absolute; - z-index: 11; - left: 35%; - top: 40%; - } - @media only screen and (max-device-width: 1024px) { - img#giffy { - width: 100%; - } - } - </style> - <script src="http://luxagraf.net/media/js/jquery.js" type="text/javascript"></script> - <script> - var isiPad = false; - var playing = true; - if (navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i)) { - isiPad = true; - } - $(function() { - function togglebtn() { - if (playing) { - document.getElementById('snd').pause(); - playing = false - } else { - document.getElementById('snd').play(); - playing = true - } - } - document.body.onclick=togglebtn - if (isiPad) { - var overlay = document.createElement("div"); - overlay.setAttribute("id","overlay"); - overlay.setAttribute("class", "overlay"); - document.body.appendChild(overlay); - - // create image and append to page - var img = document.createElement("img"); - img.setAttribute("id","img"); - img.src = "btn.png"; - img.setAttribute("class","btn"); - - // click to restore page - img.onclick=restore; - document.body.appendChild(img); - - function restore() { - document.body.removeChild(document.getElementById("overlay")); - document.body.removeChild(document.getElementById("img")); - playing = false; - document.getElementById('snd').play(); - } - - } - }); - - </script> -</head> -<body id="home"> -<audio id="snd" preload="auto" loop autoplay autobuffer> - <source src="/media/images/projects/gifs/2012/headswillroll.ogg" type="video/ogg"/> - <source src="/media/images/projects/gifs/2012/headswillroll.mp3" /> -</audio> -<img id="giffy" src="/media/images/projects/gifs/2012/babies.gif" alt="Dance Til You're Dead" /> -</body> -</html> |