Difference between revisions of "Team:ZJU-China/Demonstrate"

Line 1: Line 1:
 
 
<html lang="zh-CN">
 
<html lang="zh-CN">
  <head>
+
<head>
 
+
 
+
<link href="https://2017.igem.org/Zju/css/bootstrap?action=raw&ctype=text/css" rel="stylesheet" media="screen" />
+
<link href="https://2017.igem.org/Zju/css/bootstraptheme?action=raw&ctype=text/css" rel="stylesheet" id="bs-theme-stylesheet">
+
<link href='https://2017.igem.org/Team:ZJU-China/cs/font?action=raw&ctype=text/css' rel='stylesheet' type='text/css'>
+
<link href="https://2017.igem.org/Zju/css/docs/min?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/>
+
<link href="https://2017.igem.org/Zju/css/doc-style?action=raw&ctype=text/css" rel="stylesheet">
+
<link href="https://2017.igem.org/Zju/css/responsive/min?action=raw&ctype=text/css" rel="stylesheet">
+
  
<script>
+
    <link href="https://2017.igem.org/Zju/css/bootstrap?action=raw&ctype=text/css" rel="stylesheet" media="screen" />
  var _hmt = _hmt || [];
+
    <link href="https://2017.igem.org/Zju/css/bootstraptheme?action=raw&ctype=text/css" rel="stylesheet" id="bs-theme-stylesheet">
</script>
+
    <link href="https://2017.igem.org/Zju/css/docs/min?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/>
  </head>
+
    <!-- <link href="css/doc-style.css" rel="stylesheet" type="text/css"/> -->
 +
    <link href="https://2017.igem.org/Zju/css/doc-style?action=raw&ctype=text/css" rel="stylesheet">
 +
    <link href="https://2017.igem.org/Zju/css/responsive/min?action=raw&ctype=text/css" rel="stylesheet">
 +
    <!-- 按钮的字体 -->
 +
    <link href='https://2017.igem.org/Team:ZJU-China/cs/font?action=raw&ctype=text/css' rel='stylesheet' type='text/css'>
 +
    <!-- 按钮的字体end -->
 +
    <script>
 +
        var _hmt = _hmt || [];
 +
    </script>
 +
    <script src="https://static.igem.org/mediawiki/2017/8/85/ZJUChina_js_docsmin.txt?action=raw&ctype=text/javascript"></script>
 +
</head>
  
  
 
<style>
 
<style>
/*Override default CSS*/
+
    /*Override default CSS*/
#sideMenu, #top_title {display:none;}
+
    #sideMenu, #top_title {display:none;}
#content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;background-color: transparent;}
+
    #content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;background-color: transparent;}
  
  
/* set all basic objects to neutral formatting*/
+
    /* set all basic objects to neutral formatting*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
+
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
    margin: 0;
+
        margin: 0;
    padding: 0;
+
        padding: 0;
    border: 0;
+
        border: 0;
    outline: 0;
+
        outline: 0;
    font-size: 100%;
+
        font-size: 100%;
    vertical-align: baseline;
+
        vertical-align: baseline;
    background: transparent;
+
        background: transparent;
}
+
    }
  
#globalWrapper {
+
    #globalWrapper {
    margin: 0;
+
        margin: 0;
    padding: 0;
+
        padding: 0;
    border: 0;
+
        border: 0;
    outline: 0;
+
        outline: 0;
    font-size: 100%;
+
        font-size: 100%;
    vertical-align: baseline;
+
        vertical-align: baseline;
    background: transparent;
+
        background: transparent;
}
+
    }
  
  
/* set page to fill window*/
+
    /* set page to fill window*/
html{
+
    html{
  height: 100%;
+
        height: 100%;
}
+
    }
body {
+
    body {
  min-height: 100%;
+
        min-height: 100%;
  background-color: #FFFFFF;  
+
        background-color: #FFFFFF;
}
+
    }
  
  
#content_wrapper {
+
    #content_wrapper {
    position: relative;
+
        position: relative;
  top: 0px;
+
        top: 0px;
  left: 0px;
+
        left: 0px;
  margin: 0px;
+
        margin: 0px;
    width: 100%;  
+
        width: 100%;
    height: 100%;  
+
        height: 100%;
  text-align:center;
+
        text-align:center;
    background-color: #FFFFFF;
+
        background-color: #FFFFFF;
}
+
    }
  
#content_wrapper p {
+
    #content_wrapper p {
    font-family: 'Tempus Sans ITC',Tahoma, Geneva, sans-serif;
+
        font-family: 'Yanone Kaffeesatz',Tahoma, Geneva, sans-serif;
}
+
    }
  
#content_wrapper a {  
+
    #content_wrapper a {
    color:#004789;
+
        color:#004789;
}
+
    }
  
  
#footer {  
+
    #footer {
    position:absolute;  
+
        position:absolute;
    bottom: 0px;
+
        bottom: 0px;
    left: 0px;
+
        left: 0px;
    width: 100%;
+
        width: 100%;
    margin-top: 0px;
+
        margin-top: 0px;
    margin-bottom: 20px;
+
        margin-bottom: 20px;
    background-color: #FFFFFF;
+
        background-color: #FFFFFF;
    text-align: center;
+
        text-align: center;
}
+
    }
  
.center {  
+
    .center {
  width: 60%;  
+
        width: 60%;
    margin-top: 16px;
+
        margin-top: 16px;
  min-width: 500px;
+
        min-width: 500px;
    padding-bottom:32px;
+
        padding-bottom:32px;
  display: inline-block;      
+
        display: inline-block;
}
+
    }
  
.TextContent {
+
    .TextContent {
  text-align: left;
+
        text-align: left;
  vertical-align: baseline;
+
        vertical-align: baseline;
  font-size: 0.875em;
+
        font-size: 0.875em;
  font-family:'Tempus Sans ITC', verdana, sans-serif;
+
        font-family:'Yanone Kaffeesatz', verdana, sans-serif;
}
+
    }
  
