Difference between revisions of "Team:NEU China A"

Line 57: Line 57:
 
     }
 
     }
  
  .homeheight {
+
    #parts {
      height: calc(100vh - 80px);
+
        width: 175px !important;
 +
    }
 +
 
 +
    .homeheight {
 +
        height: calc(100vh - 80px);
 +
    }
 +
 
 +
    .nextheight {
 +
        height: 250px;
 +
    }
 +
 
 +
    .hold {
 +
        margin-top: -28px;
 +
    }
 +
 
 +
    .center {
 +
        text-align: center;
 +
    }
 +
 
 +
    ._center {
 +
        padding-left: 20px;
 +
        text-align: center;
 +
    }
 +
 
 +
    p {
 +
        line-height: 30px;
 +
        font-family: Georgia;
 +
        font-size: 17px;
 +
    }
 +
 
 +
    h2 {
 +
        font-family: thin;
 +
        font-size: 60px;
 +
        color: #ffffff
 +
    }
 +
 
 +
    .blu {
 +
        background-color: #4da2dc !important;
 +
        box-shadow: 0px 3px 1px #4da2dc
 +
    }
 +
 
 +
    .card {
 +
        min-height: 450px;
 +
    }
 +
 
 +
    .borderleft {
 +
        border-style: none none none solid;
 +
        border-color: #03a9f4;
 +
        border-width: 5px;
 +
        padding-left: 15px;
 +
    }
 +
 
 +
    pre {
 +
        white-space: pre-wrap;
 +
        white-space: -moz-pre-wrap;
 +
        white-space: -pre-wrap;
 +
        white-space: -o-pre-wrap;
 +
        word-wrap: break-word;
 +
    }
 +
 
 +
    .quote {
 +
        font-size: 15px;
 +
        color: #9e9e9e;
 
     }
 
     }
.nextheight{
 
height:250px;
 
}
 
 
    .hold{margin-top:-28px;}
 
.center{text-align:center;}
 
._center{padding-left:20px;text-align:center;}
 
p{line-height: 30px; font-family: Georgia; font-size:17px;}
 
