(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | {{NTHU_Formosa}} | + | {{NTHU_Formosa}} {{NTHU_Formosa/NavBar}} |
<html> | <html> | ||
+ | <head> | ||
+ | <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> | ||
+ | <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato"> | ||
+ | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | ||
+ | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/CSS&action=raw&ctype=text/css"> | ||
+ | <style> | ||
+ | /* unvisited link */ | ||
+ | a { | ||
+ | color: #0645AD; | ||
+ | } | ||
− | + | /* visited link */ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | a:visited { | ||
+ | color: green; | ||
+ | } | ||
− | + | /* mouse over link */ | |
+ | a:hover { | ||
+ | color: hotpink; | ||
+ | cursor: pointer; | ||
+ | } | ||
− | + | /* selected link */ | |
− | + | ||
− | < | + | a:active { |
− | + | color: blue; | |
− | </ | + | } |
+ | </style> | ||
+ | </head> | ||
− | < | + | <!-- Main Section --> |
− | <p> | + | <div class="w3-container w3-pale-blue w3-padding-64 w3-center"> |
− | + | <div class="w3-content"> | |
− | </ | + | <p class="w3-center" style="font-size:60px;">Team Collaboration</p> |
+ | <br><br> | ||
+ | <p class="w3-center"> We had several meetings with 2018 iGEM team NTHU_Taiwan since August 3rd to troubleshoot their problem on making constructs. | ||
+ | <br><br> | ||
+ | Earlier before the meeting, NTHU_Taiwan designed the gene of insert for their experiment. After getting the synthesized gene part from IDT and digesting both the inserts and the vectors, they proceeded to ligation, which failed after times they tried. <br><br> | ||
+ | |||
+ | During the discussion, the design of the gene, cutting site and many other aspects are checked by us and appeared to be just fine. Later we concluded that the failing of ligation is due to low concentration of the inserts left following digestion and purification.<br><br> | ||
+ | |||
+ | To avoid the digestion and purification steps, which caused the loss of their inserts, we re-designed primers for them and suggested NEBuilder Assembly kit for ligation. The kit requires lower DNA input and can save time by avoiding PCR amplification steps. Gladly, team NTHU_Taiwan successfully made all three constructs they needed-- pSB1C3 - AHL snesor - Anti – STAR, pSB1C3 - pLac – STAR, pSB1C3 - pLux – GFP—following our instructions.2018.08.03</p> | ||
+ | <br><br> | ||
+ | </div> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | < | + | <div class="w3-container w3-pale-blue w3-padding-64 w3-center"> |
− | + | <div class="w3-content"> | |
− | </p> | + | <p class="w3-center" style="font-size:40px;">Wiki Page</p> |
+ | |||
+ | <p class="w3-center" style="font-size:20px;">Since building wiki pages is unfamiliar to our team, on August 24th , team NCTU_Formosa gave us a tutorial about html.</p><br> | ||
+ | |||
+ | <img class="w3-round-large" src="https://static.igem.org/mediawiki/2018/f/fe/T--NTHU_Formosa--NCTU01.jpg" align=left style="width:55%;margin:20px 20px;box-shadow:3px 3px 12px gray;";> | ||
+ | |||
+ | <p class="w3-justify" style="font-size:20px;">During the tutorial, we learned:</p> | ||
+ | <p class="w3-justify" style="font-size:15px;">1.Basic tags and elements for html</p> | ||
+ | <p class="w3-justify" style="font-size:15px;">2.Image scale and website format adjustment</p> | ||
+ | <p class="w3-justify" style="font-size:15px;">3.Styling html with CSS and JavaScript</p> | ||
+ | <p class="w3-justify" style="font-size:15px;">4.Conversion of websites in PC and mobile version</p><br> | ||
+ | |||
+ | <br><br><br><br> | ||
+ | |||
+ | <p class="w3-center" style="font-size:20px;">Thanks to NCTU_Formosa’s guidance, discussion and their generosity to assist our problems through messeges after the meetup, the wiki page we expected can be built successfully by a team composing of biology background. We both learned a lot from each other.</p><br> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | < | + | |
− | < | + | |
− | < | + | |
− | + | ||
− | < | + | |
− | < | + | |
− | < | + | |
− | < | + | |
− | </ | + | |
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!-- Trigger/Open The Modal --> | ||
+ | <!-- <a id="myLink"><u>Open Modal</u></a> --> | ||
+ | |||
+ | <!-- The Modal Box--> | ||
+ | <div id="myModal" class="modal"> | ||
+ | <!-- Modal content --> | ||
+ | <div class="modal-content"> | ||
+ | <span class="close">×</span> | ||
+ | <p>Description text in the box. Image can also be included</p> | ||
+ | </div> | ||
</div> | </div> | ||
+ | <!-- Modal script, DO NOT MODIFY!!! --> | ||
+ | <script> | ||
+ | // Get the modal | ||
+ | var modal = document.getElementById('myModal'); | ||
+ | // Get the hyperlink | ||
+ | var link = document.getElementById("myLink"); | ||
+ | // // When the user clicks the hyperlink, open the modal | ||
+ | link.onclick = function() { | ||
+ | modal.style.display = "block"; | ||
+ | } | ||
+ | // Get the <span> element that closes the modal | ||
+ | var span = document.getElementsByClassName("close")[0]; | ||
+ | // When the user clicks on <span> (x), close the modal | ||
+ | span.onclick = function() { | ||
+ | modal.style.display = "none"; | ||
+ | } | ||
+ | |||
+ | // When the user clicks anywhere outside of the modal, close it | ||
+ | window.onclick = function(event) { | ||
+ | if (event.target == modal) { | ||
+ | modal.style.display = "none"; | ||
+ | } | ||
+ | } | ||
+ | </script> | ||
</html> | </html> |
Revision as of 10:52, 2 October 2018
Team Collaboration
We had several meetings with 2018 iGEM team NTHU_Taiwan since August 3rd to troubleshoot their problem on making constructs.
Earlier before the meeting, NTHU_Taiwan designed the gene of insert for their experiment. After getting the synthesized gene part from IDT and digesting both the inserts and the vectors, they proceeded to ligation, which failed after times they tried.
During the discussion, the design of the gene, cutting site and many other aspects are checked by us and appeared to be just fine. Later we concluded that the failing of ligation is due to low concentration of the inserts left following digestion and purification.
To avoid the digestion and purification steps, which caused the loss of their inserts, we re-designed primers for them and suggested NEBuilder Assembly kit for ligation. The kit requires lower DNA input and can save time by avoiding PCR amplification steps. Gladly, team NTHU_Taiwan successfully made all three constructs they needed-- pSB1C3 - AHL snesor - Anti – STAR, pSB1C3 - pLac – STAR, pSB1C3 - pLux – GFP—following our instructions.2018.08.03
Wiki Page
Since building wiki pages is unfamiliar to our team, on August 24th , team NCTU_Formosa gave us a tutorial about html.
During the tutorial, we learned:
1.Basic tags and elements for html
2.Image scale and website format adjustment
3.Styling html with CSS and JavaScript
4.Conversion of websites in PC and mobile version
Thanks to NCTU_Formosa’s guidance, discussion and their generosity to assist our problems through messeges after the meetup, the wiki page we expected can be built successfully by a team composing of biology background. We both learned a lot from each other.