diff options
Diffstat (limited to 'frontend/static/template')
| -rw-r--r-- | frontend/static/template/directory.html | 282 | ||||
| -rw-r--r-- | frontend/static/template/index.html | 96 | ||||
| -rw-r--r-- | frontend/static/template/profile.html | 151 | ||||
| -rw-r--r-- | frontend/static/template/redir.html | 13 | ||||
| -rw-r--r-- | frontend/static/template/register.html | 172 | ||||
| -rw-r--r-- | frontend/static/template/room.html | 220 | ||||
| -rw-r--r-- | frontend/static/template/roomlist.html | 82 |
7 files changed, 1016 insertions, 0 deletions
diff --git a/frontend/static/template/directory.html b/frontend/static/template/directory.html new file mode 100644 index 0000000..9622fe1 --- /dev/null +++ b/frontend/static/template/directory.html @@ -0,0 +1,282 @@ +<!doctype html> +<html> +<head> +<title>SCANNERJAMMER DIRECTORY</title> +<style type="text/css"> +* + { + padding: 0; + margin: 0; + } +body + { + background-image: -webkit-gradient( + linear, + left bottom, + left top, + color-stop(0.2, rgb(255,0,123)), + color-stop(0.79, rgb(91,5,171)), + color-stop(1, rgb(165,29,224)) + ); + background-image: -moz-linear-gradient( + center bottom, + rgb(255,0,123) 20%, + rgb(91,5,171) 79%, + rgb(165,29,224) 100% + ); + background-attachment: fixed; + font-family: sans-serif; + } +a + { + color: #26f; + text-decoration: none; + } +a:visited + { + color: #84b; + } +#directory_container + { + position: absolute; + top: 100px; + left: 50%; + margin-left: -300px; + width: 600px; + z-index: 5; + padding-bottom: 200px; + } +ul + { + border: 2px solid #333; + } +li + { + list-style-type: none; + padding: 4px 0; + border-bottom: 1px solid #ccc; + } +li.off + { + background-color: #ffffee; + } +li.on + { + background-color: #eeeedd; + } +li.top span.score + { + font-size: 48px; + } +li.top a + { + font-size: 36px; + } +li.high span.score + { + font-size: 36px; + } +li.high a + { + font-size: 24px; + } +li.mid span.score + { + font-size: 24px; + } +li.mid a + { + font-size: 18px; + } +li.base span.score + { + font-size: 18px; + } +li.base a + { + font-size: 18px; + } +li.none span.score + { + font-size: 14px; + } +li.none a + { + font-size: 14px; + } +li span.score + { + display: inline-block; + width: 170px; + padding-right: 20px; + text-align: right; + font-weight: bold; + } +.cloudleft + { + background-image: url(/bgz/cloudz1.png); + position: fixed; + bottom: 0; + left: 0; + z-index: 10; + width: 600px; + height: 400px; + opacity: 0.7; + pointer-events: none + } +.cloudright + { + background-image: url(/bgz/cloudz2.png); + position: fixed; + bottom: 0; + right: 0; + z-index: 10; + width: 600px; + height: 400px; + opacity: 0.8; + pointer-events: none + } +.shimmer + { + margin: 0 0 -20px 0; + opacity: 0.5; + } +.shimmer2 + { + margin: 0 0 -40px 0; + opacity: 0.5; + z-index: 11; + } +#likebutton + { + position: fixed; + width: 450px; + right: 20px; + bottom: 20px; + padding-top:15px; + background-color:white; + -moz-border-radius:20px; + border-radius:20px; + padding:10px; + z-index: 10; + } +#likebutton a + { + color: #33f; + } +h2 + { + z-index: 4; + position: absolute; + color: #fff; + font-family: georgia, serif; + font-weight: bold; + font-style: italic; + font-size: 120px; + letter-spacing: -15px; + top: 20px; + left: 50%; + margin-left: -230px; + } +#logo + { + position: absolute; + top: 20px; + z-index: 20; + left: 20px; + } +#logobg + { + position: absolute; top: 10px; left: 0; width: 100%; height: 64px; + background-color: #000; opacity: 0.8; z-index: 19; + width: 950px; + } +#logo a + { + float: left; + display: inline-block; + } +#logo a img + { + display: inline-block; + } +#logo h1 + { + padding: 5px 0 0 25px; + font-size: 34px; + font-weight: normal; + font-style: italic; + font-family: georgia, garamond, serif; + color: #f8b; + display: inline-block; + } + +</style> +</head> +<body> +<section id="logo"> + <a href="/"><img src="http://scannerjammer.com/img/scanjam-title.gif" width="347" height="44" id="scanjam" border="0" /></a> + <h1 id="header">high score directory</h1> +</section> +<section id="logobg"></section> +<section id="directory_container"> + <ul id="directory"></ul> +</section> +<section id="likebutton"> + <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="http://scannerjammer.com:17769/" show_faces="true" width="450" font=""></fb:like> +</section> +<section class="cloudleft"></section> +<section class="cloudright"></section> +<section class="cloudleft shimmer"></section> +<section class="cloudright shimmer"></section> +<section class="cloudleft shimmer2"></section> +<section class="cloudright shimmer2"></section> +</body> +<script type="text/javascript" src="/js/jquery-1.5.2.min.js"></script> +<script type="text/javascript"> +var users = %%DIRECTORY%% +var Directory = + { + generate: function () + { + var seen = {} + var count = 0 + var rows = [] + for (i in users) + { + if (users[i].name in seen) + continue + var cl = "" + seen[users[i].name] = true + if (count < 3) + cl = "top" + else if (count < 10) + cl = "high" + else if (count < 20) + cl = "mid" + else if (users[i].score > 0) + cl = "base" + else + { + cl = "none" + users[i].score = ' ' + } + cl += count % 2 ? " on" : " off" + rows.push('<li class="'+cl+'"><span class="score">'+users[i].score+'</span><a href="/profile/'+users[i].name+'">'+users[i].name+'</a></li>') + count += 1 + } + $("#directory").html(rows.join('')) + } + } +var Main = + { + init: function () + { + $("#likebutton").hover(function(){ $(this).css({zIndex: 666}) }, function (){ $(this).css({zIndex: 10}) }) + if (users && users.length) + Directory.generate() + }, + } +Main.init() +</script> +</html> diff --git a/frontend/static/template/index.html b/frontend/static/template/index.html new file mode 100644 index 0000000..2a3e7aa --- /dev/null +++ b/frontend/static/template/index.html @@ -0,0 +1,96 @@ +<!doctype html> +<html> +<head> +<title>SCANNERJAMMER</title> +<link href="/css/chat.css" media="screen, projection" rel="stylesheet" type="text/css" /> +<link rel="shortcut icon" href="http://scannerjammer.com/favicon.ico" /> +<meta property="og:title" content="ScannerJammer"/> +<meta property="og:type" content="website"/> +<meta property="og:url" content="http://scannerjammer.com:17769/"/> +<meta property="og:image" content="http://scannerjammer.com/img/plant.gif"/> +<meta property="og:site_name" content="ScannerJammer"/> +<meta property="og:description" content="Youtube video chat"/> +<meta property="fb:admins" content="100001923956223,1709246"/> +<meta name="description" content="Youtube video chat" /> +<body> +<div id="lunacy"> + NOTE: SCANNERJAMMER ONLY WORKS IN FIREFOX AND CHROME. DO NOT TRY THIS WITH INTERNET EXPLORER +</div> +<section id="bg"> + <img src="http://scannerjammer.com/img/scanjambg2.jpg" /> +</section> +<section id="plant"><img src="http://scannerjammer.com/img/plant.gif" height="700" /></section> +<section id="flower"><img src="http://scannerjammer.com/img/flower-red.gif" height="400" /></section> +<section id="curtain"></section> +<section id="login"> + <img src="http://scannerjammer.com/img/scanjam-flipping.gif" width="100%" /><br /> + <label>username:</label> <input type="text" id="login-username" maxlength="25" /><br /> + <label>password:</label> <input type="password" id="login-password" maxlength="32" /><br /> + <label> </label> <div id="button-shim"><button id="login-go">ROCKET</button></div><br /> + <a href="/register">need an account?</a> +</section> + +<section id="logo"> + <img src="http://scannerjammer.com/img/scanjam-title.gif" width="347" height="44" id="scanjam" /> + <div id="likebutton"> + <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fscannerjammer.com%3A17769%2F&layout=button_count&show_faces=false&width=90&action=like&font&colorscheme=dark&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:21px;" allowTransparency="true"></iframe> + </div> +</section> +<section id="likereport"></section> +<section id="instructions"> + <span><b>INSTRUCTIONS:</b><br/> + Paste youtube urls into the chat and they will be added to the playlist.<br/> + You can also paste gifs and images.<br/></span> +</section> + +<section id="player"> + <div id="ytplayer"></div> + <div id="ytplayer2"></div> + <nav> + <button id="prev"><<</button> + <button id="pause">||</button> + <button id="next">>></button> + <button id="scan">SCAN</button> + </nav> +</section> + +<section id="playlistbg"></section> +<section id="playlist"> + <img src="http://scannerjammer.com/img/playlist-banner.gif" width="200" height="60" /> + <ul id="queue"></ul> +</section> + +<section id="chatbg"></section> +<section id="chat"></section> + +<section id="lastlogbg"></section> +<section id="lastlogbox"> + <h4>VIEW PROFILES</h4> + <ul id="lastlog"></ul> +</section> + +<section id="form"> + <input type="text" id="chat-message" maxlength="512" /> + <button id="chat-send">SEND</button> +</section> + +<section id="msg"></section> +<section id="plea"> + please enable javascript +</section> +<section id="loading"> + loading . . . +</section> + +<section id="logout">logout</section> + +</body> +<script type="text/javascript">document.getElementById("plea").style.display="none"</script> +<script type="text/javascript">if (navigator.userAgent.indexOf("MSIE") !== -1) { document.getElementById("lunacy").style.display="block" }</script> +<script type="text/javascript">roomName = "%%ROOM%%"</script> +<script type="text/javascript" src="http://scannerjammer.com/js/jquery.js"></script> +<script type="text/javascript" src="http://scannerjammer.com/js/jquery.md5.js"></script> +<script type="text/javascript" src="http://scannerjammer.com/js/swfobject.js"></script> +<script type="text/javascript" src="http://scannerjammer.com:17769/js/main.js"></script> +</html> + diff --git a/frontend/static/template/profile.html b/frontend/static/template/profile.html new file mode 100644 index 0000000..aa22c96 --- /dev/null +++ b/frontend/static/template/profile.html @@ -0,0 +1,151 @@ +<!doctype html> +<html> +<head> +<title>scanners jammed by %%NAME%%</title> +<link rel="shortcut icon" href="http://scannerjammer.com/favicon.ico" /> +<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /> +<meta property="og:title" content="%%NAME%%'s profile on ScannerJammer"/> +<meta property="og:type" content="website"/> +<meta property="og:url" content="http://scannerjammer.com/profile/%%NAME%%/"/> +<meta property="og:image" content="%%THUMBNAIL%%"/> +<meta property="og:site_name" content="ScannerJammer"/> +<meta property="og:description" content="Youtube video chat"/> +<meta property="fb:admins" content="100001923956223,1709246"/> +<meta name="description" content="Youtube video chat" /> +<link href="/css/sasscss/profile.css" media="screen, projection" rel="stylesheet" type="text/css" /> +<link href="/css/sasscss/print.css" media="print" rel="stylesheet" type="text/css" /> +<!--[if IE]> + <link href="/css/sasscss/ie.css" media="screen, projection" rel="stylesheet" type="text/css" /> +<![endif]--> +</head> +<body> +<div id="logo"> + <a href="/"><img src="http://scannerjammer.com/img/scanjam-title.gif" width="347" height="44" id="scanjam" border="0" /></a> + <h2> + Use arrow keys to switch videos<br/> + Hit L key to LIKE<br/> + Hit ESC to switch views + </h2> + <h1 id="header">%%UCNAME%% score:%%SCORE%%</h1> +</div> +<div id="logobg"></div> + +<div id="flower"><img src="http://scannerjammer.com/img/flower-red.gif" height="400" /></div> + +<div id="player"> + <div id="projector"> + <div id="screen"></div> + <div id="ytscreen"></div> + <div id="video-title"></div> + </div> + <nav id="controls"> + <button id="prev"><<</button> + <button id="pause">||</button> + <button id="next">>></button> + <button id="scan">SCAN</button> + <button id="like">LIKE</button> + <button id="fullscreen">FULLSCREEN</button> + <a id="video-link" target="_blank">[link]</a> + <span id="sharebutton" class="st_sharethis" st_url="http://scannerjammer.com/" st_title="Scanner Jammer"></span> + </nav> +</div> + +<div id="playlistbg"></div> +<div id="playlist"> + <ol id="queueLinks"></ol> + <ul id="queue"></ul> +</div> + +<div id="contact"> + <img src="http://scannerjammer.com/img/runner.gif" class="avatar"> + <p id="bio"></p> + <img src="http://scannerjammer.com/img/runner.gif" class="avatar"> +</div> + +<div id="bg"> + <img src="" /> +</div> + +<div id="sitez"> + <div id="settings-hook">EDIT YOUR PROFILE</div> + <div> + <a href="/top">Top Videos</a> . + <a href="/directory">Directory</a> + </div> + <div id="likebutton"> +<!-- + <fb:like href="http://scannerjammer.com/" layout="button_count" show_faces="false" width="90" font=""></fb:like> +--> +<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.scannerjammer.com:17769%2F&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"id="fblike"></iframe> + </div> +</div> + +<div id="settings-container"> + <div id="settings-close" class="close">X</div> + <h5>EDITING %%UCNAME%%</h5> + <div class="shim"></div> + <label>background URL</label> + <input type="text" id="profile-bg"> + <div class="shim"></div> + + <label>corner image URL</label> + <input type="text" id="profile-avatar"><br/> + <div class="shim"></div> + + <label>enter your contact info here, you can also paste links to GIFs and images</label> + <textarea id="profile-bio"></textarea><br/> + <div class="shim"></div> + + <label> </label><button id="profile-settings-save">save</button><br /> + <div class="shim"></div> + <div class="shim"></div> +</div> + +<div id="gif-container"> + <div id="gifs"></div> +</div> + +<div id="msg"></div> +<div id="plea"> + please enable javascript +</div> + +<div id="fullscreen-warning">Hit Escape to exit fullscreen mode</div> + +</body> +<script type="text/javascript">document.getElementById("plea").style.display="none"</script> +<script type="text/javascript"> + serverHost = "scannerjammer.com" + serverPort = 19898 +var userVideoQueue = %%VIDZ%% +var userVideoQueueTitle = "my scans" +var topVideoQueue = %%TOPZ%% +var topVideoQueueTitle = "top scans" +var likeVideoQueue = %%LIKEZ%% +var likeVideoQueueTitle = "jams i like" +var imageQueue = %%IMAGEZ%% +var userProfile = %%PROFILE%% +var now = %%NOW%% +</script> +<script type="text/javascript" src="/js/jquery-1.5.2.min.js"></script> +<script type="text/javascript" src="/js/jquery.md5.js"></script> +<script type="text/javascript" src="/js/swfobject.js"></script> +<script type="text/javascript" src="/js/soundmanager2.js"></script> +<script type="text/javascript" src="/js/debug.js"></script> +<script type="text/javascript" src="/js/api.js"></script> +<script type="text/javascript" src="/js/auth.js"></script> +<script type="text/javascript" src="/js/like.js"></script> +<script type="text/javascript" src="/js/chat.js"></script> +<script type="text/javascript" src="/js/player.js"></script> +<script type="text/javascript" src="/js/vimeo.js"></script> +<script type="text/javascript" src="/js/youtube.js"></script> +<script type="text/javascript" src="/js/soundcloud.js"></script> +<script type="text/javascript" src="/js/audio.js"></script> +<script type="text/javascript" src="/js/profile.js"></script> +<!-- +<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script> +<script type="text/javascript">stLight.options({publisher:'12cf4ab4-b19f-44d7-81ac-9454fd7334b0',onhover:false});</script> +--> +<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script> +</html> + diff --git a/frontend/static/template/redir.html b/frontend/static/template/redir.html new file mode 100644 index 0000000..d0264c5 --- /dev/null +++ b/frontend/static/template/redir.html @@ -0,0 +1,13 @@ +<html> +<head> +<meta http-equiv="Refresh" + content="0; URL=http://scannerjammer.com:17769/"> +</head> +<body> +<br> +Sending you through to + <a href="http://scannerjammer.com:17769/">Scanner Jammer</a>..! +<br> +</body> +</html> + diff --git a/frontend/static/template/register.html b/frontend/static/template/register.html new file mode 100644 index 0000000..198ce0d --- /dev/null +++ b/frontend/static/template/register.html @@ -0,0 +1,172 @@ +<!doctype html> +<html> +<head> +<title>SCANNERJAMMER REGISTRATION</title> +<link rel="shortcut icon" href="http://scannerjammer.com/favicon.ico" /> +<style type="text/css"> +* { padding: 0; margin: 0; } +body + { + background: #040818; + overflow: hidden; + } +#bg + { + position: absolute; + top: 0; + left: 0; + z-index: -1; + display: none; + } +#success, #register, #plant { display: none; } +#success + { + position: absolute; + top: 10%; + left: 50%; + margin-left: -250px; + width: 400px; + background-color: #808; + border-bottom: 2px solid #100; + color: #ccc; + text-align: center; + padding: 30px 50px 50px 50px; + -moz-border-radius: 30px; + -webkit-border-radius: 30px; + border-radius: 30px; + font-family: sans-serif; + font-size: 24px; + } +#success a + { + color: #0ff; + font-weight: bold; + } +#success-username + { + font-weight: bold; + font-size: 36px; + color: #fff; + padding: 10px; + display: block; + } +#register + { + position: absolute; + top: 10%; + left: 30%; + background-image: url(http://asdf.us/scanjam/scanjambg1.jpg); + margin-left: -350px; + width: 600px; + background-color: #000; + color: #fff; + padding: 30px 50px 50px 50px; + -moz-border-radius: 30px; + -webkit-border-radius: 30px; + border-radius: 30px; + font-family: sans-serif; + font-size: 30px; + } +#plant + { + position: absolute; + bottom: 0; + right: 0; + z-index: -1; + } +#register h1 + { + font-size: 48px; + padding-bottom: 20px; + } +img + { + padding-bottom: 20px; + } +#register input + { + font-size: 24px; + clear: right; + width: 200px; + padding: 3px; + margin-bottom: 10px; + background-color: #ddd; + border: 2px solid #333; + } +#register label + { + width: 120px; + font-size: 24px; + padding-right: 20px; + display: inline-block; + text-align: right; + } +#register button + { + font-size: 30px; + background-color: #fff; + opacity: 0.05; + font-weight: bold; + padding: 5px 10px; + } +#register span + { + font-size: 16px; + color: #0ff; + text-shadow: #888 0 0 3px; + } +#register span.error + { + color: #f00; + } +</style> +<body> +<section id="bg"> + <img src="http://scannerjammer.com/img/glittergutzbg.gif" /> +</section> +<section id="curtain"></section> +<section id="register"> + <img src="http://scannerjammer.com/img/scanjam-title.gif" width="100%" /><br /> + + <h1>official registration form</h1> + <label>username:</label> + <input type="text" id="register-username" maxlength="25" /> + <span id="username-available"></span> + <br /> + + <label>password:</label> + <input type="password" id="register-pw" maxlength="25" /> + <br /> + + <label>again:</label> + <input type="password" id="register-pw2" maxlength="25" /> + <span id="password-match"></span> + <br /> + + <label></label> + <button id="register-go">REGISTER</button> +</section> +<section id="success"> + <!-- + <img src="http://scannerjammer.com/img/scanjam-title.gif" width="100%" /><br /> + --> + wow okay awesome- greetings,<br /> + <span id="success-username"></span> + your new ghost is online and active..<br /> + <br /> + <a href="/">WELCOME TO SCANNERJAMMER</a> +</section> + +<section id="msg"></section> +<section id="plea"> + please enable javascript +</section> +<section id="plant"><img src="http://scannerjammer.com/img/plant.gif" height="700" /></section> +</body> +<script type="text/javascript">document.getElementById("plea").style.display="none"</script> +<script type="text/javascript" src="/js/jquery-1.5.2.min.js"></script> +<script type="text/javascript" src="/js/jquery.md5.js"></script> +<script type="text/javascript" src="/js/swfobject.js"></script> +<script type="text/javascript" src="/js/register.js"></script> +</html> + diff --git a/frontend/static/template/room.html b/frontend/static/template/room.html new file mode 100644 index 0000000..25c4e23 --- /dev/null +++ b/frontend/static/template/room.html @@ -0,0 +1,220 @@ +<!doctype html> +<html> +<head> +<title>%%UCROOM%%</title> +<link href="/css/sasscss/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> +<link href="/css/sasscss/tiny.css" media="screen, projection" rel="alternate stylesheet" type="text/css" title="tiny" disabled="disabled" /> +<link href="/css/sasscss/%%ROOM%%.css" media="screen, projection" rel="alternate stylesheet" type="text/css" title="%%ROOM%%" disabled="disabled" /> +<link href="/css/%%ROOM%%.css" media="screen, projection" rel="alternate stylesheet" type="text/css" title="custom" disabled="disabled" /> +<link href="/css/sasscss/gallery-white.css" media="screen, projection" rel="alternate stylesheet" type="text/css" title="white" disabled="disabled" /> +<link rel="shortcut icon" href="http://scannerjammer.com/favicon.ico" /> +<meta http-equiv="Content-Type" content="text/html; charset=iso=8859-1" /> +<meta property="og:url" content="http://scannerjammer.com/%%ROOM%%/"/> +<meta property="og:type" content="website"/> +<meta property="og:site_name" content="ScannerJammer"/> +<meta property="og:description" content="Youtube video chat"/> +<meta property="fb:admins" content="100001923956223,1709246"/> +<meta property="og:title" content="%%OPENGRAPH_TITLE%%"/> +<meta property="og:image" content="%%OPENGRAPH_IMAGE%%"/> +<meta name="description" content="Youtube video chat" /> +<style type="text/css"> +#login, #lunacy, #likereport, #logo, #logobg, #chat, #chatbg, #form, #formbg, #player, #playlist, #playlistbg, #lastlogbox, #lastlogbg, #plant, #flower, #sitez, #bg, #instructions + { display: none } +</style> +</head> +<body> +<p id="instructions"> + INSTRUCTIONS: + Paste Youtube links into the chat. + You can also paste GIFs and images. +</p> +<div id="lunacy"> + NOTE: SCANNERJAMMER ONLY WORKS IN FIREFOX AND CHROME. DO NOT TRY THIS WITH INTERNET EXPLORER +</div> +<section id="plea"> + please enable javascript + <script type="text/javascript">document.getElementById("plea").style.display="none"</script> +</section> +<section id="loading"> + loading . . . +</section> + +<section id="bg"> + <img src="http://scannerjammer.com/bgz/1302474305250-dumpfm-GucciSoFlosy-pattern4.gif" /> +</section> +<section id="plant"><img src="http://scannerjammer.com/img/plant.gif" height="700" /></section> +<section id="flower"><img src="http://scannerjammer.com/img/flower-red.gif" height="400" /></section> +<section id="curtain"></section> +<section id="login"> + <img src="http://scannerjammer.com/img/scanjam-flipping.gif" width="100%" /><br /> + <label>username:</label> <input type="text" id="login-username" maxlength="25" /><br /> + <label>password:</label> <input type="password" id="login-password" maxlength="32" /><br /> + <label> </label> <div id="button-shim"><button id="login-go">ROCKET</button></div><br /> + <a href="/register/#%%ROOM%%">get an account - no email required</a> +</section> + +<section id="logo"> + <a href="/"><img src="http://scannerjammer.com/img/scannerjammer-logo.png" width="347" height="44" id="scanjam" border="0" /></a> + <h2 id='preamblewords' class='preamblish'>Post urls into the chat!<br/>Use arrow keys to switch videos<br/>Hit L key to LIKE<br/>Hit ESC to switch views</h2> + <h1 id="heading"></h1> + <div id="likebutton"> + <fb:like href="http://scannerjammer.com:17769/" layout="button_count" show_faces="false" width="90" font=""></fb:like> +<!-- +<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.scannerjammer.com:17769%2F&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"id="fblike"></iframe> +--> + + </div> +</section> +<section id="logobg"></section> +<section id="likereport"></section> + +<section id="player"> + <section id="projector"> + <section id="screen"></section> + <section id="ytscreen"></section> + <section id="video-title"></section> + </section> + <nav id="controls"> + <button id="prev"></button> + <button id="pause"></button> + <button id="next"></button> + <button id="scan">SCAN</button> + <button id="like">LIKE</button> + <button id="fullscreen">FULLSCREEN</button> + <a id="video-link" target="_blank">[link]</a> + <span id="sharebutton" class="st_sharethis" st_url="http://scannerjammer.com/" st_title="Scanner Jammer"></span> + </nav> +</section> + +<section id="playlistbg"></section> +<section id="playlist"> + <div style="padding-left: 10px; background: #333; opacity: 0.7; display: block; text-align: center; color: #6dd;"> + <img src='http://scannerjammer.com/img/playlist_chat.gif' height='32' /> + </div> + <ul id="queue"> + </ul> +</section> + +<section id="chatbg"></section> +<section id="chat"></section> + +<section id="tokbox-embed"> + <span id="tokbox-loading"><img src="/img/loading.gif" /></span> + <div id="tokbox-settings"> + microphone <button id="tokbox-microphone">off</button><br/> + mute all <button id="tokbox-mute-all">off</button><br/> + </div> + <section id="tokbox-publisher"></section> + <section id="tokbox-subscribers"></section> +</section> + +<section id="lastlogbg"></section> +<section id="lastlogbox"> + <h4>NOW ACTIVE</h4> + <ul id="lastlog"></ul> +</section> + +<section id="form"> + <input type="text" id="chat-message" maxlength="512" /> + <button id="chat-send">SEND</button> + <button id="videochat-toggle">WEBCAM</button> + <div id="videochat-badge"></div> +</section> + +<div id="search-results-container"> + <img id="search-loading" src="/img/loading2.gif" /> + <div id="search-instructions">click to post in the room</div> + <ul id="search-results"></ul> +</div> + +<div id="sitez"> + <input type="text" id="search-terms" /> + + <div id="settings-hook"><img src="/img/cube.png" width="20" height="20"/></div><div id="rooms-hook"><img src="/img/icosahedron.png" width="20" height="20"/></div><div id="about-hook"><img src="/img/pyramid.png" width="20" height="20"/></div> +</section> + +<section id="settings-container"> + <div id="settings-close" class="close">X</div> + <h5>CHANGE ROOM THEME</h5> + <div class="shim"></div> + <label>name:</label> <span id="room-name"></span><br /> + <div class="shim"></div> + <label>title:</label> <input type="text" id="room-title"/><br /> +<!-- + <label>topic:</label> <input type="text" id="room-topic"/><br /> +--> + <label>background image:</label> <input type="text" id="room-bg"/><br /> +<!-- + <label>background reset:</label> <input type="text" id="room-bgreset"/><br /> + <label>background color:</label> <input type="text" id="room-bgcolor"/><br /> + <label>phase:</label> <input type="text" id="room-phase"/><br /> +--> + <label></label><button id="room-settings-save">SAVE</button><br /> + <label><small><i>last updated by</i></small></label> <span id="room-updater"></span><br/> + <span id="room-mod-tag"></span> + <span id="gallery-link"> + <a href="/backgrounds/">View Background History</a> + <a href="/gallery/">Gallery</a> + </span> + <div class="shim"></div> + <div class="shim"></div> +<!-- + <label>ops:</label> <span id="room-ops"></span><br /> + <label>bans:</label> <span id="room-bans"></span><br /> +--> +</section> + +<section id="rooms-container"> + <div id="rooms-close" class="close">X</div> + <h5>ROOMS</h5> + <img src="/img/loading.gif" width="32" height="32" id="rooms-loading" /> + <ul id="rooms-list"> + </ul> +</section> + +<section id="about-container"> + <div id="about-close" class="close">X</div> + <h5>INSTRUCTIONS</h5> + <p> + Paste YOUTUBE, VIMEO, or SOUNDCLOUD links into the chat. + You can also paste links to GIFs and images. + </p> + <ul> + <a href="/faq/"><li>Frequently Asked Questions</li></a> + <a href="/rooms/"><li>Open Rooms</li></a> + <a href="/top/"><li>Top Videos Today</li></a> + <a href="/history/"><li>Top Videos in Scannerjammer History</li></a> + <a href="/directory/"><li>Scanners Directory</li></a> + <a id="your-profile"><li>Your Profile</li></a> + <li id="logout">Logout</li> + </ul> +</section> + +<section id="msg"></section> + +</body> +<script type="text/javascript">if (navigator.userAgent.indexOf("MSIE") !== -1) { document.getElementById("lunacy").style.display="block" }</script> +<script src="http://staging.tokbox.com/v0.91/js/TB.min.js" type="text/javascript" charset="utf-8"></script> +<script type="text/javascript"> + serverHost = "%%SERVER_HOST%%" + serverPort = %%SERVER_PORT%% + roomName = "%%ROOM%%" // window.location.pathname.split("/")[1] + retrograde = false +</script> +<script type="text/javascript" src="%%JS_PATH%%"></script> + +<!-- + var sj = document.createElement('script') + sj.type = 'text/javascript' + sj.async = 'true' + sj.src = 'http://scannerjammer.com/js/sj6.js?t=' + new Date().getTime().toString() + + var scripts = document.getElementsByTagName('script') + scripts[scripts.length-1].parentNode.insertBefore(sj, scripts[scripts.length-1]) +<script type="text/javascript">var switchTo5x=true;</script> +<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script> +<script type="text/javascript">stLight.options({publisher:'12cf4ab4-b19f-44d7-81ac-9454fd7334b0',onhover:false});</script> +<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script> +--> +</html> + diff --git a/frontend/static/template/roomlist.html b/frontend/static/template/roomlist.html new file mode 100644 index 0000000..3128c8f --- /dev/null +++ b/frontend/static/template/roomlist.html @@ -0,0 +1,82 @@ +<!doctype html> +<html> +<head> +<title>SCANNERJAMMER</title> +<link href="/css/sasscss/profile.css" media="screen, projection" rel="stylesheet" type="text/css" /> +<link href="/css/sasscss/roomlist.css" media="screen, projection" rel="stylesheet" type="text/css" /> +<link rel="shortcut icon" href="http://scannerjammer.com/favicon.ico" /> +<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> +<meta property="og:title" content="ScannerJammer"/> +<meta property="og:type" content="website"/> +<meta property="og:url" content="http://scannerjammer.com/"/> +<meta property="og:image" content="http://scannerjammer.com/img/plant.gif"/> +<meta property="og:site_name" content="ScannerJammer"/> +<meta property="og:description" content="Youtube video chat"/> +<meta property="fb:admins" content="100001923956223,1709246"/> +<meta name="description" content="Youtube video chat" /> +<style type="text/css"> +#login {display: none;} +</style> +</head> +<body> +<div id="lunacy"> + NOTE: SCANNERJAMMER ONLY WORKS IN FIREFOX AND CHROME. DO NOT TRY THIS WITH INTERNET EXPLORER +</div> +<section id="plea"> + please enable javascript + <script type="text/javascript">document.getElementById("plea").style.display="none"</script> +</section> +<section id="logo"> + <a href="/"><img src="http://scannerjammer.com/img/scanjam-title.gif" width="247" height="41" id="scanjam" border="0" /></a> + <!-- + <a href="/"><img src="http://scannerjammer.com/img/scanjam-title.gif" width="347" height="44" id="scanjam" border="0" /></a> + <h2 id='preamblewords' class='preamblish'>Welcome to the ScannerJammer Network</h2> + --> + <h1 id="header">WELCOME TO THE SCANNERJAMMER NETWORK</h1> +</section> +<section id="logobg"></section> + +<section id="curtain"></section> +<section id="login"> + <img src="http://scannerjammer.com/img/scanjam-flipping.gif" width="100%" /><br /> + <label>username:</label> <input type="text" id="login-username" maxlength="25" /><br /> + <label>password:</label> <input type="password" id="login-password" maxlength="32" /><br /> + <label> </label> <div id="button-shim"><button id="login-go">ROCKET</button></div><br /> + <a href="/register/#main">get an account - no email required</a> +</section> + +<div id="sitez"> + <div> + <a href="/top/">Top Videos Today</a> . + <a href="/directory/">Directory</a> . + <a href="/faq/">About</a> + </div> + <div id="likebutton"> +<!-- + <fb:like href="http://scannerjammer.com/" layout="button_count" show_faces="false" width="90" font=""></fb:like> +--> +<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.scannerjammer.com:17769%2F&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"id="fblike"></iframe> + + </div> +</div> + +<section id="roomlist"> +</section> +</body> +<script type="text/javascript"> + var serverHost = "scannerjammer.com"; + var serverPort = 19898; + var ROOM_LIST = %%ROOM_LIST%%; +</script> +<script type="text/javascript">if (navigator.userAgent.indexOf("MSIE") !== -1) { document.getElementById("lunacy").style.display="block" }</script> +<script type="text/javascript" src="/js/jquery-1.5.2.min.js"></script> +<script type="text/javascript" src="/js/jquery.md5.js"></script> +<script type="text/javascript" src="/js/swfobject.js"></script> +<script type="text/javascript" src="/js/debug.js"></script> +<script type="text/javascript" src="/js/api.js"></script> +<script type="text/javascript" src="/js/auth.js"></script> +<script type="text/javascript" src="/js/roomlist.js"></script> +<!-- +<script async src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script> +--> +</html> |