Difference between revisions of "Team:NTHU Taiwan/Design"

Line 1: Line 1:
 +
{{:Team:NTHU_Taiwan/MenuBar}}
 
<html>
 
<html>
  
Line 6: Line 7:
 
#home_logo, #sideMenu { display:none; }
 
#home_logo, #sideMenu { display:none; }
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#sideMenu, #top_title, .patrollink  {display:none;}
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
+
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;overflow-x: hidden;}
 
body {background-color:#f6f6e3;}
 
body {background-color:#f6f6e3;}
 
#bodyContent {background-color:#f6f6e3;}
 
#bodyContent {background-color:#f6f6e3;}
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
/**************************************************************** MENU ***************************************************************/
 
/* Wrapper for the menu */
 
 
.igem_2017_menu_wrapper {
 
border-bottom: 3px solid #c2dac0;
 
background-color:#f6f6e3;
 
font-family:'Open Sans', sans-serif;
 
overflow: hidden;
 
}
 
 
.igem_2017_menu_wrapper a { 
 
float: left;
 
font-size: 1.2em;
 
color: #6c5070;
 
text-align: center;
 
padding: 25px 20px;
 
text-decoration: none;
 
}
 
 
.munu_img img{
 
position: fixed;
 
height: 9%;
 
}
 
 
/* this hides the scrollbar to keep view consistency */
 
.igem_2017_menu_wrappe::-webkit-scrollbar {
 
display: none;
 
}
 
 
.submenu_wrapper {
 
float: left;
 
  overflow: hidden;
 
}
 
 
.submenu_wrapper .menu_button {
 
letter-spacing: 1px;
 
text-transform: uppercase;
 
font-size: 1.2em;
 
border: none;
 
outline: none;
 
color: #6c5070;
 
padding: 25px 20px;
 
background-color: inherit;
 
}
 
 
.igem_2017_menu_wrapper a:hover, .submenu_wrapper:hover .menu_button {
 
color: #DF6A6A;
 
}
 
 
.submenu_button {
 
display: none;
 
position: absolute;
 
background-color: rgba(246, 246, 227, 0.7);
 
min-width: 160px;
 
z-index: 1;
 
}
 
 
.submenu_button a {
 
float: none;
 
color: #6c5070;
 
padding: 8px 16px;
 
text-decoration: none;
 
display: block;
 
text-align: left;
 
}
 
 
.submenu_button a:hover {
 
font-size: 1.3em;
 
 
}
 
 
.submenu_wrapper:hover .submenu_button {
 
display: block;
 
}
 
 
/*menu_wrapper left space*/
 
.igem_2017_menu_wrapper .menu_right_margin {
 
margin-left: 160px;
 
}
 
 
/*menu_wrapper right space*/
 
.igem_2017_menu_wrapper .menu_bottom_padding {
 
width: 100%;
 
height: 30px;
 
float:left;
 
}
 
 
/* styling for the menu button when it is the current page */
 
.current_page {
 
color:#df6a6a !important;
 
}
 
 
/* when the page size is bigger than 800px, this show/hide control is hidden by default */
 
.igem_2017_menu_wrapper #display_menu_control {
 
display:none;
 
text-align:center;
 
}
 
 
 
  
Line 136: Line 39:
  
 
.igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 .igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 {
 
.igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 .igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 {
padding: 40px 0px 15px 0px;  
+
padding: 50px 0px 15px 0px;  
 
border-bottom: 0px;  
 
border-bottom: 0px;  
 
color: #2C2C2C;
 
color: #2C2C2C;
Line 143: Line 46:
 
}
 
}
  
#pdf {
+
.igem_2017_content_wrapper .content {
 
width: 950px;
 
width: 950px;
height: 1200px;
 
 
margin: 2em auto;
 
margin: 2em auto;
padding-top: 20px;
 
 
}
 
}
  
#pdf object {
+
.igem_2017_content_wrapper .content p{
 +
color: #2C2C2C;
 +
font-size: 1.4em;
 +
line-height: 1.3em;
 +
padding: 0px 0px;
 +
text-align: justify;
 +
text-justify:inter-ideograph;
 +
}
 +
 
 +
.igem_2017_content_wrapper .content img{
 +
margin: auto;
 
display: block;
 
display: block;
border: solid 2px #2c2c2c;
+
float: center;
 +
padding: 20px 0px 30px 0px;
 
}
 
}
  
 +
.column .full_size {
 +
width: 100%;
 +
padding-top: 50px;
 +
}
  
 +
/* class for a half width column */
 +
.column .half_size {
 +
width: 50%;
 +
float: left;
 +
}
  
/***************************************************** RESPONSIVE STYLING ****************************************************/
+
#pdf {
 
+
width: 950px;
/* IF THE SCREEN IS LESS THAN 1200PX */
+
height: 1200px;
@media only screen and (max-width: 1200px) {
+
margin: 2em auto;
 
+
padding-top: 20px;
#content {width:100%; }
+
.igem_2017_menu_wrapper {width:100%; right:0;}
+
.highlight {padding:10px 0px;}
+
.igem_2017_menu_wrapper #display_menu_control { display:none; }
+
#menu_content { display:block;}
+
.menu_button.direct_to_page {padding-left: 17px;}
+
+
 
}
 
}
  
