Difference between revisions of "Team:Mingdao/Demonstrate"

Line 1: Line 1:
 
{{Mingdao}}
 
{{Mingdao}}
<html>
+
<html lang="en">
 
<head>
 
<head>
 
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
 
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
Line 8: Line 8:
 
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
 
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
 
</head>
 
</head>
<body>
+
 
<style>
+
<style type="text/css">
h5.card-title{
+
p {
 
   font-size: 18px!important;
 
   font-size: 18px!important;
 
}
 
}
p.card-text {
+
nav ul li {
   font-size: 15px!important;
+
   font-size: 20px!important;
 
}
 
}
a.nav-link {
+
.row li {
 
   font-size: 20px!important;
 
   font-size: 20px!important;
  border-bottom: 5px transparent solid;
 
 
}
 
}
a.nav-link:hover {
+
h1{
   -webkit-animation-name: bottom-appear; /* Safari 4.0 - 8.0 */
+
   color:#007282!important;
  -webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */
+
font-size: 60px!important;
  animation-name: bottom-appear;
+
  animation-duration: 0.5s;
+
  border-bottom: 5px green solid;
+
 
}
 
}
 
+
h3{
/* Safari 4.0 - 8.0 */
+
   color: #ff9900!important;
@-webkit-keyframes bottom-qppear {
+
   font-size: 40px!important;
   from {border-bottom: 5px transparent solid;}
+
   to { border-bottom: 5px green solid;}
+
}
+
 
+
/* Standard syntax */
+
@keyframes bottom-appear {
+
  from {border-bottom: 5px transparent solid;}
+
  to { border-bottom: 5px green solid;}
+
}
+
 
+
/* Makes dropdown visible when hovered */
+
.dropdown:hover>.dropdown-menu {
+
  display: block;
+
 
}
 
}
 
 
</style>
 
</style>
 +
 +
<body>
 
<div class="jumbotron jumbotron-fluid p-0 m-0">
 
<div class="jumbotron jumbotron-fluid p-0 m-0">
     <img src="https://static.igem.org/mediawiki/2019/9/9f/T--Mingdao--CCCCCC.png" class="img-fluid" alt="Responsive image" style="width:100%">
+
     <img src="https://static.igem.org/mediawiki/2019/d/d1/T--Mingdao--Cair%284%29.png" class="img-fluid" alt="Responsive image" style="width:100%">
 
</div>
 
</div>
 +
</body>
 +
</html>
 +
{{:Team:Mingdao/navbar}}
 +
<html>
 +
<body>
  
 +
<div class="row background-white">
 +
<div class="col-2 m-5">
 +
  <div class="path-btns" style="left:0;">
  
<nav class="navbar navbar-expand-lg navbar-light sticky-top" style="background-color: #c9e8e1;">
+
      <div class="path">
  <a class="navbar-brand" href="https://2019.igem.org/Team:Mingdao">
+
        <div class="pathSvg">
    <img src="https://static.igem.org/mediawiki/2019/5/5d/T--Mingdao--logo.png" width="30" height="30" class="d-inline-block align-top" alt="">
+
          <svg width="80" height="100">
    Mingdao
+
            <rect x="36" y="20" width="6" height="80" style="fill:#385e66"></rect>
  </a>
+
          </svg>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+
        </div>
    <span class="navbar-toggler-icon"></span>
+
        <div id="regula-m-btn" class="path-dot" style="background-color: rgb(56, 94, 102);"></div>
  </button>
+
        <div class="pathWord path-word-sm">
 +
          <p>Biobrick Function</p>
 +
        </div>
 +
        </div>
  
  <div class="collapse navbar-collapse" id="navbarSupportedContent">
+
       <div class="path">
    <ul class="navbar-nav mr-auto">
+
         <div class="pathSvg">
       <li class="nav-item">
