1 files changed, 80 insertions, 0 deletions
diff --git a/bak/oldluxpages/projects/gifs/hey-ladies/index.html b/bak/oldluxpages/projects/gifs/hey-ladies/index.html
new file mode 100644
index 0000000..753f636
--- /dev/null
+++ b/bak/oldluxpages/projects/gifs/hey-ladies/index.html
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html  dir="ltr" lang="en-US">
+<head>
+    <meta charset="utf-8" />
+    <title>Hey Ladies</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">
+
+<img id="giffy" src="/media/images/projects/gifs/2013/ladies.gif" alt="Hey Ladies" />
+</body>
+</html>