summaryrefslogtreecommitdiff
path: root/template/fullscreen.st
blob: fc57dc00bb7e0f7361a46d8b7da64bf94e53790a (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
<html>
<head>
$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>
    jQuery(document).ready(initChat);
    var Room = $json_room_key$;
    var Timestamp = $timestamp$;
    var Version = $version$;
$if(isadmin)$
    var IsAdmin = true;
$else$
    var IsAdmin = false;
$endif$
    if (Nick) {
      jQuery(document).ready(function() { setupUpload('upload', Room); });
    }
    function showAlert() { alert('MUST LOGIN'); }
    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(startTitleUpdater);
    jQuery(initChatMsgs);
    $if(user_nick)$ //
    $else$
    function showAlert() {
	alert('Join dump.fm @ http://dump.fm/register');
	}

$endif$
  </script>
<style>
html, body, div, img { margin: 0; padding: 0; border: 0; overflow: hidden; }
#controls { display: none; }
#big-image img { width: 100%; height: 100%;}
#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;	font-family: Monaco, "Courier New", Courier, monospace;color:#fff}
#tools-button{position:absolute;height:10px;width:10px;background-color:#eee;bottom:37px;left:2px;}
#msgInputDiv{display:none;}

#msgInputDiv {
	position:fixed;
	min-width:500px;
	z-index:100;
left:3px;opacity:0.5;
bottom: 0px;
	width: 100%;
}

#msgInput {
	z-index:100;
	left:-3px;border:1px solid #000;
    position:relative;border-right:0px;
height:35px;
font-size:20px;
    min-width:500px;padding-right:38px;padding-left:1px;
		box-shadow: 2px 3px 4px #eee;
}
.msgInput {
    min-width:500px;width:100%;
	z-index:100;background-color:#eff5fb;
}
#msginputrapper{
margin-right:0;
height:35px;

}
.memelogo{padding:0px;top:0px;position:absolute;}
#fullscreen-logo {

    position: fixed;
    z-index: 999;
    bottom: 60px;
    right: 200px;
}
</style>
</head>
<body>
<a id="fullscreen-logo" href="http://dump.fm">
<img src="http://dump.fm/static/img/dumppixelhover.png"class="memelogo">
</a>
<div id="big-image">waiting 4 new image from dump.fm.............</div>
<div id="controls"></div>
<script>
Timestamp = $timestamp$;
initFullscreen()
</script>
$google_analytics()$
</body>
</html>