Difference between revisions of "Team:Groningen/Jamboree"

Revision as of 23:12, 1 December 2016 (view source)

Kninnug (Talk | contribs)

← Older edit

Latest revision as of 00:10, 2 December 2016 (view source)

Kninnug (Talk | contribs)

(14 intermediate revisions by the same user not shown)

Line 1:

<html>

+

<style>

+

#outtakes{

+

display: none;

+

}

+

</style>

Line 9:

Line 14:

−

+

Line 15:

Line 20:

+

<div>

+

+

+

</video>

+

</div>

+

<div>

+

+

+

</video>

+

</div>

Line 24:

Line 39:

+

<div>

+

+

+

</video>

+

</div>

−

+

+

+

+

</div>

−

+

</div>

+

+

+

+

</video>

+

</div>

</figure>

</section>

</article>

+

+

var previds = [];

+

$('.previd').each(function(idx){

+

previds[idx] = false;

+

this.id = 'p' + idx;

+

this.addEventListener('ended', function(){

+

previds[+this.id.substr(1)] = true;

+

if(previds.every(function(e){ return e; })){

+

$('#outtakes').show();

+

}

+

});

+

});

+

</script>

</html>

Difference between revisions of "Team:Groningen/Jamboree"

Latest revision as of 00:10, 2 December 2016

Jamboree

Team

Project

Biology

Modelling

Computing

Human Practices

Support

@@ Line 1: / Line 1: @@
 {{Groningen}}
 <html>
+	<style>
+		#outtakes{
+			display: none;
+		}
+	</style>
 	<article>
 		<section>
@@ Line 9: / Line 14: @@
 			<figure class="">
 				<!-- <img src="https://static.igem.org/mediawiki/2016/thumb/5/53/T--Groningen--Jamboree-boston.jpg/800px-T--Groningen--Jamboree-boston.jpg" /> -->
-				<div class="cycler">
+				<div class="cycler centrate" style="display: inline-block">
 					<img class="active base" src="https://static.igem.org/mediawiki/2016/thumb/4/40/T--Groningen--Jamboree-boats-night.jpg/800px-T--Groningen--Jamboree-boats-night.jpg" />
 					<img src="https://static.igem.org/mediawiki/2016/thumb/1/1f/T--Groningen--Jamboree-boats-day.jpg/800px-T--Groningen--Jamboree-boats-day.jpg" />
@@ Line 15: / Line 20: @@
 				<img src="https://static.igem.org/mediawiki/2016/thumb/2/26/T--Groningen--Jamboree-hostel.jpg/800px-T--Groningen--Jamboree-hostel.jpg" />
 				<img src="https://static.igem.org/mediawiki/2016/thumb/a/ae/T--Groningen--Jamboree-escalated.jpg/450px-T--Groningen--Jamboree-escalated.jpg" />
+				<div>
+					<video class="previd" controls preload="metadata">
+						<source src="https://static.igem.org/mediawiki/2016/5/57/T--Groningen--Jamboree-vid-escalated.jpg" type="video/mp4" />
+					</video>
+				</div>
 				<img src="https://static.igem.org/mediawiki/2016/thumb/4/47/T--Groningen--Jamboree-convention.jpg/600px-T--Groningen--Jamboree-convention.jpg" />
 				<img src="https://static.igem.org/mediawiki/2016/thumb/f/fc/T--Groningen--Jamboree-offnung.jpg/800px-T--Groningen--Jamboree-offnung.jpg" />
 				<img src="https://static.igem.org/mediawiki/2016/thumb/e/e2/T--Groningen--Jamboree-pointing-poster.jpg/800px-T--Groningen--Jamboree-pointing-poster.jpg" />
 				<img src="https://static.igem.org/mediawiki/2016/thumb/c/c2/T--Groningen--Jamboree-poster-judges.jpg/800px-T--Groningen--Jamboree-poster-judges.jpg" />
