|
|
(115 intermediate revisions by 8 users not shown) |
Line 1: |
Line 1: |
− | {{NTHU_Formosa}} {{NTHU_Formosa/NavBar}} | + | {{NTHU_Formosa}} {{NTHU_Formosa/membernavbar}} |
| <html> | | <html> |
| | | |
| <head> | | <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" />
| |
| | | |
| <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" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/initial&action=raw&ctype=text/css"> |
− | <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Josefin+Sans" /> | + | <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato"> |
− | <style> | + | <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"> |
| | | |
| + | <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" /> |
| + | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/Lato&action=raw&ctype=text/css" /> |
| + | |
| + | <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 */ | | /* unvisited link */ |
| | | |
Line 30: |
Line 36: |
| cursor: pointer; | | cursor: pointer; |
| } | | } |
− | .w3-wide{
| + | |
− | font-weight: 900;
| + | |
− | font-size: 350%;
| + | |
− | font-family: "Josefin Sans","JosefinSans-Bold",NotoSansCJKtc-Regular,'Noto Sans',"微軟雅黑","Microsoft YaHei",Helvetica,sans-serif;
| + | |
− | }
| + | |
− | .w3-justify{
| + | |
− | font-size: 22px;
| + | |
− | font-family: "Josefin Sans","JosefinSans-Regular",Open Sans,"Helvetica Neue",Helvetica,Arial,sans-serif;
| + | |
− | }
| + | |
| /* selected link */ | | /* selected link */ |
| | | |
Line 49: |
Line 49: |
| <!-- Main Section --> | | <!-- Main Section --> |
| | | |
− | <br>
| + | <br> |
− | <br>
| + | <br> |
| | | |
− | <head>
| |
− | <meta charset="UTF-8">
| |
− | <title>HP主頁02</title>
| |
− | <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
| |
| | | |
− | <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet"> | + | <body> |
− | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
| + | |
| | | |
− |
| |
− | <link rel="stylesheet" href="css/style.css">
| |
| | | |
− |
| |
− | </head>
| |
| | | |
− | <body>
| |
| | | |
− |
| |
− |
| |
− |
| |
| | | |
| | | |
| + | <section class="strips"> |
| + | <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> |
| | | |
− | <section class="strips"> | + | <br> |
− | <article class="strips__strip">
| + | <br> |
− | <div class="strip__content">
| + | |
| + | |
| + | <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> |
| + | |
| + | |
| | | |
− | <h2 class="strip__title" data-name="Lorem">Collarboration with NTHU_Taiwan</h2>
| + | <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> |
− | <div class="strip__inner-text">
| + | |
− | <div class="w3-container w3-padding-64 w3-center"><br><br><br>
| + | |
− | <p class="w3-center" style="font-size:40px;">2018.08.03<br>Team Collaboration</p>
| + | |
− | <br><br>
| + | |
− |
| + | |
− | <img class="w3-left" src="https://static.igem.org/mediawiki/2018/6/6f/T--NTHU_Formosa--%E4%BA%9E%E6%B4%B202.jpg" align=center style="width:40%;margin:20px 20px;box-shadow:3px 3px 12px gray;";>
| + | |
− |
| + | |
− | <p class="w3-justify" style="font-size:20px;"> As a team composed of members from biology background, we gladly offer help and troubleshoot the problem on making construct for team NTHU_Taiwan, being insufficient with members from biology department. Since August 3rd, we had several meetings with 2018 iGEM team NTHU_Taiwan.<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>
| + | |
− | 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.</p><br><br>
| + | |
− | <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" align=left style="width:45%;margin:20px 20px;box-shadow:3px 3px 12px gray;";>
| + | |
− | <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" align=right style="width:45%;margin:20px 20px;box-shadow:3px 3px 12px gray;";>
| + | |
− |
| + | |
− | <p class="w3-center" style="font-size:20px;">Validating construct used in our Biowatcher experiment is also involved in our collaboration. </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:50%;margin:20px 20px;box-shadow:3px 3px 12px gray;";>
| + | <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>
| + | <br> |
− | <p class="w3-center" style="font-size:20px;">Constructs from the left to right: </p>
| + | <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> |
− | <p class="w3-center" style="font-size:20px;">pCAG-GBP, pTRE3G-LuxAB, pCMV-LuxCDEfrp and pTRE3G-mCherry</p><br>
| + | |
− |
| + | |
− | <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" align=left style="width:45%;margin:20px 20px;box-shadow:3px 3px 12px gray;";>
| + | |
− | <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" align=right style="width:45%;margin:20px 20px;box-shadow:3px 3px 12px gray;";>
| + | |
− |
| + | |
| | | |
| + | <br> |
| | | |
− | </p><br><br>
| |
− |
| |
− |
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </article>
| |
| | | |
| | | |
| | | |
| | | |
− |
| + | </p> |
− |
| + | <br> |
− |
| + | <br> |
− |
| + | |
| | | |
− | <article class="strips__strip">
| |
− | <div class="strip__content">
| |
− | <h2 class="strip__title" data-name="Ipsum">Collarboration with NCTU_Formosa</h2>
| |
| | | |
− | <div class="strip__inner-text"><br><br><br><br><br><br>
| + | </div> |
− | <p class="w3-center" style="font-size:60px;padding-left:40px;padding-right:40px;">Team Collaboration</p>
| + | </div> |
− | <br><br>
| + | </div> |
− | <p class="w3-justify" style="font-size:20px;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. NCTU_Formosa 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, 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 contact with us by messenger to further assist us with constructing wiki page. T
| + | </article> |
− | </p><br><br>
| + | |
− |
| + | |
− | <p class="w3-justify" style="font-size:20px;padding-left:15px;padding-right:15px;">Team NCTU_Formosa gave us a tutorial about html. During the tutorial, we learned:</p><br> | + | |
− | <p class="w3-justify" style="font-size:20px;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><br>
| + | |
− | <p class="w3-justify" style="font-size:20px;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><br>
| + | |
| | | |
− | <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;box-shadow:3px 3px 12px gray;";> <br><br><br>
| |
− |
| |
− | <p class="w3-justify" style="font-size:20px;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.</p><br><br><br>
| |
− |
| |
− | <img class="w3-round-large" src="https://static.igem.org/mediawiki/2018/a/a0/T--NTHU_Formosa--%E6%93%B7%E5%8F%961.png" align=left style="width:35%;margin:20px 20px 20px 100px;box-shadow:3px 3px 12px gray;";>
| |
| | | |
− | <br><br><br><br><br>
| |
− | <p class="w3-justify" style="font-size:20px;padding-left:15px;padding-right:15px;">Constructs from the left to right:<br>
| |
− | pCAG-GBP,pTRE3G-LuxAB,pCMV-LuxCDEfrp <br>and pTRE3G-mCherry</p>
| |
− | <br><br><br>
| |
− |
| |
− | <img class="w3-round-large" src="https://static.igem.org/mediawiki/2018/1/11/T--NTHU_Formosa--bacteriacin.png" align=left style="width:30%;margin:20px 20px 20px 120px;box-shadow:3px 3px 12px gray;";> <br><br><br>
| |
− |
| |
− | <p class="w3-justify" style="font-size:20px;padding-left:15px;padding-right:15px;">
| |
− | We also validated the protein, bacteriacin.<br>
| |
− | M: marker<br>
| |
− | C: control<br>
| |
− | E1: enterocin B<br>
| |
− | E2: enterocin 96
| |
− | </p><br><br><br>
| |
− |
| |
− |
| |
| | | |
− |
| |
| | | |
| | | |
| | | |
| | | |
− | <br><br><br><br>
| |
| | | |
− |
| |
− | <p class="w3-center" style="font-size:20px;"></p><br>
| |
| | | |
| + | <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>
| + | <div class="w3-content"> |
− | </div>
| + | <p class="w3-center" |
− | </article>
| + | <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> |
| | | |
| | | |
Line 206: |
Line 239: |
| | | |
| | | |
| + | <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'); |
− | <i class="fa fa-close strip__close"></i> | + | var tileText = tileLink.find('.strip__inner-text'); |
− | </section>
| + | var stripClose = $('.strip__close'); |
− | <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
| + | |
| | | |
− |
| + | var expanded = false; |
| | | |
− | <script type="text/javascript">
| + | var open = function() { |
− | 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(); |
− |
| + | |
− | var tile = $(this).parent();
| + | |
| | | |
− | if (!expanded) {
| + | if (!expanded) { |
− | tile.addClass('strips__strip--expanded');
| + | tile.addClass('strips__strip--expanded'); |
− | // add delay to inner text
| + | // add delay to inner text |
− | tileText.css('transition', 'all .5s .3s cubic-bezier(0.23, 1, 0.32, 1)');
| + | tileText.css('transition', 'all .5s .3s cubic-bezier(0.23, 1, 0.32, 1)'); |
− | stripClose.addClass('strip__close--show');
| + | stripClose.addClass('strip__close--show'); |
− | stripClose.css('transition', 'all .6s 1s cubic-bezier(0.23, 1, 0.32, 1)');
| + | stripClose.css('transition', 'all .6s 1s cubic-bezier(0.23, 1, 0.32, 1)'); |
− | expanded = true;
| + | expanded = true; |
− | }
| + | } |
− | };
| + | }; |
− |
| + | |
− | var close = function() {
| + | var close = function() { |
− | if (expanded) {
| + | if (expanded) { |
− | tile.removeClass('strips__strip--expanded');
| + | tile.removeClass('strips__strip--expanded'); |
− | // remove delay from inner text
| + | // remove delay from inner text |
− | tileText.css('transition', 'all 0.15s 0 cubic-bezier(0.23, 1, 0.32, 1)');
| + | tileText.css('transition', 'all 0.15s 0 cubic-bezier(0.23, 1, 0.32, 1)'); |
− | stripClose.removeClass('strip__close--show');
| + | stripClose.removeClass('strip__close--show'); |
− | stripClose.css('transition', 'all 0.2s 0s cubic-bezier(0.23, 1, 0.32, 1)')
| + | stripClose.css('transition', 'all 0.2s 0s cubic-bezier(0.23, 1, 0.32, 1)') |
− | expanded = false;
| + | expanded = false; |
− | }
| + | } |
− | }
| + | } |
| | | |
− | var bindActions = function() {
| + | var bindActions = function() { |
− | tileLink.on('click', open);
| + | tileLink.on('click', open); |
− | stripClose.on('click', close);
| + | stripClose.on('click', close); |
− | };
| + | }; |
| | | |
− | var init = function() {
| + | var init = function() { |
− | bindActions();
| + | bindActions(); |
− | };
| + | }; |
| | | |
− | return {
| + | return { |
− | init: init
| + | init: init |
− | };
| + | }; |
| | | |
− | }());
| + | }()); |
| | | |
− | Expand.init();</script> | + | Expand.init(); |
| + | </script> |
| | | |
| | | |