Difference between revisions of "Team:UMaryland/projects"

 
(19 intermediate revisions by 2 users not shown)
Line 209: Line 209:
 
         }
 
         }
 
          
 
          
−
         #div-navResized.pushed a:hover {
+
         #div-navResized.pushed a:hover, #div-navResized.pushed img:hover {
−
             text-decoration: underline;
+
             text-decoration: none;
 +
            opacity: .7;
 
         }
 
         }
 
          
 
          
Line 265: Line 266:
 
             right: 15px;
 
             right: 15px;
 
             z-index: 2;
 
             z-index: 2;
−
             margin-top: -31px;
+
             margin-top: -38px;
 
         }
 
         }
 
          
 
          
Line 407: Line 408:
 
     </style>
 
     </style>
 
     <nav>
 
     <nav>
−
         <img src="https://static.igem.org/mediawiki/2016/2/26/T--UMaryland--newlogo.jpeg" id="img-logo">
+
         <a href="https://2016.igem.org/Team:UMaryland"><img src="https://static.igem.org/mediawiki/2016/2/26/T--UMaryland--newlogo.jpeg" id="img-logo"></a>
 
         <ul>
 
         <ul>
 
             <a style="opacity: 0">Fix</a>
 
             <a style="opacity: 0">Fix</a>
Line 421: Line 422:
 
     <!-- Nav bar when more button is clicked -->
 
     <!-- Nav bar when more button is clicked -->
 
     <div id="div-navResized">
 
     <div id="div-navResized">
−
         <img src="https://static.igem.org/mediawiki/2016/2/26/T--UMaryland--newlogo.jpeg" id="img-logoResized">
+
         <a href="https://2016.igem.org/Team:UMaryland"><img src="https://static.igem.org/mediawiki/2016/2/26/T--UMaryland--newlogo.jpeg" id="img-logoResized"></a>
 
         <ul>
 
         <ul>
 
             <li><a href="https://2016.igem.org/Team:UMaryland/projects">Projects</a></li>
 
             <li><a href="https://2016.igem.org/Team:UMaryland/projects">Projects</a></li>
Line 442: Line 443:
 
             <div id="div-methane" class="circle">
 
             <div id="div-methane" class="circle">
 
                 <!-- Class 'circle' makes div from rectangle into circle -->
 
                 <!-- Class 'circle' makes div from rectangle into circle -->
−
                 <a href="#">
+
                 <a href="https://2016.igem.org/Team:UMaryland/Description">
−
                    <!--https://2016.igem.org/Team:UMaryland/methane-->
+
−
                    <!-- Makes the entire circle clickable -->
+
 
                     <div class="insideText">
 
                     <div class="insideText">
 
                         <p class="h4">Methane Sequestration</p>
 
                         <p class="h4">Methane Sequestration</p>
−
                        <p class="h5">coming soon!</p>
 
 
                     </div>
 
                     </div>
 
                     <img id="img-methane" src="https://static.igem.org/mediawiki/2016/a/a8/T--UMaryland--landfillcircle.jpeg" />
 
                     <img id="img-methane" src="https://static.igem.org/mediawiki/2016/a/a8/T--UMaryland--landfillcircle.jpeg" />
Line 453: Line 451:
 
             </div>
 
             </div>
 
             <div id="div-freezer" class="circle">
 
             <div id="div-freezer" class="circle">
−
                 <a href="#">
+
                 <a href="https://2016.igem.org/Team:UMaryland/Hardware">
−
                    <!--https://2016.igem.org/Team:UMaryland/freezer-->
+
 
                     <div class="insideText">
 
                     <div class="insideText">
 
                         <p class="h4">DIY -80 C Freezer</p>
 
                         <p class="h4">DIY -80 C Freezer</p>
−
                        <p class="h5">coming soon!</p>
 
 
                     </div>
 
                     </div>
 
                     <img id="img-freezer" src="https://static.igem.org/mediawiki/2016/2/2c/T--UMaryland--freezercircle.jpeg" />
 
                     <img id="img-freezer" src="https://static.igem.org/mediawiki/2016/2/2c/T--UMaryland--freezercircle.jpeg" />