.TextContent h1{  
+
    .TextContent h1{
  text-align: center;
+
        text-align: center;
  font-size: 1.5rem;
+
        font-size: 1.5rem;
  margin-bottom: 1em;
+
        margin-bottom: 1em;
  margin-top: 0.2em;
+
        margin-top: 0.2em;
  color: #3399ff;
+
        color: #3399ff;
  font-family:'Tempus Sans ITC', verdana, sans-serif;
+
        font-family:'Yanone Kaffeesatz', verdana, sans-serif;
}
+
    }
  
.TextContent h2{
+
    .TextContent h2{
  line-height: 1.6;
+
        line-height: 1.6;
  margin-bottom: 0em;
+
        margin-bottom: 0em;
  margin-top: 1em;
+
        margin-top: 1em;
  text-align: left;
+
        text-align: left;
  font-family:'Tempus Sans ITC', verdana, sans-serif;
+
        font-family:'Yanone Kaffeesatz', verdana, sans-serif;
}
+
    }
  
.TextContent p{
+
    .TextContent p{
  margin-bottom: 1.2em;
+
        margin-bottom: 1.2em;
  font-family:'Tempus Sans ITC', verdana, sans-serif;
+
        font-family:'Yanone Kaffeesatz', verdana, sans-serif;
}
+
    }
  
.Page_Wide {
+
    .Page_Wide {
  width:100%;  
+
        width:100%;
}
+
    }
  
.Quarter_Image {
+
    .Quarter_Image {
  width:25%;
+
        width:25%;
  max-height:250px;
+
        max-height:250px;
  float:left;
+
        float:left;
}
+
    }
  
.Quarter_Image img {
+
    .Quarter_Image img {
    display:block;
+
        display:block;
    margin:auto;
+
        margin:auto;
    max-height: 250px;
+
        max-height: 250px;
    width: auto;
+
        width: auto;
}
+
    }
  
.SocialMediaIconWrapper {
+
    .SocialMediaIconWrapper {
    width:100%;
+
        width:100%;
}
+
    }
  
.SocialMediaIcon {
+
    .SocialMediaIcon {
    width:4%;
+
        width:4%;
    height:auto;
+
        height:auto;
    margin-left:20px;
+
        margin-left:20px;
    display: inline-block;
+
        display: inline-block;
    float:left;
+
        float:left;
  
}
+
    }
  
.SocialMediaIcon img{
+
    .SocialMediaIcon img{
    max-width:100%;
+
        max-width:100%;
  height:auto
+
        height:auto
}
+
    }
  
.TeamImage {
+
    .TeamImage {
  width:100%;  
+
        width:100%;
}
+
    }
  
.TeamImage img {
+
    .TeamImage img {
    max-width:100%;
+
        max-width:100%;
  height:auto
+
        height:auto
}
+
    }
  
.sponsors {
+
    .sponsors {
  width: 100%;
+
        width: 100%;
}
+
    }
  
.sponsor_row {  
+
    .sponsor_row {
  width: 100%;
+
        width: 100%;
}
+
    }
  
.sponsor_img {  
+
    .sponsor_img {
  width: 16.6666667%;  
+
        width: 16.6666667%;
  float:left;  
+
        float:left;
}
+
    }
  
.sponsor_img img{  
+
    .sponsor_img img{
  max-width:100%;
+
        max-width:100%;
  height:auto
+
        height:auto
}
+
    }
  
.clear {
+
    .clear {
    clear:both;
+
        clear:both;
}
+
    }
  
.clear.extra_space {
+
    .clear.extra_space {
    height: 20px;
+
        height: 20px;
}
+
    }
  
.line_divider {
+
    .line_divider {
    border-top: 1px solid #d3d3d3;
+
        border-top: 1px solid #d3d3d3;
    width: 98%;
+
        width: 98%;
    margin: auto;
+
        margin: auto;
}
+
    }
  
.copyright{
+
    .copyright{
  color: #888888;
+
        color: #888888;
  font-size: 13px;
+
        font-size: 13px;
  text-align: center !important;
+
        text-align: center !important;
}
+
    }
  
  
.copyright a{
+
    .copyright a{
  color: #d2ebe3;
+
        color: #d2ebe3;
  border-bottom: dotted 1px #a5d8c7;
+
        border-bottom: dotted 1px #a5d8c7;
}
+
    }
  
.PP {
 
    font-family: georgia;
 
    font-size: 20px;
 
    font-weight: 100;
 
    text-align: left;
 
}
 
  
/*文中自定义*/
+
    /*文中自定义*/
.CuteButton:active {
+
    .CuteButton:active {
    -webkit-box-shadow: 0px 3px 0px rgba(0,52,63,1), 0px 3px 6px rgba(0,0,0,.9);
+
        color:white !important;
    -moz-box-shadow: 0px 3px 0px rgba(0,52,63,1), 0px 3px 6px rgba(0,0,0,.9);
+
        -webkit-box-shadow: 0px 3px 0px rgba(0,52,63,1), 0px 3px 6px rgba(0,0,0,.9);
    box-shadow: 0px 3px 0px rgba(0,52,63,1), 0px 3px 6px rgba(0,0,0,.9);
+
        -moz-box-shadow: 0px 3px 0px rgba(0,52,63,1), 0px 3px 6px rgba(0,0,0,.9);
    position: relative;
+
        box-shadow: 0px 3px 0px rgba(0,52,63,1), 0px 3px 6px rgba(0,0,0,.9);
    top: 6px;
+
        position: relative;
}  
+
        top: 6px;
 +
    }
  
