diff options
| author | luxagraf <sng@luxagraf.net> | 2023-07-28 13:43:36 -0500 |
|---|---|---|
| committer | luxagraf <sng@luxagraf.net> | 2023-07-28 13:43:36 -0500 |
| commit | a30c790edea652494e7481f6798047a3bc1fd4ea (patch) | |
| tree | b0936860abd6767716f56c68e305d8f5e0e38bd4 /bak/oldluxpages/projects/gifs | |
| parent | 9a620cf42bf1fe6977e378bd834b41ff4a593dde (diff) | |
added a backup of old pages that are no longer live
Diffstat (limited to 'bak/oldluxpages/projects/gifs')
| -rw-r--r-- | bak/oldluxpages/projects/gifs/dance-dance/index.html | 83 | ||||
| -rw-r--r-- | bak/oldluxpages/projects/gifs/hey-ladies/index.html | 80 |
2 files changed, 163 insertions, 0 deletions
diff --git a/bak/oldluxpages/projects/gifs/dance-dance/index.html b/bak/oldluxpages/projects/gifs/dance-dance/index.html new file mode 100644 index 0000000..f0dfc78 --- /dev/null +++ b/bak/oldluxpages/projects/gifs/dance-dance/index.html @@ -0,0 +1,83 @@ +<!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> 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> |