blob: c834da982bdc1031f3853e9d200ba5affb58a10a (
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
124
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>The Gathering <TMPL_VAR NAME=TG_FULL> Streams</title>
<!-- Mobile specific
---------------------->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- CSS specifics
-------------------->
<link rel="stylesheet" href="/resources/css/normalize.css">
<link rel="stylesheet" href="/resources/css/skeleton.css">
<link rel="stylesheet" href="/resources/css/core.css">
<link rel="stylesheet" href="/resources/css/button-styles.css">
<link rel="stylesheet" href="/resources/css/video-js.css">
<style type="text/css">
.vjs-big-play-button {
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
}
</style>
<!-- JavaScript specifics
---------------------------->
<script type="text/javascript" src="/resources/js/jwplayer.js"></script>
<script type="text/javascript" src="/resources/js/video.js"></script>
<script type="text/javascript" src="/resources/js/video-quality-selector.js"></script>
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script type="text/javascript">
function swapVideo (url) {
window.location = '/?url=' + window.btoa(url);
}
function float() {
$("#floater").animate({top: '-=20px'}, "slow");
$("#floater").animate({top: '+=20px'}, "slow");
float();
}
$(document).ready(function() {
float();
});
</script>
<style type="text/css">
#floater {
position: absolute;
top: 172px;
right: 0px;
width: 531px;
height: 396px;
background-image: url('/resources/images/pixel-white.png');
background-size: cover;
}
</style>
</head>
<body>
<div id="header">
<h1>The Gathering <TMPL_VAR NAME=TG_FULL> Streams</h1>
</div>
<div id="floater">
</div>
<div class="section">
<div class="container">
<div class="row">
<div class="twelve columns">
<TMPL_UNLESS NAME=NOHEADER>
<video id="stream" class="videoframe video-js vjs-default-skin" controls preload="auto" poster="/resources/images/loading.png" data-setup='{ "autoplay": <TMPL_VAR NAME=VIDEO_AUTO_PLAY>, "plugins" : { "resolutionSelector" : { "default_res" : "720", "force_typesz" : [ "video/flv" ] } } }'>
<source src="<TMPL_VAR NAME=VIDEO_URL>" id="videodata" type="video/flv" data-res="720">
<p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
</p>
</video>
</TMPL_UNLESS>
</div>
</div>
<div class="row">
<div class="twelve columns">
<p>Problems with the non game streams? The easiest way to get a hold of us is on IRC (EFNet); Either of ViD or DoXiD should be available if there's too much traffic on #tg to be heard.</p>
</div>
</div>
<div class="row">
<div class="one-half column">
<TMPL_LOOP NAME="STREAMS">
<div class="stream-item">
<img class="stream-icon" src="img/icon_<TMPL_VAR NAME=QUALITY>.png" />
<img class="stream-icon" src="img/icon_<TMPL_VAR NAME=TYPE>.png" />
<a class="stream-link-content" href="<TMPL_VAR NAME=TITLE_LINK>"><TMPL_VAR NAME=TITLE></a>
</div>
</TMPL_LOOP>
</div>
<div class="one-half column">
<TMPL_LOOP NAME="CAMSTREAMS">
<div class="stream-item">
<img class="stream-icon" src="img/icon_<TMPL_VAR NAME=QUALITY>.png" />
<img class="stream-icon" src="img/icon_<TMPL_VAR NAME=TYPE>.png" />
<a class="stream-link-content" href="#" onclick="swapVideo('<TMPL_VAR NAME=TITLE_LINK>');"><TMPL_VAR NAME=TITLE></a>
</div>
</TMPL_LOOP>
</div>
</div>
<div class="row footer">
<div class="twelve columns">
<p><a target="_blank" href="http://stream.tg<TMPL_VAR NAME="TG">.gathering.org">http://stream.tg<TMPL_VAR NAME="TG">.gathering.org</a></p>
</div>
</div>
</div>
</div>
</body>
</html>
|