.YellowCB {
+
    .CuteButton:visited {
    background-color: rgba(254,196,62,1);
+
        color:white !important;
    -webkit-box-shadow: 0px 9px 0px rgba(245,253,202,1), 0px 9px 25px rgba(0,0,0,.7);
+
        -webkit-box-shadow: 0px 3px 0px rgba(0,52,63,1), 0px 3px 6px rgba(0,0,0,.9);
    -moz-box-shadow: 0px 9px 0px rgba(245,253,202,1), 0px 9px 25px rgba(0,0,0,.7);
+
        -moz-box-shadow: 0px 3px 0px rgba(0,52,63,1), 0px 3px 6px rgba(0,0,0,.9);
    box-shadow: 0px 9px 0px rgba(245,253,202,1), 0px 9px 25px rgba(0,0,0,.7);
+
        box-shadow: 0px 3px 0px rgba(0,52,63,1), 0px 3px 6px rgba(0,0,0,.9);
}
+
        position: relative;
 +
        top: 6px;
 +
    }
  
.GreenCB {
+
    .YellowCB {
    background-color: rgba(25,148,117,1);
+
        background-color: rgba(254,196,62,1);
    -webkit-box-shadow: 0px 9px 0px rgba(4,77,34,1), 0px 9px 25px rgba(0,0,0,.7);
+
        -webkit-box-shadow: 0px 9px 0px rgba(245,253,202,1), 0px 9px 25px rgba(0,0,0,.7);
    -moz-box-shadow: 0px 9px 0px rgba(4,77,34,1), 0px 9px 25px rgba(0,0,0,.7);
+
        -moz-box-shadow: 0px 9px 0px rgba(245,253,202,1), 0px 9px 25px rgba(0,0,0,.7);
    box-shadow: 0px 9px 0px rgba(4,77,34,1), 0px 9px 25px rgba(0,0,0,.7);
+
        box-shadow: 0px 9px 0px rgba(245,253,202,1), 0px 9px 25px rgba(0,0,0,.7);
}
+
    }
  
.SmallCB {
+
    .GreenCB {
    font-size: 1.5em;
+
        background-color: rgba(25,148,117,1);
    margin-left: 2px;
+
        -webkit-box-shadow: 0px 9px 0px rgba(4,77,34,1), 0px 9px 25px rgba(0,0,0,.7);
    padding: 2px 10px ;
+
        -moz-box-shadow: 0px 9px 0px rgba(4,77,34,1), 0px 9px 25px rgba(0,0,0,.7);
    width: 100px;
+
        box-shadow: 0px 9px 0px rgba(4,77,34,1), 0px 9px 25px rgba(0,0,0,.7);
}
+
    }
  
 +
    .SmallCB {
 +
        font-size: 1.5em;
 +
        margin-left: 2px;
 +
        padding: 2px 10px ;
 +
        width: 100px;
 +
    }
  
.ArticleHead{
 
  font-family: 'Tempus Sans ITC',georgia !important;
 
  font-size: 40px !important;
 
  font-weight: 800 !important;
 
  color: #56A36C !important;
 
  text-align: center !important;
 
    margin-bottom: 0 !important;
 
    /*margin-top: .6em !important;*/
 
}
 
  
.H3Head{
 
  font-family: 'Tempus Sans ITC',georgia !important;
 
  color: #FEC43E !important;
 
  font-size: 25px !important;
 
  font-weight: 400 !important;
 
  text-align: left !important;
 
    margin-bottom: 0 !important;
 
    margin-top:.6em !important;
 
}
 
  
.PP{
+
    .ArticleHead{
  font-family:Tahoma, Geneva, sans-serif !important;
+
        font-family: 'Tempus Sans ITC',georgia !important;
  font-size: 20px !important;
+
        font-size: 40px !important;
  font-weight: 100 !important;
+
        font-weight: 800 !important;
  text-align: left !important;
+
        color: #56A36C !important;
}
+
        text-align: center !important;
 +
        margin-bottom: 0 !important;
 +
        margin-top: .6em !important;
 +
    }
  
 +
    .H3Head{
 +
        font-family: 'Tempus Sans ITC',georgia !important;
 +
        color: #FEC43E !important;
 +
        font-size: 25px !important;
 +
        font-weight: 400 !important;
 +
        text-align: left !important;
 +
        margin-bottom: 0 !important;
 +
        margin-top:.6em !important;
 +
    }
  
.Retract{
+
    .PP{
  padding-left: 50px;
+
        font-family:Tahoma, Geneva, sans-serif !important;
}
+
        font-size: 20px !important;
 +
        font-weight: 100 !important;
 +
        text-align: left !important;
 +
        margin-bottom: 20px;
 +
    }
  
.GreenAH{
 
  color: #56A36C;
 
}
 
  
.YellowAH{
+
    .Retract{
  color: #FEC43E;
+
        padding-left: 50px;
}
+
    }
  
.contentLi{
+
    .GreenAH{
    margin:0;
+
        color: #56A36C;
    font-size:17px;
+
    }
    line-height: 27px;
+
    padding-bottom: 20px;
+
    color: #111111;
+
}
+
  
.greyTable
+
    .YellowAH{
{
+
        color: #FEC43E;
  color: #7f7f7f;
+
    }
}
+
  
.yellowTable
+
    .contentLi{
{
+
        margin:0;
  color: #CD9B1D;
+
        font-size:17px;
}
+
        line-height: 27px;
 +
        padding-bottom: 20px;
 +
        color: #111111;
 +
    }
  
h2{
+
    .grayTable
  font-family: 'Tempus Sans ITC';
+
    {
  font-weight: 500;
+
        background-color: #979797;
  font-size: 35px;
+
    }
  text-align: left;
+
}
+
  
h3{
+
    .yellowTable
  font-family: 'Tempus Sans ITC';
+
    {
  font-weight: 500;
+
        background-color: #CD9B1D;
  font-size: 32px;
+
        color: #000;
  text-align: left;
+
    }
}
+
  
