Difference between revisions of "Team:UMaryland/outreach"

Line 246: Line 246:
 
             right: 15px;
 
             right: 15px;
 
             z-index: 2;
 
             z-index: 2;
             margin-top: -30px;
+
             margin-top: -12px;
 
         }
 
         }
 
          
 
          
Line 497: Line 497:
 
         $('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 508: Line 508:
 
                     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 526: Line 526:
 
             $(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 539: Line 539:
 
                         $('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 558: Line 558:
 
             $('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 564: Line 564:
 
                     $('#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 576: Line 572:
 
             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');
 
             }
 
             }
 
         });
 
         });

Revision as of 02:01, 11 October 2016

</div> </div> Outreach

Outreach

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