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

 
(40 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:-20px; right:-8px;}
+
<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>
  
  
<div id="header">
+
<div class="nav">
<div class="header">
+
 
 +
<div tabindex="0" class="onclick-menu">
 +
    <ul class="onclick-menu-content" style="list-style:none;">
 +
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton">home</a></li>
 +
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Team">team</a></li>
 +
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Project">project</a></li>
 +
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Human">human practices</a></li>
 +
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Notebook">notebook</a></li>
 +
    </ul>
 +
</div>
 +
 
 +
<div class="navigation">
 +
<ul>
 +
 
 +
                <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>
 +
 
  
    <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>
 
                     <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Desc">description</a></li>
 
                     <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Desc">description</a></li>
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Protocols">experiment and protcols</a></li>
+
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Protocols">experiment and protocols</a></li>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Results">parts and results</a></li>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Results">parts and results</a></li>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Modeling">modeling</a></li>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Modeling">modeling</a></li>
                      <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Software">software</a></li>
 
 
                     </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 64: 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/Entrepreunership">entrepreunership</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>
 
                     <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Safety">lab safety</a></li>
 
                     <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Safety">lab safety</a></li>
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Measurement">measurement</a></li>
+
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Achievements">achievements</a></li>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Logbook">log book</a></li>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Logbook">log book</a></li>
 
                 </ul>
 
                 </ul>
 
                 </li>
 
                 </li>
        </ul>
+
 
</div>
+
            </ul>
 +
 
 
</div>
 
</div>
 +
 +
</div>
 +
 +
 +
 +
</style>
 
    
 
    
 
<div id="wrap">
 
<div id="wrap">
Line 87: Line 136:
  
 
<center><div class="top_slogan">Project</div></center>
 
<center><div class="top_slogan">Project</div></center>
 
 
<style type="text/css">
 
.tg  {border-collapse:collapse;border-spacing:0;color:none}
 
.tg td{width:280px; border-style:none;border-width:0px;overflow:hidden;word-break:normal;text-align:center;}
 
.tg th{width:280px; padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;text-align:center}
 
 
 
 
</style>
 
 
<center>
 
  
 
<style type="text/css">
 
<style type="text/css">
Line 110: Line 147:
 
</style>
 
</style>
  
  <center>
+
<center>
  
<style type="text/css">
+
  <div class="section_one_three">
.tg  {border-collapse:collapse;border-spacing:0;color:none}
+
        <h2 class="centered_title">Description</h2>
.tg td{width:280px; border-style:none;border-width:0px;overflow:hidden;word-break:normal;text-align:center;}
+
        <div class="roundimg"><a href="https://2015.igem.org/Team:NAIT_Edmonton/Desc" title=""><img src="https://static.igem.org/mediawiki/2015/4/47/NAIT_Icon_description.png" alt="" title="" /></a></div>
.tg th{width:280px; padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;text-align:center}
+
        <p class="centered_text">
 
+
An overview of the scope of our project including the problem we wish to solve, how to solve it and potential applications.
</style>
+
 
+
<table class="tg">
+
  <tr>
+
    <th class="tg-031e"><h2>Description</h2></th>
+
    <th class="tg-031e"><h2>Experiment and Protocols</h2></th>
+
    <th class="tg-031e"><h2>Parts and Results</h2></th>
+
  </tr>
+
  <tr>
+
    <td class="tg-031e"><div class="roundimg"><a href="https://2015.igem.org/Team:NAIT_Edmonton/Desc" title="Overview of the scope of our project"><img src="https://static.igem.org/mediawiki/2015/4/47/NAIT_Icon_description.png" alt="" title="" /></a></div></td>
+
    <td class="tg-031e"> <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="Experiment and Protocols" /></a></div></td>
+
    <td class="tg-031e"> <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="Parts and Results" /></a></div></td>
+
  </tr>
+
  <tr>
+
    <td class="tg-031e"><p class="centered_text">An overview of the scope of our project including the problem we wish to solve, how to solve it and potential applications.
+
 
         </p>
 
         </p>
         </td>
+
         <a href="https://2015.igem.org/Team:NAIT_Edmonton/Desc" class="more">read more</a>
    <td class="tg-031e"><p class="centered_text">An indepth and detailed protocol of how we executed our experiments to solve the specific problem we wish to solve.
+
        </div>
 +
       
 +
  <div class="section_one_three">
 +
        <h2 class="centered_title">Experiment and Protocols</h2>
 +
        <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">
 +
An in-depth and detailed flow chart of how we executed our experiments. Detailed protocols are also available via click-able modals.  
 
         </p>
 
         </p>
         </td>
+
         <a href="https://2015.igem.org/Team:NAIT_Edmonton/Protocols" class="more">read more</a>
    <td class="tg-031e"><p class="centered_text">Description
+
        </div>
 +
 
 +
  <div class="section_one_three">
 +
        <h2 class="centered_title">Parts and Results</h2>
 +
        <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">
 +
Access our BioBrick designs and our experimental results here. <br><br><br>
 
         </p>
 
         </p>
         </td>
+
         <a href="https://2015.igem.org/Team:NAIT_Edmonton/Results" class="more">read more</a>
  </tr>
+
        </div>
  <tr>
+
    <td class="tg-031e"><a href="https://2015.igem.org/Team:NAIT_Edmonton/Desc" class="more">read more</a></td>
+
    <td class="tg-031e"><a href="https://2015.igem.org/Team:NAIT_Edmonton/Protocols" class="more">read more</a></td>
+
    <td class="tg-031e"><a href="https://2015.igem.org/Team:NAIT_Edmonton/Results" class="more">read more</a></td>
+
  </tr>
+
  
 +
<br>
  
</table>
+
<div class="clear"></div>
  
<br>
+
  <div class="section_one_under">
 
+
        <h2 class="centered_title" >Modeling</h2>
<table class="tg">
+
        <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>
  <tr>
+
        <p class="centered_text">
    <th class="tg-031e"><h2>Modeling</h2></th>
+
3D Visualizations of our project.
    <th class="tg-031e"><h2>Software</h2></th>
+
  </tr>
+
  <tr>
+
    <td class="tg-031e"><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="Modeling and Visualizations" /></a></div></td>
+
    <td class="tg-031e"> <div class="roundimg"><a href="https://2015.igem.org/Team:NAIT_Edmonton/Software" title=""><img src="https://static.igem.org/mediawiki/2015/c/ca/NAIT_Icon_software.png" alt="" title="Software" /></a></div></td>
+
  </tr>
+
  <tr>
+
    <td class="tg-031e"><p class="centered_text"> Description
+
 
         </p>
 
         </p>
         </td>
+
         <a href="https://2015.igem.org/Team:NAIT_Edmonton/Modeling" class="more">read more</a>
    <td class="tg-031e"><p class="centered_text">Description
+
        </div>
        </p>
+
        </td>
+
  </tr>
+
  <tr>
+
    <td class="tg-031e"><a href="https://2015.igem.org/Team:NAIT_Edmonton/Modeling" class="more">read more</a></td>
+
    <td class="tg-031e"><a href="https://2015.igem.org/Team:NAIT_Edmonton/Software" class="more">read more</a></td>
+
  </tr>
+
 
+
 
+
</table>
+
     
+
 
+
<br><br><br><br>
+
  
 
</center>
 
</center>
  
  </div>
+
</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 206: 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 211: 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:1000px;}
 
.footer_left { float:left; padding:0 0 0 0px;}
 
.footer_right{ float:right; padding:0 0px 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