h4{
+
    h2{
  font-family: 'Tempus Sans ITC';
+
        font-family: 'Tempus Sans ITC';
  font-weight: 500;
+
        font-weight: 500;
  font-size: 28px;
+
        font-size: 35px;
  text-align: left;
+
        text-align: left;
}
+
    }
  
h5{
+
    h3{
  font-family: 'Tempus Sans ITC';
+
        font-family: 'Tempus Sans ITC';
  font-weight: 500;
+
        font-weight: 500;
  font-size: 25px;
+
        font-size: 32px;
  text-align: left;
+
        text-align: left;
}
+
    }
  
p{
+
    h4{
  margin:0;
+
        font-family: 'Tempus Sans ITC';
  font-size:17px;
+
        font-weight: 500;
  line-height: 30px;
+
        font-size: 28px;
  /*padding-bottom: 20px;*/
+
        text-align: left;
  color: #111111;
+
    }
}
+
  
.bs-docs-sidenav
+
    h5{
{
+
        font-family: 'Tempus Sans ITC';
    font-family:Tahoma, Geneva, sans-serif !important;
+
        font-weight: 500;
    font-size: 20px !important;
+
        font-size: 25px;
    font-weight: 100 !important;
+
        text-align: left;
    text-align: left !important;
+
    }
}
+
  
 +
    p{
 +
        margin:0;
 +
        font-size:17px;
 +
        line-height: 30px;
 +
        /*padding-bottom: 20px;*/
 +
        color: #111111;
 +
    }
  
.textli li{
+
    .bs-docs-sidenav
     font-family:Tahoma, Geneva, sans-serif !important;
+
     {
    font-size: 20px !important;
+
        font-family:Tahoma, Geneva, sans-serif !important;
    font-weight: 100 !important;
+
        font-size: 20px !important;
    text-align: left !important;
+
        font-weight: 100 !important;
}
+
        text-align: left !important;
 +
    }
  
.nonStyleTable
 
{
 
    background: transparent !important;
 
    border:none !important;
 
}
 
  
.textimg{
+
    .textli li{
    /*width:50%;*/
+
        font-family:Tahoma, Geneva, sans-serif !important;
    /*margin-top: 20px;*/
+
        font-size: 20px !important;
    /*padding-bottom: 20px;*/
+
        font-weight: 100 !important;
    text-align: center;
+
        text-align: left !important;
}
+
    }
  
 +
    .textimg
 +
    {
 +
        width:50% !important;
 +
    }
  
 
+
     .ref
/*老姜要好看一点的表格*/
+
     {
.tableNice thead, .tableNice tr {
+
        font-size: 16px !important;
     text-align: center;
+
        line-height:22px !important;
    border-top-width: 1px;
+
        margin-bottom: 5px !important;
    border-top-style: solid;
+
        color: #353535;
    border-top-color: #b1c6d9;
+
    }
}
+
    /*文中自定义*/
.tableNice {
+
     width: auto;
+
    margin-left: 30%;
+
    border-bottom-width: 1px;
+
    border-bottom-style: solid;
+
    border-bottom-color: #D0E9FF;
+
}
+
 
+
/* Padding and font style */
+
.tableNice td, .tableNice th {
+
    padding: 5px 10px;
+
    font-size: 12px;
+
 
+
    color: #00343F;
+
}
+
 
+
/* Alternating background colors */
+
.tableNice tr:nth-child(even) {
+
    background: transparent;
+
 
+
}
+
.tableNice tr:nth-child(odd) {
+
    background: #EBFFFF;
+
}
+
 
+
.tableOuter
+
{
+
    align: center;
+
    text-align: left;
+
}
+
 
+
.ref
+
{
+
    font-size: 16px !important;
+
    line-height:22px !important;
+
    margin-bottom: 5px !important;
+
    color: #353535;
+
}
+
/*老姜要好看一点的表格止*/
+
/*文中自定义*/
+
 
</style>
 
</style>
  
  <body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
+
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
  <div class="page-loader"></div>
+
<div class="page-loader"></div>
      <!-- Docs master nav -->
+
<!-- Docs master nav -->
                  <!-- <h1><a class="navbar-brand" href="index.html">MuMei Lab</a></h1> -->
+
<!-- <h1><a class="navbar-brand" href="index.html">MuMei Lab</a></h1> -->
 
+
 
   <div class="container">
 
   <div class="container">
 
       <!-- header -->
 
       <!-- header -->
Line 531: Line 489:
 
   </div>
 
   </div>
  
  <p></p>
+
<p>"<br></p>
<div style="margin-top:0;padding-top:0">
+
<!--<div style="margin-top:0;padding-top:0">-->
  <img src="https://static.igem.org/mediawiki/2017/a/a3/ZJU_China_head_downstream.jpg" width="100%">
+
<!--<img id="partsPage" src="https://static.igem.org/mediawiki/2017/b/be/ZJUChina_interlab_banner.jpg" width="100%">-->
  <!-- <img src="images/HP_temp/banner.jpg" width="100%"> -->
+
<!--&lt;!&ndash; <img src="images/HP_temp/banner.jpg" width="100%"> &ndash;&gt;-->
</div>
+
<!--</div>-->
 +
 
 +
 
  
  
 
<div style="width: 100%" class="container zjuContent">
 
<div style="width: 100%" class="container zjuContent">
  <div class="col-md-3"></div>
+
    <div class="col-md-3"></div>
 
     <div class="col-md-9" role="main">
 
     <div class="col-md-9" role="main">
      <div class="bs-docs-section">
+
        <p class="bs-docs-section">
 +
        <h1 id="demonstrate" class="page-header ArticleHead GreenAH">Demonstrate</h1>
  
          <h1 id="demonstrate" class="page-header ArticleHead GreenAH">Demonstrate</h1>