h2{font-family:thin;font-size:60px;color:#ffffff}
 
.blu{background-color:#4da2dc!important;
 
            box-shadow: 0px 3px 1px #4da2dc}
 
.card{min-height:450px;}
 
 
</style>
 
</style>
  
Line 91: Line 141:
 
                 </li>
 
                 </li>
 
                 <li>
 
                 <li>
                     <a data-target="sequences" class="dropdown-trigger" href="#!">
+
                     <a data-target="parts" class="dropdown-trigger" href="#!">
                         Sequences<i style="margin-left: 0" class="material-icons right">arrow_drop_down</i>
+
                         Parts<i style="margin-left: 0" class="material-icons right">arrow_drop_down</i>
 
                     </a>
 
                     </a>
 
                 </li>
 
                 </li>
Line 119: Line 169:
 
                 <div class="collapsible-body">
 
                 <div class="collapsible-body">
 
                     <div class="collection">
 
                     <div class="collection">
                         <a href="description.html" class="collection-item">Description</a>
+
                         <a href="Description" class="collection-item">Description</a>
                         <a href="design.html" class="collection-item">Design</a>
+
                         <a href="Design" class="collection-item">Design</a>
                         <a href="results.html" class="collection-item">Results</a>
+
                         <a href="Results" class="collection-item">Results</a>
                         <a href="model.html" class="collection-item">Model</a>
+
                         <a href="Model" class="collection-item">Model</a>
                         <a href="denmonstrate.html" class="collection-item">Denmonstrate</a>
+
                         <a href="Denmonstrate" class="collection-item">Denmonstrate</a>
 +
                        <a href="Interlab" class="collection-item">InterLab</a>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 131: Line 182:
 
                 <div class="collapsible-body">
 
                 <div class="collapsible-body">
 
                     <div class="collection">
 
                     <div class="collection">
                         <a href="notebook.html" class="collection-item">Notebook</a>
+
                         <a href="Notebook" class="collection-item">Notebook</a>
                         <a href="protocols.html" class="collection-item">Protocols</a>
+
                         <a href="Protocols" class="collection-item">Protocols</a>
                         <a href="interlab.html" class="collection-item">Interlab</a>
+
                         <a href="Safety" class="collection-item">Safety</a>
                        <a href="safety.html" class="collection-item">Safety</a>
+
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
             </li>
 
             </li>
 
             <li>
 
             <li>
                 <div class="collapsible-header"><i style="color: #03a9f4" class="material-icons">details</i>Sequences</div>
+
                 <div class="collapsible-header"><i style="color: #03a9f4" class="material-icons">details</i>Parts</div>
 
                 <div class="collapsible-body">
 
                 <div class="collapsible-body">
 
                     <div class="collection">
 
                     <div class="collection">
                         <a href="basic-parts.html" class="collection-item">Basic Parts</a>
+
                         <a href="BasicAndCompositeParts" class="collection-item">Basic And Composite Parts</a>
                        <a href="composite-parts.html" class="collection-item">Composite Parts</a>
+
                         <a href="ImprovedBiobricks" class="collection-item">Improved Biobricks</a>
                         <a href="improved-biobricks.html" class="collection-item">Improved Biobricks</a>
+
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 152: Line 201:
 
                 <div class="collapsible-body">
 
                 <div class="collapsible-body">
 
                     <div class="collection">
 
                     <div class="collection">
                         <a href="description.html" class="collection-item">Silver HP</a>
+
                         <a href="HumanPractices" class="collection-item">Human Practices</a>
                         <a href="design.html" class="collection-item">Integrated HP</a>
+
                         <a href="Collaborations" class="collection-item">Collaborations</a>
                        <a href="results.html" class="collection-item">Collaborations</a>
+
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 162: Line 210:
 
                 <div class="collapsible-body">
 
                 <div class="collapsible-body">
 
                     <div class="collection">
 
                     <div class="collection">
                         <a href="description.html" class="collection-item">Team member</a>
+
                         <a href="TeamMember" class="collection-item">Team Member</a>
                         <a href="design.html" class="collection-item">Attributions</a>
+
                         <a href="Attributions" class="collection-item">Attributions</a>
                         <a href="results.html" class="collection-item">Gallery</a>
+
                         <a href="Gallery" class="collection-item">Gallery</a>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 173: Line 221:
 
                 <div class="collapsible-body">
 
                 <div class="collapsible-body">
 
                     <div class="collection">
 
                     <div class="collection">
                         <a href="description.html" class="collection-item">For judges</a>
+
                         <a href="ForJudges" class="collection-item">For judges</a>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 181: Line 229:
 
     </ul>
 
     </ul>
 
     <ul id="project" class="dropdown-content">
 
     <ul id="project" class="dropdown-content">
         <li><a href="#!">Description</a></li>
+
         <li><a href="Description">Description</a></li>
         <li><a href="#!">Design</a></li>
+
         <li><a href="Design">Design</a></li>
         <li><a href="#!">Results</a></li>
+
         <li><a href="Results">Results</a></li>
         <li><a href="#!">Model</a></li>
+
         <li><a href="Model">Model</a></li>
         <li><a href="#!">Denmonstrate</a></li>
+
         <li><a href="Denmonstrate">Denmonstrate</a></li>
 +
        <li><a href="Interlab">Interlab</a></li>
 
     </ul>
 
     </ul>
 
     <ul id="lab" class="dropdown-content">
 
     <ul id="lab" class="dropdown-content">
         <li><a href="#!">Notebook</a></li>
+
         <li><a href="Notebook">Notebook</a></li>
         <li><a href="#!">Protocols</a></li>
+
         <li><a href="Protocols">Protocols</a></li>
         <li><a href="#!">Interlab</a></li>
+
         <li><a href="Safety">Safety</a></li>
        <li><a href="#!">Safety</a></li>
+
 
     </ul>
 
     </ul>
     <ul id="sequences" class="dropdown-content">
+
     <ul id="parts" class="dropdown-content">
         <li><a href="#!">Basic Parts</a></li>
+
         <li><a href="BasicAndCompositeParts">Basic And Composite Parts</a></li>
        <li><a href="#!">Composite Parts</a></li>
+
         <li><a href="ImprovedBiobricks">Improved Biobricks</a></li>
         <li><a href="#!">Improved Biobricks</a></li>
+
 
     </ul>
 
     </ul>
 
     <ul id="hp" class="dropdown-content">
 
     <ul id="hp" class="dropdown-content">
         <li><a href="#!">Silver HP</a></li>
+
         <li><a href="HumanPractices">Human Practices</a></li>
         <li><a href="#!">Integrated HP</a></li>
+
         <li><a href="Collaborations">Collaborations</a></li>
        <li><a href="#!">Collaborations</a></li>
+
 
     </ul>
 
     </ul>
 
     <ul id="team" class="dropdown-content">
 
     <ul id="team" class="dropdown-content">
         <li><a href="#!">Team member</a></li>
+
         <li><a href="TeamMember">Team member</a></li>
         <li><a href="#!">Attributions</a></li>
+
         <li><a href="Attributions">Attributions</a></li>
         <li><a href="#!">Gallery</a></li>
+
         <li><a href="Gallery">Gallery</a></li>
 
     </ul>
 
     </ul>
 
     <ul id="medalCriteria" class="dropdown-content">
 
     <ul id="medalCriteria" class="dropdown-content">
         <li><a href="#!">For judges</a></li>
+
         <li><a href="ForJudges">For judges</a></li>
 
     </ul>
 
     </ul>
 
</header>
 
</header>
 +
<!-- header -->
 +
 
<div class="section hold"></div>
 
<div class="section hold"></div>
  
<div STYLE="position:absolute;top=20;width:100%">
+
<div style="position:absolute;top: 20;width:100%">
<div class="row container">
+
    <div class="row container">
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
+
        <br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
 
         <h2 class="header center">NEU-China-A</h3>
 
         <h2 class="header center">NEU-China-A</h3>
 
     </div>
 
     </div>
Line 222: Line 270:
  
 
<div class="homeheight">
 
<div class="homeheight">
<div class="parallax-container homeheight">
+
    <div class="parallax-container homeheight">
<div class="parallax">
+
        <div class="parallax">
<img class="responsive-img" src="https://static.igem.org/mediawiki/2018/d/d6/T--NEU_China_A--home1.jpg">
+
            <img class="responsive-img" src="https://static.igem.org/mediawiki/2018/d/d6/T--NEU_China_A--home1.jpg">
</div>
+
        </div>
+
 
</div>
+
    </div>
 
</div>
 
</div>
  
Line 237: Line 285:
 
</div>
 
</div>
  
<div class="container row " >
+
<div class="container row ">
<img class="responsive-img" src="https://static.igem.org/mediawiki/2018/c/cb/T--NEU_China_A--homepage-pic2-img.png" alt="Overview" onscroll="Materialize.fadeInImage('#image-test')"/>
+
    <img class="responsive-img" src="https://static.igem.org/mediawiki/2018/c/cb/T--NEU_China_A--homepage-pic2-img.png" alt="Overview"
 +
        onscroll="Materialize.fadeInImage('#image-test')" />
 
</div>
 
</div>
 
<div class="container row">
 
<div class="container row">
 
     <p class="card-panel hoverable">
 
     <p class="card-panel hoverable">
         The goal of NEU_China_A this year is to design a biological system aiming to alleviate intestinal inflammatory diseases and prevent potential colorectal cancer. We chose E. coli Nissle 1917 as our chassis, a probiotic that is safe for humans. On the one hand, when it senses an inflammatory signal in the intestine, it releases an anti-inflammatory drug (interleukin-10) to put out the fire in the intestines. On the other hand, it can release myrosinase to convert the glucosinolate contained in cruciferous vegetables into sulforaphane. The sulforaphane can both alleviate inflammation in the intestine and prevent colorectal cancer induced by chronic inflammation.
+
         The goal of NEU_China_A this year is to design a biological system aiming to alleviate intestinal inflammatory
 +
        diseases and prevent potential colorectal cancer. We chose E. coli Nissle 1917 as our chassis, a probiotic that
 +
        is safe for humans. On the one hand, when it senses an inflammatory signal in the intestine, it releases an
 +
        anti-inflammatory drug (interleukin-10) to put out the fire in the intestines. On the other hand, it can
 +
        release myrosinase to convert the glucosinolate contained in cruciferous vegetables into sulforaphane. The
 +
        sulforaphane can both alleviate inflammation in the intestine and prevent colorectal cancer induced by chronic
 +
        inflammation.
 
     </p>
 
     </p>
 
</div>
 
</div>
<br/><br/>
+
<br /><br />
<!-- first-->
+
 
+
<!--<div class="row">
+
<div class="section white">
+
<div class="row container">
+
<h3 class="header center">Intestinal homeostasis</h3>
+
</div>
+
</div>
+
</div>
+
<div class="row ">
+
<div class="col m7 pull-s5">
+
<div class="_center">
+
<img class="responsive-img" src="https://static.igem.org/mediawiki/2018/1/1a/T--NEU_China_A--fig1.png" alt="Intestinal homeostasis" />
+
</div>
+
</div>
+
<div class="col m5 pull-s7">
+
<br/>
+
<p class="card-panel hoverable">
+
There are a lot of microorganisms living in the intestines. The intestinal villi and the underlying tissueshave
+
the largest immune cell population in the human body. Harmonious coexistence between the intestinalflora and
+
the immune cells is critical to human health. Consequently, the intestine has evolved severalmechanisms.
+
</p>
+
<br/>
+
</div>
+
</div>
+
-->
+
 
<div class="row">
 
<div class="row">
<div class="light-blue lighten-3">
+
    <div class="light-blue lighten-3">
+
<br/>
+
<div class="row container">
+
<h3 class="header center">Intestinal homeostasis</h3>
+
</div>
+
  
+
        <br />
<br/>
+
        <div class="row container">
<div class="container">
+
            <h3 class="header center">Intestinal homeostasis</h3>
<p class="card-panel hoverable caption center-align">
+
        </div>
There are a lot of microorganisms living in the intestines. The intestinal villi and the underlying tissueshave
+
the largest immune cell population in the human body. Harmonious coexistence between the intestinalflora and
+
the immune cells is critical to human health. Consequently, the intestine has evolved severalmechanisms.
+
</p>
+
</div>
+
    <br/>
+
</div>
+
<div class="container row">
+
<img class="responsive-img" src="https://static.igem.org/mediawiki/2018/1/1a/T--NEU_China_A--fig1.png" alt="Intestinal homeostasis" />
+
</div>
+
<div class="container row">
+
+
<div class="col s4">
+
<div class="card">
+
<div class="card-content">
+
    <p>In the crypt, the goblet cells secrete mucus covering the surface of the intestinal villi and Paneth cells
+
secrete antibacterial peptides to inhibit bacterial invasion. In addition, the basal stem cells continue to
+
proliferate and differentiate to renew the intestinal epithelium.
+
</p>
+
</div>
+
</div>
+
</div>
+
<div class="col s4">
+
<div class="card">
+
<div class="card-content">
+
    <p>Peyer’s patch contains a large amount of lymphoid tissues, which is the key to regulating the immune
+
system's response to pathogens, and is tolerant to harmless microorganisms and food. Dendritic cells in the
+
Peyer’s patch can extend dendrites among epithelial cells, collecting antigen and decomposing it, by which
+
to activate the tolerability of lymphoid cells.</p>
+
  
</div>
+
 
</div>
+
        <br />
</div>
+
        <div class="container">
<div class="col s4">
+
            <p class="card-panel hoverable caption center-align">
<div class="card">
+
                There are a lot of microorganisms living in the intestines. The intestinal villi and the underlying
<div class="card-content">
+
                tissueshave
    <p>Regulatory T cells secrete IL-10 in the lamina propria, inhibit the immune cells of the lamina propria and
+
                the largest immune cell population in the human body. Harmonious coexistence between the
epithelial layers, preventing vigorous immunoreaction along with unnecessary inflammation. Once the
+
                intestinalflora and
imbalance of homeostasis in the immune system occurs, it can cause intestinal disease. When this condition
+
                the immune cells is critical to human health. Consequently, the intestine has evolved
persists without intervention, it can lead to inflammatory bowel disease.</p>
+
                severalmechanisms.
</div>
+
            </p>
</div>
+
        </div>
</div>
+
        <br />
</div>
+
    </div>
 +
    <div class="container row">
 +
        <img class="responsive-img" src="https://static.igem.org/mediawiki/2018/1/1a/T--NEU_China_A--fig1.png" alt="Intestinal homeostasis" />
 +
    </div>
 +
    <div class="container row">
 +
 
 +
        <div class="col s4">
 +
            <div class="card">
 +
                <div class="card-content">
 +
                    <p>In the crypt, the goblet cells secrete mucus covering the surface of the intestinal villi and
 +
                        Paneth cells
 +
                        secrete antibacterial peptides to inhibit bacterial invasion. In addition, the basal stem cells
 +
                        continue to
 +
                        proliferate and differentiate to renew the intestinal epithelium.
 +
                    </p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="col s4">
 +
            <div class="card">
 +
                <div class="card-content">
 +
                    <p>Peyer’s patch contains a large amount of lymphoid tissues, which is the key to regulating the
 +
                        immune
 +
                        system's response to pathogens, and is tolerant to harmless microorganisms and food. Dendritic
 +
                        cells in the
 +
                        Peyer’s patch can extend dendrites among epithelial cells, collecting antigen and decomposing
 +
                        it, by which
 +
                        to activate the tolerability of lymphoid cells.</p>
 +
 
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="col s4">
 +
            <div class="card">
 +
                <div class="card-content">
 +
                    <p>Regulatory T cells secrete IL-10 in the lamina propria, inhibit the immune cells of the lamina
 +
                        propria and
 +
                        epithelial layers, preventing vigorous immunoreaction along with unnecessary inflammation. Once
 +
                        the
 +
                        imbalance of homeostasis in the immune system occurs, it can cause intestinal disease. When
 +
                        this condition
 +
                        persists without intervention, it can lead to inflammatory bowel disease.</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div>
 
</div>
 
</div>
<br/><br/>
+
<br /><br />
 
<div class="parallax-container nextheight">
 
<div class="parallax-container nextheight">
<div class="parallax">
+
    <div class="parallax">
<img class="responsive-img" src="https://static.igem.org/mediawiki/2018/d/d6/T--NEU_China_A--home1.jpg">
+
        <img class="responsive-img" src="https://static.igem.org/mediawiki/2018/d/d6/T--NEU_China_A--home1.jpg">
</div>
+
    </div>
 
</div>
 
</div>
  
Line 346: Line 386:
 
         $('.parallax').parallax();
 
         $('.parallax').parallax();
 
     });
 
     });
  var instance = M.Tabs.init(el, options);
