Team:ZJU-China/notebook.htm

From 2012.igem.org

(Difference between revisions)
 
(26 intermediate revisions not shown)
Line 1: Line 1:
<html xmlns="http://www.w3.org/1999/xhtml" class="cufon-active cufon-ready"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<html xmlns="http://www.w3.org/1999/xhtml" class="cufon-active cufon-ready"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-
<title>PARTS</title>
+
<title>NOTEBOOK</title>
<meta name="description" content="">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="keywords" content="">
<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="">
<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="">
<link href="http://www.jiajunlu.com/igem/style.css" rel="stylesheet" type="text/css">
<link href="http://www.jiajunlu.com/igem/style.css" rel="stylesheet" type="text/css">
 +
<style type="text/css">
<style type="text/css">
Line 180: Line 181:
   overflow: hidden;
   overflow: hidden;
}
}
 +
 +
#search-controls
 +
{
 +
  display: none;
 +
}
 +
 +
#footer-box
 +
{
 +
  display: none;
 +
}
 +
</style>
</style>
 +
 +
<script src="http://www.jiajunlu.com/igem/cufon-yui.js" type="text/javascript"></script><style type="text/css">cufon{text-indent:0!important;}@media screen,projection{cufon{display:inline!important;display:inline-block!important;position:relative!important;vertical-align:middle!important;font-size:1px!important;line-height:1px!important;}cufon cufontext{display:-moz-inline-box!important;display:inline-block!important;width:0!important;height:0!important;overflow:hidden!important;text-indent:-10000in!important;}cufon canvas{position:relative!important;}}@media print{cufon{padding:0!important;}cufon canvas{display:none!important;}}</style>
<script src="http://www.jiajunlu.com/igem/cufon-yui.js" type="text/javascript"></script><style type="text/css">cufon{text-indent:0!important;}@media screen,projection{cufon{display:inline!important;display:inline-block!important;position:relative!important;vertical-align:middle!important;font-size:1px!important;line-height:1px!important;}cufon cufontext{display:-moz-inline-box!important;display:inline-block!important;width:0!important;height:0!important;overflow:hidden!important;text-indent:-10000in!important;}cufon canvas{position:relative!important;}}@media print{cufon{padding:0!important;}cufon canvas{display:none!important;}}</style>
-
<script src="http://www.jiajunlu.com/igem/gotham.js" type="text/javascript"></script>
+
    <script src="http://www.jiajunlu.com/igem/gotham.js" type="text/javascript"></script>
-
<script type="text/javascript">
+
    <script type="text/javascript">
-
Cufon.replace('h3');
+
      Cufon.replace('h3');
-
+
     
-
+
     
-
</script>
+
    </script>
<link rel="stylesheet" href="http://www.jiajunlu.com/igem/slide.css" type="text/css" media="screen">
<link rel="stylesheet" href="http://www.jiajunlu.com/igem/slide.css" type="text/css" media="screen">
<link rel="stylesheet" href="http://www.jiajunlu.com/igem/accordion.css" type="text/css" media="screen">
<link rel="stylesheet" href="http://www.jiajunlu.com/igem/accordion.css" type="text/css" media="screen">
Line 195: Line 209:
$(document).ready(function(){
$(document).ready(function(){
-
//Hide (Collapse) the toggle containers on load
+
  //Hide (Collapse) the toggle containers on load
-
$(".acc_container").hide();  
+
  $(".acc_container").hide();  
-
//Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state)
+
  //Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state)
-
$("h2.acc_trigger").click(function(){
+
  $("h2.acc_trigger").click(function(){
-
$(this).toggleClass("active").next().slideToggle("slow");
+
    $(this).toggleClass("active").next().slideToggle("slow");
-
+
   
-
return false; //Prevent the browser jump to the link anchor
+
    return false; //Prevent the browser jump to the link anchor
-
});
+
  });
});
});
Line 209: Line 223:
<script src="http://www.jiajunlu.com/igem/slide.js" type="text/javascript"></script>
<script src="http://www.jiajunlu.com/igem/slide.js" type="text/javascript"></script>
<script type="text/javascript">
<script type="text/javascript">
 +
