Difference between revisions of "Team:NAIT Edmonton/Project"

Line 1: Line 1:
−
{{NAIT_Edmonton/CSS2}}
+
{{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&amp;ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2015.igem.org/Team:NAIT_Edmonton/jquery.flexslider-min?action=raw&amp;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&amp;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: "slide"
+
           animation: "fade"
 
     });
 
     });
 
   });
 
   });
Line 25: Line 57:
 
<body>
 
<body>
  
−
<style type="text/css">
+
<div class="header">
−
.footer{position:absolute;bottom:0px;}
+
<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>
−
</style>
+
</div>
−
 
+
−
<style type="text/css">
+
−
 
+
−
.header_mobile {
+
−
    display:none;
+
−
    position: absolute;
+
−
    background-color:transparent;
+
−
    width:65px;
+
−
    top: 90px;
+
−
    left:50px;
+
−
    height:65px;
+
−
    z-index:999;
+
−
    position:fixed;}
+
−
 
+
−
.header_mobile ul {list-style:none; position:absolute;float:right;margin:0;padding-right:125px}
+
−
.header_mobile ul * {margin:0; padding:0;}
+
−
.header_mobile a {display:block;color:#159CD8;text-decoration:none;padding:15px 50px}
+
−
.header_mobile li {position:relative;float:left; padding:5px 5px 5px 5px}
+
−
.header_mobile li a {font-family:'Source Sans Pro', sans-serif;color:#ffffff;font-size:20px;}
+
−
.header_mobile li.current-menu-item {background:#5AB3E3}
+
−
.header_mobile ul ul{display:none; position:absolute; top:77%; left:30%; background:#0D4D8C; padding:0 0px 0 0}
+
−
.header_mobile ul ul li:hover{background:#159CD8}
+
−
.header_mobile ul ul li{float:none; width:120px}
+
−
.header_mobile ul ul a {line-height:100%; padding:0 20px 0 0; font-size:15px }
+
−
.header_mobile ul ul ul {top:0; left:200%}
+
−
.header_mobile ul li.selected a{color:#8BC5EB}
+
−
.header_mobile ul li:hover > ul{display:block;}
+
−
 
+
  
−
@media screen and (max-width:1000px){
 
  
−
.header_left{display:none;}
+
<div class="nav">
−
.header_right{display:none;}
+
−
.header_mobile{display:block;}
+
  
−
}
+
<div class="navigation">
−
 
+
<ul>
−
</style>
+
−
 
+
−
<div id="header">
+
−
<div class="header">
+
−
 
+
−
    <div class="logo"><a href="https://2015.igem.org/Team:NAIT_Edmonton">
+
−
              <img style="padding-left:6px" src="https://static.igem.org/mediawiki/2015/c/c7/NAIT_IGEM_Separated.png" height="185px"></a>
+
−
    </div>
+
−
    <div class="header_left">
+
−
        <ul>
+
−
               
+
 
                 <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>
−
            </ul>
+
 
−
    </div>
+
−
    <div class="header_right">
+
−
        <ul>
+
 
                 <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>
+
            </ul>
 +
 
 
</div>
 
</div>
 +
 +
</div>
 +
 +
 +
 +
</style>
 
    
 
    
 
<div id="wrap">
 
<div id="wrap">
Line 176: Line 172:
 
</center>
 
</center>
  
−
 
−
<div class="header_mobile">
 
−
  <ul>
 
−
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/MobileMenu">menu</a>
 
−
          <ul>
 
−
              <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Team">team</a>
 
−
              <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Project">project</a>
 
−
              <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Human">human practices</a>
 
−
              <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Notebook">notebook</a>
 
−
          </ul>
 
−
        </li>   
 
−
           
 
−
  </ul>
 
 
</div>
 
</div>
  
−
  <div class="clear"></div>  
+
<div class="clear"></div>  
 
    
 
    
 
    
 
    
 
</div>
 
</div>
  
−
        <div class="footer">
+
 
 +
 
 +
</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>
−
</div>
 
  
 
<style type="text/css">
 
<style type="text/css">
  
 
#footer {z-index:15;}
 
#footer {z-index:15;}
−
.footer {padding:20px 0 60px 0; margin:0px 0 0 0; clear:both; width:100%; background-color:#0D4D8C;margin-bottom:0;height:2px;}
+
.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>
 
</body>
 +
 
</html>
 
</html>

Revision as of 19:01, 11 August 2015

Team NAIT 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 more

Experiment 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

Parts and Results

Access our BioBrick designs and our experimental results here.


read more

Modeling

MathLAB colour models and 3D Visualizations of our project.

read more