Difference between revisions of "Team:UMaryland/projects"

Line 240: Line 240:
 
             right: 15px;
 
             right: 15px;
 
             z-index: 2;
 
             z-index: 2;
−
             margin-top: -29px;
+
             margin-top: -11px;
 
         }
 
         }
  
Line 253: Line 253:
  
 
         #img-logoResized {
 
         #img-logoResized {
−
             width: 300px;
+
             width: 200px;
 
             display: block;
 
             display: block;
 
             margin-right: auto;
 
             margin-right: auto;
 
             margin-left: auto;
 
             margin-left: auto;
−
             margin-top: -225px;
+
             margin-top: -165px;
−
             padding-right: 30px;
+
             padding-right: 40px;
 
         }
 
         }
 
        
 
        
Line 312: Line 312:
 
#div-circles {
 
#div-circles {
 
margin-top: 5px;
 
margin-top: 5px;
−
padding-bottom: 70px;
+
padding-bottom: 50px;
 
width: 960px;
 
width: 960px;
 
margin-left: auto;
 
margin-left: auto;
Line 416: Line 416:
 
</ul>
 
</ul>
 
</div>
 
</div>
−
<div id="div-text" data-vide-bg="https://static.igem.org/mediawiki/2016/2/2c/T--UMaryland--projects"> <!-- Start of main text of page -->
+
<div id="div-text"> <!-- Start of main text of page -->
 
<!-- Heading text -->
 
<!-- Heading text -->
 
<div id="div-pic">
 
<div id="div-pic">
Line 446: Line 446:
 
</div>
 
</div>
 
<!-- End of #div-circles -->
 
<!-- End of #div-circles -->
 +
 
</div>
 
</div>
−
   
+
    <div class="covervid-wrapper">
−
<script src="http://vodkabears.github.io/vide/js/jquery.vide.min.js"></script>
+
<video class="covervid-video" autoplay loop poster="https://static.igem.org/mediawiki/2016/b/b9/T--UMaryland--projects.jpeg">
 +
<source src="https://static.igem.org/mediawiki/2016/2/2c/T--UMaryland--projects.webm" type="video/webm">
 +
<source src="https://static.igem.org/mediawiki/2016/1/19/T--UMaryland--project.mp4" type="video/mp4">
 +
</video>
 +
</div>
 +
<style>
 +
.covervid-wrapper {
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
width: 100%;
 +
height: 100%;
 +
z-index: -999;
 +
}
 +
</style>
 +
<script>
 +
 +
var height = $(document).outerHeight(true);
 +
var width = $(document).outerWidth(true);
 +
 +
resizeVid();
 +
$( window ).resize(function() {
 +
resizeVid()
 +
})
 +
 +
function resizeVid() {
 +
$('.covervid-video').css("width","");
 +
$('.covervid-video').css("height","");
 +
height = $(document).outerHeight(true);
 +
width = $(document).outerWidth(true);
 +
ratio = width / height;
 +
if (ratio < 1.777777777777) {
 +
$('.covervid-video').css('height', height)
 +
} else if (ratio >= 1.777777777777) {
 +
$('.covervid-video').css('width',width)
 +
}
 +
}
 +
 +
</script>
 +
 
         <!-- For nav bar scrolling + hovering + window resize effects-->
 
         <!-- For nav bar scrolling + hovering + window resize effects-->
 
<script>
 
<script>

Revision as of 19:02, 16 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.