diff options
| -rw-r--r-- | template/rooms/dump2.st | 199 | ||||
| -rw-r--r-- | template/rooms/dumptest.st | 218 | ||||
| -rw-r--r-- | template/rooms/fullscreen2.st | 167 |
3 files changed, 584 insertions, 0 deletions
diff --git a/template/rooms/dump2.st b/template/rooms/dump2.st new file mode 100644 index 0000000..27df0ac --- /dev/null +++ b/template/rooms/dump2.st @@ -0,0 +1,199 @@ +<!--/* + + _____ ___ ___ ___ ___ ___ + / /::\ /__/\ /__/\ / /\ / /\ /__/\ + / /:/\:\ \ \:\ | |::\ / /::\ / /:/_ | |::\ + / /:/ \:\ \ \:\ | |:|:\ / /:/\:\ / /:/ /\ | |:|:\ + /__/:/ \__\:| ___ \ \:\ __|__|:|\:\ / /:/~/:/ / /:/ /:/ __|__|:|\:\ + \ \:\ / /:/ /__/\ \__\:\ /__/::::| \:\ /__/:/ /:/ /__/:/ /:/ /__/::::| \:\ + \ \:\ /:/ \ \:\ / /:/ \ \:\~~\__\/ \ \:\/:/ \ \:\/:/ \ \:\~~\__\/ + \ \:\/:/ \ \:\ /:/ \ \:\ \ \::/ \ \::/ \ \:\ + \ \::/ \ \:\/:/ \ \:\ \ \:\ \ \:\ \ \:\ + \__\/ \ \::/ \ \:\ \ \:\ \ \:\ \ \:\ + \__\/ \__\/ \__\/ \__\/ \__\/ \___\/ + + (c)2011 dump.fm --> + +<html> + <head> + $head()$ + <title>no $roomname$ dump.fm</title> + + <script type="text/javascript" src="$domain$/static/js/invalid_domains.js"></script> + <script type="text/javascript" src="$domain$/static/webcam/webcam.js"></script> + <script type="text/javascript" src="$domain$/static/js/ajaxupload.js"></script> + $if(user_nick)$ + <script type="text/javascript" src="$domain$/json/$user_nick$/favorites"></script> + $endif$ + <script> + jQuery(document).ready(initChat); + var Nick = $json_user_nick$; + var Room = $json_room_key$; + var Timestamp = $timestamp$; + $if(isadmin)$ + var IsAdmin = true; + $else$ + var IsAdmin = false; + $endif$ + if (Nick) { + jQuery(document).ready(function() { setupUpload('upload', Room); }); + } + function showAlert() { alert('MUST LOGIN'); } + var newwindow; + function pop(url) { + newwindow=window.open(url,'name','height=50,width=400,left=20,top=20,location=0,status=0,scrollbar=0,resizable=0'); + if (window.focus) {newwindow.focus()} + } + jQuery(Away.startTitleUpdater); + jQuery(initChatMsgs); + $if(user_nick)$ // + $else$ + function showAlert() { + alert('Join dump.fm @ http://dump.fm/register'); + } + + $endif$ + </script> + <style> + #chat-wrapper { + position: absolute; + z-index: 2; + right: 100px; + bottom: 100px; + height: 40px; + width: 300px; + } + #welcome-rapper{ + position:fixed; + width:100%; + height:100%; + display:table; + z-index:10; + } + #welcome-rapper span{ + width:50%; + height:50%; + display:table-cell; + float:left; + } + #welcome-rapper span h1{ + display:table-cell; + vertical-align:middle; + } + + #welcome-rapper span:nth-child(5){ + background:url(http://dump.fm/images/20121011/1349988916417-dumpfm-natasaurus-goes8_hg.gif)no-repeat center; + background-size:cover; + } + #welcome-rapper span:nth-child(2){ + background:url(http://dump.fm/images/20121001/1349067392929-dumpfm-kiptok-fuckyousmall.png)no-repeat center; + background-size:cover; + } + #welcome-rapper span:nth-child(4){ + background:url(http://logo.ec/wp-content/uploads/2012/10/4.jpg)no-repeat center; + background-size:cover; + } + #welcome-rapper span iframe { + width: 100%; + background:white; + height: 100%; + } + </style> + </head> + <body> + $if(dis)$ + $banner_dis()$ + $else$ + $banner()$ + $if(!user_nick)$ + <div id="welcome-rapper"> + <span> + <iframe src="http://dump.fm/fullscreen"></iframe> + </span> + <span> + <h1> + HTML Room + </h1> + </span> + <br> + <span> + <h1> + HTML Room + </h1> + </span> + + <span> + <h1> + HTML Room + </h1> + </span> + + </div> + + <div id="dis_welcome"> + <center> + <img src="$domain$/static/img/dumppixellarge3.png"> + <div id="midtxt">dump.fm lets you <i>talk with pictures!</i> Paste an image url, upload, or snap a pic right from your webcam. Talk to friends, fav images, and keep track of the pix you love. + <br><br> + <span id="signintxt"> + If you already have an account <strong><a href="http://dump.fm/login" class="signin">sign in</a></strong> If not <strong><a href="http://dump.fm/register">register</a></strong>! + </span> + </center> + </div> + </div> + + <link href="$domain$/static/css/pages.css" rel="stylesheet" type="text/css" media="screen" /> + <link href="$domain$/static/css/header.css" rel="stylesheet" type="text/css" media="screen" /> + <script type="text/javascript" src="$domain$/static/js/win.js"></script> + <script type="text/javascript"> + var topZ = 7; + CreateDropdownWindow('', '500px', true, 'dis_welcome', 300, 70); + </script> + <style> + .divDragTitle { + left:50%!important; + margin-left: -250px!important; + } + .divDragContent { + z-index:666; + left:50%!important; + margin-left: -250px!important; + } + </style> + $endif$ + $endif$ + + + <div id="chatrap"> + <div id="dcontent"> + <div id="messagetabs"></div> + $messagepane()$ + <script> + var Recips = $recips$; + </script> + </div> + </div> + <div id="palette"> + <div id="palette-thumbs"></div> + </div> + <div id="chatbuttons"> + <div id="textbutton"> + <span>show text?</span> + <input type="checkbox"> + </div> + <div id="imgbutton"> + <span>show imgs?</span> + <input type="checkbox"> + </div> + <div id="clearbutton"> + <span>clear screen</span> + <input type="checkbox"> + </div> + </div> + <div id="footerc"> + $footer()$ + </div> + </div> + $preload()$ + </body> +</html> diff --git a/template/rooms/dumptest.st b/template/rooms/dumptest.st new file mode 100644 index 0000000..25b9c17 --- /dev/null +++ b/template/rooms/dumptest.st @@ -0,0 +1,218 @@ +<!--/* + + _____ ___ ___ ___ ___ ___ + / /::\ /__/\ /__/\ / /\ / /\ /__/\ + / /:/\:\ \ \:\ | |::\ / /::\ / /:/_ | |::\ + / /:/ \:\ \ \:\ | |:|:\ / /:/\:\ / /:/ /\ | |:|:\ + /__/:/ \__\:| ___ \ \:\ __|__|:|\:\ / /:/~/:/ / /:/ /:/ __|__|:|\:\ + \ \:\ / /:/ /__/\ \__\:\ /__/::::| \:\ /__/:/ /:/ /__/:/ /:/ /__/::::| \:\ + \ \:\ /:/ \ \:\ / /:/ \ \:\~~\__\/ \ \:\/:/ \ \:\/:/ \ \:\~~\__\/ + \ \:\/:/ \ \:\ /:/ \ \:\ \ \::/ \ \::/ \ \:\ + \ \::/ \ \:\/:/ \ \:\ \ \:\ \ \:\ \ \:\ + \__\/ \ \::/ \ \:\ \ \:\ \ \:\ \ \:\ + \__\/ \__\/ \__\/ \__\/ \__\/ \___\/ + + (c)2011 dump.fm --> + +<html> + <head> + $head()$ + <title>$roomname$ dump.fm</title> + + <script type="text/javascript" src="$domain$/static/js/invalid_domains.js"></script> + <script type="text/javascript" src="$domain$/static/webcam/webcam.js"></script> + <script type="text/javascript" src="$domain$/static/js/ajaxupload.js"></script> + <script src="$domain$/static/js/fullscreen.js"></script> + $if(user_nick)$ + <script type="text/javascript" src="$domain$/json/$user_nick$/favorites"></script> + $endif$ + <script> + jQuery(document).ready(initChat); + var Nick = $json_user_nick$; + var Room = $json_room_key$; + var Timestamp = $timestamp$; + $if(isadmin)$ + var IsAdmin = true; + $else$ + var IsAdmin = false; + $endif$ + if (Nick) { + jQuery(document).ready(function() { setupUpload('upload', Room); }); + } + function showAlert() { alert('MUST LOGIN'); } + var newwindow; + function pop(url) { + newwindow=window.open(url,'name','height=50,width=400,left=20,top=20,location=0,status=0,scrollbar=0,resizable=0'); + if (window.focus) {newwindow.focus()} + } + jQuery(Away.startTitleUpdater); + jQuery(initChatMsgs); + $if(user_nick)$ // + $else$ + function showAlert() { + alert('Join dump.fm @ http://dump.fm/register'); + } + + $endif$ + </script> + <style> + #chat-wrapper { + position: absolute; + z-index: 1000000; + right: 100px; + bottom: 100px; + height: 40px; + width: 300px; + }; + </style> + </head> + <body> + $if(!user_nick)$ + <style> + html, body, div, img { margin: 0; padding: 0; border: 0; overflow: hidden; font-family: Monaco, "Courier New", Courier, monospace; } + input { + font-family: Monaco, "Courier New", Courier, monospace; + } + #big-image img { + width: 100%; height: 100%; + cursor: pointer; + box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + } + #loginbox { + background: white; + z-index: 999; + position: absolute; + font-size: 20%; + width: 335px; + height: 220px; + margin-left: -170px; + left: 50%; + border: 1px solid; + padding: 2%; + top: 20%; + text-align: justify; + -moz-box-shadow: -1px 1px #000,-2px 2px #000,-3px 3px #000,-4px 4px #000,-5px 5px #000,-6px 6px #000; + -webkit-box-shadow: -1px 1px black,-2px 2px black,-3px 3px black,-4px 4px black,-5px 5px black,-6px 6px black; + box-shadow: -1px 1px black,-2px 2px black,-3px 3px black,-4px 4px black,-5px 5px black,-6px 6px black; + } + #logininner { + width: 30em; + height: 20em; + position: relative; + } + #infocol { + width: 50%; + float: left; + position: relative; + } + #formcontainer { + padding: 0; + width: 80%; + position: relative; + } + #piccol { + width: 50%; + float: right; + position: relative; + } + #loginimg { + width: 75%; + margin-top: 20%; + } + #spinner { display: none; } + #forgetpw { + left: 5px; + bottom: 5px; + font-size: 80%; + } + #fav-indicator { + display: none; + position: fixed; + z-index: 999; + height: 50px; + width: 50px; + right: 20px; + top: 20px; + } + #errormsg { + position: relative; + color: red; + text-align: center; + margin-top: 250px; + } + input {max-width: 100px; + -moz-box-shadow: -1px 1px #000,-2px 2px #000,-3px 3px #000,-4px 4px #000,-5px 5px #000,-6px 6px #000; + -webkit-box-shadow: -1px 1px black,-2px 2px black,-3px 3px black,-4px 4px black,-5px 5px black,-6px 6px black; + box-shadow: -1px 1px black,-2px 2px black,-3px 3px black,-4px 4px black,-5px 5px black,-6px 6px black; + border: 1px solid;} + input:hover { + -moz-box-shadow: -1px 1px #000,-2px 2px #000,-3px 3px #000; + -webkit-box-shadow: -1px 1px #000,-2px 2px #000,-3px 3px #000; + box-shadow: -1px 1px #000,-2px 2px #000,-3px 3px #000,inset -2px 2px 2px #333; + margin-top: 2px; + margin-left: -2px;} + input:active { + -moz-box-shadow: 0px 0px white; + -webkit-box-shadow: 0px 0px white; + box-shadow: -1px 1px #000,0px 0px white; + margin-top: 2px; + margin-left: -4px; + box-shadow: inset -3px 3px 4px #333; + cursor: pointer;} + #remembermeInput { + margin-top: 0; margin-left: 0; + } + #big-image{font-size:20px;text-align: left; text-justify: newspaper; color:#000} + #memelogo { position: fixed; z-index: 999; bottom: 30px; right: 80px; } + .sublogo { font-family: Monaco, "Courier New", Courier, monospace; } + a { color:#000 } + #toplogo{position: fixed;display:none; + top: 0; + left: 0;} + #big-image {cursor:url('http://dump.fm/static/img/thumbs/heartfaved.gif'), pointer} + </style> + <script>jQuery(initLogin)</script> + <script> + initFullscreen() + </script> + <div class="notloggedin"> + + </div> + $endif$ + +$if(user_nick)$ + $banner()$ + <div id="chatrap"> + <div id="dcontent"> + <div id="messagetabs"></div> + $messagepane()$ + <script> + var Recips = $recips$; + </script> + </div> + </div> + <div id="palette"> + <div id="palette-thumbs"></div> + </div> + <div id="chatbuttons"> + <div id="textbutton"> + <span>show text?</span> + <input type="checkbox"> + </div> + <div id="imgbutton"> + <span>show imgs?</span> + <input type="checkbox"> + </div> + <div id="clearbutton"> + <span>clear screen</span> + <input type="checkbox"> + </div> + </div> + <div id="footerc"> + $footer()$ + </div> +$endif$ + </div> + $preload()$ + </body> +</html> diff --git a/template/rooms/fullscreen2.st b/template/rooms/fullscreen2.st new file mode 100644 index 0000000..6046b7e --- /dev/null +++ b/template/rooms/fullscreen2.st @@ -0,0 +1,167 @@ +<html> + <head> + <title>dump.fm - fullscreen</title> + <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> + <script src="$domain$/static/js/pichat.js"></script> + <script src="$domain$/static/js/fullscreen.js"></script> + <script> + var LoggedIn = $if(user_nick)$true$else$false$endif$; + var Timestamp = $timestamp$; + var newwindow; + function pop(url) { + newwindow=window.open(url,'name','height=50,width=400,left=20,top=20,location=0,status=0,scrollbar=0,resizable=0'); + if (window.focus) {newwindow.focus()} + } + jQuery(startChatUpdater); + </script> + <style> + html, body, div, img { margin: 0; padding: 0; border: 0; overflow: hidden; font-family: Monaco, "Courier New", Courier, monospace; } + input { + font-family: Monaco, "Courier New", Courier, monospace; + } + #big-image img { + width: 100%; height: 100%; + cursor: pointer; + box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + } + #loginbox { +background: white; +z-index: 999; +position: absolute; +font-size: 20%; +width: 335px; +height: 220px; +margin-left: -170px; +left: 50%; +border: 1px solid; +padding: 2%; +top: 20%; +text-align: justify; +-moz-box-shadow: -1px 1px #000,-2px 2px #000,-3px 3px #000,-4px 4px #000,-5px 5px #000,-6px 6px #000; +-webkit-box-shadow: -1px 1px black,-2px 2px black,-3px 3px black,-4px 4px black,-5px 5px black,-6px 6px black; +box-shadow: -1px 1px black,-2px 2px black,-3px 3px black,-4px 4px black,-5px 5px black,-6px 6px black; +} + #logininner { + width: 30em; + height: 20em; + position: relative; + } + #infocol { + width: 50%; + float: left; + position: relative; + } + #formcontainer { + padding: 0; + width: 80%; + position: relative; + } + #piccol { + width: 50%; + float: right; + position: relative; + } + #loginimg { + width: 75%; + margin-top: 20%; + } + #spinner { display: none; } + #forgetpw { + left: 5px; + bottom: 5px; + font-size: 80%; + } + #fav-indicator { + display: none; + position: fixed; + z-index: 999; + height: 50px; + width: 50px; + right: 20px; + top: 20px; + } + #errormsg { + position: relative; + color: red; + text-align: center; + margin-top: 250px; + } + input {max-width: 100px; +-moz-box-shadow: -1px 1px #000,-2px 2px #000,-3px 3px #000,-4px 4px #000,-5px 5px #000,-6px 6px #000; +-webkit-box-shadow: -1px 1px black,-2px 2px black,-3px 3px black,-4px 4px black,-5px 5px black,-6px 6px black; +box-shadow: -1px 1px black,-2px 2px black,-3px 3px black,-4px 4px black,-5px 5px black,-6px 6px black; +border: 1px solid;} +input:hover { + -moz-box-shadow: -1px 1px #000,-2px 2px #000,-3px 3px #000; + -webkit-box-shadow: -1px 1px #000,-2px 2px #000,-3px 3px #000; + box-shadow: -1px 1px #000,-2px 2px #000,-3px 3px #000,inset -2px 2px 2px #333; + margin-top: 2px; + margin-left: -2px;} + input:active { + -moz-box-shadow: 0px 0px white; + -webkit-box-shadow: 0px 0px white; + box-shadow: -1px 1px #000,0px 0px white; + margin-top: 2px; + margin-left: -4px; + box-shadow: inset -3px 3px 4px #333; + cursor: pointer;} +#remembermeInput { + margin-top: 0; margin-left: 0; +} + #big-image{font-size:20px;text-align: left; text-justify: newspaper; color:#000} + #memelogo { position: fixed; z-index: 999; bottom: 30px; right: 80px; } + .sublogo { font-family: Monaco, "Courier New", Courier, monospace; } + a { color:#000 } + #toplogo{position: fixed;display:none; +top: 0; +left: 0;} +#big-image {cursor:url('http://dump.fm/static/img/thumbs/heartfaved.gif'), pointer} + </style> + <script>jQuery(initLogin)</script> + </head> + <body> + + + $if(user_nick)$ + + <div id="loginbox"> + <img src="http://wiki.bennington.edu/mediawiki/images/9/9e/Dumplogo.gif"><br> + <p> this is dump.fm, the first ever real-time image sharing website. behind me is a fullscreen feed of whats currently going on. + if you're a member of the club, sign in below. if not feel free to <a href="#" onclick="jQuery('#loginbox').hide(); return false;">close this window</a> and enjoy the sick pix.</p> + <form onsubmit="login(); return false;"> + <p>username : <input id="nickInput"></p> + <p>password : <input id="passwordInput" type="password"></p> + <p> + remember me? <input id="remembermeInput" type="checkbox" checked="true"> <input type="submit" value="LOGIN"></p> + + <img id="spinner" src="/static/img/spinner.gif"> + </form> + <div id="errormsg"></div> + <div id="forgetpw"><a href="$domain$/reset">forgot password?</a></div> + <a href="/chat"id="toplogo"><img src="http://wiki.bennington.edu/mediawiki/images/9/9e/Dumplogo.gif"></a> <img src="http://dump.fm/static/img/thumbs/heartfaved.gif" id="fav-indicator"> + </div> + $else$ + <div id="loginbox"> + <img src="http://wiki.bennington.edu/mediawiki/images/9/9e/Dumplogo.gif"><br> + <p> this is dump.fm, the first ever real-time image sharing website. behind me is a fullscreen feed of whats currently going on. + if you're a member of the club, sign in bellow. if not feel free to <a href="#" onclick="jQuery('#loginbox').hide(); return false;">close this window</a> and enjoy the sick pix.</p> + <form onsubmit="login(); return false;"> + <p>username : <input id="nickInput"></p> + <p>password : <input id="passwordInput" type="password"></p> + <p> + remember me? <input id="remembermeInput" type="checkbox" checked="true"> <input type="submit" value="LOGIN"></p> + + <img id="spinner" src="/static/img/spinner.gif"> + </form> + <div id="errormsg"></div> + <div id="forgetpw"><a href="$domain$/reset">forgot password?</a></div> + </div> + $endif$ + + <div id="big-image"></div> + <script> + initFullscreen() + </script> + $google_analytics()$ + </body> +</html> |