|
|
(120 intermediate revisions by 8 users not shown) |
Line 1: |
Line 1: |
− | {{NTHU_Formosa}} | + | {{NTHU_Formosa}} {{NTHU_Formosa/membernavbar}} |
| <html> | | <html> |
| | | |
| + | <head> |
| | | |
| + | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/initial&action=raw&ctype=text/css"> |
| + | <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato"> |
| + | <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.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"> |
| + | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/CSS2&action=raw&ctype=text/css"> |
| + | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/CSS3&action=raw&ctype=text/css"> |
| | | |
− | <div class="column full_size judges-will-not-evaluate"> | + | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/font-awesome&action=raw&ctype=text/css" /> |
− | <h3>★ ALERT! </h3>
| + | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/Lato&action=raw&ctype=text/css" /> |
− | <p>This page is used by the judges to evaluate your team for the <a href="https://2018.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2018.igem.org/Judging/Awards"> award listed below</a>. </p>
| + | |
− | <p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2018.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p> | + | |
− | </div>
| + | |
| | | |
| + | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/Collaborations&action=raw&ctype=text/css" /> |
| + | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/wordcss0&action=raw&ctype=text/css"> |
| + | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/wordcss&action=raw&ctype=text/css"> |
| + | <style> |
| + | /* unvisited link */ |
| | | |
− | <div class="clear"></div>
| + | a { |
| + | color: #0645AD; |
| + | } |
| | | |
| + | /* visited link */ |
| | | |
− | <div class="column full_size">
| + | a:visited { |
− | <h1>Collaborations</h1>
| + | color: green; |
| + | } |
| | | |
− | <p>
| + | /* mouse over link */ |
− | Sharing and collaboration are core values of iGEM. We encourage you to reach out and work with other teams on difficult problems that you can more easily solve together.
| + | |
− | </p>
| + | |
| | | |
− | <h3>Silver Medal Criterion #2</h3>
| + | a:hover { |
− | <p>
| + | color: hotpink; |
− | Complete this page if you intend to compete for the silver medal criterion #2 on collaboration. Please see the <a href="https://2018.igem.org/Judging/Medals">2018 Medals Page</a> for more information.
| + | cursor: pointer; |
− | </p>
| + | } |
− | </div>
| + | |
| | | |
− | <div class="column two_thirds_size">
| |
| | | |
− | <h4> Which other teams can we work with? </h4>
| |
− | <p>
| |
− | You can work with any other team in the competition, including software, hardware, high school and other tracks. You can also work with non-iGEM research groups, but they do not count towards the iGEM team collaboration silver medal criterion.
| |
− | </p>
| |
| | | |
− | <p>
| + | /* selected link */ |
− | In order to meet the silver medal criteria on helping another team, you must complete this page and detail the nature of your collaboration with another iGEM team.
| + | |
− | </p>
| + | |
| | | |
− | </div> | + | a:active { |
| + | color: blue; |
| + | } |
| + | </style> |
| + | </head> |
| | | |
| + | <!-- Main Section --> |
| | | |
| + | <br> |
| + | <br> |
| | | |
− | <div class="column third_size">
| |
− | <p>
| |
− | Here are some suggestions for projects you could work on with other teams:
| |
− | </p>
| |
| | | |
− | <ul> | + | <body> |
− | <li> Improve the function of another team's BioBrick Part or Device</li> | + | |
− | <li> Characterize another team's part </li> | + | |
− | <li> Debug a construct </li> | + | |
− | <li> Model or simulate another team's system </li> | + | |
− | <li> Test another team's software</li> | + | |
− | <li> Help build and test another team's hardware project</li> | + | |
− | <li> Mentor a high-school team</li> | + | <section class="strips"> |
− | </ul> | + | <article class="strips__strip"> |
| + | <div class="strip__content"> |
| + | |
| + | <h2 class="strip__title" data-name="Lorem"><p class="w3-center" style="font-size:40px;">Collaboration with NTHU_Taiwan</p></h2> |
| + | <div class="strip__inner-text"> |
| + | <div class="w3-container w3-padding-64 w3-center"> |
| + | <div class="w3-content"> |
| + | <p class="w3-center" |
| + | <br> |
| + | <br> |
| + | <br> |
| + | <p class="w3-center" style="font-size: 40px; font-family:Quicksand;"><b>Collaboration with <a href="https://2018.igem.org/Team:NTHU_Taiwan/Collaborations">NTHU_Taiwan</a></b></p> |
| + | |
| + | <br> |
| + | <br> |
| + | |
| + | |
| + | <br> |
| + | <br> |
| + | |
| + | <p class="w3-justify" style="font-size:22px;"> As a team composed of members from biology background, we gladly offer help and troubleshoot the problem on making constructs for team <a href="https://2018.igem.org/Team:NTHU_Taiwan/Collaborations">NTHU_Taiwan</a>, being insufficient with members from biology department. Since August 3rd, we had several meetings with 2018 iGEM team NTHU_Taiwan. |
| + | <br> |
| + | <p class="w3-justify" style="font-size:22px; font-family:Quicksand;"> 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> We went through details from their design of the gene, cutting site and protocols. Later we concluded that the major reason for failing to make the constructs is due to low concentration of the inserts left following digestion and purification. |
| + | <br> |
| + | <br> We re-designed primers for NTHU_Taiwan and suggested NEBuilder Assembly kit, so that they can avoid the loss of their inserts while digesting and purifying the DNA. The kit requires lower DNA input and can save time by avoiding PCR amplification |
| + | steps. |
| + | <br> |
| + | <br> A few weeks later, we were informed that NTHU_Taiwan still failed to make the constructs. Therefore, we provided our lab for their experiments and kept an eye on them through out their experiments to make sure that there’s no man-made technical |
| + | false. |
| + | <br> |
| + | <br> Gladly, after several meetup with us and our assistance in lab, team NTHU_Taiwan successfully made all three constructs they needed-- pSB1C3 - AHL snesor - Anti – STAR, pSB1C3 - pLac – STAR, pSB1C3 - pLux – GFP. It was very pleasant experience |
| + | to work with NTHU_Taiwan. |
| + | <br> |
| + | <br> Since we urge to seek help in building wiki page, in return, NTHU_Taiwan also give us host a meeting with us teaching coding and giving us tips that help making wiki page easier for us. We took the wiki pages designed by previous teams as examples to learn and practiced basic coding skills(Fig. 1).</p> |
| + | <br> |
| + | <p align="center"> <img class="w3-round-large" src="https://static.igem.org/mediawiki/2018/5/51/T--NTHU_Formosa--WIKI03.png " style="width:60%;box-shadow:3px 3px 12px gray;" ;></p> |
| + | <p class="w3-center" style="font-size: 20px; font-family:Quicksand;"><b>Fig. 1. NTHU_Taiwan helped us making wiki page.</b></font></p> |
| + | |
| + | <br> |
| + | |
| + | <p align=left><img class="w3-round-large" src="https://static.igem.org/mediawiki/2018/9/9f/T--NTHU_Formosa--%E6%B8%85%E5%A4%A7%E5%AF%A6%E9%A9%97.png" style="width:45%;margin:20px 20px;box-shadow:3px 3px 12px gray;" ; align=right><img class="w3-round-large" src="https://static.igem.org/mediawiki/2018/2/2f/T--NTHU_Formosa--%E6%B8%85%E5%A4%A7%E5%AF%A6%E9%A9%9702.png" style="width:45%;margin:20px 20px;box-shadow:3px 3px 12px gray;" ;></p> |
| + | |
| + | |
| + | |
| + | <p class="w3-center" style="font-size: 20px; font-family:Quicksand;"><b>Fig. 2 & 3. NTHU_Taiwan validating construct used in our experiment.</b></font></p> |
| + | |
| + | <img class="w3-round-large" src="https://static.igem.org/mediawiki/2018/d/d5/T--NTHU_Formosa--%E6%93%B7%E5%8F%962.png" align="center"style="width:55%;margin:20px 20px;box-shadow:3px 3px 12px gray;" ;> |
| + | <br> |
| + | <p class="w3-center" style="font-size: 20px; font-family:Quicksand;"><b>Fig. 4. Constructs from the left to right: pCAG-GBP, pTRE3G-LuxAB, pCMV-LuxCDEfrp and pTRE3G-mCherry. The size of the bands is correct. </b></p> |
| + | |
| + | <br> |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | </p> |
| + | <br> |
| + | <br> |
| + | |
| + | |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </article> |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | <article class="strips__strip"> |
| + | <div class="strip__content"> |
| + | <h2 class="strip__title" data-name="Ipsum"><p class="w3-center" style="font-size:40px;">Collaboration with NCTU_Formosa</p></h2> |
| + | |
| + | <div class="strip__inner-text"> |
| + | <div class="w3-container w3-padding-64 w3-center"> |
| + | <div class="w3-content"> |
| + | <p class="w3-center" |
| + | <br> <br> |
| + | <br> |
| + | <br> |
| + | <p class="w3-center" style="font-size: 45px; font-family:Quicksand;"><b>Collaboration with <a href="https://2018.igem.org/Team:NCTU_Formosa/Collaborations">NCTU_Formosa</a></b></p> |
| + | |
| + | <br> |
| + | <br> |
| + | <p class="w3-justify" style="font-size:22px;padding-left:15px;padding-right:15px;"> Since we are a fairly new iGEM team, we are not familiar with the details about iGEM competition. Therefore we turned to NCTU_Formosa, who hosted this meetup on Aug 24th, during which we took turns presented our project, gave each other feedbacks |
| + | and suggestions. <a href="https://2018.igem.org/Team:NCTU_Formosa/Collaborations">NCTU_Formosa</a> is especially very helpful on our wiki page. As almost all of our team members are in biology background, building wiki page is truly a huge challenge for us. In this meeting, NCTU_Formosa spent a lot of time teaching and troubleshooting our problem on building wiki pages (Fig. 1), for which they prepared a 2-hour-course containing content list below. This is truly a very successful and helpful collaboration. After the meetup, NCTU_Formosa stayed in contac with us by messenger to further assist us with constructing wiki page. |
| + | </p> |
| + | <br> |
| + | |
| + | <p class="w3-justify" style="font-size:22px;padding-left:15px;padding-right:15px;">Team NCTU_Formosa gave us a tutorial about html. During the tutorial, we learned: |
| + | |
| + | <br> |
| + | <p class="w3-justify" style="font-size:22px;padding-left:15px;padding-right:15px;"> |
| + | 1. Basic tags and elements for html |
| + | <br> 2. Image scale and website format adjustment |
| + | <br> 3. Styling html with CSS and JavaScript |
| + | <br> 4. Conversion of websites in PC and mobile version</p> |
| + | |
| + | <img class="w3-round-large" src="https://static.igem.org/mediawiki/2018/2/25/T--NTHU_Formosa--%E4%BA%A4%E5%A4%A702.jpg" align="center" style="width:60%;margin:20px 20px 20px 20px;box-shadow:3px 3px 12px gray;" ;> |
| + | <p class="w3-center" style="font-size: 20px; font-family:Quicksand;"><b>Fig. 1. NCTU_Formosa taught us building wiki pages.</b></font></p> |
| + | <br> |
| + | <br> |
| + | <p class="w3-justify" style="font-size:22px;padding-left:15px;padding-right:15px;">Thanks to NCTU_Formosa’s guide, discussion and their generosity to assist our problems through messages after the meetup. We both learned a lot from each other. </p> |
| + | |
| + | <img class="w3-round-large" src="https://static.igem.org/mediawiki/2018/1/10/T--NTHU_Formosa--NCTU_wiki.png" align=center style="width:60%;margin:20px 20px;box-shadow:3px 3px 12px gray;" ;> |
| + | <p class="w3-center" style="font-size: 20px; font-family:Quicksand;"><b>Fig. 2. Members of NCTU_Formosa and NTHU_Formosa.</b></font></p> |
| + | <br><br><br><br> |
| + | |
| + | <p class="w3-justify" style="font-size:22px;padding-left:15px;padding-right:15px;"> Since NCTU_Formosa is very interested in our project and we both would like to enhance our collaboration, we validated each other’s parts using in the experiments. NCTU-Formosa validated the DNA constructs we expressed in 293T cells in our experiments (Fig. 3).</p> |
| + | <br> |
| + | |
| + | |
| + | <img class="w3-round-large" src="https://static.igem.org/mediawiki/2018/5/53/T--NTHU_Formosa--NCTU_Collaboration_.jpg" align="center" style="width:60%;margin:20px 20px 20px 20px;box-shadow:3px 3px 12px gray;" ;> |
| + | <p class="w3-center" style="font-size: 20px; font-family:Quicksand;"><b>Fig. 3. NCTU_Formosa running gel electrophoresis for us to validate our constructs.</b></font></p> |
| + | <br> |
| + | <br> |
| + | <p class="w3-justify" style="font-size:22px;padding-left:15px;padding-right:15px;">Constructs from the left to right: pCAG-GBP, pTRE3G-LuxAB, pCMV-LuxCDEfrp and pTRE3G-mCherry. The size of the bands is correct(Fig.4). </p> |
| + | |
| + | <img class="w3-round-large" src="https://static.igem.org/mediawiki/2018/7/78/T--NTHU_Formosa--COLLA.png" align="cente"r style="width:55%;margin:20px 20px 20px 20px;box-shadow:3px 3px 12px gray;" ;> |
| + | <p class="w3-center" style="font-size: 20px; font-family:Quicksand;"><b>Fig. 4. The size of the bands is correct for all samples using digestion check.</b></font></p> |
| + | <br><br><br> |
| + | |
| + | <p class="w3-justify" style="font-size:22px;padding-left:15px;padding-right:15px;"><br><br> |
| + | |
| + | We also validated the protein, bacteriocin, for NCTU_Formosa(Fig. 5). |
| + | <br>M: marker |
| + | <br>C: control |
| + | <br>E1: enterocin B (35.5kDa) |
| + | <br>E2: enterocin 96 (35.9kDa) |
| + | <br>Enterocin B and Enterocin 96 are bacteriocin produced by bacteria that can regulate the growth of specific strain. The results showed that both protein are correct(Fig. 6).</p> |
| + | <br> |
| + | <br> |
| + | |
| + | <img class="w3-round-large" src="https://static.igem.org/mediawiki/2018/3/3f/T--NTHU_Formosa--NCTU_Collaboration-2_.jpg" align="center" style="width:50%;margin:20px 20px 20px 20px;box-shadow:3px 3px 12px gray;" ;> |
| + | <p class="w3-center" style="font-size: 20px; font-family:Quicksand;"><b>Fig. 5. We ran the SDS-PAGE for NCTU_Formosa to validate their protein.</b></font></p> |
| + | <img class="w3-round-large" src="https://static.igem.org/mediawiki/2018/1/11/T--NTHU_Formosa--bacteriacin.png" align="center" style="width:45%;margin:20px 20px 20px 20px;box-shadow:3px 3px 12px gray;" ;> |
| + | <p class="w3-center" style="font-size: 20px; font-family:Quicksand;"><b>Fig. 6. The result of the samples are correct.</b></font></p> |
| + | |
| + | |
| + | |
| + | |
| + | <br> |
| + | <br> |
| + | <br> |
| + | |
| + | |
| + | <br> |
| + | <br> |
| + | <br> |
| + | |
| + | |
| + | <p class="w3-center" style="font-size:20px;"></p> |
| + | <br> |
| + | |
| + | |
| + | |
| + | |
| + | </div> |
| + | </div> |
| + | </article> |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | <i class="fa fa-close strip__close"></i> |
| + | </section> |
| + | |
| + | <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/JavascriptHP&action=raw&ctype=text/javascript"></script> |
| + | |
| + | |
| + | |
| + | <script type="text/javascript"> |
| + | var Expand = (function() { |
| + | var tile = $('.strips__strip'); |
| + | var tileLink = $('.strips__strip > .strip__content'); |
| + | var tileText = tileLink.find('.strip__inner-text'); |
| + | var stripClose = $('.strip__close'); |
| + | |
| + | var expanded = false; |
| + | |
| + | var open = function() { |
| + | |
| + | var tile = $(this).parent(); |
| + | |
| + | if (!expanded) { |
| + | tile.addClass('strips__strip--expanded'); |
| + | // add delay to inner text |
| + | tileText.css('transition', 'all .5s .3s cubic-bezier(0.23, 1, 0.32, 1)'); |
| + | stripClose.addClass('strip__close--show'); |
| + | stripClose.css('transition', 'all .6s 1s cubic-bezier(0.23, 1, 0.32, 1)'); |
| + | expanded = true; |
| + | } |
| + | }; |
| + | |
| + | var close = function() { |
| + | if (expanded) { |
| + | tile.removeClass('strips__strip--expanded'); |
| + | // remove delay from inner text |
| + | tileText.css('transition', 'all 0.15s 0 cubic-bezier(0.23, 1, 0.32, 1)'); |
| + | stripClose.removeClass('strip__close--show'); |
| + | stripClose.css('transition', 'all 0.2s 0s cubic-bezier(0.23, 1, 0.32, 1)') |
| + | expanded = false; |
| + | } |
| + | } |
| + | |
| + | var bindActions = function() { |
| + | tileLink.on('click', open); |
| + | stripClose.on('click', close); |
| + | }; |
| + | |
| + | var init = function() { |
| + | bindActions(); |
| + | }; |
| + | |
| + | return { |
| + | init: init |
| + | }; |
| + | |
| + | }()); |
| + | |
| + | Expand.init(); |
| + | </script> |
| + | |
| + | |
| + | |
| + | |
| + | </body> |
| + | |
| + | |
| + | |
| + | |
| + | <!-- 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> |