+
           <svg width="80" height="100">
        <a class="nav-link" href="https://2019.igem.org/Team:Mingdao">Home <i class="fa fa-home" aria-hidden="true"></i></a>
+
            <rect x="36" y="20" width="6" height="80" style="fill:#385e66"></rect>
      </li>
+
           </svg>
      <li class="nav-item">
+
        <a class="nav-link" href="https://2019.igem.org/Team:Mingdao/Description">Project <i class="fa fa-file-word-o" aria-hidden="true"></i></a>
+
      </li>
+
      <li class="nav-item">
+
        <a class="nav-link" href="https://2019.igem.org/Team:Mingdao/Demonstrate">Experiment <i class="fa fa-flask" aria-hidden="true"></i></a>
+
      </li>
+
      <li class="nav-item">
+
        <a class="nav-link" href="https://2019.igem.org/Team:Mingdao/Model">Modeling <i class="fa fa-bar-chart" aria-hidden="true"></i></a>
+
      </li>
+
      <li class="nav-item dropdown">
+
        <a class="nav-link dropdown-toggle" href="https://2019.igem.org/Team:Mingdao/Applied_Design" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
          Prototype <i class="fa fa-wrench" aria-hidden="true"></i>
+
        </a>
+
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
          <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Applied_Design">Introduction</a>
+
          <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/CAir">CAir™</a>
+
          <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/CAir_Pro">CAir Pro™</a>
+
          <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Application">Application</a>
+
         </div></a>
+
      </li>
+
      <li class="nav-item">
+
        <a class="nav-link" href="https://2019.igem.org/Team:Mingdao/Achievement">Achievement <i class="fa fa-trophy" aria-hidden="true"></i></a>
+
      </li>
+
      <li class="nav-item dropdown">
+
        <a class="nav-link dropdown-toggle" href="https://2019.igem.org/Team:Mingdao/Parts" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
           Parts <i class="fa fa-puzzle-piece" aria-hidden="true"></i>
+
        </a>
+
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
          <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Basic_Part">Basic Parts</a>
+
          <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Composite_Part">Composite Parts</a>
+
           <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Part_Collection">Part Collection</a>
+
 
         </div>
 
         </div>
      </li>
+
         <div id="photo-c-btn" class="path-dot" style="top: 100px; background-color: rgb(255, 255, 255);"></div>
      <li class="nav-item dropdown">
+
         <div class="pathWord path-word-sm">
         <a class="nav-link dropdown-toggle" href="https://2019.igem.org/Team:Mingdao/Notebook" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
           <p>Biobrick Construction</p>
          Notebook <i class="fa fa-book" aria-hidden="true"></i>
+
        </a>
+
         <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
           <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Notebook">Notebook</a>
+
          <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Safety">Safety</a>
+
 
         </div>
 
         </div>
      </li>
 
      <li class="nav-item dropdown">
 
        <a class="nav-link dropdown-toggle" href="https://2019.igem.org/Team:Mingdao/Human_Practices" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
          HP <i class="fa fa-handshake-o" aria-hidden="true"></i>
 
        </a>
 
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 
          <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Human_Practices">Integrated Human Practices</a>
 
          <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Public_Engagement">Education and Public Engagement</a>
 
          <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Entrepreneurship">Entrepreneurship</a>
 
 
         </div>
 
         </div>
      </li>
+
 
       <li class="nav-item dropdown active">
+
       <div class="path">
         <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
         <div class="pathSvg">
          Team <i class="fa fa-user-circle" aria-hidden="true"></i>
+
          <svg width="80" height="100">
         </a>
+
            <rect x="36" y="20" width="6" height="80" style="fill:#385e66"></rect>
         <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
          </svg>
          <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Team">Members</a>
+
         </div>
          <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Attributions">Attributions</a>
+
         <div id="goal-c-btn" class="path-dot" style="top: 200px; background-color: rgb(255, 255, 255);"></div>
           <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Collaborations">Collaboration</a>
