aboutsummaryrefslogtreecommitdiffstats
path: root/web/stream.gathering.org
diff options
context:
space:
mode:
Diffstat (limited to 'web/stream.gathering.org')
-rwxr-xr-x[-rw-r--r--]web/stream.gathering.org/embed.pl5
-rw-r--r--web/stream.gathering.org/embed.tmpl10
-rw-r--r--web/stream.gathering.org/index.tmpl27
-rw-r--r--web/stream.gathering.org/resources/css/core.css82
-rw-r--r--web/stream.gathering.org/resources/images/pixel-white.pngbin0 -> 2205 bytes
-rw-r--r--web/stream.gathering.org/resources/images/pixel_animation.gifbin0 -> 5002 bytes
6 files changed, 106 insertions, 18 deletions
diff --git a/web/stream.gathering.org/embed.pl b/web/stream.gathering.org/embed.pl
index e5f103c..38fbf9c 100644..100755
--- a/web/stream.gathering.org/embed.pl
+++ b/web/stream.gathering.org/embed.pl
@@ -26,7 +26,7 @@ my $location = undef;
print $client->header();
my $clip = $client->remote_addr();
-my $template = HTML::Template->new(filename => 'index.tmpl');
+my $template = HTML::Template->new(filename => 'embed.tmpl');
my $is_local = &is_ip_local($clip, $v4net, $v6net);
my @streams = &html_local_test();
@@ -52,11 +52,8 @@ sub html_local_test() {
my %hash = (
'title_link' => $title_link,
'title' => $streams{$name}->{title},
- 'source' => $streams{$name}->{source},
'quality' => $streams{$name}->{quality},
- 'location' => $streams{$name}->{location},
'type' => $streams{$name}->{type},
- 'delivery' => $multicast_link,
);
if ($multicast_link eq "multicast") {
$hash{'is_multicast'} .= 1;
diff --git a/web/stream.gathering.org/embed.tmpl b/web/stream.gathering.org/embed.tmpl
index ef8b692..6b9581b 100644
--- a/web/stream.gathering.org/embed.tmpl
+++ b/web/stream.gathering.org/embed.tmpl
@@ -1,18 +1,18 @@
<html>
<head>
<title>The Gathering <TMPL_VAR NAME=TG_FULL> Streams</title>
- <link rel="stylesheet" type="text/css" href="style.css" media="all">
- <script type="text/javascript" src="jwplayer.js"></script>
+ <link rel="stylesheet" type="text/css" href="pre-tg15/style.css" media="all">
+ <script type="text/javascript" src="pre-tg15/jwplayer.js"></script>
</head>
<body>
<div id="innhold">
<TMPL_UNLESS NAME=NOHEADER>
<h1>The Gathering <TMPL_VAR NAME=TG_FULL> Streams</h1>
- <embed type="application/x-shockwave-flash" src="player.swf"
+ <embed type="application/x-shockwave-flash" src="pre-tg15/player.swf"
width="800" height="450" style="undefined" id="mplf" name="mplf" quality="high"
allowfullscreen="true" allowscriptaccess="always" wmode="opaque"
stretching="exactfit"
- flashvars="stretching=exactfit&amp;file=<TMPL_VAR NAME=VLC_BASE_HOST>/event.flv&amp;autostart=true"></embed>
+ flashvars="stretching=exactfit&amp;file=http://wat.gathering.org:9094/southcam.flv&amp;autostart=true"></embed>
<p>&nbsp;</p>
</TMPL_UNLESS>
@@ -30,7 +30,7 @@
</div>
- <p>Problems with the non game streams? The easiest way to get hold of us is on IRC (EFNet); one of ViD or doxid should be available if there's too much traffic on #tg to be heard.</p>
+ <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>
<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>
</body>
diff --git a/web/stream.gathering.org/index.tmpl b/web/stream.gathering.org/index.tmpl
index 8d007e9..c834da9 100644
--- a/web/stream.gathering.org/index.tmpl
+++ b/web/stream.gathering.org/index.tmpl
@@ -37,19 +37,44 @@
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="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" ] } } }'>
+ <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>
diff --git a/web/stream.gathering.org/resources/css/core.css b/web/stream.gathering.org/resources/css/core.css
index cad5d3a..5a7a6f0 100644
--- a/web/stream.gathering.org/resources/css/core.css
+++ b/web/stream.gathering.org/resources/css/core.css
@@ -40,9 +40,10 @@ body {
background-color: #ffffff;
text-align: center;
padding-top: 50px;
- color: #000000;
- background-image: url('http://git.hvornum.se/resources/images/tech-bg.jpg');
- text-shadow: 2px 2px #c2c2c2;
+ color: #FFFFFF;
+ background-color: #000000;
+ /*background-image: url('http://git.hvornum.se/resources/images/tech-bg.jpg');*/
+ /*text-shadow: 2px 2px #c2c2c2;*/
background-repeat: no-repeat;
background-size: cover;
}
@@ -51,6 +52,10 @@ body {
padding-top: 150px;
}
+.videoframe {
+ left: 50%;
+}
+
.section {
padding: 8rem 0 7rem;
text-align: center;
@@ -72,7 +77,7 @@ body {
}
#stream {
- width: 1280px;
+ width: 960px;
min-width: 960px;
height: 540px;
min-height: 540px;
@@ -89,23 +94,84 @@ body {
@media (min-width: 550px) {
.section {
padding: 12rem 0 11rem;
+ padding-bottom: 30px;
}
.content { text-align: left; }
+ #floater {
+ min-width: 300px;
+ min-height: 190px;
+ width: 300px;
+ height: 190px;
+ }
+ #stream {
+ min-width: 320px;
+ min-height: 183px;
+ }
+ .videoframe {
+ margin-left: -160px;
+ }
}
-/* Bigger than 750 */
-@media (min-width: 750px) {
+/* Bigger than 920 */
+@media (min-width: 920px) {
.section {
padding: 5rem 0 5rem;
+ padding-bottom: 30px;
+ }
+ .content { text-align: left; }
+ #floater {
+ min-width: 300px;
+ min-height: 190px;
+ width: 300px;
+ height: 190px;
+ }
+ #stream {
+ min-width: 500px;
+ min-height: 280px;
+ }
+ .videoframe {
+ margin-left: -250px;
+ }
+}
+
+/* Bigger than 1200 */
+@media (min-width: 1200px) {
+ .section {
+ padding: 1rem 0 1rem;
+ padding-bottom: 30px;
}
.content { text-align: left; }
+ #floater {
+ min-width: 531px;
+ min-height: 396px;
+ }
+ #stream {
+ min-width: 700px;
+ min-height: 393px;
+ }
+ .videoframe {
+ margin-left: -350px;
+ }
}
-/* Bigger than 1000 */
-@media (min-width: 1000px) {
+/* Bigger than 1600 */
+@media (min-width: 1600px) {
.section {
padding: 1rem 0 1rem;
padding-bottom: 30px;
}
.content { text-align: left; }
+ #floater {
+ min-width: 531px;
+ min-height: 396px;
+ }
+ #stream {
+ width: 960px;
+ min-width: 960px;
+ height: 540px;
+ min-height: 540px;
+ }
+ .videoframe {
+ margin-left: -480px;
+ }
} \ No newline at end of file
diff --git a/web/stream.gathering.org/resources/images/pixel-white.png b/web/stream.gathering.org/resources/images/pixel-white.png
new file mode 100644
index 0000000..259d96b
--- /dev/null
+++ b/web/stream.gathering.org/resources/images/pixel-white.png
Binary files differ
diff --git a/web/stream.gathering.org/resources/images/pixel_animation.gif b/web/stream.gathering.org/resources/images/pixel_animation.gif
new file mode 100644
index 0000000..5840442
--- /dev/null
+++ b/web/stream.gathering.org/resources/images/pixel_animation.gif
Binary files differ
generated by cgit v1.2.3 (git 2.25.1) at 2025-11-03 23:39:11 +0000