|
|
| (16 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> |
| | | | |
| − | <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;
| |
| − | }
| |
| − |
| |
| − | .parallax-container {
| |
| − | height: calc(100vh - 80px);
| |
| − | }
| |
| − | .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}
| |
| − | </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> |
| | | | |
| Line 216: |
Line 13: |
| | </div> | | </div> |
| | | | |
| − | | + | <div class="homeheight"> |
| − | <div class="parallax-container"> | + | <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> |
| | | | |
| Line 267: |
Line 65: |
| | --> | | --> |
| | <div class="row"> | | <div class="row"> |
| − | <div class="red accent-1"> | + | <div class="light-blue lighten-3"> |
| | | | |
| | <br/> | | <br/> |
| Line 286: |
Line 84: |
| | </div> | | </div> |
| | <div class="container row"> | | <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" /> | + | <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"> | | <div class="container row"> |
| − | <div class="card"> | + | |
| − | <div class=" card-content" > | + | |
| − | <p>I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.</p>
| + | <div class="card"> |
| − | </div>
| + | <div class="card-content"> |
| − | <div class="card-tabs"> | + | <p>In the crypt, the goblet cells secrete mucus covering the surface of the intestinal villi and Paneth cells |
| − | <ul class="tabs tabs-fixed-width">
| + | |
| − | <li class="tab"><a href="#test4">Test 1</a></li> | + | |
| − | <li class="tab"><a class="active" href="#test5">Test 2</a></li>
| + | |
| − | <li class="tab"><a href="#test6">Test 3</a></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | <div class="card-content grey lighten-4"> | + | |
| − | <div id="test4">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 | | secrete antibacterial peptides to inhibit bacterial invasion. In addition, the basal stem cells continue to |
| − | proliferate and differentiate to renew the intestinal epithelium.</div> | + | proliferate and differentiate to renew the intestinal epithelium. |
| − | <div id=" test5">Peyer’s patch contains a large amount of lymphoid tissues, which is the key to regulating the immune | + | </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 | | 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 | | Peyer’s patch can extend dendrites among epithelial cells, collecting antigen and decomposing it, by which |
| − | to activate the tolerability of lymphoid cells.</div> | + | to activate the tolerability of lymphoid cells.</p> |
| − | <div id=" test6">Regulatory T cells secrete IL-10 in the lamina propria, inhibit the immune cells of the lamina propria and | + | |
| | + | </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 | | 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 | | 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.</div> | + | persists without intervention, it can lead to inflammatory bowel disease.</p> |
| | + | </div> |
| | </div> | | </div> |
| | </div> | | </div> |
| − | <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> |
| | </div> | | </div> |
| − | <!-- second --> | + | <br/><br/> |
| − | <div class="section white"> | + | <div class="parallax-container nextheight"> |
| − | <div class=" row container"> | + | |
| − | <h3 class="header">Overview</h3>
| + | <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="container row"> | + | <!-- second --> |
| − | <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">
| + | |
| − | // 初始化navBar
| + | |
| − | $(document).ready(function () {
| + | |
| − | $('.sidenav').sidenav();
| + | |
| − | $(".dropdown-trigger").dropdown();
| + | |
| − | $('.collapsible').collapsible();
| + | |
| − | $('.parallax').parallax();
| + | |
| − | });
| + | |
| − | </script>
| + | |
| | | | |
| | </html> | | </html> |
