Difference between revisions of "Team:NEU China A"

 
(5 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{NEU_China_A}}
 
{{NEU_China_A}}
 
+
{{Template:NEU_China_A/header}}
 
<html lang="en">
 
<html lang="en">
 +
<!-- header -->
  
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:NEU_China_A/CSS-clearCss?action=raw&ctype=text/css">
 
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:NEU_China_A/CSS-materialCss?action=raw&ctype=text/css">
 
<script type="text/javascript" src="https://2018.igem.org/Template:NEU_China_A/JS-jquery?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2018.igem.org/Template:NEU_China_A/JS-materialJs?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2018.igem.org/Template:NEU_China_A/JS-clearCss?action=raw&ctype=text/javascript"></script>
 
<style type="text/css">
 
    /* reset */
 
    #content nav * {
 
        height: unset;
 
        line-height: unset;
 
    }
 
 
    .sidenav-overlay {
 
        left: 300px
 
    }
 
 
    #content nav .dropdown-content li {
 
        line-height: 50px;
 
    }
 
 
    #content nav .dropdown-content li a {
 
        line-height: 22px;
 
    }
 
 
    #content .menu-item {
 
        line-height: 20px;
 
        font-size: 16px;
 
        height: 20px;
 
        border-top: solid #222 1px;
 
        border-bottom: solid #222 1px;
 
        margin: 2px 0 2px 58px;
 
    }
 
 
    #content .menu-item a,
 
    #content .menu-item a:link,
 
    #content .menu-item a:hover,
 
    #content .menu-item a:visited,
 
    #content .menu-item a:active {
 
        color: #333;
 
    }
 
 
    /* nav bar width */
 
    #project {
 
        width: 140px !important;
 
    }
 
 
    #hp {
 
        width: 145px !important;
 
    }
 
 
    #team {
 
        width: 120px !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;}
 
