Difference between revisions of "Team:NAIT Edmonton/Project"
Line 1: | Line 1: | ||
− | {{NAIT_Edmonton/ | + | {{NAIT_Edmonton/CSS3}} |
<html> | <html> | ||
Line 10: | Line 10: | ||
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> | <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> | ||
<script type="text/javascript" src="https://2015.igem.org/Team:NAIT_Edmonton/jquery.flexslider-min?action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="https://2015.igem.org/Team:NAIT_Edmonton/jquery.flexslider-min?action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | |||
+ | <!-----------https://static.igem.org/mediawiki/2015/d/d8/El_Capitan_.ttf-------------------> | ||
+ | |||
+ | |||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function() { | ||
+ | // grab the initial top offset of the navigation | ||
+ | var stickyNavTop = $('.nav').offset().top; | ||
+ | |||
+ | // our function that decides weather the navigation bar should have "fixed" css position or not. | ||
+ | var stickyNav = function(){ | ||
+ | var scrollTop = $(window).scrollTop(); // our current vertical position from the top | ||
+ | |||
+ | // if we've scrolled more than the navigation, change its position to fixed to stick to top, | ||
+ | // otherwise change it back to relative | ||
+ | if (scrollTop > stickyNavTop) { | ||
+ | $('.nav').addClass('sticky'); | ||
+ | } else { | ||
+ | $('.nav').removeClass('sticky'); | ||
+ | } | ||
+ | }; | ||
+ | |||
+ | stickyNav(); | ||
+ | // and run it again every time you scroll | ||
+ | $(window).scroll(function() { | ||
+ | stickyNav(); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | <script type="text/javascript" src="https://2015.igem.org/Team:NAIT_Edmonton/StickyMenu?action=raw&ctype=text/javascript"></script> | ||
<script type="text/javascript" charset="utf-8"> | <script type="text/javascript" charset="utf-8"> | ||
Line 16: | Line 48: | ||
$(window).load(function() { | $(window).load(function() { | ||
$('.flexslider').flexslider({ | $('.flexslider').flexslider({ | ||
− | animation: " | + | animation: "fade" |
}); | }); | ||
}); | }); | ||
Line 25: | Line 57: | ||
<body> | <body> | ||
− | < | + | <div class="header"> |
− | + | <center><a href="https://2015.igem.org/Team:NAIT_Edmonton"><img style="margin-top:10px;" src="https://static.igem.org/mediawiki/2015/c/c2/NAIT_Sample_Logo.png" height="75px"></a></center> | |
− | < | + | </div> |
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | . | + | |
− | . | + | |
− | . | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | + | <div class="nav"> | |
− | + | ||
− | + | ||
− | + | <div class="navigation"> | |
− | + | <ul> | |
− | + | ||
− | + | ||
− | + | ||
− | <div class=" | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Team">team</a> | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Team">team</a> | ||
<ul> | <ul> | ||
Line 83: | Line 73: | ||
</ul> | </ul> | ||
</li> | </li> | ||
+ | |||
<li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Project">project</a> | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Project">project</a> | ||
<ul> | <ul> | ||
Line 91: | Line 82: | ||
</ul> | </ul> | ||
</li> | </li> | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Human">human practices</a> | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Human">human practices</a> | ||
<ul> | <ul> | ||
Line 103: | Line 91: | ||
</ul> | </ul> | ||
</li> | </li> | ||
+ | |||
<li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Notebook">notebook</a> | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Notebook">notebook</a> | ||
<ul> | <ul> | ||
Line 110: | Line 99: | ||
</ul> | </ul> | ||
</li> | </li> | ||
− | + | ||
− | + | </ul> | |
+ | |||
</div> | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | </style> | ||
<div id="wrap"> | <div id="wrap"> | ||
Line 176: | Line 172: | ||
</center> | </center> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
− | + | <div class="clear"></div> | |
</div> | </div> | ||
− | + | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div class="clear"></div> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="footer"> | ||
<div class="footer_content"> | <div class="footer_content"> | ||
<div class="footer_left"> | <div class="footer_left"> | ||
Line 218: | Line 209: | ||
</div> | </div> | ||
</div> | </div> | ||
− | |||
<style type="text/css"> | <style type="text/css"> | ||
#footer {z-index:15;} | #footer {z-index:15;} | ||
− | .footer {padding:20px 0 | + | .footer {padding:20px 0 40px 0; margin: 0px 0 0 0; clear:both; width:100%; background-color:#0D4D8C; height:25px;} |
.footer_content {margin:auto;width:100%;} | .footer_content {margin:auto;width:100%;} | ||
.footer_left { float:left; padding:0 0 0 10%;} | .footer_left { float:left; padding:0 0 0 10%;} | ||
Line 241: | Line 231: | ||
</style> | </style> | ||
− | |||
</body> | </body> | ||
+ | |||
</html> | </html> |
Revision as of 19:01, 11 August 2015
Project
Description
An overview of the scope of our project including the problem we wish to solve, how to solve it and potential applications.
read moreExperiment and Protocols
An in-depth and detailed flow chart of how we executed our experiments. Detailed protocols are also available via click-able modals.
read more