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

 
(43 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{NAIT_Edmonton/CSS}}
+
{{NAIT_Edmonton/CSS6}}
 
+
 
<html>
 
<html>
 +
 
<head>
 
<head>
<title>Team NAIT - Notebook</title>
+
 
<link rel="stylesheet" type="text/css" media="all" href="style.css" />
+
 
 +
<title>Team NAIT 2015</title>
 +
 
 
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
 
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
 +
<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>
 +
 +
 +
<!-----------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">
 +
 +
var $ = jQuery.noConflict();
 +
  $(window).load(function() {
 +
    $('.flexslider').flexslider({
 +
          animation: "fade"
 +
    });
 +
  });
 +
</script>
  
 
</head>
 
</head>
 +
 
<body>
 
<body>
  
  <div id="header">
+
<div class="header">
        <div class="header_content">
+
<div class="header_c">
            <div class="nlogo">
+
<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>
                  <a href="https://2015.igem.org/Team:NAIT_Edmonton">
+
</div>
                      <img src="https://static.igem.org/mediawiki/2015/4/4a/NAIT_Logo_joy.png" width="141" height="140">
+
</div>
                  </a>
+
 
            </div>  
+
 
        </div>
+
<div class="nav">
 +
 
 +
<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="header_left">
 
        <div class="menu">
 
            <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>
 
  
        <div class="header_right">
 
        <div class="menu">
 
            <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 51: 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>
 
             </ul>
        </div>
 
        </div>
 
  
  </div>
+
</div>
 
+
  <div id="wrap">
+
  
 +
</div>
  
  
  <div class="top_slogan">
 
Our Project
 
  </div>
 
  
<div class="main_content">
+
</style>
 
+
 
  <center>
+
<div id="wrap">
  
 
<style type="text/css">
 
<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;}
+
.top_slogan {text-align:center; font-family: 'Source Sans Pro', sans-serif; color:#0D4D8C; font-size:30px; padding: 40px 0px 40px 0px; font-style:strong; line-height:40px;}
.tg th{width:280px; padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;text-align:center}
+
 
.footer{bottom:0px;position:fixed}
+
 
</style>
 
</style>
  
<table class="tg">
+
<center><div class="top_slogan">Project</div></center>
  <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>
+
        </td>
+
    <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.
+
        </p>
+
        </td>
+
    <td class="tg-031e"><p class="centered_text">Description
+
        </p>
+
        </td>
+
  </tr>
+
  <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>
+
  
 +
<style type="text/css">
  
</table>
+
.roundimg{width:180px;height:150px;display:block;border-radius:90px;-moz-border-radius:90px;-webkit-border-radius:90px;-khtml-border-radius:90px;margin:auto;background-color:#8BC5EB;text-align:center; padding:30px 0 0 0;}
 +
.roundimg img{ margin:auto; display:block;}
 +
h2.centered_title{ text-align:center;}
 +
p.centered_text{ padding:10px 20px;}
 +
.roundimg2{width:180px;height:150px;display:block;border-radius:90px;-moz-border-radius:90px;-webkit-border-radius:90px;-khtml-border-radius:90px;margin:auto;background:none;text-align:center; padding:30px 0 0 0;}
  
<br>
+
</style>
 +
 
 +
<center>
  
<table class="tg">
+
  <div class="section_one_three">
  <tr>
+
        <h2 class="centered_title">Description</h2>
    <th class="tg-031e"><h2>Modeling</h2></th>
+
        <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>
    <th class="tg-031e"><h2>Software</h2></th>
+
        <p class="centered_text">
  </tr>
+
An overview of the scope of our project including the problem we wish to solve, how to solve it and potential applications.
  <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/Desc" class="more">read more</a>
    <td class="tg-031e"><p class="centered_text">Description
+
        </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>
  </tr>
+
        </div>
  <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>
+
  
 +
  <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>
 +
        <a href="https://2015.igem.org/Team:NAIT_Edmonton/Results" class="more">read more</a>
 +
        </div>
  
</table>
+
<br>
     
+
 
  
+
<div class="clear"></div>
<br><br><br><br>
+
 
 +
   <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>
 +
        <p class="centered_text">
 +
3D Visualizations of our project.
 +
        </p>
 +
        <a href="https://2015.igem.org/Team:NAIT_Edmonton/Modeling" class="more">read more</a>
 +
        </div>
  
 
</center>
 
</center>
  </div>
 
  
 +
</div>
  
  <div class="clear"></div>  
+
<div class="clear"></div>  
 
    
 
    
 
    
 
    
Line 157: Line 199:
  
  
        <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 173: 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 180: Line 230:
  
  
</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