Line 265: | Line 265: | ||
right: 15px; | right: 15px; | ||
z-index: 2; | z-index: 2; | ||
− | margin-top: - | + | margin-top: -31px; |
} | } | ||
Line 506: | Line 506: | ||
function resizeVid() { | function resizeVid() { | ||
− | $('.covervid-video').css("width", "") | + | $('.covervid-video').css("width", ""); |
− | + | $('.covervid-video').css("height", ""); | |
height = $(document).outerHeight(true); | height = $(document).outerHeight(true); | ||
width = $(document).outerWidth(true); | width = $(document).outerWidth(true); | ||
Line 521: | Line 521: | ||
$('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'); | |
− | $('#img-igemlogo').css('transition', '.35s ease-in') | + | $('#img-igemlogo').css('transition', '.35s ease-in'); |
− | + | $('#img-igemlogo').css('opacity', '1'); | |
$('nav ul').addClass("hover"); | $('nav ul').addClass("hover"); | ||
} | } | ||
Line 535: | Line 535: | ||
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'); | |
− | $('#img-igemlogo').css('transition', '.25s ease') | + | $('#img-igemlogo').css('transition', '.25s ease'); |
− | + | $('#img-igemlogo').css('opacity', '0'); | |
$('nav ul').removeClass("hover"); | $('nav ul').removeClass("hover"); | ||
$('nav').css('transition', '.5s ease'); | $('nav').css('transition', '.5s ease'); | ||
Line 550: | Line 550: | ||
$(document).ready(function() { | $(document).ready(function() { | ||
function checkWidth() { | function checkWidth() { | ||
− | if ($(window).width() < | + | if ($(window).width() < 980 || $('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'); | |
− | $('#img-igemlogo').css('transition', '.35s ease-in') | + | $('#img-igemlogo').css('transition', '.35s ease-in'); |
− | + | $('#img-igemlogo').css('opacity', '1') | |
} else { | } else { | ||
$('nav li').css('display', 'inline'); | $('nav li').css('display', 'inline'); | ||
Line 563: | Line 563: | ||
$('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'); | |
− | $('#img-logo').css('transition', '.25s ease') | + | $('#img-logo').css('transition', '.25s ease'); |
− | + | $('#img-logo').css('opacity', '0'); | |
$('nav ul').addClass("scrolled"); | $('nav ul').addClass("scrolled"); | ||
} | } | ||
Line 582: | Line 582: | ||
$('nav').toggleClass('pushed'); | $('nav').toggleClass('pushed'); | ||
$('nav img').toggleClass('pushed'); | $('nav img').toggleClass('pushed'); | ||
− | if ($(window).width() >= | + | if ($(window).width() >= 980) { |
var pushed = $('body').hasClass('pushed'); | var pushed = $('body').hasClass('pushed'); | ||
if (pushed == false) { | if (pushed == false) { | ||
Line 588: | Line 588: | ||
$('#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('transition', '.25s ease'); |
− | + | $('#img-igemlogo').css('opacity', '0'); | |
+ | $('#img-logo').css('transition', '.25s ease'); | ||
+ | $('#img-logo').css('opacity', '0'); | ||
} | } | ||
} | } | ||
Line 598: | Line 600: | ||
var scroll = $(window).scrollTop(); | var scroll = $(window).scrollTop(); | ||
if (scroll > 0) { | if (scroll > 0) { | ||
− | if ($(window).width() >= | + | if ($(window).width() >= 980) { |
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'); | |
− | $('#img-igemlogo').css('transition', '.25s ease') | + | $('#img-igemlogo').css('transition', '.25s ease'); |
− | + | $('#img-igemlogo').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'); | |
− | $('#img-igemlogo').css('transition', '.35s ease-in') | + | $('#img-igemlogo').css('transition', '.35s ease-in'); |
− | + | $('#img-igemlogo').css('opacity', '1'); | |
} | } | ||
}); | }); |
Revision as of 00:17, 6 October 2016
</div>
</div>
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.