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

(Created page with "{{NAIT_Edmonton/CSS}} <html> <head> <title>Team NAIT - Notebook</title> <link rel="stylesheet" type="text/css" media="all" href="style.css" /> <link href='http://fonts.googleapi...")
 
 
(54 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">
−
     
+
<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 class="logo"><a href="https://2015.igem.org/Team:NAIT_Edmonton"><img src="https://static.igem.org/mediawiki/2015/4/4a/NAIT_Logo_joy.png" width="181" height="180"></a></div>
+
</div>
−
       
+
</div>
−
        <div class="menu">
+
 
−
            <ul>
+
 
−
                 <li><a href="https://2015.igem.org/Team:NAIT_Edmonton">home</a>
+
<div class="nav">
−
                </li>
+
 
−
               
+
<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>
 +
 
 +
 
 
                 <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>
 +
 
                 <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 41: 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 class="selected"><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>
 +
 
 +
 
 +
 
 +
</style>
 
    
 
    
−
  <div id="wrap">
+
<div id="wrap">
  
 +
<style type="text/css">
  
−
  <div class="top_slogan">
+
.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;}
−
Notebook
+
−
  </div>
+
  
−
<div class="main_content">
+
</style>
  
−
  <center>
+
<center><div class="top_slogan">Project</div></center>
  
 
<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;}
 
−
.tg th{width:280px; padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;text-align:center}
 
  
−
.footer{position:fixed;bottom:0px}
+
.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;}
  
 
</style>
 
</style>
  
−
<table class="tg">
+
<center>
−
  <tr>
+
 
−
    <th class="tg-031e"><h2>Lab Safety</h2></th>
+
  <div class="section_one_three">
−
    <th class="tg-031e"><h2>Measurement</h2></th>
+
        <h2 class="centered_title">Description</h2>
−
    <th class="tg-031e"><h2>Logbook</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>
−
  </tr>
+
        <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.
−
    <td class="tg-031e"><div class="roundimg"><a href="https://2015.igem.org/Team:NAIT_Edmonton/Safety" title="Our Safety Protocols"><img src="https://static.igem.org/mediawiki/2015/1/11/NAIT_Icon_safety.png" alt="" title="" /></a></div></td>
+
−
    <td class="tg-031e"> <div class="roundimg"><a href="https://2015.igem.org/Team:NAIT_Edmonton/Measurement" title=""><img src="https://static.igem.org/mediawiki/2015/9/91/NAIT_Icon_measurement.png" alt="" title="Measurement" /></a></div></td>
+
−
    <td class="tg-031e"><div class="roundimg"><a href="https://2015.igem.org/Team:NAIT_Edmonton/Logbook" title=""><img src="https://static.igem.org/mediawiki/2015/3/3f/NAIT_Icon_logbook.png" alt="" title="Logbook" /></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>
−
    <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/Safety" class="more">read more</a></td>
+
−
    <td class="tg-031e"><a href="https://2015.igem.org/Team:NAIT_Edmonton/Measurement" class="more">read more</a></td>
+
−
    <td class="tg-031e"><a href="https://2015.igem.org/Team:NAIT_Edmonton/Logbook" class="more">read more</a></td>
+
−
  </tr>
+
  
 +
<br>
  
−
</table>
+
<div class="clear"></div>
−
     
+
 
−
  
+
   <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 120: 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 136: 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 143: 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