Difference between revisions of "Team:UMaryland/about"

Line 1,196: Line 1,196:
 
     </div>
 
     </div>
 
</body>
 
</body>
 +
<script>
 
<!-- For nav bar scrolling + hovering -->
 
<!-- For nav bar scrolling + hovering -->
<script>
+
        // Animation over top nav bar when mouse hovers
    // Animation over top nav bar when mouse hovers
+
        $('nav').mouseover(
    $('nav').mouseover(
+
                function () {
            function() {
+
                    $('#img-logo').css('transition', '.35s ease-in')
                $('#img-logo').css('transition', '.35s ease-in');
+
                        .css('opacity', '1');
                $('#img-logo').css('opacity', '1');
+
                    $('#img-igemlogo').css('transition', '.35s ease-in')
                $('nav ul').addClass("hover");
+
                        .css('opacity', '1');
            }
+
                    $('nav ul').addClass("hover");
        ),
+
                }
        $('nav').mouseout(
+
            ),
            function() {
+
            $('nav').mouseout(
                var scroll = $(window).scrollTop();
+
                function () {
                if (scroll > 0) {
+
                    var scroll = $(window).scrollTop();
                    if ($(window).width() >= 980) {
+
                    if (scroll > 0) {
                        var pushed = $('body').hasClass('pushed');
+
                        if ($(window).width() >= 1090) {
                        if (pushed == false) {
+
                            var pushed = $('body').hasClass('pushed');
                            $('#img-logo').css('transition', '.25s ease');
+
                            if (pushed == false) {
                            $('#img-logo').css('opacity', '0');
+
                                $('#img-logo').css('transition', '.25s ease')
                            $('nav ul').removeClass("hover");
+
                                    .css('opacity', '0');
                            $('nav').css('transition', '.5s ease');
+
                                $('#img-igemlogo').css('transition', '.25s ease')
 +
                                    .css('opacity', '0');
 +
                                $('nav ul').removeClass("hover");
 +
                                $('nav').css('transition', '.5s ease');
 +
                            }
 
                         }
 
                         }
 
                     }
 
                     }
 +
 
                 }
 
                 }
 
+
             ),
             }
+
            // Window width effect on top nav bar
        ),
+
            $(document).ready(function () {
        // Window width effect on top nav bar
+
                function checkWidth() {
        $(document).ready(function() {
+
                        if ($(window).width() < 1090 || $('nav').hasClass('pushed')) {
            function checkSponsors() {
+
                            $('nav li').css('display', 'none');
                if ($(window).width() < 788) {
+
                            $('#img-more').css('display', 'block');
                    $('#img-Edge').css('margin-top', '33px');
+
                            $('nav ul').addClass("hover");
                    $('#img-Medimmune').css('margin-top', '-10px');
+
                            $('#img-logo').css('transition', '.35s ease-in')
                    if ($(window).width() < 563) {
+
                                .css('opacity', '1');
                        $('#img-Edge').css('margin-top', '0px');
+
                            $('#img-igemlogo').css('transition', '.35s ease-in')
                        $('#img-Medimmune').css('margin-top', '-40px');
+
                                .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')
 +
                                    .css('opacity', '0');
 +
                                $('#img-logo').css('transition', '.25s ease')
 +
                                    .css('opacity', '0');
 +
                                $('nav ul').addClass("scrolled");
 +
                            }
 +
                        }
 
                     }
 
                     }
                 } else {
+
                    // Execute on load
                    $('#img-Edge').css('margin-top', '0px');
+
                 checkWidth();
                    $('#img-Medimmune').css('margin-top', '-10px');
+
                // Bind event listener
                }
+
                $(window).resize(checkWidth);
            }
+
            });
 
+
        // Resized nav bar effect when more icon is clicked
            function checkWidth() {
+
        $('#img-more').click(function () {
                if ($(window).width() < 980 || $('nav').hasClass('pushed')) {
+
            $('#img-more').toggleClass('pushed');
                    $('nav li').css('display', 'none');
+
            $('#div-navResized').toggleClass('pushed');
                    $('#img-more').css('display', 'block');
+
            $('nav').toggleClass('pushed');
                    $('nav ul').addClass("hover");
+
            $('nav img').toggleClass('pushed');
                    $('#img-logo').css('transition', '.35s ease-in');
+
            if ($(window).width() >= 1090) {
                    $('#img-logo').css('opacity', '1');
+
                var pushed = $('body').hasClass('pushed');
                 } else {
+
                 if (pushed == false) {
 
                     $('nav li').css('display', 'inline');
 
                     $('nav li').css('display', 'inline');
 
                     $('#img-more').css('display', 'none');
 
                     $('#img-more').css('display', 'none');
 
                     $('nav ul').removeClass("hover");
 
                     $('nav ul').removeClass("hover");
                    if ($(window).scrollTop() > 0) {
 
                        $('#img-logo').css('transition', '.25s ease');
 
                        $('#img-logo').css('opacity', '0');
 
                        $('nav ul').addClass("scrolled");
 
                    }
 
 
                 }
 
                 }
 
             }
 
             }
            //Page specific
+
        });
            function headerFontSize() {
+
        // Scrolling animation for top nav bar
                 if ($(window).width() < 645) {
+
        var nav = $('nav ul');
                     $('th p').css('font-size', '5vw');
+
        $(window).scroll(function () {
                } else {
+
            var scroll = $(window).scrollTop();
                     $('th p').css('font-size', '24pt');
+
            if (scroll > 0) {
 +
                 if ($(window).width() >= 1090) {
 +
                    nav.addClass("scrolled");
 +
                    nav.removeClass("hover");
 +
                     $('#img-logo').css('transition', '.25s ease')
 +
                        .css('opacity', '0');
 +
                     $('#img-igemlogo').css('transition', '.25s ease')
 +
                        .css('opacity', '0');
 
                 }
 
                 }
 
             }
 
             }
 
+
             else {
             // Execute on load
+
                nav.removeClass("scrolled");
            checkWidth();
+
                $('#img-logo').css('transition', '.35s ease-in')
            headerFontSize();
+
                    .css('opacity', '1');
            checkSponsors();
+
                $('#img-igemlogo').css('transition', '.35s ease-in')
            // Bind function to window resize
+
                    .css('opacity', '1');
            $(window).resize(checkWidth);
+
            }
            $(window).resize(headerFontSize);
+
            $(window).resize(checkSponsors);
+
 
         });
 
         });
    // 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');
 
        $('body').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-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');
 
            }
 
        } else {
 
            nav.removeClass("scrolled");
 
            $('#img-logo').css('transition', '.35s ease-in');
 
            $('#img-logo').css('opacity', '1');
 
        }
 
    });
 
 
</script>
 
</script>
 
<script>
 
<script>

Revision as of 01:18, 11 October 2016

</div> </div> About Our Team

Our Team
Training the Next Generation of Synthetic Biologists
Solving major global and local issues under the adivising of faculty and graduate advisors.