Line 493: Line 489:
 
     </script>
 
     </script>
 
     <script>
 
     <script>
−
        $('.covervid-video').css("width", "1280");
 
−
        $('.covervid-video').css("height", "720");
 
−
 
 
         var height = $(document).outerHeight(true);
 
         var height = $(document).outerHeight(true);
 
         var width = $(document).outerWidth(true);
 
         var width = $(document).outerWidth(true);
Line 501: Line 494:
  
 
         resizeVid();
 
         resizeVid();
−
         $(window).resize(function() {
+
 
−
            resizeVid()
+
         $(window).resize(resizeVid);
−
        })
+
  
 
         function resizeVid() {
 
         function resizeVid() {
−
             $('.covervid-video').css("width", "");
+
             $('.covervid-video').css("width", "")
−
            $('.covervid-video').css("height", "");
+
                .css("height", "");
 
             height = $(document).outerHeight(true);
 
             height = $(document).outerHeight(true);
 
             width = $(document).outerWidth(true);
 
             width = $(document).outerWidth(true);
−
             ratio = width / height;
+
             if (height <= 600) {
−
            if (ratio < 1.777777777777) {
+
                $('.covervid-video').css('height', 720);
−
                $('.covervid-video').css('height', height)
+
            } else {
−
            } else if (ratio >= 1.777777777777) {
+
                ratio = width / height;
−
                $('.covervid-video').css('width', width)
+
                if (ratio < 1.777777777777) {
 +
                    $('.covervid-video').css('height', height + 60);
 +
                } else if (ratio >= 1.777777777777) {
 +
                    $('.covervid-video').css('width', width + 60);
 +
                }
 
             }
 
             }
 
         }
 
         }
