Difference between revisions of "Team:UMaryland/outreach"

Line 231: Line 231:
 
             right: 15px;
 
             right: 15px;
 
             z-index: 2;
 
             z-index: 2;
             margin-top: -31px;
+
             margin-top: -11px;
 
         }
 
         }
  
Line 302: Line 302:
 
/* moves all circles down and centered on the page */
 
/* moves all circles down and centered on the page */
 
#div-circles {
 
#div-circles {
 +
margin-top: 30px;
 +
padding-bottom: 70px;
 
width: 960px;
 
width: 960px;
 
margin-left: auto;
 
margin-left: auto;
Line 407: Line 409:
 
</ul>
 
</ul>
 
</div>
 
</div>
<div id="div-text" data-vide-bg="https://static.igem.org/mediawiki/2016/c/cd/T--UMaryland--outreach.webm"> <!-- Start of main text of page -->
+
<div id="div-text" > <!-- Start of main text of page -->
 
<!-- Heading text -->
 
<!-- Heading text -->
 
<div id="div-pic">
 
<div id="div-pic">
Line 442: Line 444:
 
 
 
         <!-- For nav bar scrolling + hovering + window resize effects-->
 
         <!-- For nav bar scrolling + hovering + window resize effects-->
 +
<script>
 +
$('#div-text').vide({
 +
  mp4: 'https://static.igem.org/mediawiki/2016/c/cf/T--UMaryland--outreach.mp4',
 +
  webm: 'https://static.igem.org/mediawiki/2016/c/cd/T--UMaryland--outreach.webm',
 +
  ogv: 'https://static.igem.org/mediawiki/2016/6/67/T--UMaryland--outreach.ogg',
 +
  poster: 'https://static.igem.org/mediawiki/2016/6/66/T--UMaryland--outreach.png'
 +
});
 +
</script>
 
<script>
 
<script>
 
// Animation over top nav bar when mouse hovers
 
// Animation over top nav bar when mouse hovers
Line 489: Line 499:
 
$('nav ul').addClass("scrolled");
 
$('nav ul').addClass("scrolled");
 
}
 
}
 +
}
 +
}
 +
            function checkBotNav() {
 +
if ($(window).width() < 980){
 +
                    $('#container').css('display', 'none');
 +
                    $('#bot-navResized').css('display', 'block');
 +
                    $('#bot-nav').css('height', '110px');
 +
} else {
 +
                    $('#container').css('display', 'block');
 +
                    $('#bot-navResized').css('display', 'none');
 +
                    $('#bot-nav').css('height', '75px');
 
}
 
}
 
}
 
}
 
// Execute on load
 
// Execute on load
 
     checkWidth();
 
     checkWidth();
 +
            checkBotNav();
 
     // Bind event listener
 
     // Bind event listener
 
     $(window).resize(checkWidth);
 
     $(window).resize(checkWidth);
 +
    $(window).resize(checkBotNav);
 
});
 
});
 
// Resized nav bar effect when more icon is clicked
 
// Resized nav bar effect when more icon is clicked

Revision as of 19:22, 12 August 2016


</div></div> 2nd Annual Mid-Atlantic Meet-up

Outreach

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