</style>
 
 
<header>
 
    <nav class="blu">
 
        <div class="nav-wrapper">
 
            <a href="#" class="brand-logo"></a>
 
            <a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons">menu</i></a>
 
            <ul class="right hide-on-med-and-down">
 
                <li>
 
                    <a data-target="project" class="dropdown-trigger" href="#!">
 
                        Porject<i style="margin-left: 0" class="material-icons right">arrow_drop_down</i>
 
                    </a>
 
                </li>
 
                <li>
 
                    <a data-target="lab" class="dropdown-trigger" href="#!">
 
                        Lab<i style="margin-left: 0" class="material-icons right">arrow_drop_down</i>
 
                    </a>
 
                </li>
 
                <li>
 
                    <a data-target="sequences" class="dropdown-trigger" href="#!">
 
                        Sequences<i style="margin-left: 0" class="material-icons right">arrow_drop_down</i>
 
                    </a>
 
                </li>
 
                <li>
 
                    <a data-target="hp" class="dropdown-trigger" href="#!">
 
                        HP<i style="margin-left: 0" class="material-icons right">arrow_drop_down</i>
 
                    </a>
 
                </li>
 
                <li>
 
                    <a data-target="team" class="dropdown-trigger" href="#!">
 
                        Team<i style="margin-left: 0" class="material-icons right">arrow_drop_down</i>
 
                    </a>
 
                </li>
 
                <li>
 
                    <a data-target="medalCriteria" class="dropdown-trigger" href="#!">
 
                        Medal Criteria<i style="margin-left: 0" class="material-icons right">arrow_drop_down</i>
 
                    </a>
 
                </li>
 
            </ul>
 
        </div>
 
    </nav>
 
    <ul class="sidenav" id="mobile-demo">
 
        <ul class="collapsible" style="margin-top: 16px">
 
            <li>
 
                <div class="collapsible-header"><i style="color: #03a9f4" class="material-icons">folder_open</i>Porject</div>
 
                <div class="collapsible-body">
 
                    <div class="collection">
 
                        <a href="description.html" class="collection-item">Description</a>
 
                        <a href="design.html" class="collection-item">Design</a>
 
                        <a href="results.html" class="collection-item">Results</a>
 
                        <a href="model.html" class="collection-item">Model</a>
 
                        <a href="denmonstrate.html" class="collection-item">Denmonstrate</a>
 
                    </div>
 
                </div>
 
            </li>
 
            <li>
 
                <div class="collapsible-header"><i style="color: #03a9f4" class="material-icons">place</i>Lab</div>
 
                <div class="collapsible-body">
 
                    <div class="collection">
 
                        <a href="notebook.html" class="collection-item">Notebook</a>
 
                        <a href="protocols.html" class="collection-item">Protocols</a>
 
                        <a href="interlab.html" class="collection-item">Interlab</a>
 
                        <a href="safety.html" class="collection-item">Safety</a>
 
                    </div>
 
                </div>
 
            </li>
 
            <li>
 
                <div class="collapsible-header"><i style="color: #03a9f4" class="material-icons">details</i>Sequences</div>
 
                <div class="collapsible-body">
 
                    <div class="collection">
 
                        <a href="basic-parts.html" class="collection-item">Basic Parts</a>
 
                        <a href="composite-parts.html" class="collection-item">Composite Parts</a>
 
                        <a href="improved-biobricks.html" class="collection-item">Improved Biobricks</a>
 
                    </div>
 
                </div>
 
            </li>
 
            <li>
 
                <div class="collapsible-header"><i style="color: #03a9f4" class="material-icons">lightbulb_outline</i>HP</div>
 
                <div class="collapsible-body">
 
                    <div class="collection">
 
                        <a href="description.html" class="collection-item">Silver HP</a>
 
                        <a href="design.html" class="collection-item">Integrated HP</a>
 
                        <a href="results.html" class="collection-item">Collaborations</a>
 
                    </div>
 
                </div>
 
            </li>
 
            <li>
 
                <div class="collapsible-header"><i style="color: #03a9f4" class="material-icons">people</i>Team</div>
 
                <div class="collapsible-body">
 
                    <div class="collection">
 
                        <a href="description.html" class="collection-item">Team member</a>
 
                        <a href="design.html" class="collection-item">Attributions</a>
 
                        <a href="results.html" class="collection-item">Gallery</a>
 
                    </div>
 
                </div>
 
            </li>
 
            <li>
 
                <div class="collapsible-header"><i style="color: #03a9f4" class="material-icons">stars</i>Medal
 
                    Criteria</div>
 
                <div class="collapsible-body">
 
                    <div class="collection">
 
                        <a href="description.html" class="collection-item">For judges</a>
 
                    </div>
 
                </div>
 
            </li>
 
 
        </ul>
 
    </ul>
 
    <ul id="project" class="dropdown-content">
 
        <li><a href="#!">Description</a></li>
 
        <li><a href="#!">Design</a></li>
 
        <li><a href="#!">Results</a></li>
 
        <li><a href="#!">Model</a></li>
 
        <li><a href="#!">Denmonstrate</a></li>
 
    </ul>
 
    <ul id="lab" class="dropdown-content">
 
        <li><a href="#!">Notebook</a></li>
 
        <li><a href="#!">Protocols</a></li>
 
        <li><a href="#!">Interlab</a></li>
 
        <li><a href="#!">Safety</a></li>
 
    </ul>
 
    <ul id="sequences" class="dropdown-content">
 
        <li><a href="#!">Basic Parts</a></li>
 
        <li><a href="#!">Composite Parts</a></li>
 
        <li><a href="#!">Improved Biobricks</a></li>
 
    </ul>
 
    <ul id="hp" class="dropdown-content">
 
        <li><a href="#!">Silver HP</a></li>
 
        <li><a href="#!">Integrated HP</a></li>
 
        <li><a href="#!">Collaborations</a></li>
 
    </ul>
 
    <ul id="team" class="dropdown-content">
 
        <li><a href="#!">Team member</a></li>
 
        <li><a href="#!">Attributions</a></li>
 
        <li><a href="#!">Gallery</a></li>
 
    </ul>
 
    <ul id="medalCriteria" class="dropdown-content">
 
        <li><a href="#!">For judges</a></li>
 
    </ul>
 
</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 14:
  
 
<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 29:
 
</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 130:
 
         $('.parallax').parallax();
 
         $('.parallax').parallax();
 
     });
 
     });
  var instance = M.Tabs.init(el, options);
+
    var instance = M.Tabs.init(el, options);
  
 
   // Or with jQuery
 
   // Or with jQuery
Line 353: Line 137:
  
 
</html>
 
</html>
 +
{{NEU_China_A/footer}}

Latest revision as of 14:15, 17 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.