/* IF THE SCREEN IS LESS THAN 800PX */
+
#pdf object {
@media only screen and (max-width: 800px) {
+
display: block;
 
+
border: solid 2px #2c2c2c;
.igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;}
+
.igem_2017_content_wrapper {width:100%; margin-left:0px;}
+
.column.half_size  {width:100%; }
+
.column.full_size img, .column.half_size img {  width: 100%; padding: 10px 0px;}
+
.highlight {padding:15px 5px;}
+
.igem_2017_menu_wrapper #display_menu_control { display:block; }
+
#menu_content { display:none;}
+
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon { width: 5%; }
+
.menu_bottom_padding {display:none;}
+
.menu_button.direct_to_page { padding-left: 36px; }
+
 
}
 
}
 
/* The side navigation menu */
 
.sidenav {
 
    height: 100%; /* 100% Full-height */
 
    width: 0; /* 0 width - change this with JavaScript */
 
    position: fixed; /* Stay in place */
 
    z-index: 1; /* Stay on top */
 
    top: 0;
 
    left: 0;
 
    background-color: #111; /* Black*/
 
    overflow-x: hidden; /* Disable horizontal scroll */
 
    padding-top: 60px; /* Place content 60px from the top */
 
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
 
}
 
 
/* The navigation menu links */
 
.sidenav a {
 
    padding: 8px 8px 8px 32px;
 
    text-decoration: none;
 
    font-size: 12px;
 
    color: #818181;
 
    display: block;
 
    transition: 0.3s
 
}
 
 
/* When you mouse over the navigation links, change their color */
 
.sidenav a:hover, .offcanvas a:focus{
 
    color: #f1f1f1;
 
}
 
 
/* Position and style the close button (top right corner) */
 
.sidenav .closebtn {
 
    position: absolute;
 
    top: 0;
 
    right: 25px;
 
    font-size: 36px;
 
    margin-left: 50px;
 
}
 
 
/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
 
#main {
 
    transition: margin-left .5s;
 
    padding: 20px;
 
    overflow:hidden;
 
    width:100%;
 
}
 
body {
 
  overflow-x: hidden;
 
}
 
 
/* Add a black background color to the top navigation */
 
.topnav {
 
    background-color: #333;
 
    overflow: hidden;
 
}
 
 
/* Style the links inside the navigation bar */
 
.topnav a {
 
    float: left;
 
    display: block;
 
    color: #f2f2f2;
 
    text-align: center;
 
    padding: 14px 16px;
 
    text-decoration: none;
 
    font-size: 17px;
 
}
 
 
/* Change the color of links on hover */
 
.topnav a:hover {
 
    background-color: #ddd;
 
    color: black;
 
}
 
 
/* Add a color to the active/current link */
 
.topnav a.active {
 
    background-color: #4CAF50;
 
    color: white;
 
}
 
 
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
 
@media screen and (max-height: 450px) {
 
    .sidenav {padding-top: 15px;}
 
    .sidenav a {font-size: 18px;}
 
}
 
 
a svg{
 
  transition:all .5s ease;
 
 
  &:hover{
 
    #transform:rotate(180deg);
 
  }
 
}
 
 
#ico{
 
  display: none;
 
}
 
 
.menu{
 
  background: #000;
 
  display: none;
 
  padding: 5px;
 
  width: 320px;
 
  @include border-radius(5px);
 
 
  #transition: all 0.5s ease;
 
 
  a{
 
    display: block;
 
    color: #fff;
 
    text-align: center;
 
    padding: 10px 2px;
 
    margin: 3px 0;
 
    text-decoration: none;
 
    background: #444;
 
 
    &:nth-child(1){
 
      margin-top: 0;
 
      @include border-radius(3px 3px 0 0 );
 
    }
 
    &:nth-child(5){
 
      margin-bottom: 0;
 
      @include border-radius(0 0 3px 3px);
 
    }
 
 
    &:hover{
 
      background: #555;
 
    }
 
  }
 
}
 
 
</style>
 
</style>
 +
  
 
<head>  
 
<head>  
Line 322: Line 98:
  
 
</head>
 
</head>
 
<!-- <div class="munu_img">
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan">
 
<img src="https://static.igem.org/mediawiki/2017/1/1f/T--NTHU_Taiwan--HOME--logo.png">
 
</a>
 
</div> -->
 
 
<div class="igem_2017_menu_wrapper" >
 
<!-- this div is hidden by default and will only be displayed if the screen size is too small -->
 
<div class="menu_button" id="display_menu_control">
 
MENU 
 
</div>
 
 
 
<div id="menu_content">
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan">
 
<div class="menu_button menu_right_margin">
 
HOME
 
</div>
 
</a>
 
 
<div class="submenu_wrapper">
 
<button class="menu_button">TEAM</button>
 
<div class="submenu_button">
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Team">
 
<div id="Team_page">
 
Team
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Attributions">
 
<div  id="Attributions_page">
 
Attributions
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Collaborations">
 
<div  id="Collaborations_page">
 
Collaborations
 
</div>
 
</a>
 
</div>
 
</div>
 
 
<div class="submenu_wrapper">
 
<button class="menu_button">PROJECT</button>
 
<div class="submenu_button">
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Description">
 
<div id="Description_page">
 
Description
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Design">
 
<div  id="Design_page">
 
Design
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Contribution">
 
<div  id="Contribution_page">
 
Contribution
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Model">
 
<div  id="Model_page">
 
Model
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Results">
 
<div  id="Results_page">
 
Results
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Demonstrate">
 
<div  id="Demonstrate_page">
 
Demonstrate
 
</div>
 
</a>
 
 
</div>
 
</div>
 
 
<div class="submenu_wrapper">
 
<button class="menu_button">WET LAB</button>
 