function movetotop(){
 +
    $("html, body").animate({ scrollTop: 0 }, "slow");
 +
    return false;
 +
}
         $(function() {
         $(function() {
             var offset = $("#logo").offset();
             var offset = $("#logo").offset();
Line 229: Line 247:
<div class="wrapper">
<div class="wrapper">
-
<div class="container">
+
  <div class="container">
-
    <div class="content">
+
      <div class="content">
-
    <div id="columnLeft">
+
        <div id="columnLeft">
-
    <div id="logo" style="margin-top: 0px; ">
+
          <div id="logo" style="margin-top: 0px; " onclick="movetotop()">
-
        <a href="./parts.htm"><img src="http://2012.igem.org/wiki/images/1/12/Zju_logo.png"></a>
+
              <a><img src="http://2012.igem.org/wiki/images/1/12/Zju_logo.png"></a>
-
    <!-- end #logo --></div>
+
          <!-- end #logo --></div>
-
        <!-- end #columnLeft" --></div>
+
          <!-- end #columnLeft" --></div>
-
        <div id="columnRight">
+
          <div id="columnRight">
-
        <div id="header">
+
            <div id="header">
-
            <div id="menu">
+
                <div id="menu">
-
                <ul id="menu">
+
                  <ul id="menu">
            <li class="1"><a href="http://2012.igem.org/Team:ZJU-China"><img src="http://www.jiajunlu.com/igem/home_btn.gif"></a></li>
            <li class="1"><a href="http://2012.igem.org/Team:ZJU-China"><img src="http://www.jiajunlu.com/igem/home_btn.gif"></a></li>
            <li class="divline"></li>
            <li class="divline"></li>
Line 246: Line 264:
            <li class="3"><a href="http://2012.igem.org/Team:ZJU-China/project.htm"><img src="http://www.jiajunlu.com/igem/project_btn.gif"></a></li>
            <li class="3"><a href="http://2012.igem.org/Team:ZJU-China/project.htm"><img src="http://www.jiajunlu.com/igem/project_btn.gif"></a></li>
            <li class="divline"></li>
            <li class="divline"></li>
-
            <li class="4"><a href="http://2012.igem.org/Team:ZJU-China/parts.htm"><img src="http://www.jiajunlu.com/igem/parts_btn.gif"></a></li>
+
            <li class="4"><a href="http://2012.igem.org/Team:ZJU-China/models.htm"><img src="http://www.jiajunlu.com/igem/Zju_models_btn.gif"></a></li>
            <li class="divline"></li>
            <li class="divline"></li>
            <li class="5"><a href="http://2012.igem.org/Team:ZJU-China/notebook.htm"><img src="http://www.jiajunlu.com/igem/notebook_btn.gif"></a></li>
            <li class="5"><a href="http://2012.igem.org/Team:ZJU-China/notebook.htm"><img src="http://www.jiajunlu.com/igem/notebook_btn.gif"></a></li>
Line 255: Line 273:
            <li class="divline"></li>
            <li class="divline"></li>
            <li class="8"><a href="http://2012.igem.org/Team:ZJU-China/achievement.htm"><img src="http://www.jiajunlu.com/igem/achievement_btn.gif"></a></li>
            <li class="8"><a href="http://2012.igem.org/Team:ZJU-China/achievement.htm"><img src="http://www.jiajunlu.com/igem/achievement_btn.gif"></a></li>
 +
<li class="divline"></li>
 +
            <li class="8"><a href="http://2012.igem.org"><img src="http://www.jiajunlu.com/igem/Zju_igem_btn.gif"></a></li>
 +
        </ul>
        </ul>
-
                <!-- end #menu --></div>
+
                  <!-- end #menu --></div>
-
            <!-- end #header --></div>
+
              <!-- end #header --></div>
 +
 
 +
              <div id="main">
 +
              <h2 class="acc_trigger">01 <strong>BRAINSTORM</strong></h2>
 +
          <div class="acc_container" style="display: none; ">
 +
              <!--Content Goes Here-->
 +
 
 +
 
 +
 
 +
 
 +
<div class="projectNav">
 +
<div class="projectNavFloat">
 +
<a target="brainFrame" href="http://2012.igem.org/Team:ZJU-China/brainstorm1.htm" style="text-decoration:none">Controlled chemistry plant</a>
 +
<br>
 +
<a target="brainFrame" href="http://2012.igem.org/Team:ZJU-China/brainstorm2.htm" style="text-decoration:none">Synchronized bacterial clock</a>
 +
<br>
 +
<a target="brainFrame" href="http://2012.igem.org/Team:ZJU-China/brainstorm3.htm" style="text-decoration:none">EPad</a>
 +
</div><!-- end .projectNavFloat -->
 +
<div class="projectNavFloat">
 +
<a target="brainFrame" href="http://2012.igem.org/Team:ZJU-China/brainstorm4.htm" style="text-decoration:none">Methane alarm</a>
 +
<br>
 +
<a target="brainFrame" href="http://2012.igem.org/Team:ZJU-China/brainstorm5.htm" style="text-decoration:none">Silkworm</a>
 +
<br>
 +
<a target="brainFrame" href="http://2012.igem.org/Team:ZJU-China/brainstorm6.htm" style="text-decoration:none">Radio-communication </a>
 +
</div><!-- end .projectNavFloat -->
 +
<div class="projectNavFloat">
 +
<a target="brainFrame" href="http://2012.igem.org/Team:ZJU-China/brainstorm7.htm" style="text-decoration:none">Plant doctor</a>
 +
</div><!-- end .projectNavFloat -->
 +
<br class="clearfloat">
 +
</div><!-- end .projectNav -->
 +
 +
<iframe src="" frameborder="0" name="brainFrame" width="100%" height="500px"> </iframe>
 +
 
 +
          </div><!-- end .acc_container -->
 +
         
 +
          <h2 class="acc_trigger">02 <strong>PROTOCAL</strong></h2>
 +
          <div class="acc_container" style="display: none; ">
 +
            <!--Content Goes Here-->
 +
 
 +
<div class="projectNav">
 +
<div class="projectNavFloat">
 +
<a target="proFrame" href="http://2012.igem.org/Team:ZJU-China/n_p_1.htm" style="text-decoration:none">1 Stock solutions</a>
 +
<br>
 +
<a target="proFrame" href="http://2012.igem.org/Team:ZJU-China/n_p_2.htm" style="text-decoration:none">2 Antibiotics</a>
 +
<br>
 +
<a target="proFrame" href="http://2012.igem.org/Team:ZJU-China/n_p_3.htm" style="text-decoration:none">3 Cell transformation</a>
 +
<br>
 +
<a target="proFrame" href="http://2012.igem.org/Team:ZJU-China/n_p_4.htm" style="text-decoration:none">4 Glycerol stock</a>
 +
<br>
 +
<a target="proFrame" href="http://2012.igem.org/Team:ZJU-China/n_p_5.htm" style="text-decoration:none">5 Miniprep</a>
 +
<br>
 +
<a target="proFrame" href="http://2012.igem.org/Team:ZJU-China/n_p_6.htm" style="text-decoration:none">6 DNA Agarose Gels</a>
 +
<br>
 +
<a target="proFrame" href="http://2012.igem.org/Team:ZJU-China/n_p_7.htm" style="text-decoration:none">7 PCR</a>
 +
</div><!-- end .projectNavFloat -->
 +
<div class="projectNavFloat">
 +
 
 +
<a target="proFrame" href="http://2012.igem.org/Team:ZJU-China/n_p_8.htm" style="text-decoration:none">8 PCR Purification</a>
 +
<br>
 +
<a target="proFrame" href="http://2012.igem.org/Team:ZJU-China/n_p_9.htm" style="text-decoration:none">9 Restriction Digest</a>
 +
<br>
 +
<a target="proFrame" href="http://2012.igem.org/Team:ZJU-China/n_p_10.htm" style="text-decoration:none">10 Gel Extraction</a>
 +
<br>
 +
<a target="proFrame" href="http://2012.igem.org/Team:ZJU-China/n_p_11.htm" style="text-decoration:none">11 Ligation</a>
 +
<br>
 +
<a target="proFrame" href="http://2012.igem.org/Team:ZJU-China/n_p_12.htm" style="text-decoration:none">12 Growth Curve</a>
 +
<br>
 +
<a target="proFrame" href="http://2012.igem.org/Team:ZJU-China/n_p_13.htm" style="text-decoration:none">13 Split GFP experiments</a>
 +
<br>
 +
</div><!-- end .projectNavFloat -->
 +
 
 +
 
 +
<br class="clearfloat">
 +
</div><!-- end .projectNav -->
 +
 +
<iframe src="" frameborder="0" name="proFrame" width="100%" height="1000px"> </iframe>
 +
 
 +
          </div><!-- end .acc_container -->
 +
         
 +
          <h2 class="acc_trigger">03 <strong>LAB NOTE</strong></h2>
 +
          <div class="acc_container" style="display: none; ">
 +
            <!--Content Goes Here-->
-
            <div id="main">
 
-
        <h2 class="acc_trigger"><a href="http://thesum.ca/work.html#">01 <strong>FUNCTION</strong></a></h2>
 
-
<div class="acc_container" style="display: none; ">
 
-
    <div class="block">
 
-
<!--Content Goes Here-->
 
 +
<div class="projectNav">
 +
<div class="projectNavFloat">
 +
<a target="labFrame" href="http://2012.igem.org/Team:ZJU-China/labnote1.htm" style="text-decoration:none">Week 1</a>
 +
<br>
 +
<a target="labFrame" href="http://2012.igem.org/Team:ZJU-China/labnote2.htm" style="text-decoration:none">Week 2</a>
 +
<br>
 +
<a target="labFrame" href="http://2012.igem.org/Team:ZJU-China/labnote3.htm" style="text-decoration:none">Week 3</a>
 +
</div><!-- end .projectNavFloat -->
 +
<div class="projectNavFloat">
 +
<a target="labFrame" href="http://2012.igem.org/Team:ZJU-China/labnote4.htm" style="text-decoration:none">Week 4</a>
 +
<br>
 +
<a target="labFrame" href="http://2012.igem.org/Team:ZJU-China/labnote5.htm" style="text-decoration:none">Week 5</a>
 +
<br>
 +
<a target="labFrame" href="http://2012.igem.org/Team:ZJU-China/labnote6.htm" style="text-decoration:none">Week 6</a>
 +
</div><!-- end .projectNavFloat -->
 +
<div class="projectNavFloat">
 +
<a target="labFrame" href="http://2012.igem.org/Team:ZJU-China/labnote7.htm" style="text-decoration:none">Week 7</a>
 +
<br>
 +
<a target="labFrame" href="http://2012.igem.org/Team:ZJU-China/labnote8.htm" style="text-decoration:none">Week 8</a>
 +
<br>
 +
<a target="labFrame" href="http://2012.igem.org/Team:ZJU-China/labnote9.htm" style="text-decoration:none">Week 9</a>
 +
</div><!-- end .projectNavFloat -->
-
    </div><!-- end .block -->
+
<div class="projectNavFloat">
-
</div><!-- end .acc_container -->
+
<a target="labFrame" href="http://2012.igem.org/Team:ZJU-China/labnote10.htm" style="text-decoration:none">Week 10</a>
-
+
<br>
-
<h2 class="acc_trigger"><a href="http://thesum.ca/work.html#">02 <strong>ASSEMBLY</strong></a></h2>
+
<a target="labFrame" href="http://2012.igem.org/Team:ZJU-China/labnote11.htm" style="text-decoration:none">Week 11</a>
-
<div class="acc_container" style="display: none; ">
+
<br>
-
    <div class="block">
+
<a target="labFrame" href="http://2012.igem.org/Team:ZJU-China/labnote12.htm" style="text-decoration:none">Week 12</a>
-
<!--Content Goes Here-->
+
<br>
 +
</div><!-- end .projectNavFloat -->
 +
<div class="projectNavFloat">
 +
<a target="labFrame" href="http://2012.igem.org/Team:ZJU-China/labnote13.htm" style="text-decoration:none">Week 13</a>
 +
<br>
 +
<a target="labFrame" href="http://2012.igem.org/Team:ZJU-China/labnote14.htm" style="text-decoration:none">Week 14</a>
 +
<br>
 +
</div><!-- end .projectNavFloat -->
-
    </div><!-- end .block -->
+
<br class="clearfloat">
-
</div><!-- end .acc_container -->
+
</div><!-- end .projectNav -->
-
+
-
<h2 class="acc_trigger"><a href="http://thesum.ca/work.html#">03 <strong>CHARACTERIZATION</strong></a></h2>
+
<iframe src="" frameborder="0" name="labFrame" width="100%" height="1000px"> </iframe>  
-
<div class="acc_container" style="display: none; ">
+
-
    <div class="block">
+
-
<!--Content Goes Here-->
+
 +
          </div><!-- end .acc_container -->
 +
         
 +
              <!-- end #main --></div>
 +
              <br class="clearfloat">
 +
              <br class="clearfloat">
 +
              <br class="clearfloat">
 +
              <br class="clearfloat">
 +
             
 +
          <!-- end #columnRight --></div>
 +
         
 +
      <!-- end .content --></div>
 +
     
-
    </div><!-- end .block -->
+
     
-
</div><!-- end .acc_container -->
+
  <!-- end .container --></div>
 +
  </div><!-- end .wrapper -->
 +
    <div><img src="http://igem.org/wiki/images/d/d9/Zju_foot.png" width="100%"></div>
-
            <!-- end #main --></div>
 
-
            <br class="clearfloat">
 
-
            <br class="clearfloat">
 
-
            <br class="clearfloat">
 
-
            <br class="clearfloat">
 
-
           
 
-
        <!-- end #columnRight --></div>
 
-
       
 
-
    <!-- end .content --></div>
 
-
  <div><img src="http://2012.igem.org/wiki/images/b/b6/Zju_foot.jpg" width="100%"></div>
 
-
   
 
-
<!-- end .container --></div>
 
-
</div><!-- end .wrapper -->
 
<div id="footer">
<div id="footer">
     <div id="footerImg">
     <div id="footerImg">
Line 308: Line 432:
-
<!-- end #footer --></div>
+
<!-- end #footer --></div>
-
<script type="text/javascript"> Cufon.now(); </script>
+
  <script type="text/javascript"> Cufon.now(); </script>
</body></html>
</body></html>

Latest revision as of 03:17, 27 October 2012

NOTEBOOK