Difference between revisions of "Team:NEU China A"

 
(7 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">
+
<div class="section hold"></div>
<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 {
+
<div style="position:absolute;top: 20;width:100%">
         left: 300px
+
     <div class="row container">
     }
+
         <br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
 +
        <h2 class="header center">NEU-China-A</h3>
 +
     </div>
 +
</div>
  
     #content nav .dropdown-content li {
+
<div class="homeheight">
         line-height: 50px;
+
     <div class="parallax-container homeheight">
    }
+
         <div class="parallax">
 +
            <img class="responsive-img" src="https://static.igem.org/mediawiki/2018/d/d6/T--NEU_China_A--home1.jpg">
 +
        </div>
  
     #content nav .dropdown-content li a {
+
     </div>
        line-height: 22px;
+
</div>
    }
+
  
    #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,
+
<div class="section white">
     #content .menu-item a:link,
+
     <div class="row container">
    #content .menu-item a:hover,
+
        <h3 class="header center">Overview</h3>
     #content .menu-item a:visited,
+
     </div>
    #content .menu-item a:active {
+
</div>
        color: #333;
+
    }
+
  
     /* nav bar width */
+
<div class="container row ">
    #project {
+
     <img class="responsive-img" src="https://static.igem.org/mediawiki/2018/c/cb/T--NEU_China_A--homepage-pic2-img.png" alt="Overview"
         width: 140px !important;
+
        onscroll="Materialize.fadeInImage('#image-test')" />
     }
+
</div>
 +
<div class="container row">
 +
    <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.
 +
    </p>
 +
</div>
 +
<br /><br />
 +
<div class="row">
 +
     <div class="light-blue lighten-3">
  
    #hp {
+
        <br />
         width: 145px !important;
+
         <div class="row container">
    }
+
            <h3 class="header center">Intestinal homeostasis</h3>
 +
        </div>
  
    #team {
 
        width: 120px !important;
 
    }
 
</style>
 
  
<header>
+
        <br />
    <nav class="light-blue">
+
         <div class="container">
         <div class="nav-wrapper">
+
             <p class="card-panel hoverable caption center-align">
             <a href="#" class="brand-logo">NEU_China_A WIKI</a>
+
                 There are a lot of microorganisms living in the intestines. The intestinal villi and the underlying
            <a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons">menu</i></a>
+
                 tissueshave
            <ul class="right hide-on-med-and-down">
+
                 the largest immune cell population in the human body. Harmonious coexistence between the
                 <li>
+
                 intestinalflora and
                    <a data-target="project" class="dropdown-trigger" href="#!">
+
                 the immune cells is critical to human health. Consequently, the intestine has evolved
                        Porject<i style="margin-left: 0" class="material-icons right">arrow_drop_down</i>
+
                 severalmechanisms.
                    </a>
+
             </p>
                 </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>
 
         </div>
    </nav>
+
        <br />
     <ul class="sidenav" id="mobile-demo">
+
     </div>
        <ul class="collapsible" style="margin-top: 16px">
+
    <div class="container row">
            <li>
+
        <img class="responsive-img" src="https://static.igem.org/mediawiki/2018/1/1a/T--NEU_China_A--fig1.png" alt="Intestinal homeostasis" />
                <div class="collapsible-header"><i style="color: #03a9f4" class="material-icons">folder_open</i>Porject</div>
+
    </div>
                <div class="collapsible-body">
+
    <div class="container row">
                    <div class="collection">
+
 
                        <a href="description.html" class="collection-item">Description</a>
+
        <div class="col s4">
                        <a href="design.html" class="collection-item">Design</a>
+
            <div class="card">
                         <a href="results.html" class="collection-item">Results</a>
+
                <div class="card-content">
                         <a href="model.html" class="collection-item">Model</a>
+
                    <p>In the crypt, the goblet cells secrete mucus covering the surface of the intestinal villi and
                         <a href="denmonstrate.html" class="collection-item">Denmonstrate</a>