+
    var instance = M.Tabs.init(el, options);
  
 
   // Or with jQuery
 
   // Or with jQuery

Revision as of 11:15, 16 October 2018











NEU-China-A

Overview

Overview

The goal of NEU_China_A this year is to design a biological system aiming to alleviate intestinal inflammatory diseases and prevent potential colorectal cancer. We chose E. coli Nissle 1917 as our chassis, a probiotic that is safe for humans. On the one hand, when it senses an inflammatory signal in the intestine, it releases an anti-inflammatory drug (interleukin-10) to put out the fire in the intestines. On the other hand, it can release myrosinase to convert the glucosinolate contained in cruciferous vegetables into sulforaphane. The sulforaphane can both alleviate inflammation in the intestine and prevent colorectal cancer induced by chronic inflammation.




Intestinal homeostasis


There are a lot of microorganisms living in the intestines. The intestinal villi and the underlying tissueshave the largest immune cell population in the human body. Harmonious coexistence between the intestinalflora and the immune cells is critical to human health. Consequently, the intestine has evolved severalmechanisms.


Intestinal homeostasis

In the crypt, the goblet cells secrete mucus covering the surface of the intestinal villi and Paneth cells secrete antibacterial peptides to inhibit bacterial invasion. In addition, the basal stem cells continue to proliferate and differentiate to renew the intestinal epithelium.

Peyer’s patch contains a large amount of lymphoid tissues, which is the key to regulating the immune system's response to pathogens, and is tolerant to harmless microorganisms and food. Dendritic cells in the Peyer’s patch can extend dendrites among epithelial cells, collecting antigen and decomposing it, by which to activate the tolerability of lymphoid cells.

Regulatory T cells secrete IL-10 in the lamina propria, inhibit the immune cells of the lamina propria and epithelial layers, preventing vigorous immunoreaction along with unnecessary inflammation. Once the imbalance of homeostasis in the immune system occurs, it can cause intestinal disease. When this condition persists without intervention, it can lead to inflammatory bowel disease.