diff options
Diffstat (limited to 'frontend/static/radio/sewergreats.html')
| -rw-r--r-- | frontend/static/radio/sewergreats.html | 219 |
1 files changed, 219 insertions, 0 deletions
diff --git a/frontend/static/radio/sewergreats.html b/frontend/static/radio/sewergreats.html new file mode 100644 index 0000000..82c66db --- /dev/null +++ b/frontend/static/radio/sewergreats.html @@ -0,0 +1,219 @@ +<!doctype html> +<html> +<head> +<title>SEWER GREATS RADIO</title> +<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> +<meta property="og:title" content="SEWER GREATS RADIO"/> +<meta property="og:type" content="website"/> +<meta property="og:url" content="http://scannerjammer.com/sewergreats/radio/"/> +<meta property="og:image" content="http://scannerjammer.com/bgz/sewergreatsbg.jpg" /> +<meta property="og:site_name" content="ScannerJammer"/> +<meta property="og:description" content=""/> +<meta property="fb:admins" content="100001923956223,1709246"/> +<meta name="description" content="Youtube video chat" /> +<style type="text/css"> +html + { + height: 100%; + margin: 0; padding: 0; + } +body + { + margin: 0; padding: 0; + height: 100%; + width: 100%; + } +#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 #003; + position: fixed; + top: 100px; + right: 100px; + width: 250px; + height: 360px; + border: 0; + background-color: #003; + } +#container + { + font-family: sans-serif; + letter-spacing: -2px; + color: #dd6688; + font-size: 36px; + position: absolute; + top: 250px; + left: 50%; + width: 500px; + margin-left: -250px; + text-align: center; + } +#container button + { + font-family: sans-serif; + font-size: 42px; + background-color: #003; + color: #ff3333; + padding: 20px 40px; + border: 0; + cursor: pointer; + box-shadow: 0 0 90px #f8f; + } +#container button small + { + color: #bb11dd; + font-size: 24px; + line-height: 24px; + position: relative; + top: -5px; + } +#container button b + { + color: #FF7F00; + font-size: 54px; + } +#container button:hover + { + background-color: #0820b6; + } +#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: #003; + padding: 10px; + color: #ddd; + font-family: trebuchet ms, sans-serif; + text-align: center; + display: none; + } +#about + { + display: none; + position: absolute; + bottom: 100px; + left: 50%; + margin-left: -180px; + background-color: #003; + padding: 10px 15px; + color: #ddd; + font-family: trebuchet ms, sans-serif; + text-align: center; + } +#likebutton:hover, #about:hover, #sewage:hover + { + background-color: #0820b6; + } +#scanjam + { + padding-top: 5px; + } +#sewage + { + bottom: 75px; + right: 50px; + position: absolute; + padding: 10px; + background: #003; + color: #eee; + cursor: pointer; + box-shadow: 0 20px 20px #000; + } +#sewage i + { + padding: 0 0 5px 0; + display: block; + font-family: sans-serif; + } +</style> +<body> +<div id="bg"> + <img src="/bgz/sewergreatsbg.jpg" /> +</div> +<div id="curtain"> +</div> + +<div id="container"> + <button id="activate"><small>CLICK HERE FOR</small><br/> + SEWER GREATS<br/> + <b>RADIO!</b> + </button> +</div> + +<div id="likebutton"> +<div id="fb-root" style="background-color: black;"></div><script src="http://connect.facebook.net/en_US/all.js#appId=236917449658413&xfbml=1"></script><fb:like href="http://scannerjammer.com/sewergreats/radio/" send="false" width="347" show_faces="true" colorscheme="dark" font="" style="background-color: black;"></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> + +<div id="sewage"> + <i>And you might also enjoy ...</i> + <a href="http://sewagetapes.bandcamp.com/"><img src="http://scannerjammer.com/bgz/sewergreatsvol1.jpg" width="250" height="250"/></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 ("/sewergreats/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> + + |