summaryrefslogtreecommitdiff
path: root/bak/oldluxpages/projects/gifs/dance-dance/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'bak/oldluxpages/projects/gifs/dance-dance/index.html')
-rw-r--r--bak/oldluxpages/projects/gifs/dance-dance/index.html83
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&#39;re Dead" />
-</body>
-</html>