+
        <h2 id="overview" class="H2Head">Overview</h2>
 +
        <p class="PP">The general functions of our project:</p>
 +
        <p class="PP Retract"><strong>Detecting the phytopathogens or the unhealthy situation of the plant by Trichoderma atroviride or our device.</strong></p>
 +
        <p class="PP Retract"><strong>Signal transduction and amplification</strong></p>
 +
        <p class="PP Retract"><strong>Expression of downstream genes<br><br></strong></p>
  
          <h2 id="overview" class="H2Head">Overview</h2>
+
        <p id="meet&activate" class="PP" style="border-top: 2px solid #00838F !important"><strong><br><br>When our engineered Trichoderma atroviride meets  phytopathogens, (take Phytophthora nicotianae as an example), some of report genes will be activated and give warning to our device.</strong></p>
          <p class="PP">The general functions of our project:</p>
+
        <h3 id="how0" class="H3Head">How we prove it?</h3>
          <p class="PP Retract"><strong>Detecting the phytopathogens or the unhealthy situation of the plant by Trichoderma atroviride or our device.</strong></p>
+
        <p class="PP">☑︎Cloned the ech42 promoter (the promoter can be elicited when Trichoderma atroviride meets phytopathogens) from Trichoderma atroviride and performed confrontational coculture to test its phytopathogen sensitivity.</p>
          <p class="PP Retract"><strong>Signal transduction and amplification</strong></p>
+
          <p class="PP Retract"><strong>Expression of downstream genes<br><br></strong></p>
+
  
          <p id="meet&activate" class="PP" style="border-top: 2px solid #00838F !important"><strong><br><br>When our engineered Trichoderma atroviride meets phytopathogens, (take Phytophthora nicotianae as an example), some of report genes will be activated and give warning to our device.</strong></p>
+
        <div class="col-md-12 col-sm-12">
          <h3 id="how0" class="H3Head">How we prove it?</h3>
+
            <div class="imgdiv col-md-6"><img style="height: 300px !important; width: auto !important;"  src="https://static.igem.org/mediawiki/2017/2/20/ZJU_China_Project_TP_P2.png"></div>
          <p class="PP">☑︎Cloned the ech42 promoter (the promoter can be elicited when Trichoderma atroviride meets phytopathogens) from Trichoderma atroviride and performed confrontational coculture to test its phytopathogen sensitivity.</p>
+
            <div class="imgdiv col-md-6"><img style="height: 270px !important; width: auto !important;" src="https://static.igem.org/mediawiki/2017/3/36/ZJU_China_tp_ech42.jpg"></div>
 +
        </div>
 +
        <p class="capture"> Fig.1 Write something here | Fig.2 Write something here<br></p>
 +
        <div class="imgdiv col-md-12"><img class="textimg" src="https://static.igem.org/mediawiki/2017/c/c7/ZJU_China_Project_TP_P3.png"></div>
 +
        <p class="capture"> Fig.3 Write something here<br></p>
  
          <div class="col-md-12 col-sm-12">
+
        <p class="PP" id="change&detect"><strong>Our device detects the change of VOC(Volatile Organic Compounds) released by plants and estimate whether our plants are infected.</strong></p>
              <div class="imgdiv col-md-6"><img style="height: 300px !important; width: auto !important;"  src="https://static.igem.org/mediawiki/2017/2/20/ZJU_China_Project_TP_P2.png"></div>
+
              <div class="imgdiv col-md-6"><img style="height: 270px !important; width: auto !important;"  src="https://static.igem.org/mediawiki/2017/3/36/ZJU_China_tp_ech42.jpg"></div>
+
          </div>
+
              <p class="capture"> Fig.1 Write something here | Fig.2 Write something here<br></p>
+
              <div class="imgdiv col-md-12"><img class="textimg" src="https://static.igem.org/mediawiki/2017/c/c7/ZJU_China_Project_TP_P3.png"></div>
+
                <p class="capture"> Fig.3 Write something here<br></p>
+
  
          <p class="PP" id="change&detect"><strong>Our device detects the change of VOC(Volatile Organic Compounds) released by plants and estimate whether our plants are infected.</strong></p>
+
        <h3 id="how1" class="H3Head">How to prove it?</h3>
 +
        <p class="PP"><strong>☑︎    </strong>We have constructed a classification model which can tell the health situation from the VOC they released.</p>
  
          <h3 id="how1" class="H3Head">How to prove it?</h3>
+
        <div style="text-align: center">
          <p class="PP"><strong>☑︎    </strong>We have constructed a classification model which can tell the health situation from the VOC they released.</p>
+
            <a class="CuteButton YellowCB" href="https://2017.igem.org/Team:ZJU-China/Project/mt">More About Model...</a>
 +
        </div>
 +
        <br><br>
  
          <div style="text-align: center">
+
        <p class="PP" id="device&transmit" style="border-top: 2px solid #00838F !important"><strong><br><br>Once the device can transmit the order to our engineered Trichoderma atroviride with chemical or electromagnetic signals.</strong></p>
                  <a class="CuteButton YellowCB" href="https://2017.igem.org/Team:ZJU-China/Project/mt">More About Model...</a>
+
              </div>
+
          <br><br>
+
  
          <p class="PP" id="device&transmit" style="border-top: 2px solid #00838F !important"><strong><br><br>Once the device can transmit the order to our engineered Trichoderma atroviride with chemical or electromagnetic signals.</strong></p>
+
        <h3 id="cs1" class="H3Head">Chemical signals:</h3>
 +
        <p class="PP"><strong>☑︎    </strong>Cloned the phlABCD cluster and carried out the bio-synthesis of DAPG in E.coli.</p>
 +
        <p class="PP"><strong>☑︎    </strong>Constructed the plasmids for DAPG bio-synthesis in Saccharomyces cerevisiae and Trichoderma atroviride.</p>
 +
        <p class="PP"><strong>☑︎    </strong>Constructed pho promoter and expressed phlF repressor.</p>
  
          <h3 id="cs1" class="H3Head">Chemical signals:</h3>
