summaryrefslogtreecommitdiff
path: root/template/fullscreen5.st
diff options
context:
space:
mode:
authordumpfmprod <dumpfmprod@ubuntu.(none)>2012-07-17 21:42:09 -0400
committerdumpfmprod <dumpfmprod@ubuntu.(none)>2012-07-17 21:42:09 -0400
commitd891a7ae1b205716c086363fba17a3249a665deb (patch)
treea8c4f5cbf404e7f40737160d7e5762c59b71fcb8 /template/fullscreen5.st
parentda15cfb1e452a0af4902272ba351d5a6d0d0b56a (diff)
updates to templates
Diffstat (limited to 'template/fullscreen5.st')
-rw-r--r--template/fullscreen5.st148
1 files changed, 148 insertions, 0 deletions
diff --git a/template/fullscreen5.st b/template/fullscreen5.st
new file mode 100644
index 0000000..21c2562
--- /dev/null
+++ b/template/fullscreen5.st
@@ -0,0 +1,148 @@
+<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;
+ display: none;
+ }
+ #loginbox div{border:0}
+ #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;
+ }
+ #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 }
+ </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">
+
+ <br>
+ <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="big-image">waiting 4 new image from dump.fm.............</div>
+ <img src="http://dump.fm/static/img/thumbs/heartfaved.gif" id="fav-indicator">
+ <script>
+ initFullscreen()
+ </script>
+ $google_analytics()$
+ </body>
+</html>