summaryrefslogtreecommitdiff
path: root/template/fullscreen.st
blob: 44db7ef06ac15b3b5a6132b180e1bc26679d6a24 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<html>
  <head>
	    <title>dump.fm - fullscreen</title>
		    <script src="/static/js/jquery-1.4.2.min.js?v=20260126"></script>
	    <script src="$domain$/static/js/pichat.js"></script>
	    <script src="$domain$/static/js/fullscreen.js?v=20260126"></script>
	    $if(user_nick)$
	    $else$
	    <script src="$domain$/static/js/register.js"></script>
	    $endif$
    <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()}
      }
    </script>
 
    <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_box.css?v=20260129">
    <script>jQuery(initLogin)</script>
  </head>
  <body>


      $if(user_nick)$
      $else$
      <div id="loginbox" class="box b"> <a href="#" class="close"onclick="jQuery('#loginbox').fadeOut(); return false;">x</a>
	        <img src="/static/dumplogo.png"><br>
        <p class="block1">
	          this is dump.fm, the first ever real-time image sharing website.
	          behind this is a fullscreen feed of whats currently being posted.
	          type a username below to join (new usernames create an account instantly; no password required).
	          <form onsubmit="login(); return false;" class="log-in">
	            <p>username <input id="nickInput" tabindex="1"></p>
	            <!-- Password login disabled.
	                 Uncomment to restore legacy password field.
	            <p>password <input id="passwordInput" type="password" tabindex="2"></p>
	            -->
	            <p>
	              remember me? <input id="remembermeInput" type="checkbox" checked="true" tabindex="2"> <input type="submit" value="LOGIN" tabindex="3"></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>
	        </div>
      <div id="registerbox" class="box">
        <a href="/"><img src="/static/img/dumppixellarge3.png"></a>
        <span class="regclosed">
        <p>
 		registration is closed ;-(
	</p>
	<p>
		maybe ask a friend?
	</p>
        </span>
        <span class="regopen">
        <label style="text-align:left;margin-bottom:-8px;">username</label>
        <input type="text" class="field" id="regNickInput" tabindex="5" />
        </p><p>
        <label style="text-align:left;margin-bottom:-8px;">password</label>
        <input type="password" class="field" id="regPasswordInput" tabindex="6" />
        </p><p>
        <label style="text-align:left;margin-bottom:-8px;">password2x</label>
        <input type="password" class="field" id="regPasswordInput2" tabindex="7" />
        </p><p>
        <label style="text-align:left;margin-bottom:-8px;">email</label>
        <input type="text" class="field" id="regEmailInput" tabindex="8" />
        </p><p>
        <input type="submit" class="submit" id="submit" value="Register!" tabindex="9" />
        </p>
        </span>
      </div>
      $endif$

    <div id="big-image"></div>
    <script>
      function choice(a) { return a[Math.floor(Math.random()*a.length)] }
      var urls = [
        "https://archive.hump.fm/images/20100601/1275428508049-dumpfm-foot-oie_oie_overlay-1.gif",
        "https://archive.hump.fm/images/20100928/1285728674225-dumpfm-timb-running.unicorn.gif",
        "https://archive.hump.fm/images/20100726/1280119193796-dumpfm-enso-human-condition.gif",
        "https://archive.hump.fm/images/20100521/1274415795577-dumpfm-ucnv-mx.gif",
        "https://archive.hump.fm/images/20100912/1284315873224-dumpfm-Neontoast-1283990707508-dumpfm-crunkus-crabtoon.gif",
        "https://archive.hump.fm/images/20110927/1317105622918-dumpfm-peachfist-test8scam.gif",
        "https://archive.hump.fm/images/20110323/1300915179773-dumpfm-blingscience-fishtank.gif",
        "https://archive.hump.fm/images/20110418/1303108538834-dumpfm-LAVARLAMAR-lettuce_lavarlamar.gif",
        "https://s3.amazonaws.com/i.asdf.us/im/84/gradient_horse_1318306378_1322355741_ryz_1337322355_ryz.gif",
        "https://archive.hump.fm/images/20110724/1311552093462-dumpfm-hologrampa-1291586335941-dumpfm-jeeeelings-cat_face_wink_hologrampa-lettuce.gif",
        "https://s3.amazonaws.com/i.asdf.us/im/be/tt7620731fltt_1315431978.gif"
      ]
      if (window.location.href.indexOf("nologin") != -1) {
        jQuery("#loginbox").hide();
      }
      document.getElementById("big-image").innerHTML = "<img src='" + choice(urls) + "'>"
      initFullscreen()
      initRegister()
      jQuery(startChatUpdater)
      jQuery("#reglink").click(function(e){
        e.preventDefault();
        jQuery("#loginbox").hide();
        jQuery("#registerbox").show().addClass("b");
        return false;
      });
      jQuery("#nickInput").focus();
      $if(user_nick)$
      $else$
      $endif$
    </script>
    $google_analytics()$
  </body>
</html>