diff options
Diffstat (limited to 'template/rooms/fullscreen2.st')
| -rw-r--r-- | template/rooms/fullscreen2.st | 167 |
1 files changed, 167 insertions, 0 deletions
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> |