+
        <div class="pathWord path-word-sm">
 +
           <p>Gene Expression & Purification</p>
 +
        </div>
 
         </div>
 
         </div>
      </li>
 
  
    </ul>
+
      <div class="path">
  </div>
+
        <div class="pathSvg">
</nav>
+
          <svg width="80" height="100">
</html>
+
            <rect x="36" y="20" width="6" height="80" style="fill:#385e66"></rect>
 +
          </svg>
 +
        </div>
 +
        <div id="risk-s-btn" class="path-dot" style="top: 300px; background-color: rgb(255, 255, 255);"></div>
 +
        <div class="pathWord path-word-sm">
 +
          <p>CA</p>
 +
        </div>
 +
        </div>
  
 +
      <div class="path">
 +
        <div class="pathSvg">
 +
          <svg width="80" height="100">
 +
          </svg>
 +
        </div>
 +
        <div id="manage-t-btn" class="path-dot" style="top: 400px; background-color: rgb(255, 255, 255);"></div>
 +
        <div class="pathWord path-word-sm">
 +
          <p>CYP2E1</p>
 +
        </div>
 +
        </div>
  
 +
      <div class="path">
 +
        <div class="pathSvg">
 +
          <svg width="80" height="100">
 +
          </svg>
 +
        </div>
 +
        <div id="discussion-btn" class="path-dot" style="top: 400px; background-color: rgb(255, 255, 255);"></div>
 +
        <div class="pathWord path-word-sm">
 +
          <p>Discussion</p>
 +
        </div>
 +
        </div>
  
 +
        </div>
 +
</div>
 +
     
 +
<div class="col-8 my-5 mr-5 ml-0">
 +
<p>To increase the efficiency of our algae system to reduce indoor pollutants like CO2 and VOCs, we applied two enzymes, carbonic anhydrase(CA) and cytochrome P450 2E1(CYP2E1) to improve algal absorption of CO2 and VOCs, respectively. We produced enzymes by engineering Bacillus subtilis 168 with BioBricks we created and finally put them into our system. We also did some experiments to analyze the activity of our enzymes and test whether our system is efficient enough to refresh indoor air.
 +
</p>
 +
<h1 id ="d-regula">BIOLOGICAL FUNCTION</h1>
 +
<h3>Carbonic anhydrase (CA)</h3>
 +
<p>CA is an enzyme which can be commonly seen in human erythrocytes, it helps the respiratory system to remove CO2 by increasing CO2 solubility in the bloodstream. The CA catalyzes the gas form of CO2 to ionic form of bicarbonate as dissolved inorganic compound.
 +
</p>
 +
<center><img src="https://2019.igem.org/File:T--Mingdao--ex11.png" alt=""  style="max-width:600px;"></center>
 +
<p>We used CA to improve the dissolution rate of CO2 in the algal culture medium. </p>
 +
<center><img src="https://static.igem.org/mediawiki/2019/6/65/T--Mingdao--ex12.png" alt=""  style="max-width:600px;"></center>
 +
<p>Dissolved bicarbonate (HCO3-) is transported into the algal cell in addition to gaseous CO2. And HCO3- is accumulated and concentrated in the cells until conversion back to CO2, which is used by Rubisco to fix carbon into glucose. This pathway increases CO2 concentration and prevents the deleterious oxygenation effect in carboxysome.
 +
<br>
 +
In this project, we utilize human CA to facilitate CO2 transportation as DIC form in the culture media. Algae can take them up followed by fixing CO2 into biomass.
 +
</p>
  
 +
<h3>Cytochrome P450 2E1 (CYP2E1) </h3>
 +
<p>CYP2E1 is a member of cytochrome P450(CYP), which plays a role in metabolizing the toxin and drug including alcohol, benzene, chloroform, 4-nitrophenol, acetone, etc. in the animal body. We use CYP2E1 in our system to break down VOCs (i.g., benzene and chloroform), and algae are capable of taking up the degraded small molecules, resulting in improving the indoor air quality by cleaning up VOCs.
 +