<div class="submenu_button">
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Experiments">
 
<div  id="Experiments_page">
 
Experiments
 
</div>
 
</a>
 
<a href="#">
 
<div  id="Protocol_page">
 
Protocol
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Notebook">
 
<div  id="Notebook_page">
 
Notebook
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/InterLab">
 
<div  id="InterLab_page">
 
InterLab
 
</div>
 
</a>
 
</div>
 
</div>
 
 
<div class="submenu_wrapper">
 
<button class="menu_button">PARTS</button>
 
<div class="submenu_button">
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Basic_Part">
 
<div  id="Basic_Part_page">
 
Basic Parts
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Composite_Part">
 
<div  id="Composite_Part_page">
 
Composite Parts
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Part_Collection">
 
<div  id="Part_Collection_page">
 
Part Collection
 
</div>
 
</a>
 
</div>
 
</div>
 
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Safety">
 
<div class="menu_button">
 
SAFETY
 
</div>
 
</a>
 
 
<div class="submenu_wrapper">
 
<button class="menu_button">HUMAN PRACTICES</button>
 
<div class="submenu_button">
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/HP/Silver">
 
<div id="Silver_page">
 
Silver HP
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/HP/Gold_Integrated">
 
<div  id="Gold_Integrated_page">
 
Integrated and Gold
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Engagement">
 
<div  id="Engagement_page">
 
Public Engagement
 
</div>
 
</a>
 
</div>
 
</div>
 
 
<div class="submenu_wrapper">
 
<button class="menu_button">AWARDS</button>
 
<div class="submenu_button">
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Applied_Design">
 
<div id="Applied_Design_page">
 
Applied Design
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Entrepreneurship">
 
<div  id="Entrepreneurship_page">
 
Integrated Human Practices
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Hardware">
 
<div  id="Hardware_page">
 
Hardware
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Model">
 
<div  id="Model_page">
 
Model
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Software">
 
<div  id="Software_page">
 
Software
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Criteria">
 
<div  id="Criteria_page">
 
Criteria
 
</div>
 
</a>
 
 
</div>
 
</div>
 
 
<a href="https://igem.org/2017_Judging_Form?team=NTHU_Taiwan">
 
<div class="menu_button">
 
JUDGING FORM
 
</div>
 
</a>
 
 
</div>
 
 
</div>
 
<div id="sideNavigation" class="sidenav">
 
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
 
  <a href="#The Smart EDC Farmland Protection System">The Smart EDC Farmland Protection System</a>
 
  <a href="#How we detect EDCs in the water">How we detect EDCs in the water</a>
 
  <a href="#Biobrick Design">Biobrick Design</a>
 
</div>
 
 
<nav class="topnav">
 
  <a href="#" onclick="openNav()">
 
    <svg width="30" height="30" id="icoOpen">
 
        <path d="M0,5 30,5" stroke="#000" stroke-width="5"/>
 
        <path d="M0,14 30,14" stroke="#000" stroke-width="5"/>
 
        <path d="M0,23 30,23" stroke="#000" stroke-width="5"/>
 
    </svg>
 
  </a>
 
</nav>
 
 
<div id="main">
 
<!-- Add all your websites page content here  -->
 
</div>
 
 
<script>
 
function openNav() {
 
    document.getElementById("sideNavigation").style.width = "250px";
 
    document.getElementById("main").style.marginLeft = "250px";
 
}
 
 
function closeNav() {
 
    document.getElementById("sideNavigation").style.width = "0";
 
    document.getElementById("main").style.marginLeft = "0";
 
}
 
</script>
 
 
 
  
  
Line 561: Line 104:
 
<!-- start of content -->
 
<!-- start of content -->
 
<div class="igem_2017_content_wrapper">
 
<div class="igem_2017_content_wrapper">
<img width="25%" src="https://static.igem.org/mediawiki/2017/e/e2/T--NTHU_Taiwan--Notebook--Top.png">
 
 
<div style="text-align: center">
 
<div style="text-align: center">
 
<h1 style="color:#DF6A6A">Design
 
<h1 style="color:#DF6A6A">Design
Line 568: Line 110:
 
<hr width="20%" />
 
<hr width="20%" />
 
</div>
 
</div>
<style>
+
<div class="content">
p{
+
<center><h1 style="color: #6c5070">The Smart EDC Farmland Protection System</h1></center>
width:1000px;
+
font-size:20px;
+
text-align: justify;
+
text-justify:inter-ideograph;
+
line-height: 30px;
+
}
+
</style>
+
<body>
+
  
 +
 +
<img width="75%" src="https://static.igem.org/mediawiki/2017/f/f0/T--NTHU_Taiwan--AppliedDesign--FarmlandComputerModel.png">
  
<center>
+
<p>
<font size="4">
+
Integrated system of endocrine disrupting chemicals (EDCs) water protection system.
<div id="The Smart EDC Farmland Protection System">
+
</p>
<h1>
+
<center>
+
The Smart EDC Farmland Protection System
+
</center>
+
</h1>
+
  
<p>
+
<p>
<img width="75%" src="https://static.igem.org/mediawiki/2017/f/f0/T--NTHU_Taiwan--AppliedDesign--FarmlandComputerModel.png">
+
In order to solve some real environmental challenges, our team has proposed an integrated system that can both detect and degrade endocrine disrupting chemicals (EDCs) suitable for farmland water protection.
</p>
+
</p>
  
<p><font size="2"><center>
 
Integrated system of endocrine disrupting chemicals (EDCs) water protection system.
 
