Team:ZJU-China/notebook.htm
From 2012.igem.org
(Difference between revisions)
(Created page with "<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>NOTEBOOK</title> <me...") |
|||
(31 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<title>NOTEBOOK</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"> | ||
+ | body /* UltraGlobal Environment (origin item) */ | ||
+ | { | ||
+ | background-color: #F8F8F8; | ||
+ | } | ||
+ | #blank , | ||
+ | #blank * | ||
+ | { | ||
+ | background-color: transparent; | ||
+ | background-image: url(""); | ||
+ | border-style: none; | ||
+ | margin: 0 auto; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | #globalWrapper /* Global Environment (origin item) */ | ||
+ | { | ||
+ | background-color: transparent; | ||
+ | background-attachment: fixed; | ||
+ | background-position: 50% 0; | ||
+ | background-repeat: no-repeat; | ||
+ | background-image: url(""); | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | /* Remove Top Item (origin item) */ | ||
+ | #top-section | ||
+ | { | ||
+ | height: 0px; | ||
+ | width: 100%; | ||
+ | } | ||
+ | #p-logo { | ||
+ | display: none; | ||
+ | } | ||
+ | #top | ||
+ | { | ||
+ | display: none; | ||
+ | } | ||
+ | h1.firstHeading | ||
+ | { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /* Inner Environment (origin item) */ | ||
+ | #content | ||
+ | { | ||
+ | background-color: transparent; | ||
+ | background-image: url("https://static.igem.org/mediawiki/2012/e/e5/Zju_back.jpg"); | ||
+ | background-attachment: scroll; | ||
+ | background-position: 50% 0; | ||
+ | background-repeat: repeat-y; | ||
+ | overflow: hidden; | ||
+ | border-style: none; | ||
+ | width: 100%; | ||
+ | } | ||
+ | #footer-box | ||
+ | { | ||
+ | background-color: #F8F8F8; | ||
+ | background-image: none; | ||
+ | border-style: none; | ||
+ | margin-top: 100px; | ||
+ | } | ||
+ | #catlinks | ||
+ | { | ||
+ | display: none; | ||
+ | } | ||
+ | #content a, | ||
+ | #content a:hover | ||
+ | { | ||
+ | color: black; | ||
+ | display: inline; | ||
+ | } | ||
+ | #content a:link, | ||
+ | #content a:visited | ||
+ | { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | #content a:hover, | ||
+ | #content a:active | ||
+ | { | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | /* Bottom Environment (origin item) */ | ||
+ | #footer-box a, | ||
+ | #footer-box a:hover | ||
+ | { | ||
+ | color: #e8e7b9; | ||
+ | text-decoration: none; | ||
+ | display: inline; | ||
+ | } | ||
+ | |||
+ | ul | ||
+ | { | ||
+ | list-style-image: none; | ||
+ | list-style-type: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | li | ||
+ | { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | p | ||
+ | { | ||
+ | font-family: Arial, sans-serif; | ||
+ | color: black; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | /* Common Environment */ | ||
+ | .center | ||
+ | { | ||
+ | text-align: center; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | .floatL | ||
+ | { | ||
+ | float: left; | ||
+ | clear: left; | ||
+ | } | ||
+ | .floatR | ||
+ | { | ||
+ | float: right; | ||
+ | clear: right; | ||
+ | } | ||
+ | .floatC | ||
+ | { | ||
+ | text-align: center; | ||
+ | margin: 0 auto; | ||
+ | float: none; | ||
+ | clear: both; | ||
+ | } | ||
+ | .blank | ||
+ | { | ||
+ | filter: Alpha(Opacity=0%); | ||
+ | -moz-opacity: 0; | ||
+ | opacity: 0; | ||
+ | } | ||
+ | .hidden | ||
+ | { | ||
+ | display: none; | ||
+ | } | ||
+ | .show | ||
+ | { | ||
+ | display: block; | ||
+ | } | ||
+ | .show-text | ||
+ | { | ||
+ | display: inline; | ||
+ | } | ||
+ | .button img | ||
+ | { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | ul.horizontal > li | ||
+ | { | ||
+ | display: block; | ||
+ | float: left; | ||
+ | clear: none; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | ul.vertical > li | ||
+ | { | ||
+ | display: block; | ||
+ | float: left; | ||
+ | clear: both; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | #search-controls | ||
+ | { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #footer-box | ||
+ | { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | </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 type="text/javascript"> | |
- | + | Cufon.replace('h3'); | |
- | + | ||
- | + | ||
- | + | </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 19: | Line 209: | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
- | + | //Hide (Collapse) the toggle containers on load | |
- | + | $(".acc_container").hide(); | |
- | + | //Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state) | |
- | + | $("h2.acc_trigger").click(function(){ | |
- | + | $(this).toggleClass("active").next().slideToggle("slow"); | |
- | + | ||
- | + | return false; //Prevent the browser jump to the link anchor | |
- | + | }); | |
}); | }); | ||
Line 33: | 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 53: | Line 247: | ||
<div class="wrapper"> | <div class="wrapper"> | ||
- | + | <div class="container"> | |
- | + | <div class="content"> | |
- | + | <div id="columnLeft"> | |
- | + | <div id="logo" style="margin-top: 0px; " onclick="movetotop()"> | |
- | + | <a><img src="https://static.igem.org/mediawiki/2012/1/12/Zju_logo.png"></a> | |
- | + | <!-- end #logo --></div> | |
- | + | <!-- end #columnLeft" --></div> | |
- | + | <div id="columnRight"> | |
- | + | <div id="header"> | |
- | + | <div id="menu"> | |
- | + | <ul id="menu"> | |
- | <li class="1"><a href=" | + | <li class="1"><a href="https://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> | ||
- | <li class="2"><a href="./aboutus.htm"><img src="http://www.jiajunlu.com/igem/aboutus_btn.gif"></a></li> | + | <li class="2"><a href="https://2012.igem.org/Team:ZJU-China/aboutus.htm"><img src="http://www.jiajunlu.com/igem/aboutus_btn.gif"></a></li> |
<li class="divline"></li> | <li class="divline"></li> | ||
- | <li class="3"><a href="./project.htm"><img src="http://www.jiajunlu.com/igem/project_btn.gif"></a></li> | + | <li class="3"><a href="https://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="./ | + | <li class="4"><a href="https://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="./notebook.htm"><img src="http://www.jiajunlu.com/igem/notebook_btn.gif"></a></li> | + | <li class="5"><a href="https://2012.igem.org/Team:ZJU-China/notebook.htm"><img src="http://www.jiajunlu.com/igem/notebook_btn.gif"></a></li> |
<li class="divline"></li> | <li class="divline"></li> | ||
- | <li class="6"><a href="./humanpractice.htm"><img src="http://www.jiajunlu.com/igem/humanpractice_btn.gif"></a></li> | + | <li class="6"><a href="https://2012.igem.org/Team:ZJU-China/humanpractice.htm"><img src="http://www.jiajunlu.com/igem/humanpractice_btn.gif"></a></li> |
<li class="divline"></li> | <li class="divline"></li> | ||
- | <li class="7"><a href="./safty.htm"><img src="http://www.jiajunlu.com/igem/safty_btn.gif"></a></li> | + | <li class="7"><a href="https://2012.igem.org/Team:ZJU-China/safty.htm"><img src="http://www.jiajunlu.com/igem/safty_btn.gif"></a></li> |
<li class="divline"></li> | <li class="divline"></li> | ||
- | <li class="8"><a href="./achievement.htm"><img src="http://www.jiajunlu.com/igem/achievement_btn.gif"></a></li> | + | <li class="8"><a href="https://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="https://2012.igem.org"><img src="http://www.jiajunlu.com/igem/Zju_igem_btn.gif"></a></li> | ||
+ | |||
</ul> | </ul> | ||
- | + | <!-- end #menu --></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="https://2012.igem.org/Team:ZJU-China/brainstorm1.htm" style="text-decoration:none">Controlled chemistry plant</a> | |
+ | <br> | ||
+ | <a target="brainFrame" href="https://2012.igem.org/Team:ZJU-China/brainstorm2.htm" style="text-decoration:none">Synchronized bacterial clock</a> | ||
+ | <br> | ||
+ | <a target="brainFrame" href="https://2012.igem.org/Team:ZJU-China/brainstorm3.htm" style="text-decoration:none">EPad</a> | ||
+ | </div><!-- end .projectNavFloat --> | ||
+ | <div class="projectNavFloat"> | ||
+ | <a target="brainFrame" href="https://2012.igem.org/Team:ZJU-China/brainstorm4.htm" style="text-decoration:none">Methane alarm</a> | ||
+ | <br> | ||
+ | <a target="brainFrame" href="https://2012.igem.org/Team:ZJU-China/brainstorm5.htm" style="text-decoration:none">Silkworm</a> | ||
+ | <br> | ||
+ | <a target="brainFrame" href="https://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="https://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="https://2012.igem.org/Team:ZJU-China/n_p_1.htm" style="text-decoration:none">1 Stock solutions</a> | ||
+ | <br> | ||
+ | <a target="proFrame" href="https://2012.igem.org/Team:ZJU-China/n_p_2.htm" style="text-decoration:none">2 Antibiotics</a> | ||
+ | <br> | ||
+ | <a target="proFrame" href="https://2012.igem.org/Team:ZJU-China/n_p_3.htm" style="text-decoration:none">3 Cell transformation</a> | ||
+ | <br> | ||
+ | <a target="proFrame" href="https://2012.igem.org/Team:ZJU-China/n_p_4.htm" style="text-decoration:none">4 Glycerol stock</a> | ||
+ | <br> | ||
+ | <a target="proFrame" href="https://2012.igem.org/Team:ZJU-China/n_p_5.htm" style="text-decoration:none">5 Miniprep</a> | ||
+ | <br> | ||
+ | <a target="proFrame" href="https://2012.igem.org/Team:ZJU-China/n_p_6.htm" style="text-decoration:none">6 DNA Agarose Gels</a> | ||
+ | <br> | ||
+ | <a target="proFrame" href="https://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="https://2012.igem.org/Team:ZJU-China/n_p_8.htm" style="text-decoration:none">8 PCR Purification</a> | ||
+ | <br> | ||
+ | <a target="proFrame" href="https://2012.igem.org/Team:ZJU-China/n_p_9.htm" style="text-decoration:none">9 Restriction Digest</a> | ||
+ | <br> | ||
+ | <a target="proFrame" href="https://2012.igem.org/Team:ZJU-China/n_p_10.htm" style="text-decoration:none">10 Gel Extraction</a> | ||
+ | <br> | ||
+ | <a target="proFrame" href="https://2012.igem.org/Team:ZJU-China/n_p_11.htm" style="text-decoration:none">11 Ligation</a> | ||
+ | <br> | ||
+ | <a target="proFrame" href="https://2012.igem.org/Team:ZJU-China/n_p_12.htm" style="text-decoration:none">12 Growth Curve</a> | ||
+ | <br> | ||
+ | <a target="proFrame" href="https://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 class="projectNav"> | ||
+ | <div class="projectNavFloat"> | ||
+ | <a target="labFrame" href="https://2012.igem.org/Team:ZJU-China/labnote1.htm" style="text-decoration:none">Week 1</a> | ||
+ | <br> | ||
+ | <a target="labFrame" href="https://2012.igem.org/Team:ZJU-China/labnote2.htm" style="text-decoration:none">Week 2</a> | ||
+ | <br> | ||
+ | <a target="labFrame" href="https://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="https://2012.igem.org/Team:ZJU-China/labnote4.htm" style="text-decoration:none">Week 4</a> | ||
+ | <br> | ||
+ | <a target="labFrame" href="https://2012.igem.org/Team:ZJU-China/labnote5.htm" style="text-decoration:none">Week 5</a> | ||
+ | <br> | ||
+ | <a target="labFrame" href="https://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="https://2012.igem.org/Team:ZJU-China/labnote7.htm" style="text-decoration:none">Week 7</a> | ||
+ | <br> | ||
+ | <a target="labFrame" href="https://2012.igem.org/Team:ZJU-China/labnote8.htm" style="text-decoration:none">Week 8</a> | ||
+ | <br> | ||
+ | <a target="labFrame" href="https://2012.igem.org/Team:ZJU-China/labnote9.htm" style="text-decoration:none">Week 9</a> | ||
+ | </div><!-- end .projectNavFloat --> | ||
+ | <div class="projectNavFloat"> | ||
+ | <a target="labFrame" href="https://2012.igem.org/Team:ZJU-China/labnote10.htm" style="text-decoration:none">Week 10</a> | ||
+ | <br> | ||
+ | <a target="labFrame" href="https://2012.igem.org/Team:ZJU-China/labnote11.htm" style="text-decoration:none">Week 11</a> | ||
+ | <br> | ||
+ | <a target="labFrame" href="https://2012.igem.org/Team:ZJU-China/labnote12.htm" style="text-decoration:none">Week 12</a> | ||
+ | <br> | ||
+ | </div><!-- end .projectNavFloat --> | ||
+ | <div class="projectNavFloat"> | ||
+ | <a target="labFrame" href="https://2012.igem.org/Team:ZJU-China/labnote13.htm" style="text-decoration:none">Week 13</a> | ||
+ | <br> | ||
+ | <a target="labFrame" href="https://2012.igem.org/Team:ZJU-China/labnote14.htm" style="text-decoration:none">Week 14</a> | ||
+ | <br> | ||
+ | </div><!-- end .projectNavFloat --> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
+ | <br class="clearfloat"> | ||
+ | </div><!-- end .projectNav --> | ||
+ | |||
+ | <iframe src="" frameborder="0" name="labFrame" width="100%" height="1000px"> </iframe> | ||
- | + | </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> | ||
+ | |||
+ | |||
+ | <!-- end .container --></div> | ||
+ | </div><!-- end .wrapper --> | ||
+ | <div><img src="https://static.igem.org/mediawiki/igem.org/d/d9/Zju_foot.png" width="100%"></div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<div id="footer"> | <div id="footer"> | ||
<div id="footerImg"> | <div id="footerImg"> | ||
Line 234: | Line 432: | ||
- | <!-- end #footer --></div> | + | <!-- end #footer --></div> |
- | + | <script type="text/javascript"> Cufon.now(); </script> | |
</body></html> | </body></html> |