Difference between revisions of "Team:UMaryland/outreach"
| Line 246: | Line 246: | ||
right: 15px; | right: 15px; | ||
z-index: 2; | z-index: 2; | ||
| − | margin-top: - | + | margin-top: -30px; |
} | } | ||
| Line 435: | Line 435: | ||
<div id="div-humanpractices" class="circle"> | <div id="div-humanpractices" 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/Practices"> |
| − | + | ||
<!-- Makes the entire circle clickable --> | <!-- Makes the entire circle clickable --> | ||
<div class="insideText"> | <div class="insideText"> | ||
<p class="h4">Human Practices</p> | <p class="h4">Human Practices</p> | ||
| − | |||
</div> | </div> | ||
<img id="img-humanpractices" src="https://static.igem.org/mediawiki/2016/f/fb/T--UMaryland--humanpracticescircle.png" /> | <img id="img-humanpractices" src="https://static.igem.org/mediawiki/2016/f/fb/T--UMaryland--humanpracticescircle.png" /> | ||
| Line 499: | 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'); | |
| − | $('#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 510: | Line 508: | ||
var scroll = $(window).scrollTop(); | var scroll = $(window).scrollTop(); | ||
if (scroll > 0) { | if (scroll > 0) { | ||
| − | if ($(window).width() >= | + | if ($(window).width() >= 980) { |
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 528: | Line 526: | ||
$(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 541: | 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'); | |
| − | $('#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 560: | Line 558: | ||
$('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 566: | 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('transition', '.25s ease'); |
| − | + | $('#img-igemlogo').css('opacity', '0'); | |
| + | $('#img-logo').css('transition', '.25s ease'); | ||
| + | $('#img-logo').css('opacity', '0'); | ||
} | } | ||
} | } | ||
| Line 576: | Line 576: | ||
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 23:42, 9 October 2016
</div> </div>
Outreach
UMaryland iGEM went beyond the laboratory and engaged with nearby universities and the surrounding community about methane, global warming, and synthetic biology