</center></font></p>
 
  
<p>
+
<p>
In order to solve some real environmental challenges, our team has proposed an integrated system that can both detect and degrade endocrine disrupting chemicals (EDCs) suitable for farmland water protection.
+
What is EDCs?
</p>
+
</p>
  
 +
<p>
 +
EDCs (Endocrine Disruptor Chemicals), which can interfere with endocrine systems, causing cancerous tumors, birth defects, and other developmental disorders. These chemicals are mostly man-made and found in various materials such as pesticides, food containers, and personal care products. Factories sometimes illegally emit the EDCs contaminated water into the river, which can post the threat to nearby farmland. In this project, we primarily focus on two common kinds of EDCs, BPA (Bisphenol A) and NP (Nonyl Phenol), in agricultural irrigation water.
 +
</p>
  
<div id="What is EDCs?">
+
<p>
<p>
+
<img src="https://static.igem.org/mediawiki/2017/4/40/T--NTHU_Taiwan--Design--201702161.png">
What is EDCs?
+
</P>
</p>
+
  
<p>
+
<p>
EDCs (Endocrine Disruptor Chemicals), which can interfere with endocrine systems, causing cancerous tumors, birth defects, and other developmental disorders. These chemicals are mostly man-made and found in various materials such as pesticides, food containers, and personal care products. Factories sometimes illegally emit the EDCs contaminated water into the river, which can post the threat to nearby farmland. In this project, we primarily focus on two common kinds of EDCs, BPA (Bisphenol A) and NP (Nonyl Phenol), in agricultural irrigation water.
+
We construct the gene of horseradish peroxidase (HRP) and transform it into <I>E. coli</I>.  Horseradish peroxidase uses the iron-contained activate center to convert the phenolic group to free radicals and let them react with each other in the presence of hydrogen peroxide. Finally, we can get the less harmful product.  
</p>
+
</p>
  
<p>
+
<p>
<img src="https://static.igem.org/mediawiki/2017/4/40/T--NTHU_Taiwan--Design--201702161.png">
+
<img src="https://static.igem.org/mediawiki/2017/c/c5/T--NTHU_Taiwan--Design--20171046.png">
</P>
+
</P>
  
<p>
+
<p>
We construct the gene of horseradish peroxidase (HRP) and transform it into <I>E. coli</I>. Horseradish peroxidase uses the iron-contained activate center to convert the phenolic group to free radicals and let them react with each other in the presence of hydrogen peroxide. Finally, we can get the less harmful product.  
+
<img src="https://static.igem.org/mediawiki/2017/1/1e/T--NTHU_Taiwan--Design--20171002.png">
</p>
+
</P>
  
<p>
+
<p>
<img src="https://static.igem.org/mediawiki/2017/c/c5/T--NTHU_Taiwan--Design--20171046.png">
+
After producing horseradish peroxidase, we use a chemical method to combine the enzyme with activated carbon via covalent bonds. Since activated carbon has outstanding ability to capture organic compounds and it can help to accumulate EDCs in the higher concentration, the enzyme can degrade EDCs in a very high efficient way. Finally, we combine activated carbon/enzyme complex with our designed filter to complete all the degradation system.
</P>
+
</p>
  
<p>
+
<p>
<img src="https://static.igem.org/mediawiki/2017/1/1e/T--NTHU_Taiwan--Design--20171002.png">
+
<img src="https://static.igem.org/mediawiki/2017/c/c6/T--NTHU_Taiwan--Design--2017102859.png">
</P>
+
</P>
  
<p>
+
<p><font size="2"><center>
After producing horseradish peroxidase, we use a chemical method to combine the enzyme with activated carbon via covalent bonds. Since activated carbon has outstanding ability to capture organic compounds and it can help to accumulate EDCs in the higher concentration, the enzyme can degrade EDCs in a very high efficient way. Finally, we combine activated carbon/enzyme complex with our designed filter to complete all the degradation system.
+
How we detect EDCs in the water
</p>
+
</center></font></p>
  
<p>
+
<p>
<img src="https://static.igem.org/mediawiki/2017/c/c6/T--NTHU_Taiwan--Design--2017102859.png">
+
We will flow some freeze-dried <I>E. coli</I> and water samples through the gold chips. Since there are GFPs in the <I>E. coli</I>, if water samples which have passed our degradation system still containing EDCs. EDCs in the sample will combine with ER-alpha, causing the structure of ER-alpha changes.  And then monobody will capture the bounded ER-alpha together with <I>E. coli</I> , leading to the change of fluorescence or surface plasmon resonance signal on the gold chip.
</P>
+
</p>
  
<div id="How we detect EDCs in the water">
+
<p>
<p>
+
<img src="https://static.igem.org/mediawiki/2017/9/93/T--NTHU_Taiwan--Design--2017102832.png">
<font size="2">
+
</P>
<center>
+
How we detect EDCs in the water
+
</center>
+
</font>
+
</p>
+
  
<p>
+
<p>
We will flow some freeze-dried <I>E. coli</I> and water samples through the gold chips. Since there are GFPs in the <I>E. coli</I>, if water samples which have passed our degradation system still containing EDCs. EDCs in the sample will combine with ER-alpha, causing the structure of ER-alpha changes.  And then monobody will capture the bounded ER-alpha together with <I>E. coli</I> , leading to the change of fluorescence or surface plasmon resonance signal on the gold chip.
+
<img src="https://static.igem.org/mediawiki/2017/9/93/T--NTHU_Taiwan--Design--2017102841.png">
</p>
+
</P>
  
