Line 1: | Line 1: | ||
{{NEU_China_A}} | {{NEU_China_A}} | ||
− | <html> | + | <html lang="en"> |
− | < | + | <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; | ||
+ | } | ||
+ | </style> | ||
− | < | + | <header> |
− | + | <nav class="light-blue"> | |
− | <ul> | + | <div class="nav-wrapper"> |
− | <li> <a href=" | + | <a href="#" class="brand-logo">NEU_China_A WIKI</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> | ||
+ | <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 white"> | ||
+ | <div class="row container"> | ||
+ | <h2 class="header">HOMEPAGE</h2> | ||
+ | </div> | ||
</div> | </div> | ||
− | + | <div class="parallax-container"> | |
− | + | <div class="parallax"> | |
− | <div class=" | + | <img src="https://static.igem.org/mediawiki/2018/6/68/T--NEU_China_A--homepage-background-gif.gif"> |
− | <div class=" | + | </div> |
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | + | <div class="section white"> | |
− | + | <div class="row container"> | |
− | + | <h3 class="header">Intestinal homeostasis</h3> | |
− | + | ||
− | <div class=" | + | |
− | + | ||
− | + | ||
− | + | ||
− | <div class=" | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | |||
</div> | </div> | ||
− | + | <div class="container row"> | |
− | <div class=" | + | <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="container row"> | |
− | + | <p class="flow-text"> | |
− | + | There are a lot of microorganisms living in the intestines. The intestinal villi and the underlying tissueshave | |
− | <div class=" | + | 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> | </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 class=" | + | |
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | + | <div class="container row"> | |
− | + | <p class="flow-text"> | |
− | <div class=" | + | 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> | </div> | ||
− | + | <script type="text/javascript"> | |
− | + | // 初始化navBar | |
− | + | $(document).ready(function () { | |
+ | $('.sidenav').sidenav(); | ||
+ | $(".dropdown-trigger").dropdown(); | ||
+ | $('.collapsible').collapsible(); | ||
+ | $('.parallax').parallax(); | ||
+ | }); | ||
+ | </script> | ||
</html> | </html> |
Revision as of 06:12, 15 October 2018
HOMEPAGE
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.
- 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.
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.