+
        <div class="imgdiv col-md-6"><img style="height: 200px !important; width: auto !important;" src="https://static.igem.org/mediawiki/2017/4/4c/ZJU_China_best_composite_2.jpg"></div>
          <p class="PP"><strong>☑︎    </strong>Cloned the phlABCD cluster and carried out the bio-synthesis of DAPG in E.coli.</p>
+
        <div class="imgdiv col-md-6"><img style="height: 200px !important; width: auto !important;"  src="https://static.igem.org/mediawiki/2017/b/b0/ZJU_China_demonstrate_hh.png"></div>
          <p class="PP"><strong>☑︎    </strong>Constructed the plasmids for DAPG bio-synthesis in Saccharomyces cerevisiae and Trichoderma atroviride.</p>
+
        <p class="capture"> Fig.4 Write something here | Fig.5 Write something here<br></p>
          <p class="PP"><strong>☑︎    </strong>Constructed pho promoter and expressed phlF repressor.</p>
+
  
          <div class="imgdiv col-md-6"><img style="height: 200px !important; width: auto !important;"  src="https://static.igem.org/mediawiki/2017/4/4c/ZJU_China_best_composite_2.jpg"></div>
+
        <h3 id="fw1" class="H3Head">Future work</h3>
          <div class="imgdiv col-md-6"><img style="height: 200px !important; width: auto !important;"  src="https://static.igem.org/mediawiki/2017/b/b0/ZJU_China_demonstrate_hh.png"></div>
+
        <p class="PP"><strong>☐︎    </strong>Test pho-phlF system with DAPG</p>
          <p class="capture"> Fig.4 Write something here | Fig.5 Write something here<br></p>
+
        <p class="PP"><strong>☐︎    </strong>Tested the function of phlABCD in Saccharomyces cerevisiae and Trichoderma atroviride and detect the bio-synthesis of DAPG.</p>
  
          <h3 id="fw1" class="H3Head">Future work</h3>
 
          <p class="PP"><strong>☐︎    </strong>Test pho-phlF system with DAPG</p>
 
          <p class="PP"><strong>☐︎    </strong>Tested the function of phlABCD in Saccharomyces cerevisiae and Trichoderma atroviride and detect the bio-synthesis of DAPG.</p>
 
  
 +
        <h3 id="es1" class="H3Head">Electromagnetic signals</h3>
 +
        <p class="PP"><strong>☑︎    </strong>Expressed TRPV-Ferritin in Saccharomyces cerevisiae and tested the its function with heat shock and capsaicin.</p>
 +
        <p class="PP"><strong>☑︎    </strong>Constructed Pcdre-mRFP in Saccharomyces cerevisiae and measured the relative intracellular calcium content needed to activate CDRE promoter.</p>
 +
        <p class="PP"><strong>☑︎    </strong>Proved that the calcium influx induced by TRPV1 is strong enough to activate CDRE promoter.</p>
  
          <h3 id="es1" class="H3Head">Electromagnetic signals</h3>
+
        <div class="imgdiv col-md-6"><img style="height: 300px !important; width: auto !important;" src="https://static.igem.org/mediawiki/2017/3/3a/ZJU_China_MWF_fig9.jpeg"></div>
          <p class="PP"><strong>☑︎    </strong>Expressed TRPV-Ferritin in Saccharomyces cerevisiae and tested the its function with heat shock and capsaicin.</p>
+
        <div class="imgdiv col-md-6"><img style="height: 300px !important; width: auto !important;"  src="https://static.igem.org/mediawiki/2017/1/19/ZJU_China_MWF_Rplot05.jpeg"></div>
          <p class="PP"><strong>☑︎    </strong>Constructed Pcdre-mRFP in Saccharomyces cerevisiae and measured the relative intracellular calcium content needed to activate CDRE promoter.</p>
+
        <p class="capture"> Fig.6 Write something here | Fig.7 Write something here<br></p>
          <p class="PP"><strong>☑︎    </strong>Proved that the calcium influx induced by TRPV1 is strong enough to activate CDRE promoter.</p>
+
  
          <div class="imgdiv col-md-6"><img style="height: 300px !important; width: auto !important;"  src="https://static.igem.org/mediawiki/2017/3/3a/ZJU_China_MWF_fig9.jpeg"></div>
+
        <h3 id="fw2" class="H3Head">Future work</h3>
          <div class="imgdiv col-md-6"><img style="height: 300px !important; width: auto !important;"  src="https://static.igem.org/mediawiki/2017/1/19/ZJU_China_MWF_Rplot05.jpeg"></div>
+
        <p class="PP"><strong>☐︎    </strong>Test TRPV1-Ferritin system with medium radio frequencies in Saccharomyces cerevisiae.</p>
          <p class="capture"> Fig.6 Write something here | Fig.7 Write something here<br></p>
+
        <p class="PP"><strong>☐︎    </strong>Construct TRPV1-Ferritin-CDRE system in Saccharomyces cerevisiae and Trichoderma atroviride.<br><br></p>
  
          <h3 id="fw2" class="H3Head">Future work</h3>
 
          <p class="PP"><strong>☐︎    </strong>Test TRPV1-Ferritin system with medium radio frequencies in Saccharomyces cerevisiae.</p>
 
          <p class="PP"><strong>☐︎    </strong>Construct TRPV1-Ferritin-CDRE system in Saccharomyces cerevisiae and Trichoderma atroviride.<br><br></p>
 
  
 +
        <p class="PP" id="receive&express" style="border-top: 2px solid #00838F !important"><br><br><strong>Once our Trichoderma atroviride has received the signal, the downstream gene will be expressed.</strong></p>
  
          <p class="PP" id="receive&express" style="border-top: 2px solid #00838F !important"><br><br><strong>Once our Trichoderma atroviride has received the signal, the downstream gene will be expressed.</strong></p>