+				<div>
+					<video class="previd" controls preload="metadata">
+						<source src="https://static.igem.org/mediawiki/2016/3/36/T--Groningen--Jamboree-vid-walking.jpg" type="video/mp4" />
+					</video>
+				</div>
 				<img src="https://static.igem.org/mediawiki/2016/thumb/3/30/T--Groningen--Jamboree-present.jpg/800px-T--Groningen--Jamboree-present.jpg" />
 				<img src="https://static.igem.org/mediawiki/2016/thumb/d/db/T--Groningen--Jamboree-lineup.jpg/800px-T--Groningen--Jamboree-lineup.jpg" />
@@ Line 24: / Line 39: @@
 				<img src="https://static.igem.org/mediawiki/2016/thumb/3/35/T--Groningen--Jamboree-sponsors.jpg/800px-T--Groningen--Jamboree-sponsors.jpg" />
 				<img src="https://static.igem.org/mediawiki/2016/thumb/1/14/T--Groningen--Jamboree-judgement.jpg/450px-T--Groningen--Jamboree-judgement.jpg" />
+				<div>
+					<video class="previd" controls preload="metadata">
+						<source src="https://static.igem.org/mediawiki/2016/d/d6/T--Groningen--Jamboree-vid-lift.mp4" type="video/mp4" />
+					</video>
+				</div>
 				<img src="https://static.igem.org/mediawiki/2016/thumb/a/a0/T--Groningen--Jamboree-winning.jpg/800px-T--Groningen--Jamboree-winning.jpg" />
-				<img src="https://static.igem.org/mediawiki/2016/thumb/e/e1/T--Groningen--Jamboree-long-walk-small.jpg/800px-T--Groningen--Jamboree-long-walk-small.jpg" />
+				<div class="cycler centrate" style="display: inline-block">
+					<img class="active base" src="https://static.igem.org/mediawiki/2016/thumb/e/e1/T--Groningen--Jamboree-long-walk-small.jpg/800px-T--Groningen--Jamboree-long-walk-small.jpg" />
+					<!-- <img src="https://static.igem.org/mediawiki/2016/thumb/6/67/T--Groningen--Jamboree-win-posing.jpg/800px-T--Groningen--Jamboree-win-posing.jpg" /> -->
+				</div>
 				<img src="https://static.igem.org/mediawiki/2016/thumb/6/63/T--Groningen--Jamboree-glory.jpg/450px-T--Groningen--Jamboree-glory.jpg" />
 				<img src="https://static.igem.org/mediawiki/2016/thumb/4/41/T--Groningen--Jamboree-afterglow.jpg/450px-T--Groningen--Jamboree-afterglow.jpg" />
-				<div class="cycler">
+				<div class="cycler centrate" style="display: inline-block">
 					<img class="active base" src="https://static.igem.org/mediawiki/2016/thumb/e/e9/T--Groningen--Jamboree-couch-2.jpg/800px-T--Groningen--Jamboree-couch-2.jpg" />
 					<img src="https://static.igem.org/mediawiki/2016/thumb/a/a9/T--Groningen--Jamboree-couch-crop.jpg/800px-T--Groningen--Jamboree-couch-crop.jpg" />
 				</div>
 				<!-- <img src="https://static.igem.org/mediawiki/2016/thumb/3/34/T--Groningen--Jamboree-couch.jpg/800px-T--Groningen--Jamboree-couch.jpg" /> -->
+				<div id="outtakes">
+					<video controls preload="metadata">
+						<source src="https://static.igem.org/mediawiki/2016/6/61/T--Groningen--Jamboree-vid-outtakes.mp4" type="video/mp4" />
+					</video>
+				</div>
 			</figure>
 		</section>
 	</article>
+	<script>
+		var previds = [];
+		$('.previd').each(function(idx){
+			previds[idx] = false;
+			this.id = 'p' + idx;
+			this.addEventListener('ended', function(){
+				previds[+this.id.substr(1)] = true;
+				if(previds.every(function(e){ return e; })){
+					$('#outtakes').show();
+				}
+			});
+		});
+	</script>
 </html>
 {{Groningen/footer}}