Lots of TG15-changes (-:

author: root <root@einstein.tg15.gathering.org> 2015-03-31 04:39:50 +0200
committer: root <root@einstein.tg15.gathering.org> 2015-03-31 04:39:50 +0200
commit: e3d7c5cc86fedb458d9b091ca12245c01e7f285d (patch)
tree: e6e2dd92505d972e8a0d4e28160eb4657416dfcd /web/stream.gathering.org
parent: aff65378ea1ae556dbccc9a2f97a97811c86c39d (diff)
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
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
author	root <root@einstein.tg15.gathering.org>	2015-03-31 04:39:50 +0200
committer	root <root@einstein.tg15.gathering.org>	2015-03-31 04:39:50 +0200
commit	e3d7c5cc86fedb458d9b091ca12245c01e7f285d (patch)
tree	e6e2dd92505d972e8a0d4e28160eb4657416dfcd /web/stream.gathering.org
parent	aff65378ea1ae556dbccc9a2f97a97811c86c39d (diff)