room edits

author: dumpfmprod <dumpfmprod@ubuntu.(none)> 2012-12-30 16:40:58 -0500
committer: dumpfmprod <dumpfmprod@ubuntu.(none)> 2012-12-30 16:40:58 -0500
commit: eb1668da860f5b3a7076800dc78e0fb982888c5d (patch)
tree: 021855d3632e4f0a017bb3239a7ce9623bb638d2 /template/rooms/fullscreen2.st
parent: e9de5742555c81221a4939bc1decf175416a26e0 (diff)
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>
author	dumpfmprod <dumpfmprod@ubuntu.(none)>	2012-12-30 16:40:58 -0500
committer	dumpfmprod <dumpfmprod@ubuntu.(none)>	2012-12-30 16:40:58 -0500
commit	eb1668da860f5b3a7076800dc78e0fb982888c5d (patch)
tree	021855d3632e4f0a017bb3239a7ce9623bb638d2 /template/rooms/fullscreen2.st
parent	e9de5742555c81221a4939bc1decf175416a26e0 (diff)