diff options
Diffstat (limited to 'frontend/templates')
| -rw-r--r-- | frontend/templates/room.html | 222 |
1 files changed, 222 insertions, 0 deletions
diff --git a/frontend/templates/room.html b/frontend/templates/room.html new file mode 100644 index 0000000..2ce2edd --- /dev/null +++ b/frontend/templates/room.html @@ -0,0 +1,222 @@ +{% load static %} +{% get_static_prefix as STATIC_PREFIX %} +<!doctype html> +<html> +<head> +<title>{{ UCROOM }}</title> +<link href="{{ STATIC_PREFIX }}/css/sasscss/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> +<link href="{{ STATIC_PREFIX }}/css/sasscss/tiny.css" media="screen, projection" rel="alternate stylesheet" type="text/css" title="tiny" disabled="disabled" /> +<link href="{{ STATIC_PREFIX }}/css/sasscss/{{ ROOM }}.css" media="screen, projection" rel="alternate stylesheet" type="text/css" title="{{ ROOM }}" disabled="disabled" /> +<link href="{{ STATIC_PREFIX }}/css/{{ ROOM }}.css" media="screen, projection" rel="alternate stylesheet" type="text/css" title="custom" disabled="disabled" /> +<link href="{{ STATIC_PREFIX }}/css/sasscss/gallery-white.css" media="screen, projection" rel="alternate stylesheet" type="text/css" title="white" disabled="disabled" /> +<link rel="shortcut icon" href="{{ STATIC_PREFIX }}/favicon.ico" /> +<meta http-equiv="Content-Type" content="text/html; charset=iso=8859-1" /> +<meta property="og:url" content="{{ STATIC_PREFIX }}/{{ 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="{{ STATIC_PREFIX }}/bgz/1302474305250-dumpfm-GucciSoFlosy-pattern4.gif" /> +</section> +<section id="plant"><img src="{{ STATIC_PREFIX }}/img/plant.gif" height="700" /></section> +<section id="flower"><img src="{{ STATIC_PREFIX }}/img/flower-red.gif" height="400" /></section> +<section id="curtain"></section> +<section id="login"> + <img src="{{ STATIC_PREFIX }}/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="{{ STATIC_PREFIX }}/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="{{ STATIC_PREFIX }}/" 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='{{ STATIC_PREFIX }}/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="{{ STATIC_PREFIX }}/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="{{ STATIC_PREFIX }}/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="{{ STATIC_PREFIX }}/img/cube.png" width="20" height="20"/></div><div id="rooms-hook"><img src="{{ STATIC_PREFIX }}/img/icosahedron.png" width="20" height="20"/></div><div id="about-hook"><img src="{{ STATIC_PREFIX }}/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="{{ STATIC_PREFIX }}/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="{{ STATIC_PREFIX }}{{ JS_PATH }}"></script> + +<!-- + var sj = document.createElement('script') + sj.type = 'text/javascript' + sj.async = 'true' + sj.src = '{{ STATIC_PREFIX }}/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> + |