summaryrefslogtreecommitdiff
path: root/photobooth/fullscreenphotobooth.st
blob: 6e3245300b35f408c2973b00203ecf24f1572ba1 (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
115
116
117
118
119
120
121
122
123
<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/fullscreenphotobooth.js"></script>
    
        <script type="text/javascript" src="$domain$/static/webcam/webcam.js"></script>
    <script type="text/javascript" src="$domain$/static/js/ajaxupload.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;
      }
      #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: 150px;
          width: 150px; 
          left: 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:120px;text-align: justify; text-justify: newspaper;   text-shadow: 1px 1px #eee, 2px 2px #f0e, 3px 3px #eee,4px 4px #f0e,5px 5px #eee, 3px 3px #eee,4px 4px #f0e,5px 5px #eee,6px 6px #f0e,6px 6px #eee,7px 7px #f0e,7px 7px #eee,8px 8px #f0e,8px 8px #eee,9px 9px #f0e,9px 9px #eee; color:#fff}
      #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="big-image">
    
    waiting 4 new image from dump.fm.............
    
        <input id="webcam-button-upload" value="Webcam" type="submit">
    <input id="webcam-button-snap" value="Send Pic" type="submit" class="invisible blink">  
   
    </div>
    <img src="/static/img/thumbs/heartfaved.gif" id="fav-indicator">
    <script>
      initFullscreen()
    </script>
    $google_analytics()$
  </body>
</html>