+
        <h3 id="how2" class="H3Head">How to prove it?</h3>
 +
        <p class="PP"><strong>☑︎    </strong>We managed to express a special Serine protases in Saccharomyces cerevisiae and tested its activity.</p>
  
          <h3 id="how2" class="H3Head">How to prove it?</h3>
+
        <div class="imgdiv"><img class="textimg" src="https://static.igem.org/mediawiki/2017/f/fb/ZJU_China_Design5.png"></div>
          <p class="PP"><strong>☑︎    </strong>We managed to express a special Serine protases in Saccharomyces cerevisiae and tested its activity.</p>
+
        <p class="capture"> Fig.8 Write something here<br></p>
 +
        <div class="imgdiv"><img class="textimg" src="https://static.igem.org/mediawiki/2017/7/71/ZJU_China_Design6.png"></div>
 +
        <p class="capture"> Fig.9 Write something here<br></p>
  
          <div class="imgdiv"><img class="textimg" src="https://static.igem.org/mediawiki/2017/f/fb/ZJU_China_Design5.png"></div>
+
        <h3 id="fw3" class="H3Head">Future work</h3>
          <p class="capture"> Fig.8 Write something here<br></p>
+
        <p class="PP"><strong>☐︎    </strong>Express this serine protase in <em>T.atroviride</em>.</p>
          <div class="imgdiv"><img class="textimg" src="https://static.igem.org/mediawiki/2017/7/71/ZJU_China_Design6.png"></div>
+
        <p class="PP"><strong>☐︎    </strong>Search and express more downstream genes to equip our <em>T.atroviride</em> with more functions.</p>
          <p class="capture"> Fig.9 Write something here<br></p>
+
  
          <h3 id="fw3" class="H3Head">Future work</h3>
+
     </div>
          <p class="PP"><strong>☐︎     </strong>Express this serine protase in <em>T.atroviride</em>.</p>
+
          <p class="PP"><strong>☐︎    </strong>Search and express more downstream genes to equip our <em>T.atroviride</em> with more functions.</p>
+
  
      </div>
+
    <!-- 右侧监听开始 -->
 +
    <div class="col-md-3 disappear-on-top" role="complementary">
 +
        <nav  style="position: fixed; top: 100px ; left:50px;" class="bs-docs-sidebar hidden-print hidden-xs hidden-sm">
 +
            <ul class="nav bs-docs-sidenav shorterli">
  
 +
                <li><a href="#overview">Overview</a></li>
 +
                <li>
 +
                    <a href="#meet&activate">Meet & Activate</a>
 +
                    <ul class="nav">
 +
                        <li><a href="#how0">How to prove?</a></li>
 +
                    </ul>
 +
                </li>
  
 +
                <li>
 +
                    <a href="#change&detect">Change & Detect</a>
 +
                    <ul class="nav">
 +
                        <li><a href="#how1">How to prove?</a></li>
 +
                    </ul>
 +
                </li>
  
<!-- 右侧监听开始 -->
+
                <li>
<div class="col-md-3 disappear-on-top" role="complementary">
+
                    <a href="#device&transmit">Device & Transmit</a>
  <nav  style="position: fixed; top: 100px ; left:50px; " class="bs-docs-sidebar hidden-print hidden-xs hidden-sm">
+
                    <ul class="nav">
    <ul class="nav bs-docs-sidenav shorterli">
+
                        <li><a href="#cs1">Chemical Signals</a></li>
 +
                        <li><a href="#fw1">Future work</a></li>
 +
                        <li><a href="#es1">Electromagnetic signals</a></li>
 +
                        <li><a href="#fw2">Future work</a></li>
 +
                    </ul>
 +
                </li>
 +
                <li>
 +
                    <a href="#receive&express">Receive & Express</a>
 +
                    <ul class="nav">
 +
                        <li><a href="#how2">How to prove?</a></li>
 +
                        <li><a href="#fw3">Future work</a></li>
 +
                    </ul>
 +
                </li>
 +
            </ul>
  
        <li><a href="#overview">Overview</a></li>
+
            <a class="back-to-top" href="#top">
      <li>
+
                <!--  <i class="fa fa-arrow-up nav_icon"></i> -->
        <a href="#meet&activate">Meet & Activate</a>
+
                <img style="width: 50px;" src="https://static.igem.org/mediawiki/2017/d/da/ZJU_China_UP.png">
          <ul class="nav">
+
            </a>
            <li><a href="#how0">How to prove?</a></li>
+
          </ul>
+
      </li>
+
  
        <li>
 
            <a href="#change&detect">Change & Detect</a>
 
            <ul class="nav">
 
                <li><a href="#how1">How to prove?</a></li>
 
            </ul>
 
        </li>
 
  
         <li>
+
         </nav>
            <a href="#device&transmit">Device & Transmit</a>
+
     </div>
            <ul class="nav">
+
                <li><a href="#cs1">Chemical Signals</a></li>
+
                <li><a href="#fw1">Future work</a></li>
+
                <li><a href="#es1">Electromagnetic signals</a></li>
+
                <li><a href="#fw2">Future work</a></li>
+
            </ul>
+
        </li>
+
        <li>
+
            <a href="#receive&express">Receive & Express</a>
+
            <ul class="nav">
+
                <li><a href="#how2">How to prove?</a></li>
+
                <li><a href="#fw3">Future work</a></li>
+
            </ul>
+
        </li>
+
     </ul>
+
  
  <a class="back-to-top" href="#top">
+
</div>
  <!--  <i class="fa fa-arrow-up nav_icon"></i> -->
+
    <img style="width: 50px;" src="https://static.igem.org/mediawiki/2017/d/da/ZJU_China_UP.png">
+
  </a>
+
 
+
           
+
          </nav>
+
        </div>
+
       
+
      </div>
