Difference between revisions of "Team:UMaryland/about"

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