<p>
+
<p><font size="2"><center>
<img src="https://static.igem.org/mediawiki/2017/9/93/T--NTHU_Taiwan--Design--2017102832.png">
+
Source:Quantifying Hormone Disruptors with an Engineered Bacterial Biosensor. ACS Cent. Sci., 2017, 3 (2), pp 110–116
</P>
+
</center></font></p>
  
<p>
+
<p>
<img src="https://static.igem.org/mediawiki/2017/9/93/T--NTHU_Taiwan--Design--2017102841.png">
+
In the future, we will construct light detection system and optical system for surface plasmon resonance to complete our detection system. From observation of density of <I>E. coli</I>, it indicates that when the concentration of EDCs decreases, the density of <I>E. coli</I> decrease as well which coincide with our prediction.
</P>
+
</p>
  
<p>
+
<p>
<font size="2">
+
<img src="https://static.igem.org/mediawiki/2017/a/a6/T--NTHU_Taiwan--Design--2017102822.png">
<center>
+
</P>
Source:Quantifying Hormone Disruptors with an Engineered Bacterial Biosensor. ACS Cent. Sci., 2017, 3 (2), pp 110–116
+
</center>
+
</font>
+
</p>
+
  
<p>
+
<p>
In the future, we will construct light detection system and optical system for surface plasmon resonance to complete our detection system. From observation of density of <I>E. coli</I>, it indicates that when the concentration of EDCs decreases, the density of <I>E. coli</I> decrease as well which coincide with our prediction.
+
<img src="https://static.igem.org/mediawiki/2017/f/f1/T--NTHU_Taiwan--Design--2017102857.png">
</p>
+
</P>
  
<p>
+
<p>
<img src="https://static.igem.org/mediawiki/2017/a/a6/T--NTHU_Taiwan--Design--2017102822.png">
+
<img src="https://static.igem.org/mediawiki/2017/9/9a/T--NTHU_Taiwan--Design--2017102828.png">
</P>
+
</P>
  
<p>
+
<p>
<img src="https://static.igem.org/mediawiki/2017/f/f1/T--NTHU_Taiwan--Design--2017102857.png">
+
<img src="https://static.igem.org/mediawiki/2017/6/63/T--NTHU_Taiwan--Design--2017102842.png">
</P>
+
</P>
  
<p>
+
<center><h1>
<img src="https://static.igem.org/mediawiki/2017/9/9a/T--NTHU_Taiwan--Design--2017102828.png">
+
Biobrick Design
</P>
+
</h1></center>
  
<p>
+
<h2>
<img src="https://static.igem.org/mediawiki/2017/6/63/T--NTHU_Taiwan--Design--2017102842.png">
+
EDC detection
</P>
+
</h2>
  
<div id="Biobrick Design">
+
<p>
<p>
+
1.Express surface displayed ER alpha LBD
<h1>
+
</p>
<center>
+
Biobrick Design
+
</center>
+
</h1>
+
</p>
+
  
<p>
+
<p>
<center>
+
<img src="https://static.igem.org/mediawiki/2017/5/5a/T--NTHU_Taiwan--Design--20171051.png">
<b>
+
</P>
EDC detection
+
</b>
+
</center>
+
</p>
+
  
<p>
+
<p>
1.Express surface displayed ER alpha LBD
+
BBa_J04500:
</p>
+
</p>
  
<p>
+
<p>
<img src="https://static.igem.org/mediawiki/2017/5/5a/T--NTHU_Taiwan--Design--20171051.png">
+
This is IPTG inducible promoter with RBS. We use this part to control gene expression. (Designed by: Kristen DeCelle  Group: iGEM2005)
</P>
+
</p>
  
<p>
+
<p>
BBa_J04500:  
+
BBa_K811005:  
</p>
+
</p>
  
<p>
+
<p>
This is IPTG inducible promoter with RBS. We use this part to control gene expression. (Designed by: Kristen DeCelle  Group: iGEM2005)
+
This is an INPNC part which can be used for the surface display of large proteins. We use this part to display our ER alpha LBD to bacteria surface. (Designed by: Avin Veerakumar  Group: iGEM12_Penn)
</p>
+
</p>
  
<p>
+
<p>
BBa_K811005:  
+
BBa_J18921:
</p>
+
</p>
  
<p>
+
<p>
This is an INPNC part which can be used for the surface display of large proteins. We use this part to display our ER alpha LBD to bacteria surface. (Designed by: Avin Veerakumar   Group: iGEM12_Penn)
+
This is GS-linker from iGEM. It can link two protein and make sure that each protein can fold normally. (Designed by: Raik Gruenberg   Group: Affiliates)
</p>
+
</p>
  
<p>
+
<p>
BBa_J18921:
+
ER alpha LBD:  
</p>
+
</p>
  
<p>
+
<p>
This is GS-linker from iGEM. It can link two protein and make sure that each protein can fold normally. (Designed by: Raik Gruenberg  Group: Affiliates)
+
LBD means “Ligand Binding Domain”. This ER alpha LBD from human can bind estrogen and EDCs. The whole ER alpha is a huge protein, which means it may be difficult to expressed by <I>E. coli</I>. From previous research (Akiko Koide et al, 2001), the LBD can bind estrogen normally without other parts, so we chose its LBD to do our experiment.
</p>
+
</p>
  
<p>
+
<p>
ER alpha LBD:  
+
BBa_B0015:
</p>
+
</p>
  
