Team:UMaryland/projects


</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.

2nd Annual Mid-Atlantic Meet-up

Outreach

UMaryland iGEM went beyond the laboratory and engaged with nearby universities and the surrounding community about methane, global warming, and synthetic biology

<script src="http://dfcb.github.io/BigVideo.js/bower_components/jquery-ui/ui/minified/jquery-ui.min.js"></script> <script src="http://vjs.zencdn.net/5.10.7/video.js"></script> <script src="https://npmcdn.com/imagesloaded@4.1/imagesloaded.pkgd.min.js"></script> <script src="http://dfcb.github.io/BigVideo.js/bower_components/BigVideo/lib/bigvideo.js"></script> <script> $(function() { var BV = new $.BigVideo(); BV.init(); BV.show('https://static.igem.org/mediawiki/2016/2/2c/T--UMaryland--projects.webm',{ambient:true}); }); $('.linkText').click( function() { $(this).css('text-decoration','none'); $(this).focusout();}); </script> <script> // Animation over top nav bar when mouse hovers $('nav').mouseover( function () { $('#img-logo').css('transition', '.35s ease-in'); $('#img-logo').css('opacity', '1'); $('#img-igemlogo').css('transition', '.35s ease-in'); $('#img-igemlogo').css('opacity', '1'); $('nav ul').addClass("hover"); } ), $('nav').mouseout( function () { var scroll = $(window).scrollTop(); if (scroll > 0) {if ( $(window).width() >= 980) { var pushed = $('body').hasClass('pushed'); if (pushed == false) { $('#img-logo').css('transition', '.25s ease'); $('#img-logo').css('opacity', '0'); $('#img-igemlogo').css('transition', '.25s ease'); $('#img-igemlogo').css('opacity', '0'); $('nav ul').removeClass("hover"); $('nav').css('transition', '.5s ease'); }}}

} ), // Window width effect on top nav bar $(document).ready(function() { function checkWidth() { if ($(window).width() < 980 || $('nav').hasClass('pushed')){ $('nav li').css('display', 'none'); $('#img-more').css('display','block'); $('nav ul').addClass("hover"); $('#img-logo').css('transition', '.35s ease-in'); $('#img-logo').css('opacity', '1'); $('#img-igemlogo').css('transition', '.35s ease-in'); $('#img-igemlogo').css('opacity', '1') } else { $('nav li').css('display', 'inline'); $('#img-more').css('display','none'); $('nav ul').removeClass("hover"); if ($(window).scrollTop() > 0) { $('#img-igemlogo').css('transition', '.25s ease'); $('#img-igemlogo').css('opacity', '0'); $('#img-logo').css('transition', '.25s ease'); $('#img-logo').css('opacity', '0'); $('nav ul').addClass("scrolled"); } } } 

           function checkBotNav() {

if ($(window).width() < 980){ 

                   $('#container').css('display', 'none');
                   $('#bot-navResized').css('display', 'block');
                   $('#bot-nav').css('height', '110px');

} else { 

                   $('#container').css('display', 'block');
                   $('#bot-navResized').css('display', 'none');
                   $('#bot-nav').css('height', '75px');

} } // Execute on load 

   		checkWidth();
           checkBotNav();
   		// Bind event listener
   		$(window).resize(checkWidth);
   		$(window).resize(checkBotNav);

}); // Resized nav bar effect when more icon is clicked $('#img-more').click(function() { $('#img-more').toggleClass('pushed'); $('#div-navResized').toggleClass('pushed'); $('nav').toggleClass('pushed'); $('nav img').toggleClass('pushed'); if ($(window).width() >= 980) { var pushed = $('body').hasClass('pushed'); if (pushed == false){ $('nav li').css('display', 'inline'); $('#img-more').css('display','none'); $('nav ul').removeClass("hover"); $('#img-igemlogo').css('transition', '.25s ease'); $('#img-igemlogo').css('opacity', '0'); $('#img-logo').css('transition', '.25s ease'); $('#img-logo').css('opacity', '0'); }} }); // Scrolling animation for top nav bar var nav = $('nav ul'); $(window).scroll(function() { var scroll = $(window).scrollTop(); if (scroll > 0) { if ( $(window).width() >= 980) { nav.addClass("scrolled"); nav.removeClass("hover"); $('#img-logo').css('transition', '.25s ease'); $('#img-logo').css('opacity', '0'); $('#img-igemlogo').css('transition', '.25s ease'); $('#img-igemlogo').css('opacity', '0'); }} else { nav.removeClass("scrolled"); $('#img-logo').css('transition', '.35s ease-in'); $('#img-logo').css('opacity', '1'); $('#img-igemlogo').css('transition', '.35s ease-in'); $('#img-igemlogo').css('opacity', '1'); } }); 

               $(body).css('display','block');

</script> 

   <script src="http://pixelcog.github.io/parallax.js/js/parallax.min.js">
   </script>

<script> $('.circle').hover( //when hovering over any circle trigger script function() { $(this).css('background-color','black'); //makes the circle background black to darken img $(this).children().children('.insideText').css('opacity','100'); //makes inside text visible $(this).children().children('img').css('opacity','.4'); //decreases opacity of img to simulate darkening }, function() { $(this).css('background-color','#FEFFFA'); //makes the circle background white to not show $(this).children().children('.insideText').css('opacity','0'); //makes inside text invisible $(this).children().children('img').css('opacity','100'); //increase opacity of img to return to normal } ) $('.insideText').hover( function() { $(this).children('.h4').css('font-weight','400') //makes heading 'hok/sok' or 'side projects' bold when hovered over $(this).siblings('img').css('opacity','.4');}, //makes img darkened when hovering over the text function() { $(this).children('.h4').css('font-weight','200') //returns everything to normal } ) </script> <script src="http://pixelcog.github.io/parallax.js/js/parallax.min.js"> 

       </script>

</body>

</html>