Difference between revisions of "Team:UMaryland/projects"

Line 378: Line 378:
 
.video-background {
 
.video-background {
 
position: absolute;
 
position: absolute;
−
top: 0;
+
top: 0px;
−
left: 0;
+
left: 0px;
 
overflow: hidden;
 
overflow: hidden;
 
width: 100%;
 
width: 100%;
 
height: 100%;
 
height: 100%;
−
z-index: 0;
+
z-index: -999;
 
}
 
}
 
.video-background video {
 
.video-background video {
Line 433: Line 433:
 
<!-- Heading text -->
 
<!-- Heading text -->
 
<div id="div-pic">
 
<div id="div-pic">
 +
<div class="video-background">
 
<p class="h1">Projects</p>
 
<p class="h1">Projects</p>
 
<p class="h3">We set out to slow the pace of global warming by sequestering methane in the environment. Along the way we are engineering a DIY -80 C freezer to increase access to synthetic biology.</p>
 
<p class="h3">We set out to slow the pace of global warming by sequestering methane in the environment. Along the way we are engineering a DIY -80 C freezer to increase access to synthetic biology.</p>
 +
</div>
 
</div>
 
</div>
 
<!-- Contains all of the circles to be clicked on -->
 
<!-- Contains all of the circles to be clicked on -->
Line 591: Line 593:
 
<script src="http://georgepaterson.github.io/jquery-videobackground/script/jquery.videobackground.js"></script>
 
<script src="http://georgepaterson.github.io/jquery-videobackground/script/jquery.videobackground.js"></script>
 
<script>
 
<script>
−
$('body').prepend('<div class="video-background"></div>');
+
$('.video-background').videobackground({
−
$('#div-pic').videobackground({
+
 
videoSource: ['https://static.igem.org/mediawiki/2016/2/2c/T--UMaryland--projects.webm', 'video/webm'],
 
videoSource: ['https://static.igem.org/mediawiki/2016/2/2c/T--UMaryland--projects.webm', 'video/webm'],
 
poster: 'https://static.igem.org/mediawiki/2016/2/20/T--UMaryland--projectsposter.jpeg',
 
poster: 'https://static.igem.org/mediawiki/2016/2/20/T--UMaryland--projectsposter.jpeg',
 
loadedCallback: function() {
 
loadedCallback: function() {
 
$(this).videobackground('mute');
 
$(this).videobackground('mute');
−
}
+
},
 +
loop: true,
 +
controlText: {}
 
});
 
});
 
</script>
 
</script>

Revision as of 19:59, 3 August 2016


</div></div> 2nd Annual Mid-Atlantic Meet-up

Projects

We set out to slow the pace of global warming by sequestering methane in the environment. Along the way we are engineering a DIY -80 C freezer to increase access to synthetic biology.