Line 2: | Line 2: | ||
{{NYMU-Taipei-css}} | {{NYMU-Taipei-css}} | ||
− | <html | + | <html> |
− | + | ||
<head> | <head> | ||
− | + | ||
− | <style> | + | <style> |
body{ | body{ | ||
− | background-color:# | + | background-color:#f6ffb2; |
} | } | ||
− | + | /* Content of Notebook */ | |
+ | #Protocol{ | ||
width: 81%; | width: 81%; | ||
− | padding:2%; | + | padding: 2%; |
display:block; | display:block; | ||
float:right; | float:right; | ||
− | background-color:# | + | background-color:#f6ffb2; |
font-family:'Fresca',sans-serif; | font-family:'Fresca',sans-serif; | ||
font-size:20px; | font-size:20px; | ||
− | |||
} | } | ||
− | + | #Timeline{ | |
− | width: | + | width: 81%; |
+ | padding: 2%; | ||
display:block; | display:block; | ||
float:right; | float:right; | ||
− | background-color:# | + | background-color:#cee1ea; |
+ | font-family:'Fresca',sans-serif; | ||
+ | font-size:18px; | ||
+ | } | ||
+ | |||
+ | #Labnote{ | ||
+ | width: 81%; | ||
+ | padding:2%; | ||
+ | display:block; | ||
+ | float:right; | ||
+ | background-color:#ffeaea; | ||
font-family:'Fresca',sans-serif; | font-family:'Fresca',sans-serif; | ||
font-size:20px; | font-size:20px; | ||
− | + | padding-bottom:250px; | |
+ | } | ||
− | + | #Protocol h1 { | |
− | + | color: #424017; | |
− | color: # | + | font-size: 40px; |
− | font-size: | + | |
font-family: 'Acme', sans-serif; | font-family: 'Acme', sans-serif; | ||
} | } | ||
− | + | #Protocol h3 { | |
− | + | color: #205e1a; | |
− | color: # | + | font-size: 28px; |
− | font-size: | + | font-family: 'Francois One', sans-serif; |
+ | } | ||
+ | |||
+ | #Timeline h1{ | ||
+ | color: #1c3e4f; | ||
+ | font-size: 40px; | ||
font-family: 'Acme', sans-serif; | font-family: 'Acme', sans-serif; | ||
} | } | ||
− | + | #Labnote h1{ | |
− | + | color: #722525; | |
− | font-size: | + | font-size: 40px; |
− | + | font-family: 'Acme', sans-serif; | |
} | } | ||
− | + | ||
/* Show & hide */ | /* Show & hide */ | ||
.expandable { | .expandable { | ||
Line 72: | Line 87: | ||
padding:15px; | padding:15px; | ||
padding-top:20px; | padding-top:20px; | ||
+ | |||
} | } | ||
+ | |||
/* IF THE SCREEN IS LESS THAN 800PX */ | /* IF THE SCREEN IS LESS THAN 800PX */ | ||
@media only screen and (max-width: 800px) { | @media only screen and (max-width: 800px) { | ||
.igem_2017_footer_wrapper {width:100%; margin-left:0px;} | .igem_2017_footer_wrapper {width:100%; margin-left:0px;} | ||
− | #Protocol {width:96%; margin-left: | + | #Protocol {width:96%; margin-left:50px;} |
− | #Timeline {width:96%; margin-left: | + | #Timeline {width:96%; margin-left:50px;} |
− | #Labnote {width:96%; margin-left: | + | #Labnote {width:96%; margin-left:50px;} |
} | } | ||
− | + | </style> | |
− | + | ||
− | + | <script> | |
function toggleHeight1(e, maxHeight) { | function toggleHeight1(e, maxHeight) { | ||
e = document.getElementById("s1"); // e = the gray div | e = document.getElementById("s1"); // e = the gray div | ||
− | if(e.style.height != ' | + | if(e.style.height != '24px') { |
− | e.style.height = ' | + | e.style.height = '24px'; // height of one line: 20px |
} else { | } else { | ||
e.style.height = maxHeight + 'px'; | e.style.height = maxHeight + 'px'; | ||
Line 97: | Line 114: | ||
e = document.getElementById("s2"); // e = the gray div | e = document.getElementById("s2"); // e = the gray div | ||
− | if(e.style.height != ' | + | if(e.style.height != '24px') { |
− | e.style.height = ' | + | e.style.height = '24px'; // height of one line: 20px |
} else { | } else { | ||
e.style.height = maxHeight + 'px'; | e.style.height = maxHeight + 'px'; | ||
Line 107: | Line 124: | ||
e = document.getElementById("s3"); // e = the gray div | e = document.getElementById("s3"); // e = the gray div | ||
− | if(e.style.height != ' | + | if(e.style.height != '24px') { |
− | e.style.height = ' | + | e.style.height = '24px'; // height of one line: 20px |
} else { | } else { | ||
e.style.height = maxHeight + 'px'; | e.style.height = maxHeight + 'px'; | ||
Line 117: | Line 134: | ||
e = document.getElementById("s4"); // e = the gray div | e = document.getElementById("s4"); // e = the gray div | ||
− | if(e.style.height != ' | + | if(e.style.height != '24px') { |
− | e.style.height = ' | + | e.style.height = '24px'; // height of one line: 20px |
} else { | } else { | ||
e.style.height = maxHeight + 'px'; | e.style.height = maxHeight + 'px'; | ||
Line 127: | Line 144: | ||
e = document.getElementById("s5"); // e = the gray div | e = document.getElementById("s5"); // e = the gray div | ||
− | if(e.style.height != ' | + | if(e.style.height != '24px') { |
− | e.style.height = ' | + | e.style.height = '24px'; // height of one line: 20px |
} else { | } else { | ||
e.style.height = maxHeight + 'px'; | e.style.height = maxHeight + 'px'; | ||
} | } | ||
} | } | ||
− | + | </script> | |
− | + | ||
</head> | </head> | ||
− | |||
<body> | <body> | ||
− | <div | + | <div id="Protocol" > |
− | + | <center> | |
+ | <h3></h3> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/f/f9/T--NYMU-Taipei--notebook.jpg" | ||
+ | style="width:50%;border-radius:50%;border:5px solid #f6ffb2;"> | ||
+ | </center> | ||
+ | <h3></h3> | ||
+ | <h3></h3> | ||
+ | <h1>Protocol</h1> | ||
+ | <h3></h3> | ||
+ | <h3>NrtA expression</h3> | ||
+ | <p><a herf="">Download the file</a></p> | ||
+ | <h3>Suicide gene expression</h3> | ||
+ | <p><a herf="">Download the file</a></p> | ||
+ | <h3>OD measurement</h3> | ||
+ | <p><a herf="">Download the file</a></p> | ||
</div> | </div> | ||
− | <div | + | <div id="Timeline" > |
− | + | <h1>Timeline</h1> | |
+ | <p></p> | ||
+ | |||
<div class='panel'> | <div class='panel'> | ||
− | <div id="s1" class="expandable" style='height: | + | <div id="s1" class="expandable" style='height: 24px;'> |
− | <a href="#!" onclick="toggleHeight1(this, | + | <a href="#!" onclick="toggleHeight1(this, 220); return false" |
− | style="font-family:'Acme', sans-serif;font-size: | + | style="font-family: 'Acme', sans-serif;font-size:28px;color: #479fcc;height: 20px;"> |
− | + | June, 2017 | |
</a> | </a> | ||
− | <p> | + | <p> |
− | + | <b>2017-06-19</b> prepare stock1 and stock5<br> | |
− | + | <b>2017-06-20</b> (1) reprepare stock5<br> | |
− | + | (2) prepare BG11 medium<br> | |
+ | (3) unfreeze <i>Synechocystis</i> sp. PCC6803 and start to cultivate in BG11<br> | ||
+ | <b>2017-06-29</b> (1) prepare Pseudomonas aeruginosa growing medium<br> | ||
+ | (2) activate Pseudomonas aeruginosa and start to cultivate in Petri dish<br> | ||
+ | (3) subculture <i>Synechocystis</i> sp. PCC6803 | ||
+ | </p> | ||
</div> | </div> | ||
</div> | </div> | ||
− | + | ||
<div class='panel'> | <div class='panel'> | ||
− | <div id="s2" class="expandable" style='height: | + | <div id="s2" class="expandable" style='height: 24px;'> |
− | <a href="#!" onclick="toggleHeight2(this, | + | <a href="#!" onclick="toggleHeight2(this, 1440); return false" |
− | style="font-family:'Acme', sans-serif;font-size: | + | style="font-family: 'Acme', sans-serif;font-size:28px;color: #479fcc;height: 20px;"> |
− | + | July, 2017 | |
</a> | </a> | ||
− | <p> | + | <p> |
− | + | <b>2017-07-02</b> extract <i>Pseudomonas aeruginosa</i> plasmid and freeze into refrigerator<br> | |
− | + | <b>2017-07-03</b> proliferate <i>Pseudomonas aeruginosa</i> and freeze into refrigerator<br> | |
− | + | <b>2017-07-04</b> (1) prepare BG11 medium<br> | |
− | + | (2) proliferate <i>Chlorella vulgaris</i> in Petri dish and centrifuge tube<br> | |
− | </ | + | <b>2017-07-05 to 07-10</b> cultivate <i>Synechocystis</i> sp. PCC6803 and <i>Chlorella vulgaris</i> in incubator<br> |
+ | <b>2017-07-11</b> (1) extract <i>Synechocystis</i> sp. PCC6803 plasmid<br> | ||
+ | (2) prepare LB containing ampicillin and chloramphenicol and prepare Petri dish<br> | ||
+ | <b>2017-07-12</b> transform BBa_K112806, BBa_K737007, BBa_K112000, BBa_J04450, BBa_K1356003, BBa_K1356004, and BBa_K356005 into competent cell<br> | ||
+ | <b>2017-07-13</b> (1) proliferate 07-12 transformed E.coli<br> | ||
+ | (2) proliferate <i>Chlorella vulgaris</i><br> | ||
+ | (3) proliferate <i>Synechocystis</i> sp. PCC6803<br> | ||
+ | (4) activate <i>Synechococcus elongatus</i> PCC7942<br> | ||
+ | <b>2017-07-14</b> (1)extract 07-13 proliferated E.coli plasmid<br> | ||
+ | (2) digestion: BBa_K112806, BBa_K737007, BBa_K112000, BBa_J04450, BBa_K1356003, BBa_K1356004, and BBa_K1356005<br> | ||
+ | (check the correction of transformed E.coli)<br> | ||
+ | <b>2017-07-17</b> (1) digestion again: BBa_K1356005, BBa_K112806, and BBa_K112000<br> | ||
+ | (2) retransform BBa_K112806 and BBa_K112000<br> | ||
+ | <b>2017-07-18</b> (1) proliferate BBa_K112806 transformed E.coli (BBa_K112000 failed)<br> | ||
+ | (2) subculture <i>Synechococcus elongatus</i> PCC7942<br> | ||
+ | (3) cultivate <i>Synechocystis</i> sp. PCC6803 in BG11<br> | ||
+ | <b>2017-07-19</b> (1) extract 07-18 BBa_K112806 transformed E.coli plasmid<br> | ||
+ | (2) digestion check<br> | ||
+ | (3) save BBa_K112806 transformed E.coli<br> | ||
+ | (4) save 07-18 <i>Synechocystis</i> sp. PCC6803<br> | ||
+ | <b>2017-07-20</b> (1) activate Rhizobium etli in PY medium<br> | ||
+ | (2) dilute primer 001~008<br> | ||
+ | (3) run NrtA and terminator PCR (failed)<br> | ||
+ | <b>2017-07-21 to 07-23</b> cultivate <i>Chlorella vulgaris</i> again for measuring growth curve<br> | ||
+ | <b>2017-07-24</b> (1) prepare <i>Rhizobium etli</i> liquid culture<br> | ||
+ | (2) activate <i>Synechococcus elongatus</i> PCC7942<br> | ||
+ | <b>2017-07-25</b> (1) extract <i>Synechocystis</i> sp. PCC6803 genomic DNA<br> | ||
+ | (2) run NrtA PCR<br> | ||
+ | <b>2017-07-26</b> (1) extract <i>Rhizobium etli</i> genomic DNA<br> | ||
+ | (2) run NrtA and terminator PCR<br> | ||
+ | (3) run NrtA+ terminator fusion PCR (failed)<br> | ||
+ | <b>2017-07-27</b> (1) run NrtA+ terminator fusion PCR again<br> | ||
+ | (2) purify the successful fusion product <br> | ||
+ | (3) digestion check<br> | ||
+ | <b>2017-07-28</b> run the whole NrtA cloning procedure again, using KOD polymerase<br> | ||
+ | (1) run NrtA and terminator PCR<br> | ||
+ | (2) digestion check NrtA and terminator and purify the PCR product<br> | ||
+ | (3) run NrtA and terminator fusion PCR<br> | ||
+ | (4) digestion check and purify the fusion PCR product (failed)<br> | ||
+ | <b>2017-07-29</b> (1) run NrtA and terminator fusion PCR again<br> | ||
+ | (2) digestion check and purify the fusion PCR product<br> | ||
+ | (3) ligation: backbone(psb1C3) and promoter, RBS, NrtA, and terminator<br> | ||
+ | (4) transformation in to E.coli<br> | ||
+ | <b>2017-07-30</b> cultivate the transformed E.coli in liquid culture<br> | ||
+ | <b>2017-07-31</b> (1) extract 07-30 transformed E.coli plasmid<br> | ||
+ | (2) restriction enzyme check (failed)<br> | ||
+ | </p> | ||
</div> | </div> | ||
</div> | </div> | ||
<div class='panel'> | <div class='panel'> | ||
− | <div id="s3" class="expandable" style='height: | + | <div id="s3" class="expandable" style='height: 24px;'> |
− | <a href="#!" onclick="toggleHeight3(this, | + | <a href="#!" onclick="toggleHeight3(this, 240); return false" |
− | style="font-family:'Acme', sans-serif;font-size: | + | style="font-family: 'Acme', sans-serif;font-size:28px;color: #479fcc;height: 20px;"> |
− | + | Augest, 2017 | |
</a> | </a> | ||
− | < | + | <p> |
− | + | <b>2017-06-19</b> prepare stock1 and stock5<br> | |
− | + | </p> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
</div> | </div> | ||
<div class='panel'> | <div class='panel'> | ||
− | <div id="s4" class="expandable" style='height: | + | <div id="s4" class="expandable" style='height: 24px;'> |
− | <a href="#!" onclick="toggleHeight4(this, | + | <a href="#!" onclick="toggleHeight4(this, 240); return false" |
− | style="font-family:'Acme', sans-serif;font-size: | + | style="font-family: 'Acme', sans-serif;font-size:28px;color: #479fcc;height: 20px;"> |
− | + | September, 2017 | |
</a> | </a> | ||
− | < | + | <p> |
− | + | <b>2017-06-19</b> prepare stock1 and stock5<br> | |
+ | </p> | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | <div class='panel'> | ||
+ | <div id="s5" class="expandable" style='height: 24px;'> | ||
+ | <a href="#!" onclick="toggleHeight5(this, 240); return false" | ||
+ | style="font-family: 'Acme', sans-serif;font-size:28px;color: #479fcc;height: 20px;"> | ||
+ | October, 2017 | ||
+ | </a> | ||
+ | <p> | ||
+ | <b>2017-06-19</b> prepare stock1 and stock5<br> | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <div id="Labnote"> | ||
+ | <h1>Labnote</h1> | ||
+ | <p></p> | ||
+ | <a herf="https://static.igem.org/mediawiki/2017/7/7d/T--NYMU-Taipei--Labnote001.pdf">Download the file</a> | ||
+ | <p></p> | ||
+ | <embed src="https://static.igem.org/mediawiki/2017/7/7d/T--NYMU-Taipei--Labnote001.pdf" style="width:80%;height:500px;padding-left:10%"> | ||
</div> | </div> | ||
</body> | </body> | ||
− | + | ||
</html> | </html> |
Revision as of 06:15, 17 September 2017