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

 
(17 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{NAIT_Edmonton/CSS2}}
+
{{NAIT_Edmonton/CSS6}}
 
<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;}
+
<div class="header_c">
−
</style>
+
<a href="https://2015.igem.org/Team:NAIT_Edmonton"><img style="margin-top:15px;" src="https://static.igem.org/mediawiki/2015/2/2f/NAIT_Imagine.png" height="95px"></a>
 +
</div>
 +
</div>
  
−
<style type="text/css">
 
  
−
.header_mobile {
+
<div class="nav">
−
    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}
+
<div tabindex="0" class="onclick-menu">
−
.header_mobile ul * {margin:0; padding:0;}
+
    <ul class="onclick-menu-content" style="list-style:none;">
−
.header_mobile a {display:block;color:#159CD8;text-decoration:none;padding:15px 50px}
+
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton">home</a></li>
−
.header_mobile li {position:relative;float:left; padding:5px 5px 5px 5px}
+
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Team">team</a></li>
−
.header_mobile li a {font-family:'Source Sans Pro', sans-serif;color:#ffffff;font-size:20px;}
+
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Project">project</a></li>
−
.header_mobile li.current-menu-item {background:#5AB3E3}
+
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Human">human practices</a></li>
−
.header_mobile ul ul{display:none; position:absolute; top:77%; left:30%; background:#0D4D8C; padding:0 0px 0 0}
+
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Notebook">notebook</a></li>
−
.header_mobile ul ul li:hover{background:#159CD8}
+
    </ul>
−
.header_mobile ul ul li{float:none; width:120px}
+
</div>
−
.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;}
+
  
 +
<div class="navigation">
 +
<ul>
  
−
@media screen and (max-width:1000px){
+
                <li><a href="https://2015.igem.org/Team:NAIT_Edmonton"><img
 +
                src="https://static.igem.org/mediawiki/2015/a/a9/NAIT_home.png" width="25px"></a></li>
  
−
.header_left{display:none;}
 
−
.header_right{display:none;}
 
−
.header_mobile{display:block;}
 
  
−
}
 
−
 
−
</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>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Bios">bios</a></li>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Bios">bios</a></li>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Attributions">attributions</a></li>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Attributions">attributions</a></li>
−
                       <li><a href="https://igem.org/Team.cgi">official team profile</a>
+
                       <li><a href="https://igem.org/Team.cgi?id=1787">official team profile</a>
 
                     </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 99:
 
                     </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 100: Line 105:
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Practices">policy and practices</a></li>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Practices">policy and practices</a></li>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Collaborations">collaborations</a></li>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Collaborations">collaborations</a></li>
−
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Entrepreneurship">entrepreneurship</a></li>
+
                        
 
                     </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 116:
 
                 </ul>
 
                 </ul>
 
                 </li>
 
                 </li>
−
        </ul>
+
 
−
</div>
+
            </ul>
 +
 
 
</div>
 
</div>
 +
 +
</div>
 +
 +
 +
 +
</style>
 
    
 
    
 
<div id="wrap">
 
<div id="wrap">
Line 134: Line 147:
 
</style>
 
</style>
  
 +
<center>
  
 
   <div class="section_one_three">
 
   <div class="section_one_three">
Line 148: Line 162:
 
         <div class="roundimg"><a href="https://2015.igem.org/Team:NAIT_Edmonton/Protocols" title=""><img src="https://static.igem.org/mediawiki/2015/b/bd/NAIT_Icon_protocols.png" alt="" title="" /></a></div>
 
         <div class="roundimg"><a href="https://2015.igem.org/Team:NAIT_Edmonton/Protocols" title=""><img src="https://static.igem.org/mediawiki/2015/b/bd/NAIT_Icon_protocols.png" alt="" title="" /></a></div>
 
         <p class="centered_text">
 
         <p class="centered_text">
−
An in-depth and detailed flow chart of how we excecuted our experiments.  
+
An in-depth and detailed flow chart of how we executed our experiments. Detailed protocols are also available via click-able modals.  
 
         </p>
 
         </p>
 
         <a href="https://2015.igem.org/Team:NAIT_Edmonton/Protocols" class="more">read more</a>
 
         <a href="https://2015.igem.org/Team:NAIT_Edmonton/Protocols" class="more">read more</a>
Line 157: Line 171:
 
         <div class="roundimg"><a href="https://2015.igem.org/Team:NAIT_Edmonton/Results" title=""><img src="https://static.igem.org/mediawiki/2015/6/66/NAIT_Icon_results.png" alt="" title="" /></a></div>
 
         <div class="roundimg"><a href="https://2015.igem.org/Team:NAIT_Edmonton/Results" title=""><img src="https://static.igem.org/mediawiki/2015/6/66/NAIT_Icon_results.png" alt="" title="" /></a></div>
 
         <p class="centered_text">
 
         <p class="centered_text">
−
Access our BioBrick designs and our experimental results here.  
+
Access our BioBrick designs and our experimental results here. <br><br><br>
 
         </p>
 
         </p>
 
         <a href="https://2015.igem.org/Team:NAIT_Edmonton/Results" class="more">read more</a>
 
         <a href="https://2015.igem.org/Team:NAIT_Edmonton/Results" class="more">read more</a>
Line 164: Line 178:
 
<br>
 
<br>
  
−
   <div class="section_one_three">
+
<div class="clear"></div>
−
         <h2 class="centered_text">Modeling</h2>
+
 
 +
   <div class="section_one_under">
 +
         <h2 class="centered_title" >Modeling</h2>
 
         <div class="roundimg"><a href="https://2015.igem.org/Team:NAIT_Edmonton/Modeling" title=""><img src="https://static.igem.org/mediawiki/2015/b/bb/NAIT_Icon_modeling.png" alt="" title="" /></a></div>
 
         <div class="roundimg"><a href="https://2015.igem.org/Team:NAIT_Edmonton/Modeling" title=""><img src="https://static.igem.org/mediawiki/2015/b/bb/NAIT_Icon_modeling.png" alt="" title="" /></a></div>
 
         <p class="centered_text">
 
         <p class="centered_text">
−
MathLAB colour models and 3D Visualizations of our project.
+
3D Visualizations of our project.
 
         </p>
 
         </p>
 
         <a href="https://2015.igem.org/Team:NAIT_Edmonton/Modeling" class="more">read more</a>
 
         <a href="https://2015.igem.org/Team:NAIT_Edmonton/Modeling" class="more">read more</a>
 
         </div>
 
         </div>
  
 +
</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 209: Line 222:
 
                 <li><a href="http://www.facebook.com/pages/IGEM-2015-NAIT-Edmonton/884025281659292"><img src="https://static.igem.org/mediawiki/2015/a/a3/NAIT_Icon_facebook.png" alt="" title="" /></a></li>
 
                 <li><a href="http://www.facebook.com/pages/IGEM-2015-NAIT-Edmonton/884025281659292"><img src="https://static.igem.org/mediawiki/2015/a/a3/NAIT_Icon_facebook.png" alt="" title="" /></a></li>
 
                 <li><a href="http://www.twitter.com/TeamNAIT2015"><img src="https://static.igem.org/mediawiki/2015/6/64/NAIT_Icon_twitter.png" alt="" title="" /></a></li>
 
                 <li><a href="http://www.twitter.com/TeamNAIT2015"><img src="https://static.igem.org/mediawiki/2015/6/64/NAIT_Icon_twitter.png" alt="" title="" /></a></li>
 +
                <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/ContactUs"><img src="https://static.igem.org/mediawiki/2015/2/29/NAIT_Icon_contact.png" width="20px" alt="" title="" /></a></li>
 
                 </ul>
 
                 </ul>
 
             </div>
 
             </div>
Line 214: Line 228:
 
           </div>
 
           </div>
 
         </div>
 
         </div>
−
</div>
 
  
−
<style type="text/css">
 
  
−
#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_content {margin:auto;width:100%;}
 
−
.footer_left { float:left; padding:0 0 0 10%;}
 
−
.footer_right{ float:right; padding:0 10% 0 0;}
 
−
ul.social_icons { margin:0px; padding:0px; list-style:none;}
 
−
ul.social_icons li{ float:left;}
 
−
ul.social_icons li a{width:30px;height:30px;display:block;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-khtml-border-radius:15px;float:left;margin:0px 0 0px 5px;background-color:#ADD3F0;text-align:center;}
 
−
ul.social_icons li a#top{width:30px;height:30px;display:block;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-khtml-border-radius:15px;float:left;margin:0px 0 0px 5px;background-color:#ADD3F0;text-align:center;}
 
−
ul.social_icons li a:hover{ background-color:#5AB3E3;}
 
−
ul.social_icons li a img{ width:60%; display:block; margin:5px auto;}
 
  
−
ul.footer_menu{ padding:10px 0 0 0; margin:0px; list-style:none;}
 
−
ul.footer_menu li{ float:left; padding:0 15px 0 0;}
 
−
ul.footer_menu li a{ background:url(https://static.igem.org/mediawiki/2015/1/17/NAIT_Bullet.png) no-repeat left; padding:0 0 0 12px;}
 
  
−
 
−
</style>
 
  
 
</body>
 
</body>
  
−
 
−
</body>
 
 
</html>
 
</html>

Latest revision as of 19:38, 13 September 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

3D Visualizations of our project.

read more