<p>
+
<p>
LBD means “Ligand Binding Domain”. This ER alpha LBD from human can bind estrogen and EDCs. The whole ER alpha is a huge protein, which means it may be difficult to expressed by <I>E. coli</I>. From previous research (Akiko Koide et al, 2001), the LBD can bind estrogen normally without other parts, so we chose its LBD to do our experiment.
+
A double terminator from iGEM. It can terminate DNA transcription. (Designed by: Reshma Shetty  Group: Antiquity)
</p>
+
</p>
  
<p>
+
<p>
BBa_B0015:
+
2. Express Monobody with GBP
</p>
+
</p>
  
<p>
+
<p>
A double terminator from iGEM. It can terminate DNA transcription. (Designed by: Reshma Shetty  Group: Antiquity)
+
<img src="https://static.igem.org/mediawiki/2017/3/36/T--NTHU_Taiwan--Design--20171058.png">
</p>
+
</P>
  
<p>
+
<p>
2. Express Monobody with GBP
+
Monobody:
</p>
+
</p>
  
<p>
+
<p>
<img src="https://static.igem.org/mediawiki/2017/3/36/T--NTHU_Taiwan--Design--20171058.png">
+
From previous research (Akiko Koide et al, 2001), the type III domain from human fibronectin (FNfn10) can be used as monobody to probing whether ER alpha LBD bind to ligand.
</P>
+
</p>
 +
 +
<p>
 +
BBa_K1694006:
 +
</p>
  
<p>
+
<p>
Monobody:
+
This part is a gold binding peptide (GBP). We fuse our monobody and GBP so that the monobody can be displayed on the gold surface.
</p>
+
</p>
  
<p>
+
<p>
From previous research (Akiko Koide et al, 2001), the type III domain from human fibronectin (FNfn10) can be used as monobody to probing whether ER alpha LBD bind to ligand.
+
EDCs Degradation
</p>
+
</p>
+
<p>
+
BBa_K1694006:
+
</p>
+
  
<p>
+
<p>
This part is a gold binding peptide (GBP). We fuse our monobody and GBP so that the monobody can be displayed on the gold surface.
+
There is three category of enzymes that is reported to be capable of catalysis redox reaction with phenolic compounds. They are laccase, MnP (Manganese peroxidase), and HRP (horseradish peroxidase). We cloned several genes that encoded these enzymes into <I>E. coli</I>. We expressed the enzyme with the IPTG-inducible promoter (J04500), purified and tested the activity against phenolic EDCs to see if this enzyme can accelerate the degradation of phenolic EDCs.  
</p>
+
</p>
  
<p>
+
<p>
EDCs Degradation
+
1.Laccase
</p>
+
</p>
  
<p>
+
<p>
There is three category of enzymes that is reported to be capable of catalysis redox reaction with phenolic compounds. They are laccase, MnP (Manganese peroxidase), and HRP (horseradish peroxidase). We cloned several genes that encoded these enzymes into <I>E. coli</I>. We expressed the enzyme with the IPTG-inducible promoter (J04500), purified and tested the activity against phenolic EDCs to see if this enzyme can accelerate the degradation of phenolic EDCs.
+
BBa_K2354001 : Laccase Bp
</p>
+
</p>
  
<p>
+
<p>
1.Laccase
+
This part encoded a laccase which originated from Bacillus pumilus. We codon optimize this part for <I>E. coli</I> and add a 6X histag at 3’ terminal to facilitate protein purification. In addition, we add a GS linker and a BamHI at 3’ terminal for possible protein fusion experiment in future.
</p>
+
</p>
  
<p>
+
<p>
BBa_K2354001 : Laccase Bp
+
BBa_K2354002 : Laccase Sc
</p>
+
</p>
  
<p>
+
<p>
This part encoded a laccase which originated from Bacillus pumilus. We codon optimize this part for <I>E. coli</I> and add a 6X histag at 3’ terminal to facilitate protein purification. In addition, we add a GS linker and a BamHI at 3’ terminal for possible protein fusion experiment in future.
+
This part encoded a laccase that previous study had codon optimized and construct on <I>E. coli</I>. We add a 6X histag at 3’ terminal to facilitate protein purification. In addition, we also add a BamHI at 3’ terminal for possible protein fusion experiment in future.
</p>
+
</p>
  
<p>
+
<p>
BBa_K2354002 : Laccase Sc
+
BBa_K2354003 : Laccase Tc
</p>
+
</p>
  
<p>
+
<p>
This part encoded a laccase that previous study had codon optimized and construct on <I>E. coli</I>. We add a 6X histag at 3’ terminal to facilitate protein purification. In addition, we also add a BamHI at 3’ terminal for possible protein fusion experiment in future.
+
This part encoded a laccase which originated from Thanatephorus cucumeris. We codon optimize this part for <I>E. coli</I> and add a 6X histag at 3’ terminal to facilitate protein purification. In addition, we add a BamHI at 3’ terminal for possible protein fusion experiment in future.
</p>
+
</p>
  
<p>
+
<p>
BBa_K2354003 : Laccase Tc
+
BBa_K2354004: Laccase Tv
</p>
+
</p>
  
<p>
+
<p>
This part encoded a laccase which originated from Thanatephorus cucumeris. We codon optimize this part for <I>E. coli</I> and add a 6X histag at 3’ terminal to facilitate protein purification. In addition, we add a BamHI at 3’ terminal for possible protein fusion experiment in future.
+
This part encoded a laccase which originated from Trametes versicolor. We codon optimize this part for <I>E. coli</I> and add a 6X histag at 3’ terminal to facilitate protein purification. In addition, we add a BamHI at 3’ terminal for possible protein fusion experiment in future.
</p>
+
</p>
  