+
 
</div>
 
</div>
 
<!-- 右侧监听结束 -->
 
<!-- 右侧监听结束 -->
 
<!-- footer开始 -->
 
<!-- footer开始 -->
 
<div class="footer"  style="background-color: #000000">
 
<div class="footer"  style="background-color: #000000">
  <div class="copyright container text-center">
+
    <div class="copyright container text-center">
      <p><br></p>
+
        <p class="copyright"><br>"<br></p>
    <p class="copyright">Copyright &copy; 2017 ZJU-IGEM | <a href="http://www.zju.edu.cn/">Zhejiang University</a> |</p>
+
        <p class="copyright">Copyright &copy; 2017 ZJU-IGEM | <a href="http://www.zju.edu.cn/">Zhejiang University</a> |
    <p><br></p>
+
        "<br></p>
  </div>
+
        <!--<p class="copyright">Contact us:<a class="copyright" href="">WeChat</a>"<br></p>-->
 +
        <p class="copyright"><br>"<br></p>
 +
    </div>
 
</div>
 
</div>
 
<!-- footer结束 -->
 
<!-- footer结束 -->
Line 683: Line 642:
  
 
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
 
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
  <!--script src="js/bootstrap.min.js"></script-->
+
<!--script src="js/bootstrap.min.js"></script-->
  <script src="https://static.igem.org/mediawiki/2017/8/85/ZJUChina_js_docsmin.txt"></script>
+
<script src="https://static.igem.org/mediawiki/2017/8/85/ZJUChina_js_docsmin.txt"></script>
  <!--script src="js/button.js"></script-->
+
<!--script src="js/button.js"></script-->
  <script src="https://static.igem.org/mediawiki/2017/2/22/ZJUChina_bootstrap.min.txt"></script>
+
<script src="https://static.igem.org/mediawiki/2017/2/22/ZJUChina_bootstrap.min.txt"></script>
  <script src="https://static.igem.org/mediawiki/2017/3/32/ZJUChina_docs.min.txt"></script>
+
<script src="https://static.igem.org/mediawiki/2017/3/32/ZJUChina_docs.min.txt"></script>
  <script src="https://static.igem.org/mediawiki/2017/e/e0/ZJUChina_button.txt"></script>
+
<script src="https://static.igem.org/mediawiki/2017/e/e0/ZJUChina_button.txt"></script>
  
  <!--<script src="js/scrolling-nav.js"></script>-->
+
<script src="https://2017.igem.org/Team:ZJU-China/js/scrollingnavnonPic?action=raw&ctype=text/javascript"></script>
  <script src="https://2017.igem.org/Zju/js/scrollingnav?action=raw&ctype=text/javascript"></script>
+
<!--<script src="https://static.igem.org/mediawiki/2017/9/92/ZJUChina_scrolling-nav.txt"></script>  -->
  <script src="https://static.igem.org/mediawiki/2017/c/c0/ZJUChina_txtSmoothScroll.min.txt"></script>
+
<script src="https://static.igem.org/mediawiki/2017/c/c0/ZJUChina_txtSmoothScroll.min.txt"></script>
  
  </body>
+
</body>
 
</html>
 
</html>

Revision as of 01:41, 28 October 2017

"

Demonstrate

Overview

The general functions of our project:

Detecting the phytopathogens or the unhealthy situation of the plant by Trichoderma atroviride or our device.

Signal transduction and amplification

Expression of downstream genes



When our engineered Trichoderma atroviride meets phytopathogens, (take Phytophthora nicotianae as an example), some of report genes will be activated and give warning to our device.

How we prove it?

☑︎Cloned the ech42 promoter (the promoter can be elicited when Trichoderma atroviride meets phytopathogens) from Trichoderma atroviride and performed confrontational coculture to test its phytopathogen sensitivity.

Fig.1 Write something here | Fig.2 Write something here

Fig.3 Write something here

Our device detects the change of VOC(Volatile Organic Compounds) released by plants and estimate whether our plants are infected.

How to prove it?

☑︎ We have constructed a classification model which can tell the health situation from the VOC they released.





Once the device can transmit the order to our engineered Trichoderma atroviride with chemical or electromagnetic signals.

Chemical signals:

☑︎ Cloned the phlABCD cluster and carried out the bio-synthesis of DAPG in E.coli.

☑︎ Constructed the plasmids for DAPG bio-synthesis in Saccharomyces cerevisiae and Trichoderma atroviride.

☑︎ Constructed pho promoter and expressed phlF repressor.

Fig.4 Write something here | Fig.5 Write something here

Future work

☐︎ Test pho-phlF system with DAPG

☐︎ Tested the function of phlABCD in Saccharomyces cerevisiae and Trichoderma atroviride and detect the bio-synthesis of DAPG.

Electromagnetic signals

☑︎ Expressed TRPV-Ferritin in Saccharomyces cerevisiae and tested the its function with heat shock and capsaicin.

☑︎ Constructed Pcdre-mRFP in Saccharomyces cerevisiae and measured the relative intracellular calcium content needed to activate CDRE promoter.

☑︎ Proved that the calcium influx induced by TRPV1 is strong enough to activate CDRE promoter.

Fig.6 Write something here | Fig.7 Write something here

Future work

☐︎ Test TRPV1-Ferritin system with medium radio frequencies in Saccharomyces cerevisiae.

☐︎ Construct TRPV1-Ferritin-CDRE system in Saccharomyces cerevisiae and Trichoderma atroviride.



Once our Trichoderma atroviride has received the signal, the downstream gene will be expressed.

How to prove it?

☑︎ We managed to express a special Serine protases in Saccharomyces cerevisiae and tested its activity.

Fig.8 Write something here

Fig.9 Write something here

Future work

☐︎ Express this serine protase in T.atroviride.

☐︎ Search and express more downstream genes to equip our T.atroviride with more functions.