diff options
Diffstat (limited to 'template/fullscreen4.st')
| -rw-r--r-- | template/fullscreen4.st | 159 |
1 files changed, 159 insertions, 0 deletions
diff --git a/template/fullscreen4.st b/template/fullscreen4.st new file mode 100644 index 0000000..f07593c --- /dev/null +++ b/template/fullscreen4.st @@ -0,0 +1,159 @@ +<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 { + + } + #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; + display: none; + } + #logininner { + width: 30em; + height: 20em; + position: relative; + } + #infocol { + width: 50%; + float: left; + position: relative; + } + #formcontainer { + padding: 0; + margin-top: 20%; + width: 80%; + position: relative; + } + #nickInput, #passwordInput { + width: 100%; + } + #piccol { + width: 50%; + float: right; + position: relative; + } + #loginimg { + width: 75%; + margin-top: 20%; + } + #spinner { display: none; } + #forgetpw { + position: absolute; + 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; + } + + #loginclose { + position: absolute; + right: 3px; + top: 3px; + } + @font-face { + font-family: 'PixelComicSans-Regular'; + src: url('$domain$/static + /fonts/PixelComicSans-Regular.eot'); + } + + @font-face { + font-family: 'PixelComicSans-Regular'; + src: url('$domain$/static/fonts/PixelComicSans-Regular.woff') format('woff'), + url('$domain$/static/fonts/PixelComicSans-Regular.svg#PixelComicSans-Regular') format('svg'); + } + #toptxt{font-family: "PixelComicSans-Regular", serif ;font-size:50px;text-align: left; text-justify: newspaper;width:100%;z-index:2; position:absolute;color:black;text-transform:;} + + #memelogo { position: fixed; z-index: 999; bottom: 30px; right: 80px; } + .sublogo { font-family: Monaco, "Courier New", Courier, monospace; } + a { color:#000 } + </style> + <script>jQuery(initLogin)</script> + </head> + <body> + <div id="loginbox"> + <div id="logininner"> + <div id="infocol"> + <center> + <div id="formcontainer"> + <form onsubmit="login(); return false;"> + <div align="left">username</div> + <div><input id="nickInput"></div> + <br> + <div align="left">password</div> + <div><input id="passwordInput" type="password"></div> + <div align="right" style="font-size: 80%">remember me? <input id="remembermeInput" type="checkbox" checked="true"></div> + <br> + <div> + <center><input type="submit" value="LOGIN"></center> + <img id="spinner" src="/static/img/spinner.gif"> + </div> + </form> + </div> + </center> + </div> + <div id="piccol"> + <center><img id="loginimg" src="/static/img/danceman.gif"></center> + <center><i>join the party</i></center> + </div> + <div id="errormsg"></div> + <div id="forgetpw"><a href="$domain$/reset">forgot password?</a></div> + <div id="loginclose"><a href="#" onclick="jQuery('#loginbox').hide(); return false;">X</a></div> + </div> + </div> + <div id="memelogo"> + <div class="sublogo"> + $if(user_nick)$ + <img src="/static/img/thumbs/heart.gif">click to fav + $else$ +<a href="http://dump.fm"><img src="http://dump.fm/static/img/dumppixelhover.png" class="memelogo"></a> + <a href="#" onclick="showLogin(); return false;">LOGIN</a> | <a href="$domain$/register">REGISTER</a> + $endif$ + </div> + </div> + <div id="toptxt"> + we are the first real-time image chat community. we host more than 1,500,000 images. behind this txt are images we are posting right now. idgi for life, deal with it. + </div> + <div id="big-image"></div> + <img src="http://dump.fm/static/img/thumbs/heartfaved.gif" id="fav-indicator"> + <script> + initFullscreen() + </script> + $google_analytics()$ + </body> +</html> |