diff options
| author | root <root@lalalizard.com> | 2012-11-26 12:05:40 -0500 |
|---|---|---|
| committer | root <root@lalalizard.com> | 2012-11-26 12:05:40 -0500 |
| commit | ef51b60c6481254d88c5fc3c34f4127b7f881a58 (patch) | |
| tree | 42a9596a7d53951d2a10f60fea4c2854fc9348af /frontend/static/radio/glasspopcorn.html | |
| parent | ddc5b25b4a47ef8175aced9c06fc1767d004e826 (diff) | |
Frontend static/ folder
Diffstat (limited to 'frontend/static/radio/glasspopcorn.html')
| -rw-r--r-- | frontend/static/radio/glasspopcorn.html | 204 |
1 files changed, 204 insertions, 0 deletions
diff --git a/frontend/static/radio/glasspopcorn.html b/frontend/static/radio/glasspopcorn.html new file mode 100644 index 0000000..edeabaa --- /dev/null +++ b/frontend/static/radio/glasspopcorn.html @@ -0,0 +1,204 @@ +<!doctype html> +<html> +<head> +<title>GLASSPOPCORN RADIO</title> +<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> +<meta property="og:title" content="Glasspopcorn Radio"/> +<meta property="og:type" content="website"/> +<meta property="og:url" content="http://glasspopcorn.com/radio/"/> +<meta property="og:image" content="http://scannerjammer.com/img/glasspopradio.gif" /> +<meta property="og:site_name" content="ScannerJammer"/> +<meta property="og:description" content=""/> +<meta property="fb:admins" content="100001923956223,1709246"/> +<meta name="description" content="" /> +<style type="text/css"> +html + { + height: 100%; + margin: 0; padding: 0; + } +body + { + margin: 0; padding: 0; + height: 100%; + width: 100%; + font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; + background-image: url(http://scannerjammer.com/img/glasspopradio.gif); + background-position: center; + } +#bg + { + position: fixed; + top: 0; + left: 0; + height: 100%; + width: 100%; + z-index: -2; + } +#bg img + { + height: 100%; + width: 100%; + } +#embedded + { + box-shadow: 0px 5px 10px #000; + position: fixed; + top: 100px; + right: 100px; + width: 250px; + height: 360px; + border: 0; + background-color: #000; + } +#container + { + font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; + color: #fff; + font-size: 36px; + position: absolute; + top: 250px; + left: 50%; + width: 500px; + margin-left: -250px; + text-align: center; + opacity: 0.8; + } +#container button + { + font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; + font-size: 42px; + background-color: #333; + color: #ddd; + padding: 20px 40px; + border: 0; + cursor: pointer; + } +#container button small + { + color: #bbb; + font-size: 24px; + line-height: 24px; + position: relative; + top: -5px; + } +#container button b + { + color: #fff; + font-size: 54px; + } +#container button:hover + { + background-color: #222; + color: #fff; + } +#curtain + { +background-image: -webkit-gradient( + linear, + left bottom, + left top, + color-stop(0, rgb(69,69,69)), + color-stop(1, rgb(0,0,0)) +); +background-image: -moz-linear-gradient( + center bottom, + rgb(69,69,69) 0%, + rgb(0,0,0) 100% +); + width: 100%; + height: 100%; + z-index: -1; + position: absolute; + top: 0; + left: 0; + opacity: 0.1; + } +.flip + { + -moz-transform: rotate(180deg); + -webkit-transform: rotate(180deg); + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); + display: inline-block; + position: relative; + top: 8px; + } +#likebutton + { + position: absolute; + top: 100px; + left: 50%; + width: 350px; + margin-left: -185px; + background-color: #333; + padding: 10px; + color: #ddd; + font-family: trebuchet ms, sans-serif; + text-align: center; + display: none; + opacity: 0.8; + } +#about + { + display: none; + position: absolute; + bottom: 100px; + left: 50%; + margin-left: -180px; + background-color: #333; + padding: 10px 15px; + color: #ddd; + font-family: trebuchet ms, sans-serif; + text-align: center; + opacity: 0.8; + } +#likebutton:hover, #about:hover + { + background-color: #222; + } +#scanjam + { + padding-top: 5px; + } +</style> +<body> + +<div id="curtain"> +</div> + +<!-- +<div id="bg"> + <img src="http://scannerjammer.com/img/glasspopradio.gif" /> +</div> +--> + +<div id="container"> + <button id="activate"><small>CLICK HERE FOR</small><br/> + GLASSPOPCORN<br/> + <b>RADIO</b> + </button> +</div> + +<div id="likebutton"> +<div id="fb-root" style="background-color: transparent;"></div><script src="http://connect.facebook.net/en_US/all.js#appId=236917449658413&xfbml=1"></script><fb:like href="http://scannerjammer.com/glasspopcorn/radio/" send="false" width="347" show_faces="true" colorscheme="dark" font="" style="background-color: transparent;"></fb:like> +</div> + +<div id="about"> + <a href="/"><img src="http://scannerjammer.com/img/scannerjammer-logo.png" width="347" height="44" id="scanjam" border="0"></a> +</div> +</body> +<script type="text/javascript" src="http://scannerjammer.com/js/jquery-1.5.2.min.js"></script> +<script type="text/javascript"> +function activater () + { + window.open ("/glasspopcorn/embed/", "sj_embed", "height=600,width=400,left=20,top=20,location=no,menubar=no,resizable=yes,scrollbars=no,status=no,titlebar=yes,toolbar=no") + } +document.getElementById("activate").onclick = activater +function loader () + { + $("#likebutton,#about").fadeIn(50) + } +$(document).ready(loader) +</script> +</html> + |