Line 1: | Line 1: | ||
{{NEU_China_A}} | {{NEU_China_A}} | ||
− | |||
+ | <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; | ||
+ | } | ||
+ | ._center{text-align: center;} | ||
+ | p{line-height: 30px; font-family: Georgia; font-size:17px;} | ||
+ | .borderleft{border-style: none none none solid; border-color: #03a9f4; border-width: 5px; padding-left:15px;} | ||
+ | <!--.hero{background:linear-gradient(50deg, HSLA(205, 62%, 44%, 1), #F62D51)}--> | ||
+ | </style> | ||
+ | |||
+ | |||
+ | <header> | ||
+ | <nav class="light-blue"> | ||
+ | <div class="nav-wrapper"> | ||
+ | <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> | ||
+ | |||
+ | |||
+ | <body class="white"> | ||
+ | <div class="container "> | ||
+ | <h3 class = "header"> <span class = "light-blue-text">Description</span> </h3> | ||
+ | <br /> | ||
+ | <div class="row"> | ||
+ | <div class = "s12"> | ||
+ | <span class="flow-text"><span>Engineered probiotics alleviate the inflammatory bowel disease and prevent colorectal cancer</span></span> | ||
+ | <br/><br/> | ||
+ | |||
+ | <p class="card-panel hoverable">Due to the accelerated urbanization nowadays, the number of patients with inflammatory bowel disease(IBD) is rising in Asia. In addition, patients with IBD have an increased risk of developing colorectal cancer(CRC). Therefore, NEU China A aim to design a biological system against IBD and potential CRC this year. To put out the fire in the gut, E. coli Nissle 1917 is selected as our firemen. We empower it with an anti-inflammatory device including a sensor and an effector. In other hand, we choose Saccharomyces boulardii to be our policemen. It is armed with myrosinase to turn the glucosinolates, a natural component of cruciferous vegetables, to sulphoraphane which has anticancer activity. Integrating probiotic therapy with synthetic biology, we envision that the collaboration between the E. coli and the yeast will greatly help us to overcome the tough situation in the patient’s gut. | ||
+ | </p> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | </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 15:15, 12 October 2018
Description
Due to the accelerated urbanization nowadays, the number of patients with inflammatory bowel disease(IBD) is rising in Asia. In addition, patients with IBD have an increased risk of developing colorectal cancer(CRC). Therefore, NEU China A aim to design a biological system against IBD and potential CRC this year. To put out the fire in the gut, E. coli Nissle 1917 is selected as our firemen. We empower it with an anti-inflammatory device including a sensor and an effector. In other hand, we choose Saccharomyces boulardii to be our policemen. It is armed with myrosinase to turn the glucosinolates, a natural component of cruciferous vegetables, to sulphoraphane which has anticancer activity. Integrating probiotic therapy with synthetic biology, we envision that the collaboration between the E. coli and the yeast will greatly help us to overcome the tough situation in the patient’s gut.