<p>
+
<p>
BBa_K2354004: Laccase Tv
+
2. HRP
</p>
+
</p>
  
<p>
+
<p>
This part encoded a laccase which originated from Trametes versicolor. We codon optimize this part for <I>E. coli</I> and add a 6X histag at 3’ terminal to facilitate protein purification. In addition, we add a BamHI at 3’ terminal for possible protein fusion experiment in future.
+
BBa_K235400: HRP
</p>
+
</p>
  
<p>
+
<p>
2. HRP
+
This part encoded HRP ( horseradish peroxidase ) which originated from Armoracia rusticana. We codon optimize this part for <I>E. coli</I> and add a 6X histag at 3’ terminal to facilitate protein purification. In addition, we add a BamHI at 3’ terminal for possible protein fusion experiment in future.
</p>
+
</p>
  
<p>
+
<p>
BBa_K235400: HRP
+
3. MnP
</p>
+
</p>
  
<p>
+
<p>
This part encoded HRP ( horseradish peroxidase ) which originated from Armoracia rusticana. We codon optimize this part for <I>E. coli</I> and add a 6X histag at 3’ terminal to facilitate protein purification. In addition, we add a BamHI at 3’ terminal for possible protein fusion experiment in future.
+
BBa_K2354006 : MnP
</p>
+
</p>
  
<p>
+
<p>
3. MnP
+
This part encoded a MnP which originated from Trametes versicolor. We codon optimize this part for <I>E. coli</I> and add a 6X histag at 3’ terminal to facilitate protein purification. In addition, we add a GS linker and a BamHI at 3’ terminal for possible protein fusion experiment in future.
</p>
+
</p>
 +
</font>
  
<p>
 
BBa_K2354006 : MnP
 
</p>
 
  
<p>
 
This part encoded a MnP which originated from Trametes versicolor. We codon optimize this part for <I>E. coli</I> and add a 6X histag at 3’ terminal to facilitate protein purification. In addition, we add a GS linker and a BamHI at 3’ terminal for possible protein fusion experiment in future.
 
</p>
 
</font>
 
  
</center>
 
</body>
 
  
 
</div>
 
  
<script type="Text/JavaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
 
  
<script>
+
</div>
 
+
</div>
// This is the jquery part of your template. 
+
// Try not modify any of this code too much since it makes your menu work.
+
 
+
$(document).ready(function() {
+
 
+
$("#HQ_page").attr('id','');
+
 
+
// call the functions that control the menu
+
menu_functionality();
+
hide_show_menu();
+
 
+
 
+
 
+
//this function controls the expand and collapse buttons of the menu and changes the +/- symbols
+
function menu_functionality() {
+
 
+
//when clicking on a "menu_button", it will change the "+/-" accordingly and it will show/hide the corresponding submenu
+
$(".menu_button").click(function(){
+
 
+
// add or remove the class "open" , this class holds the "-"
+
$(this).children().toggleClass("open");
+
// show or hide the submenu
+
$(this).next('.submenu_wrapper').fadeToggle(400);
+
});
+
 
+
// when the screen size is smaller than 800px, the display_menu_control button appears and will show/hide the whole menu
+
$("#display_menu_control").click(function(){
+
$('#menu_content').fadeToggle(400);
+
});
+
 
+
// call the current page highlight function
+
highlight_current_page();
+
}
+
 
+
 
+
// call the highlight current page function to show it on the menu with a different background color
+
function highlight_current_page() {
+
 
+
// select a page from the menu based on the id assigned to it and the current page name and add the class "current page" to make it change background color
+
$("#"+  wgPageName.substring(wgPageName.lastIndexOf("/")+1, wgPageName.length ) + "_page").addClass("current_page");
+
 
+
// now that the current_page class has been added to a menu item, make the submenu fade in
+
$(".current_page").parents(".submenu_wrapper").fadeIn(400);
+
// change the +/- symbol of the corresponding menu button
+
$(".current_page").parents(".submenu_wrapper").prev().children().toggleClass("open");
+
+
}
+
 
+
 
+
 
+
// allow button on the black menu bar to show/hide the side menu
+
function hide_show_menu() {
+
+
// in case you preview mode is selected, the menu is hidden for better visibility
+
if (window.location.href.indexOf("submit") >= 0) {
+
$(".igem_2017_menu_wrapper").hide();
+
}
+
 
+
// if the black menu bar has been loaded
+
  if (document.getElementById('bars_item')) {
+
 
+
// when the "bars_item" has been clicked
+
$("#bars_item").click(function() {
+
$("#sideMenu").hide();
+
 
+
// show/hide the menu wrapper
+
$(".igem_2017_menu_wrapper").fadeToggle("100");
+
});
+
  }
+
 
+
// because the black menu bars loads at a different time than the rest of the page, this function is set on a time out so it can run again in case it has not been loaded yet
+
else {
+
    setTimeout(hide_show_menu, 15);
+
}
+
}
+
 
+
 
+
});
+
 
+
 
+
</script>
+
  
 
</html>
 
</html>

Revision as of 11:53, 31 October 2017

Design


The Smart EDC Farmland Protection System

Integrated system of endocrine disrupting chemicals (EDCs) water protection system.

In order to solve some real environmental challenges, our team has proposed an integrated system that can both detect and degrade endocrine disrupting chemicals (EDCs) suitable for farmland water protection.

What is EDCs?

