|
|
(16 intermediate revisions by 5 users not shown) |
Line 7: |
Line 7: |
| <meta name="renderer" content="webkit"> | | <meta name="renderer" content="webkit"> |
| <!-- 极速模式 --> | | <!-- 极速模式 --> |
− | <title>Application</title> | + | <title>Proof</title> |
| <link rel="stylesheet" href="https://2016.igem.org/Team:HUST-China/css/bootstrap-theme?action=raw&ctype=text/css"> | | <link rel="stylesheet" href="https://2016.igem.org/Team:HUST-China/css/bootstrap-theme?action=raw&ctype=text/css"> |
| <link rel="stylesheet" href="https://2016.igem.org/Team:HUST-China/css/bootstrap?action=raw&ctype=text/css"> | | <link rel="stylesheet" href="https://2016.igem.org/Team:HUST-China/css/bootstrap?action=raw&ctype=text/css"> |
Line 127: |
Line 127: |
| width: 80%; | | width: 80%; |
| padding-left: 20%; | | padding-left: 20%; |
| + | /* margin-left: 20%; */ |
| + | } |
| + | .text-content article div.carousel-inner img { |
| + | width: 80%; |
| + | padding-left: 10%; |
| + | padding-right: 3%; |
| + | /* margin-left: 20%; */ |
| + | } |
| + | .text-content article a.btn { |
| + | float: right; |
| + | margin-right: 35%; |
| + | text-indent: 0; |
| + | color: #fff; |
| /* margin-left: 20%; */ | | /* margin-left: 20%; */ |
| } | | } |
Line 145: |
Line 158: |
| <body> | | <body> |
| <header class="header"> | | <header class="header"> |
| + | <div class="navbar-logo"> |
| + | <a class="navbar-brand" href="https://igem.org/Main_Page"> |
| + | <img alt="Brand" src="https://2016.igem.org/wiki/skins/Igem/images/IGEM_white_letters.png"> |
| + | </a> |
| + | </div> |
| + | <div class="navbar-logo"> |
| + | <a class="navbar-brand" href="https://2016.igem.org/Team:HUST-China"> |
| + | <img alt="Brand" src="https://static.igem.org/mediawiki/2016/0/01/T--HUST-China--logo.png" style="left:100px;width:40px;"> |
| + | </a> |
| + | </div> |
| + | |
| <nav class="navbar navbar-default"> | | <nav class="navbar navbar-default"> |
− | <div class="container">
| + | <div class="container"> |
− | <span class="menu"> Menu</span> | + | <span class="menu">Menu</span> |
| <div class="banner-top"> | | <div class="banner-top"> |
| <ul class="nav banner-nav"> | | <ul class="nav banner-nav"> |
Line 170: |
Line 194: |
| </ul> | | </ul> |
| </li> | | </li> |
− | <li class="dropdown1"><a class="down-scroll" href="https://2016.igem.org/Team:HUST-China/Model">MODELING</a> | + | <li class="dropdown1"><a class="down-scroll" href="#">MODELING</a> |
| <ul class="dropdown2"> | | <ul class="dropdown2"> |
| <li><a href="https://2016.igem.org/Team:HUST-China/Model">Overview</a></li> | | <li><a href="https://2016.igem.org/Team:HUST-China/Model">Overview</a></li> |
Line 178: |
Line 202: |
| </ul> | | </ul> |
| </li> | | </li> |
− | <li class="dropdown1"><a class="down-scroll" href="">PARTS</a> | + | <li class="dropdown1"><a class="down-scroll" href="#">PARTS</a> |
| <ul class="dropdown2"> | | <ul class="dropdown2"> |
| <li><a href="https://2016.igem.org/Team:HUST-China/Parts">Summary</a></li> | | <li><a href="https://2016.igem.org/Team:HUST-China/Parts">Summary</a></li> |
Line 192: |
Line 216: |
| </ul> | | </ul> |
| </li> | | </li> |
− | <li class="dropdown1"><a class="down-scroll" href="">TEAM</a> | + | <li class="dropdown1"><a class="down-scroll" href="#">TEAM</a> |
| <ul class="dropdown2"> | | <ul class="dropdown2"> |
| <li><a href="https://2016.igem.org/Team:HUST-China/Team">Team Roster</a></li> | | <li><a href="https://2016.igem.org/Team:HUST-China/Team">Team Roster</a></li> |
Line 212: |
Line 236: |
| <div class="container-fluid member-head"> | | <div class="container-fluid member-head"> |
| <div class="container"> | | <div class="container"> |
− | <h2 class="text-center">Proof Of Concept</h2> | + | <h2 class="text-center">Proof of Concept</h2> |
| </div> | | </div> |
| </div> | | </div> |
Line 230: |
Line 254: |
| <h3>Hello world</h3> | | <h3>Hello world</h3> |
| <p>fdwfewf</p> --> | | <p>fdwfewf</p> --> |
− | <h2 id="location_Pro_ver">Prokaryotic version:</h2> | + | <h2 id="location_Pro_ver">Prokaryotic version</h2> |
| <p> | | <p> |
| It is a tri-stable system adapted from bacteriophage λ operon. In the operon, promoter RE is activated by CII trascriptional activator. Ftsh is an ATP-dependent host metalloprotease which will normally degrade CII, while CIII serves as an inhibitor of Ftsh to free CII. CI can function as an inhibitor to block pR, while Cro can bind pRM to stop the expression of downstream gene. The positive feedback control under pRE is used to enhance pulse signal 1 and convert it into robust stable signal. | | It is a tri-stable system adapted from bacteriophage λ operon. In the operon, promoter RE is activated by CII trascriptional activator. Ftsh is an ATP-dependent host metalloprotease which will normally degrade CII, while CIII serves as an inhibitor of Ftsh to free CII. CI can function as an inhibitor to block pR, while Cro can bind pRM to stop the expression of downstream gene. The positive feedback control under pRE is used to enhance pulse signal 1 and convert it into robust stable signal. |
Line 251: |
Line 275: |
| <div id="myCarousel" class="carousel slide"> | | <div id="myCarousel" class="carousel slide"> |
| <!-- 轮播(Carousel)指标 --> | | <!-- 轮播(Carousel)指标 --> |
− | <ol class="carousel-indicators">
| + | <ol class="carousel-indicators"> |
− | <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
| + | <li data-target="#myCarousel" data-slide-to="0" class="active"></li> |
− | <li data-target="#myCarousel" data-slide-to="1"></li>
| + | <li data-target="#myCarousel" data-slide-to="1"></li> |
− | <li data-target="#myCarousel" data-slide-to="2"></li>
| + | <li data-target="#myCarousel" data-slide-to="2"></li> |
− | <li data-target="#myCarousel" data-slide-to="3"></li> | + | <li data-target="#myCarousel" data-slide-to="3"></li> |
− | <li data-target="#myCarousel" data-slide-to="4"></li> | + | <li data-target="#myCarousel" data-slide-to="4"></li> |
− | <li data-target="#myCarousel" data-slide-to="5"></li> | + | <li data-target="#myCarousel" data-slide-to="5"></li> |
− | <!-- <li data-target="#myCarousel" data-slide-to="6"></li> -->
| + | </ol> |
− | </ol>
| + | |
| <!-- 轮播(Carousel)项目 --> | | <!-- 轮播(Carousel)项目 --> |
| <div class="carousel-inner"> | | <div class="carousel-inner"> |
Line 267: |
Line 290: |
| <div class="col-md-6" style="margin:100px 0"> | | <div class="col-md-6" style="margin:100px 0"> |
| <div class="caption"> | | <div class="caption"> |
− | <p> | + | <p style="margin-left:100px"> |
| According to the Flourescence measurement curve, we can see clearly that GFP level increased over time and it showed significant difference from CK. See more details in our Results page. | | According to the Flourescence measurement curve, we can see clearly that GFP level increased over time and it showed significant difference from CK. See more details in our Results page. |
| </p> | | </p> |
− | <p><a href="https://2016.igem.org/Team:HUST-China/Results" class="btn btn-primary" role="button">More details</a></p> | + | <p><a href="https://2016.igem.org/Team:HUST-China/Results#location_pro&pro" class="btn btn-primary" role="button">More details</a></p> |
| </div> | | </div> |
| </div> | | </div> |
Line 285: |
Line 308: |
| <div class="col-md-6" style="margin:100px 0"> | | <div class="col-md-6" style="margin:100px 0"> |
| <div class="caption"> | | <div class="caption"> |
− | <p> | + | <p style="margin-left:70px"> |
| We did Fluorescence microscope detection after 30, 120 and 240 minutes induction. According to the figture below, we can tell qualitively that pRE leakage are at relative low level and CII can efficiently activate the promoter. See more details in our Results page. | | We did Fluorescence microscope detection after 30, 120 and 240 minutes induction. According to the figture below, we can tell qualitively that pRE leakage are at relative low level and CII can efficiently activate the promoter. See more details in our Results page. |
| </p> | | </p> |
− | <p><a href="https://2016.igem.org/Team:HUST-China/Results" class="btn btn-primary" role="button">More details</a></p> | + | <p><a href="https://2016.igem.org/Team:HUST-China/Results#location_pro&pro" class="btn btn-primary" role="button">More details</a></p> |
| </div> | | </div> |
| </div> | | </div> |
Line 297: |
Line 320: |
| </div> | | </div> |
| </div> | | </div> |
− | | + | <div class="item"> |
− | <div class="item"> | + | |
| <div class="container"> | | <div class="container"> |
| <div class="row"> | | <div class="row"> |
| <div class="col-md-6" style="margin:100px 0"> | | <div class="col-md-6" style="margin:100px 0"> |
| <div class="caption"> | | <div class="caption"> |
− | <p> | + | <p style="margin-left:100px"> |
| As the Relative Fluorescent intensity measurement data shows, CI can inhibit pR in minor degree but the leakage expression under pR can’t be ignored, so we should consider to increase the binding sites within pR or the amount of CI coding sequence in the circuit. See more details in our Results page. | | As the Relative Fluorescent intensity measurement data shows, CI can inhibit pR in minor degree but the leakage expression under pR can’t be ignored, so we should consider to increase the binding sites within pR or the amount of CI coding sequence in the circuit. See more details in our Results page. |
| </p> | | </p> |
− | <p><a href="https://2016.igem.org/Team:HUST-China/Results" class="btn btn-primary" role="button">More details</a></p> | + | <p><a href="https://2016.igem.org/Team:HUST-China/Results#location_pro&pro" class="btn btn-primary" role="button">More details</a></p> |
| </div> | | </div> |
| </div> | | </div> |
Line 315: |
Line 337: |
| </div> | | </div> |
| </div> | | </div> |
− | | + | <div class="item"> |
− | <div class="item"> | + | |
| <div class="container"> | | <div class="container"> |
| <div class="row"> | | <div class="row"> |
| <div class="col-md-6" style="margin:100px 0"> | | <div class="col-md-6" style="margin:100px 0"> |
| <div class="caption"> | | <div class="caption"> |
− | <p> | + | <p style="margin-left:100px"> |
| We detected GFP reporter in E.coli after induction of 20minute, 120minutes and 240minutes through 20 times of amplification. See more details in our Results page. | | We detected GFP reporter in E.coli after induction of 20minute, 120minutes and 240minutes through 20 times of amplification. See more details in our Results page. |
| </p> | | </p> |
− | <p><a href="https://2016.igem.org/Team:HUST-China/Results" class="btn btn-primary" role="button">More details</a></p> | + | <p><a href="https://2016.igem.org/Team:HUST-China/Results#location_pro&pro" class="btn btn-primary" role="button">More details</a></p> |
| </div> | | </div> |
| </div> | | </div> |
Line 333: |
Line 354: |
| </div> | | </div> |
| </div> | | </div> |
− | | + | <div class="item"> |
− | <div class="item"> | + | |
| <div class="container"> | | <div class="container"> |
| <div class="row"> | | <div class="row"> |
| <div class="col-md-6" style="margin:100px 0"> | | <div class="col-md-6" style="margin:100px 0"> |
| <div class="caption"> | | <div class="caption"> |
− | <p> | + | <p style="margin-left:100px"> |
| We characterized cro and pRM inhibition by the same method as CI and pR’s. See more details in our Results page. | | We characterized cro and pRM inhibition by the same method as CI and pR’s. See more details in our Results page. |
| </p> | | </p> |
− | <p><a href="https://2016.igem.org/Team:HUST-China/Results" class="btn btn-primary" role="button">More details</a></p> | + | <p><a href="https://2016.igem.org/Team:HUST-China/Results#location_pro&pro" class="btn btn-primary" role="button">More details</a></p> |
| </div> | | </div> |
| </div> | | </div> |
Line 351: |
Line 371: |
| </div> | | </div> |
| </div> | | </div> |
− | | + | <div class="item"> |
− | <div class="item"> | + | |
| <div class="container"> | | <div class="container"> |
| <div class="row"> | | <div class="row"> |
| <div class="col-md-6" style="margin:100px 0"> | | <div class="col-md-6" style="margin:100px 0"> |
| <div class="caption"> | | <div class="caption"> |
− | <p> | + | <p style="margin-left:100px"> |
| We use IPTG with final concentration of 1mM to induce the GFP-LVAssrAtag and measure the relative fluorescence through plate reader with Excitation light 495nm. See more details in our Results page. | | We use IPTG with final concentration of 1mM to induce the GFP-LVAssrAtag and measure the relative fluorescence through plate reader with Excitation light 495nm. See more details in our Results page. |
| </p> | | </p> |
− | <p><a href="https://2016.igem.org/Team:HUST-China/Results" class="btn btn-primary" role="button">More details</a></p> | + | <p><a href="https://2016.igem.org/Team:HUST-China/Results#location_tri_fun" class="btn btn-primary" role="button">More details</a></p> |
| </div> | | </div> |
| </div> | | </div> |
Line 375: |
Line 394: |
| </div> | | </div> |
| </div> | | </div> |
− | <h2 id="location_Euk_ver">Eukaryotic version:</h2> | + | <h2 id="location_Euk_ver">Eukaryotic version</h2> |
| <p>It is a bi-stable system derived from Arabidopsis thaliana stress response system. Enzyme catalysis is the core of this design to increase the efficiency of state transition. | | <p>It is a bi-stable system derived from Arabidopsis thaliana stress response system. Enzyme catalysis is the core of this design to increase the efficiency of state transition. |
| </p> | | </p> |
Line 387: |
Line 406: |
| <div id="myCarousel2" class="carousel slide"> | | <div id="myCarousel2" class="carousel slide"> |
| <!-- 轮播(Carousel)指标 --> | | <!-- 轮播(Carousel)指标 --> |
− | <ol class="carousel-indicators">
| + | <ol class="carousel-indicators"> |
− | <li data-target="#myCarousel2" data-slide-to="0" class="active"></li>
| + | <li data-target="#myCarousel" data-slide-to="0" class="active"></li> |
− | <li data-target="#myCarousel2" data-slide-to="1"></li>
| + | <li data-target="#myCarousel" data-slide-to="1"></li> |
− | <li data-target="#myCarousel2" data-slide-to="2"></li>
| + | </ol> |
− | <!-- <li data-target="#myCarousel2" data-slide-to="3"></li> -->
| + | |
− | </ol>
| + | |
| <!-- 轮播(Carousel)项目 --> | | <!-- 轮播(Carousel)项目 --> |
| <div class="carousel-inner"> | | <div class="carousel-inner"> |
Line 400: |
Line 417: |
| <div class="col-md-6" style="margin:100px 0"> | | <div class="col-md-6" style="margin:100px 0"> |
| <div class="caption"> | | <div class="caption"> |
− | <p> | + | <p style="margin-left:70px"> |
− | A prokaryote version of our Signal Fliter. Users can define two input signals and three combinations of output. For more details, see to our description page | + | We ran a SDS-PAGE of the culture supernatants of induced cells to identify the three recombinant proteins. See more details in our Results page. |
| </p> | | </p> |
− | <p><a href="#" class="btn btn-primary" role="button">More details</a></p> | + | <p><a href="https://2016.igem.org/Team:HUST-China/Results#location_pro_exp" class="btn btn-primary" role="button">More details</a></p> |
| </div> | | </div> |
| </div> | | </div> |
| <div class="col-md-6" style="margin:100px 0"> | | <div class="col-md-6" style="margin:100px 0"> |
− | <img src="https://static.igem.org/mediawiki/2016/8/88/T--HUST-China--Description-Fig-Eukaryote.png" alt="" class="img-responsive"> | + | <img src="https://static.igem.org/mediawiki/2016/b/b1/T--HUST-China--SDS.png" alt="" class="img-responsive"> |
| </div> | | </div> |
| </div> | | </div> |
| </div> | | </div> |
| </div> | | </div> |
− | <div class="item">
| + | <div class="item"> |
− | <div class="container">
| + | <div class="container"> |
− | <div class="row">
| + | <div class="row"> |
− | <div class="col-md-6 " style="margin:100px 0">
| + | <div class="col-md-6" style="margin:100px 0"> |
− | <div class="caption">
| + | <div class="caption"> |
− | <p>
| + | <p> |
− | Small in scale, big in thoughts! THis summer, we held a fabulous HUST-Cheering! conferrence. And anlong with our integrated Practices,see to HP page.
| + | We simulated our project in cellular level and Intestinal level to help us figure out the feasibility of it and guide us the direction of further improvement. See more results in our Model page. |
− | </p>
| + | </p> |
− | <p><a href="#" class="btn btn-primary" role="button">More details</a></p>
| + | <p><a href="https://2016.igem.org/Team:HUST-China/Model" class="btn btn-primary" role="button">More details</a></p> |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-md-6" style="margin:100px 0">
| + | |
− | <img src="https://static.igem.org/mediawiki/2016/6/64/T--HUST-China--Integrated_Practices-Fig2-4.jpeg" alt="" class="img-responsive">
| + | |
− | </div>
| + | |
− | </div>
| + | |
| </div> | | </div> |
| </div> | | </div> |
− | <div class="item"> | + | <div class="col-md-6" style="margin:100px 0"> |
− | <div class="container">
| + | <img src="https://static.igem.org/mediawiki/2016/5/59/T--HUST-China--modeling-application-LA_decomposition.png" alt="" class="img-responsive"> |
− | <div class="row">
| + | |
− | <div class="col-md-6" style="margin:100px 0">
| + | |
− | <div class="caption">
| + | |
− | <p>
| + | |
− | Fluorescence measurement is the main characterization method this year. We employed GFP and RFP as reporters to build valid data of our circuits. For more results see to Wetlab Results!
| + | |
− | </p>
| + | |
− | <p><a href="#" class="btn btn-primary" role="button">More details</a></p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-md-6" style="margin:100px 0">
| + | |
− | <img src="https://static.igem.org/mediawiki/2016/f/fb/T--HUST-China--home-flou.png" alt="" class="img-responsive">
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
| </div> | | </div> |
| </div> | | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| <!-- 轮播(Carousel)导航 --> | | <!-- 轮播(Carousel)导航 --> |
| <a class="carousel-control left" href="#myCarousel2" data-slide="prev" style="font-size:100px;">‹</a> | | <a class="carousel-control left" href="#myCarousel2" data-slide="prev" style="font-size:100px;">‹</a> |