</p>
 +
<center><img src="https://static.igem.org/mediawiki/2019/f/f7/T--Mingdao--ex21.png" alt=""  style="max-width:600px;"></center>
 +
<p>Phenol is a product from benzene oxidation which is catalyzed by CYP2E1. </p>
 +
<center><img src="https://static.igem.org/mediawiki/2019/8/8f/T--Mingdao--ex22.png" alt=""  style="max-width:600px;"></center>
 +
<p>CO2 is one of the major metabolites generated in the process of chloroform degradation. CYP2E1 plays a vital role in the first step followed by spontaneous reactions to make CO2.
 +
<br>
 +
Phenol and CO2 can be naturally absorbed by algae and turned into biomass. We will use CYP2E2 as a biocatalyst to remove benzene and chloroform.
 +
</p>
  
 +
<h1 id ="d-photo">BIOBRICK CONSTRUCTION</h1>
  
  
 +
<h1 id ="d-goal">GENE EXPRESSION & PURIFICATION</h1>
  
 +
<h1 id ="d-risk">CA FUNCTIONAL ASSAY</h1>
  
 +
<h1 id ="d-manage">CYP2E1 FUNCTIONAL ASSAY</h1>
  
 +
<h1 id="d-discussion">DISCUSSION</h1>
  
  
 +
</div>
 +
</div>
 +
</div>
 +
</div>
  
 +
<script type="text/javascript">
 +
    $("#regula-m-btn").click(function() {
 +
      $('html, body').animate({
 +
          scrollTop: $("#d-regula").offset().top-50
 +
      }, 700);
 +
    });
 +
    $("#photo-c-btn").click(function() {
 +
      $('html, body').animate({
  
 +
          scrollTop: $("#d-photo").offset().top-50
 +
      }, 700);
 +
    });
 +
    $("#goal-c-btn").click(function() {
 +
      $('html, body').animate({
 +
          scrollTop: $("#d-goal").offset().top-50
 +
      }, 700);
 +
    });
 +
    $("#risk-s-btn").click(function() {
 +
      $('html, body').animate({
 +
          scrollTop: $("#d-risk").offset().top-50
 +
      }, 700);
 +
    });
 +
    $("#manage-t-btn").click(function() {
 +
      $('html, body').animate({
 +
          scrollTop: $("#d-manage").offset().top-50
 +
      }, 700);
 +
    });
 +
    $("#discussion-btn").click(function() {
 +
      $('html, body').animate({
 +
          scrollTop: $("#d-manage").offset().top-50
 +
      }, 700);
 +
    });
  
 +
    $(document).ready(function(){
 +
      $('.top').on('click', function(){
 +
        $('html, body').animate({scrollTop: '200px'}, 700);
 +
      });
 +
        $("#regula-m-btn").css('background-color', '#385e66');
 +
        var scroll_pos = 0;
 +
        $(document).scroll(function() {
 +
            scroll_pos = $(this).scrollTop();
  
 +
            d_regula_pos = $("#d-regula").offset().top -52
 +
            d_photo_pos = $("#d-photo").offset().top-52
 +
            d_goal_pos = $("#d-goal").offset().top-52
 +
            d_risk_pos = $("#d-risk").offset().top-52
 +
            d_manage_pos = $("#d-manage").offset().top-52
 +
            d_discussion_pos = $("#d-discussion").offset().top-52
  
 +
            // experiment
 +
            if(scroll_pos < d_photo_pos) {
 +
                $(".path-dot").css('background-color', '#fff')
 +
                $("#regula-m-btn").css('background-color', '#385e66');
 +
            }
  
 +
            // pest
 +
            else if(scroll_pos < d_goal_pos){
 +
              if(scroll_pos >= d_photo_pos){
 +
                $(".path-dot").css('background-color', '#fff')
 +
                $("#photo-c-btn").css('background-color', '#385e66');}
 +
            }
  
 +
            // blood
 +
            else if(scroll_pos < d_risk_pos){
 +
              if(scroll_pos >= d_goal_pos){
 +
                $(".path-dot").css('background-color', '#fff')
 +
                $("#goal-c-btn").css('background-color', '#385e66');}
 +
            }
  
 +
            // pathogen
 +
            else if(scroll_pos < d_manage_pos){
 +
              if(scroll_pos >= d_risk_pos){
 +
                $(".path-dot").css('background-color', '#fff')
 +
                $("#risk-s-btn").css('background-color', '#385e66');}
 +
            }
 +
 +
            else if(scroll_pos < d_discussion_pos){
 +
              if(scroll_pos >= d_manage_pos){
 +
                $(".path-dot").css('background-color', '#fff')
 +
                $("#manage-t-btn").css('background-color', '#385e66');}
 +
            }
 +
 +
            // conclusion
 +
            else if( scroll_pos >= d_discussion_pos) {
 +
                $(".path-dot").css('background-color', '#fff')
 +
                $("#discussion-btn").css('background-color', '#385e66');}
 +
        });
 +
    });
 +