EDCs (Endocrine Disruptor Chemicals), which can interfere with endocrine systems, causing cancerous tumors, birth defects, and other developmental disorders. These chemicals are mostly man-made and found in various materials such as pesticides, food containers, and personal care products. Factories sometimes illegally emit the EDCs contaminated water into the river, which can post the threat to nearby farmland. In this project, we primarily focus on two common kinds of EDCs, BPA (Bisphenol A) and NP (Nonyl Phenol), in agricultural irrigation water.

We construct the gene of horseradish peroxidase (HRP) and transform it into E. coli. Horseradish peroxidase uses the iron-contained activate center to convert the phenolic group to free radicals and let them react with each other in the presence of hydrogen peroxide. Finally, we can get the less harmful product.

After producing horseradish peroxidase, we use a chemical method to combine the enzyme with activated carbon via covalent bonds. Since activated carbon has outstanding ability to capture organic compounds and it can help to accumulate EDCs in the higher concentration, the enzyme can degrade EDCs in a very high efficient way. Finally, we combine activated carbon/enzyme complex with our designed filter to complete all the degradation system.

How we detect EDCs in the water

We will flow some freeze-dried E. coli and water samples through the gold chips. Since there are GFPs in the E. coli, if water samples which have passed our degradation system still containing EDCs. EDCs in the sample will combine with ER-alpha, causing the structure of ER-alpha changes. And then monobody will capture the bounded ER-alpha together with E. coli , leading to the change of fluorescence or surface plasmon resonance signal on the gold chip.

Source:Quantifying Hormone Disruptors with an Engineered Bacterial Biosensor. ACS Cent. Sci., 2017, 3 (2), pp 110–116

In the future, we will construct light detection system and optical system for surface plasmon resonance to complete our detection system. From observation of density of E. coli, it indicates that when the concentration of EDCs decreases, the density of E. coli decrease as well which coincide with our prediction.

Biobrick Design

EDC detection

1.Express surface displayed ER alpha LBD

BBa_J04500:

This is IPTG inducible promoter with RBS. We use this part to control gene expression. (Designed by: Kristen DeCelle Group: iGEM2005)

BBa_K811005:

This is an INPNC part which can be used for the surface display of large proteins. We use this part to display our ER alpha LBD to bacteria surface. (Designed by: Avin Veerakumar Group: iGEM12_Penn)

BBa_J18921:

This is GS-linker from iGEM. It can link two protein and make sure that each protein can fold normally. (Designed by: Raik Gruenberg Group: Affiliates)

ER alpha LBD:

LBD means “Ligand Binding Domain”. This ER alpha LBD from human can bind estrogen and EDCs. The whole ER alpha is a huge protein, which means it may be difficult to expressed by E. coli. From previous research (Akiko Koide et al, 2001), the LBD can bind estrogen normally without other parts, so we chose its LBD to do our experiment.

BBa_B0015:

A double terminator from iGEM. It can terminate DNA transcription. (Designed by: Reshma Shetty Group: Antiquity)

2. Express Monobody with GBP

Monobody:

From previous research (Akiko Koide et al, 2001), the type III domain from human fibronectin (FNfn10) can be used as monobody to probing whether ER alpha LBD bind to ligand.

BBa_K1694006:

This part is a gold binding peptide (GBP). We fuse our monobody and GBP so that the monobody can be displayed on the gold surface.

EDCs Degradation

There is three category of enzymes that is reported to be capable of catalysis redox reaction with phenolic compounds. They are laccase, MnP (Manganese peroxidase), and HRP (horseradish peroxidase). We cloned several genes that encoded these enzymes into E. coli. We expressed the enzyme with the IPTG-inducible promoter (J04500), purified and tested the activity against phenolic EDCs to see if this enzyme can accelerate the degradation of phenolic EDCs.

1.Laccase

BBa_K2354001 : Laccase Bp

This part encoded a laccase which originated from Bacillus pumilus. We codon optimize this part for E. coli and add a 6X histag at 3’ terminal to facilitate protein purification. In addition, we add a GS linker and a BamHI at 3’ terminal for possible protein fusion experiment in future.

BBa_K2354002 : Laccase Sc

This part encoded a laccase that previous study had codon optimized and construct on E. coli. We add a 6X histag at 3’ terminal to facilitate protein purification. In addition, we also add a BamHI at 3’ terminal for possible protein fusion experiment in future.

BBa_K2354003 : Laccase Tc

This part encoded a laccase which originated from Thanatephorus cucumeris. We codon optimize this part for E. coli and add a 6X histag at 3’ terminal to facilitate protein purification. In addition, we add a BamHI at 3’ terminal for possible protein fusion experiment in future.

BBa_K2354004: Laccase Tv

This part encoded a laccase which originated from Trametes versicolor. We codon optimize this part for E. coli and add a 6X histag at 3’ terminal to facilitate protein purification. In addition, we add a BamHI at 3’ terminal for possible protein fusion experiment in future.

2. HRP

BBa_K235400: HRP

This part encoded HRP ( horseradish peroxidase ) which originated from Armoracia rusticana. We codon optimize this part for E. coli and add a 6X histag at 3’ terminal to facilitate protein purification. In addition, we add a BamHI at 3’ terminal for possible protein fusion experiment in future.

3. MnP

BBa_K2354006 : MnP

This part encoded a MnP which originated from Trametes versicolor. We codon optimize this part for E. coli and add a 6X histag at 3’ terminal to facilitate protein purification. In addition, we add a GS linker and a BamHI at 3’ terminal for possible protein fusion experiment in future.