Line 521: Line 517:
 
         $('nav').mouseover(
 
         $('nav').mouseover(
 
                 function() {
 
                 function() {
−
                     $('#img-logo').css('transition', '.35s ease-in');
+
                     $('#img-logo').css('transition', '.35s ease-in')
−
                    $('#img-logo').css('opacity', '1');
+
                        .css('opacity', '1');
−
                     $('#img-igemlogo').css('transition', '.35s ease-in');
+
                     $('#img-igemlogo').css('transition', '.35s ease-in')
−
                    $('#img-igemlogo').css('opacity', '1');
+
                        .css('opacity', '1');
 
                     $('nav ul').addClass("hover");
 
                     $('nav ul').addClass("hover");
 
                 }
 
                 }
Line 532: Line 528:
 
                     var scroll = $(window).scrollTop();
 
                     var scroll = $(window).scrollTop();
 
                     if (scroll > 0) {
 
                     if (scroll > 0) {
−
                         if ($(window).width() >= 980) {
+
                         if ($(window).width() >= 1090) {
 
                             var pushed = $('body').hasClass('pushed');
 
                             var pushed = $('body').hasClass('pushed');
 
                             if (pushed == false) {
 
                             if (pushed == false) {
−
                                 $('#img-logo').css('transition', '.25s ease');
+
                                 $('#img-logo').css('transition', '.25s ease')
−
                                $('#img-logo').css('opacity', '0');
+
                                    .css('opacity', '0');
−
                                 $('#img-igemlogo').css('transition', '.25s ease');
+
                                 $('#img-igemlogo').css('transition', '.25s ease')
−
                                $('#img-igemlogo').css('opacity', '0');
+
                                    .css('opacity', '0');
 
                                 $('nav ul').removeClass("hover");
 
                                 $('nav ul').removeClass("hover");
 
                                 $('nav').css('transition', '.5s ease');
 
                                 $('nav').css('transition', '.5s ease');
Line 550: Line 546:
 
             $(document).ready(function() {
 
             $(document).ready(function() {
 
                 function checkWidth() {
 
                 function checkWidth() {
−
                     if ($(window).width() < 980 || $('nav').hasClass('pushed')) {
+
                     if ($(window).width() < 1090 || $('nav').hasClass('pushed')) {
 
                         $('nav li').css('display', 'none');
 
                         $('nav li').css('display', 'none');
 
                         $('#img-more').css('display', 'block');
 
                         $('#img-more').css('display', 'block');
 
                         $('nav ul').addClass("hover");
 
                         $('nav ul').addClass("hover");
−
                         $('#img-logo').css('transition', '.35s ease-in');
+
                         $('#img-logo').css('transition', '.35s ease-in')
−
                        $('#img-logo').css('opacity', '1');
+
                            .css('opacity', '1');
−
                         $('#img-igemlogo').css('transition', '.35s ease-in');
+
                         $('#img-igemlogo').css('transition', '.35s ease-in')
−
                        $('#img-igemlogo').css('opacity', '1')
+
                            .css('opacity', '1')
 
                     } else {
 
                     } else {
 
                         $('nav li').css('display', 'inline');
 
                         $('nav li').css('display', 'inline');
Line 563: Line 559:
 
                         $('nav ul').removeClass("hover");
 
                         $('nav ul').removeClass("hover");
 
                         if ($(window).scrollTop() > 0) {
 
                         if ($(window).scrollTop() > 0) {
−
                             $('#img-igemlogo').css('transition', '.25s ease');
+
                             $('#img-igemlogo').css('transition', '.25s ease')
−
                            $('#img-igemlogo').css('opacity', '0');
+
                                .css('opacity', '0');
−
                             $('#img-logo').css('transition', '.25s ease');
+
                             $('#img-logo').css('transition', '.25s ease')
−
                            $('#img-logo').css('opacity', '0');
+
                                .css('opacity', '0');
 
                             $('nav ul').addClass("scrolled");
 
                             $('nav ul').addClass("scrolled");
 
                         }
 
                         }
Line 582: Line 578:
 
             $('nav').toggleClass('pushed');
 
             $('nav').toggleClass('pushed');
 
             $('nav img').toggleClass('pushed');
 
             $('nav img').toggleClass('pushed');
−
             if ($(window).width() >= 980) {
+
             if ($(window).width() >= 1090) {
 
                 var pushed = $('body').hasClass('pushed');
 
                 var pushed = $('body').hasClass('pushed');
 
                 if (pushed == false) {
 
                 if (pushed == false) {
Line 588: Line 584:
 
                     $('#img-more').css('display', 'none');
 
                     $('#img-more').css('display', 'none');
 
                     $('nav ul').removeClass("hover");
 
                     $('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');
 
 
                 }
 
                 }
 
             }
 
             }
Line 600: Line 592:
 
             var scroll = $(window).scrollTop();
 
             var scroll = $(window).scrollTop();
 
             if (scroll > 0) {
 
             if (scroll > 0) {
−
                 if ($(window).width() >= 980) {
+
                 if ($(window).width() >= 1090) {
 
                     nav.addClass("scrolled");
 
                     nav.addClass("scrolled");
 
                     nav.removeClass("hover");
 
                     nav.removeClass("hover");
−
                     $('#img-logo').css('transition', '.25s ease');
+
                     $('#img-logo').css('transition', '.25s ease')
−
                    $('#img-logo').css('opacity', '0');
+
                        .css('opacity', '0');
−
                     $('#img-igemlogo').css('transition', '.25s ease');
+
                     $('#img-igemlogo').css('transition', '.25s ease')
−
                    $('#img-igemlogo').css('opacity', '0');
+
                        .css('opacity', '0');
 
                 }
 
                 }
 
             } else {
 
             } else {
 
                 nav.removeClass("scrolled");
 
                 nav.removeClass("scrolled");
−
                 $('#img-logo').css('transition', '.35s ease-in');
+
                 $('#img-logo').css('transition', '.35s ease-in')
−
                $('#img-logo').css('opacity', '1');
+
                    .css('opacity', '1');
−
                 $('#img-igemlogo').css('transition', '.35s ease-in');
+
                 $('#img-igemlogo').css('transition', '.35s ease-in')
−
                $('#img-igemlogo').css('opacity', '1');
+
                    .css('opacity', '1');
 
             }
 
             }
 
         });
 
         });

Latest revision as of 21:44, 14 October 2016

</div>

</div> Projects

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.