</script>
 +
 +
  </body>
 +
</html>
 
{{:Team:Mingdao/test9}}
 
{{:Team:Mingdao/test9}}

Revision as of 09:29, 20 October 2019

Responsive image

Biobrick Function

Biobrick Construction

Gene Expression & Purification

CA

CYP2E1

Discussion

To increase the efficiency of our algae system to reduce indoor pollutants like CO2 and VOCs, we applied two enzymes, carbonic anhydrase(CA) and cytochrome P450 2E1(CYP2E1) to improve algal absorption of CO2 and VOCs, respectively. We produced enzymes by engineering Bacillus subtilis 168 with BioBricks we created and finally put them into our system. We also did some experiments to analyze the activity of our enzymes and test whether our system is efficient enough to refresh indoor air.

BIOLOGICAL FUNCTION

Carbonic anhydrase (CA)

CA is an enzyme which can be commonly seen in human erythrocytes, it helps the respiratory system to remove CO2 by increasing CO2 solubility in the bloodstream. The CA catalyzes the gas form of CO2 to ionic form of bicarbonate as dissolved inorganic compound.

We used CA to improve the dissolution rate of CO2 in the algal culture medium.

Dissolved bicarbonate (HCO3-) is transported into the algal cell in addition to gaseous CO2. And HCO3- is accumulated and concentrated in the cells until conversion back to CO2, which is used by Rubisco to fix carbon into glucose. This pathway increases CO2 concentration and prevents the deleterious oxygenation effect in carboxysome.
In this project, we utilize human CA to facilitate CO2 transportation as DIC form in the culture media. Algae can take them up followed by fixing CO2 into biomass.

Cytochrome P450 2E1 (CYP2E1)

CYP2E1 is a member of cytochrome P450(CYP), which plays a role in metabolizing the toxin and drug including alcohol, benzene, chloroform, 4-nitrophenol, acetone, etc. in the animal body. We use CYP2E1 in our system to break down VOCs (i.g., benzene and chloroform), and algae are capable of taking up the degraded small molecules, resulting in improving the indoor air quality by cleaning up VOCs.

Phenol is a product from benzene oxidation which is catalyzed by CYP2E1.

CO2 is one of the major metabolites generated in the process of chloroform degradation. CYP2E1 plays a vital role in the first step followed by spontaneous reactions to make CO2.
Phenol and CO2 can be naturally absorbed by algae and turned into biomass. We will use CYP2E2 as a biocatalyst to remove benzene and chloroform.

BIOBRICK CONSTRUCTION

GENE EXPRESSION & PURIFICATION

CA FUNCTIONAL ASSAY

CYP2E1 FUNCTIONAL ASSAY

DISCUSSION