+
                         Paneth cells
                     </div>
+
                         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>
             </li>
+
             </div>
            <li>
+
        </div>
                <div class="collapsible-header"><i style="color: #03a9f4" class="material-icons">place</i>Lab</div>
+
        <div class="col s4">
                 <div class="collapsible-body">
+
            <div class="card">
                     <div class="collection">
+
                 <div class="card-content">
                         <a href="notebook.html" class="collection-item">Notebook</a>
+
                     <p>Peyer’s patch contains a large amount of lymphoid tissues, which is the key to regulating the
                         <a href="protocols.html" class="collection-item">Protocols</a>
+
                         immune
                         <a href="interlab.html" class="collection-item">Interlab</a>
+
                         system's response to pathogens, and is tolerant to harmless microorganisms and food. Dendritic
                         <a href="safety.html" class="collection-item">Safety</a>
+
                         cells in the
                    </div>
+
                        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>
             </li>
+
             </div>
            <li>
+
        </div>
                <div class="collapsible-header"><i style="color: #03a9f4" class="material-icons">details</i>Sequences</div>
+
        <div class="col s4">
                 <div class="collapsible-body">
+
            <div class="card">
                     <div class="collection">
+
                 <div class="card-content">
                         <a href="basic-parts.html" class="collection-item">Basic Parts</a>
+
                     <p>Regulatory T cells secrete IL-10 in the lamina propria, inhibit the immune cells of the lamina
                         <a href="composite-parts.html" class="collection-item">Composite Parts</a>
+
                         propria and
                         <a href="improved-biobricks.html" class="collection-item">Improved Biobricks</a>
+
                        epithelial layers, preventing vigorous immunoreaction along with unnecessary inflammation. Once
                    </div>
+
                         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>
             </li>
+
             </div>
            <li>
+
         </div>
                <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="navbar-fixed">
+
    <nav>
+
      <div class="nav-wrapper">
+
        <a href="#!" class="brand-logo">Logo</a>
+
        <ul class="right hide-on-med-and-down">
+
          <li><a href="sass.html">Sass</a></li>
+
          <li><a href="badges.html">Components</a></li>
+
        </ul>
+
      </div>
+
    </nav>
+
  </div>
+
<div class="section white">
+
    <div class="row container">
+
        <h2 class="header">HOMEPAGE</h2>
+
 
     </div>
 
     </div>
 
</div>
 
</div>
<div class="parallax-container">
+
<br /><br />
 +
<div class="parallax-container nextheight">
 
     <div class="parallax">
 
     <div class="parallax">
         <img src="https://static.igem.org/mediawiki/2018/6/68/T--NEU_China_A--homepage-background-gif.gif">
+
         <img class="responsive-img" src="https://static.igem.org/mediawiki/2018/d/d6/T--NEU_China_A--home1.jpg">
 
     </div>
 
     </div>
 
</div>
 
</div>
<div class="section white">
+
 
    <div class="row container">
+
<!-- second -->
        <h3 class="header">Intestinal homeostasis</h3>
+
 
    </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">
+
    <p class="flow-text">
+
        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>
+
    <ol class="flow-text">
+
        <li>
+
            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.
+
        </li>
+
        <li>
+
            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.
+
        </li>
+
        <li>
+
            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.
+
        </li>
+
    </ol>
+
</div>
+
<div class="section white">
+
    <div class="row container">
+
        <h3 class="header">Overview</h3>
+
    </div>
+
</div>
+
<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" />
+
</div>
+
<div class="container row">
+
    <p class="flow-text">
+
        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>
+
</div>
+
 
<script type="text/javascript">
 
<script type="text/javascript">
 
     // 初始化navBar
 
     // 初始化navBar
Line 272: Line 130:
 
         $('.parallax').parallax();
 
         $('.parallax').parallax();
 
     });
 
     });
 +
    var instance = M.Tabs.init(el, options);
 +
 +
  // Or with jQuery
 +
 
</script>
 
</script>
  
 
</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.