Difference between revisions of "Team:BIT-China/Description"

 
(12 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
+
<html>
<html >
+
  
 
<head>
 
<head>
    <meta charset="utf-8" />
 
    <title>iGEM-project</title>
 
 
    <!-- 解决iGEM官网坑爹样式问题 -->
 
 
     <style>
 
     <style>
 
         body {
 
         body {
Line 18: Line 13:
 
             padding: 0;
 
             padding: 0;
 
             font-size: transparent !important;
 
             font-size: transparent !important;
 +
            overflow-y: hidden;
 
         }
 
         }
  
Line 35: Line 31:
 
             border-style: transparent !important;
 
             border-style: transparent !important;
 
         }
 
         }
        .PRO-title {
 
  position: relative;
 
  z-index: 4;
 
  top: calc(25vh - 30px);
 
  left: 25vw;
 
  width: 60vw;
 
  padding: 0;
 
}
 
 
.PRO-white-head {
 
  position: fixed;
 
  z-index: 1;
 
  top: 0;
 
  height: calc(25vh - 30px);
 
  left: 25vw;
 
  width: 60vw;
 
  padding: 0;
 
  /* background-color: #E6E6E6; */
 
}
 
 
.PRO-BG {
 
  position: fixed;
 
  z-index: 0;
 
  width: 100vw;
 
  height: 60vh;
 
  top: 0;
 
  right: 0;
 
}
 
@media only screen and (max-height : 800px) {
 
  .PRO-BG {
 
    height: 100vh;
 
  }
 
}
 
 
.PRO-title-1 {
 
  font-family: 'kg_second_chances_solidRg';
 
  top: calc(100% - 45px);
 
  font-size: 30px;
 
  color: #131313;
 
  float: right;
 
}
 
 
.PRO-title-2 {
 
  font-family: 'kg_second_chances_solidRg';
 
  font-size: 22px;
 
  color: #131313;
 
  left: 0;
 
  margin: 0;
 
  padding: 0;
 
  text-align: left;
 
}
 
 
.PRO-title-3 {
 
  font-family: 'kg_second_chances_solidRg';
 
  font-size: 18px;
 
  color: #131313;
 
  left: 0;
 
}
 
 
.PRO-content-all {
 
  width: 100%;
 
  margin: 0;
 
  padding: 0;
 
}
 
 
.PRO-content {
 
  width: 100%;
 
  margin: 0;
 
  padding: 0;
 
}
 
 
.PRO-content-p {
 
  margin: 0;
 
  padding: 0;
 
 
  font-family: 'helveticaregular' !important;
 
  font-weight: 500 !important;
 
  font-size: 16px !important;
 
  line-height: 1.7 !important;
 
  color: #131313;
 
 
  word-wrap: break-word;
 
  word-break: keep-all;
 
  text-align: justify;
 
  text-justify: inter-ideograph;
 
}
 
 
.PRO-Fig {
 
  text-align: center;
 
  margin-bottom: 1px;
 
}
 
 
.PRO-Fig img {
 
  width: 500px;
 
}
 
 
.PRO-Fig figcaption {
 
  font-family: 'helveticaregular';
 
  font-size: 15px;
 
  font-weight: bold;
 
}
 
 
.PRO-margin-toTitle {
 
  margin-top: 10px;
 
}
 
 
.PRO-margin-toContentP {
 
  margin-top: 10px;
 
}
 
 
.PRO-margin-toTitle1 {
 
  margin-top: 10px;
 
}
 
 
.PRO-margin-toTitle2 {
 
  margin-top: 10px;
 
}
 
 
.PRO-margin-toTitle3 {
 
  margin-top: 3px;
 
}
 
 
.PRO-margin-toFig {
 
  margin-top: 10px;
 
}
 
 
.PRO-margin-Title2Up {
 
  margin-top: 15px;
 
}
 
 
.PRO-margin-Title3Up {
 
  margin-top: 10px;
 
}
 
 
.PRO-margin-ContentPUp {
 
  margin-top: 10px;
 
}
 
 
 
     </style>
 
     </style>
  
    <!-- 通用css -->
+
     <link rel="stylesheet" href="https://2018.igem.org/Template:BIT-China/css/common-style?action=raw&amp;ctype=text/css">
     <link rel="stylesheet" href="https://2018.igem.org/Template:BIT-China/css/common-style?action=raw&amp;ctype=text/css" />
+
     <link rel="stylesheet" href="https://2018.igem.org/Template:BIT-China/css/project-common-style?action=raw&amp;ctype=text/css">
    <!-- css动画 -->
+
 
     <link rel="stylesheet" href="https://2018.igem.org/Template:BIT-China/css/css-animation?action=raw&amp;ctype=text/css" />
+
    <!-- 用于圆点导航栏的css -->
+
    <link rel="stylesheet" href="https://2018.igem.org/Template:BIT-China/css/nav-dot-style?action=raw&amp;ctype=text/css" />
+
    <!-- project 通用 css -->
+
    <link rel="stylesheet" href="css/project_common_style.css" />
+
    <!-- 提示 -->
+
    <link rel="stylesheet" href="https://2018.igem.org/Template:BIT-China/css/Tooltip?action=raw&amp;ctype=text/css" />
+
    <style>
+
        .nav-dot-box:hover .nav-dot-card {
+
            display: block;
+
            width: 250px;
+
            right: 100px;
+
  
            margin-right: 50px;
+
</head>
  
            transition: all .3s ease-in-out .1s;
+
<body>
            -webkit-transition: all .3s ease-in-out .1s;
+
            -moz-transition: all .3s ease-in-out .1s;
+
            -ms-transition: all .3s ease-in-out .1s;
+
            -o-transition: all .3s ease-in-out .1s;
+
        }
+
        .nav-dot-all {
+
  width: 200px;
+
  position: fixed;
+
  left: calc(92vw - 27px);
+
  top: 30vh;
+
  font-family: 'kg_second_chances_solidRg';
+
  z-index: 1;
+
 
+
  display: -webkit-box;
+
  display: -moz-box;
+
  display: -ms-flexbox;
+
  display: -webkit-flex;
+
  display: flex;
+
 
+
  -webkit-box-align: center;
+
  -webkit-align-items: center;
+
  -ms-flex-align: center;
+
  align-items: center;
+
  -webkit-box-pack: center;
+
  -webkit-justify-content: center;
+
  -ms-flex-pack: center;
+
  justify-content: center;
+
}
+
 
+
.nav-dot-all ul li {
+
  margin-top: 20px;
+
  display: -webkit-box;
+
  display: -moz-box;
+
  display: -ms-flexbox;
+
  display: -webkit-flex;
+
  display: flex;
+
  cursor: pointer;
+
  -webkit-transition: all .2s ease-out;
+
  transition: all .2s ease-out;
+
  list-style: none;
+
  -moz-transition: all .2s ease-out;
+
  -ms-transition: all .2s ease-out;
+
  -o-transition: all .2s ease-out;
+
}
+
 
+
.nav-dot-box {
+
  width: 10px;
+
  height: 10px;
+
  border: 2px solid #131313;
+
  border-radius: 50%;
+
  -webkit-border-radius: 50%;
+
  -moz-border-radius: 50%;
+
  -ms-border-radius: 50%;
+
  -o-border-radius: 50%;
+
}
+
 
+
.nav-dot-box a {
+
  width: 250px;
+
  position: relative;
+
  right: 50px;
+
}
+
 
+
.nav-dot-box:hover {
+
  border: 2px solid #38769a;
+
  background: #38769a;
+
}
+
 
+
.nav-dot-box-color {
+
  border: 2px solid #38769a;
+
  background: #38769a;
+
}
+
 
+
.nav-dot-box .nav-dot-card {
+
  float: left;
+
  z-index: -1;
+
  display: block;
+
 
+
  position: relative;
+
  top: -12px;
+
  right: -100px;
+
 
+
  width: 250px;
+
  height: 30px;
+
 
+
  background: #f6f6f6;
+
 
+
  transition: all .3s ease-in-out .1s;
+
  -webkit-transition: all .3s ease-in-out .1s;
+
  -moz-transition: all .3s ease-in-out .1s;
+
  -ms-transition: all .3s ease-in-out .1s;
+
  -o-transition: all .3s ease-in-out .1s;
+
}
+
 
+
.nav-dot-box:hover .nav-dot-card {
+
  display: block;
+
  width: 250px;
+
  right: 30px;
+
 
+
  margin-right: 50px;
+
 
+
  transition: all .3s ease-in-out .1s;
+
  -webkit-transition: all .3s ease-in-out .1s;
+
  -moz-transition: all .3s ease-in-out .1s;
+
  -ms-transition: all .3s ease-in-out .1s;
+
  -o-transition: all .3s ease-in-out .1s;
+
}
+
 
+
.nav-dot-card-hover {
+
  float: left;
+
  z-index: -1;
+
  top: -12px;
+
  position: relative;
+
  background: #f6f6f6;
+
  display: block;
+
  width: 250px;
+
  right: 30px;
+
  height: 30px;
+
  margin-right: 50px;
+
 
+
  transition: all .3s ease-in-out .1s;
+
  -webkit-transition: all .3s ease-in-out .1s;
+
  -moz-transition: all .3s ease-in-out .1s;
+
  -ms-transition: all .3s ease-in-out .1s;
+
  -o-transition: all .3s ease-in-out .1s;
+
}
+
 
+
.nav-dot-card-content {
+
  position: relative;
+
  top: 2px;
+
  margin-left: 15px;
+
  color: #131313;
+
  font-size: 17px;
+
}
+
 
+
.nav-dot-selected {
+
  position: relative;
+
  top: 2px;
+
  margin-left: 15px;
+
  font-size: 17px;
+
  color: #38769a;
+
}
+
 
+
    </style>
+
 
+
   
+
    <script src="https://2018.igem.org/Template:BIT-China/js/base-loading?action=raw&ctype=text/javascript"></script>
+
 
+
</head>
+
  
<body id="ibody" class="scoll_dis">
+
            <ul id="left-nav">
    <!-- 导航栏 start -->
+
    <ul id="left-nav">
+
 
         <li>
 
         <li>
 
             <a>PROJECT</a>
 
             <a>PROJECT</a>
Line 361: Line 57:
 
                 <li><a href="https://2018.igem.org/Team:BIT-China/ExperimentsFeedback">Feedback</a></li>
 
                 <li><a href="https://2018.igem.org/Team:BIT-China/ExperimentsFeedback">Feedback</a></li>
 
                 <li><a href="https://2018.igem.org/Team:BIT-China/ExperimentsOutput">Output</a></li>
 
                 <li><a href="https://2018.igem.org/Team:BIT-China/ExperimentsOutput">Output</a></li>
                 <li><a href="https://2018.igem.org/Team:BIT-China/ExperimentsInput">Input</a></li>
+
                 <li><a href="https://2018.igem.org/Team:BIT-China/Results">Results</a></li>
 
             </ul>
 
             </ul>
 
         </li>
 
         </li>
Line 369: Line 65:
 
             <ul>
 
             <ul>
 
                 <li><a href="https://2018.igem.org/Team:BIT-China/Model">Overview</a></li>
 
                 <li><a href="https://2018.igem.org/Team:BIT-China/Model">Overview</a></li>
                 <li><a href="https://2018.igem.org/Team:BIT-China/FluorescentProbesModel">Fluorescent Probes Model </a></li>  
+
                 <li><a href="https://2018.igem.org/Team:BIT-China/FluorescentProbesModel">Fluorescent Probe Model </a></li>
              <li><a href="https://2018.igem.org/Team:BIT-China/H2O2DecompositionModel">H<sub>2</sub>O<sub>2</sub>
+
                <li><a href="https://2018.igem.org/Team:BIT-China/H2O2DecompositionModel">H<sub>2</sub>O<sub>2</sub>
 
                         Decomposition Model</a></li>
 
                         Decomposition Model</a></li>
               
+
 
 
                 <li><a href="https://2018.igem.org/Team:BIT-China/roGFP2-Orp1MichaelisEquationModel">roGFP2-Orp1
 
                 <li><a href="https://2018.igem.org/Team:BIT-China/roGFP2-Orp1MichaelisEquationModel">roGFP2-Orp1
                         Michaelis equations Model</a></li>
+
                         Michaelis equation Model</a></li>
 
             </ul>
 
             </ul>
 
         </li>
 
         </li>
  
 
         <li>
 
         <li>
             <a>Human Practices</a>
+
             <a>HUMAN PRACTICES</a>
 
             <ul>
 
             <ul>
 +
                <li><a href="https://2018.igem.org/Team:BIT-China/HPOverview">Overview</a></li>
 
                 <li><a href="https://2018.igem.org/Team:BIT-China/Human_Practices">Integrated Human Practices</a></li>
 
                 <li><a href="https://2018.igem.org/Team:BIT-China/Human_Practices">Integrated Human Practices</a></li>
 
                 <li><a href="https://2018.igem.org/Team:BIT-China/Public_Engagement">Education & Public Engagement</a></li>
 
                 <li><a href="https://2018.igem.org/Team:BIT-China/Public_Engagement">Education & Public Engagement</a></li>
Line 418: Line 115:
 
         </li>
 
         </li>
 
     </ul>
 
     </ul>
 
+
     <a href="https://2018.igem.org/Team:BIT-China"><img id="imgA" class="imgA-new-pos" src="https://static.igem.org/mediawiki/2018/4/46/T--BIT-China--iGEM2018-A_img.png " /></a>
     <a href="https://2018.igem.org/Team:BIT-China"><img id="imgA" class="imgA-new-pos" src="img/T--BIT-China--iGEM2018-A_img.png" /></a>
+
 
     <!-- end -->
 
     <!-- end -->
  
 
     <div class="PRO-white-head"></div>
 
     <div class="PRO-white-head"></div>
  
     <div class="PRO-title">
+
     <img class="PRO-BG" src="https://static.igem.org/mediawiki/2018/7/74/T--BIT-China--iGEM2018-project-bg.png">
        <a class="PRO-title-1" style="z-index:4;border-bottom: 3px solid #E6E6E6;color: #E6E6E6;">DESCRIPTION</a>
+
    </div>
+
 
+
    <img class="PRO-BG" src="./img/T--BIT-China--iGEM2018-project-bg.png">
+
  
 
     <div id="PRO-content-all" class="content_container" style="margin-top:25vh;">
 
     <div id="PRO-content-all" class="content_container" style="margin-top:25vh;">
 +
        <div style="font-family: 'kg_second_chances_solidRg';font-size: 30px;color: #131313;width: 100%;float:right;">
 +
            <a style="border-bottom: 3px solid #131313;color: #131313;text-decoration: none;right: 0;float: right;">DESCRIPTION</a>
 +
        </div>
  
 
         <div id="PRO1" class="cd-section">
 
         <div id="PRO1" class="cd-section">
 
             <div class="PRO-title-2">
 
             <div class="PRO-title-2">
                 <a>Overview</a>
+
                 <a style="text-decoration:none;color:#131313;">Overview</a>
 
             </div>
 
             </div>
  
             <div class="PRO-content-all">
+
             <div class="PRO-content-all PRO-margin-toTitle2">
 
                 <div class="PRO-content">
 
                 <div class="PRO-content">
 
                     <p class="PRO-content-p">
 
                     <p class="PRO-content-p">
                            To achieve our goal of detecting the antioxidants capacity of different products in living cells, it our system can be divided into three parts, regulator, feedback and output.
+
                        To achieve our goal of detecting the antioxidants capacity of different products in living
 +
                        cells, it our system can be divided into three parts, regulator, feedback and output.
 
                     </p>
 
                     </p>
 
                 </div>
 
                 </div>
Line 446: Line 142:
 
         </div>
 
         </div>
  
         <div id="PRO2" class="cd-section">
+
         <div id="PRO2" class="cd-section PRO-margin-Title2Up">
 
             <div class="PRO-title-2">
 
             <div class="PRO-title-2">
                 <a>Regulator</a>
+
                 <a style="text-decoration:none;color:#131313;">Regulator</a>
 
             </div>
 
             </div>
  
 
             <div class="PRO-content-all">
 
             <div class="PRO-content-all">
 
                 <div class="PRO-content">
 
                 <div class="PRO-content">
                     <p class="PRO-content-p">
+
                     <p class="PRO-content-p PRO-margin-toTitle2">
 
                         Firstly, we choose to increase the intracellular ROS content, considering that:
 
                         Firstly, we choose to increase the intracellular ROS content, considering that:
 
                     </p>
 
                     </p>
  
                     <ul class="PRO-content-p">
+
                     <ul class="PRO-content-p PRO-margin-toContentP">
 
                         <li>
 
                         <li>
 
                             ● The level of ROS in normal cells is low and hard to detection.
 
                             ● The level of ROS in normal cells is low and hard to detection.
 
                         </li>
 
                         </li>
 
                         <li>
 
                         <li>
                             ● Make the cell under oxidative stress to simulate the normal cellular oxidative process or, rather, the aging process.
+
                             ● Make the cell under oxidative stress to simulate the normal cellular oxidative process
 +
                            or, rather, the aging process.
 
                         </li>
 
                         </li>
 
                         <li>
 
                         <li>
                             ● The most intuitive effect of antioxidants is their reduction of intracellular ROS content. We can evaluate antioxidants indirectly through the remaining amount of ROS.
+
                             ● The most intuitive effect of antioxidants is their reduction of intracellular ROS
 +
                            content. We can evaluate antioxidants indirectly through the remaining amount of ROS.
 
                         </li>
 
                         </li>
 
                         <li>
 
                         <li>
                             ● After reviewing most cell-based antioxidant detection methods recorded in literature, we discover that almost all protocols will induce cell in an oxidant stress firstly.  
+
                             ● After reviewing most cell-based antioxidant detection methods recorded in literature, we
 +
                            discover that almost all protocols will induce cell in an oxidant stress firstly.
 
                         </li>
 
                         </li>
 
                     </ul>
 
                     </ul>
  
                     <p class="PRO-content-p">
+
                     <p class="PRO-content-p PRO-margin-toContentP">
                         Therefore, we established this part to do such kind of thing. Meanwhile, we hope the way to stimulate the accumulation of ROS is easy and equipment-independent, which makes our system more available for customers.
+
                         Therefore, we established this part to do such kind of thing. Meanwhile, we hope the way to
 +
                        stimulate the accumulation of ROS is easy and equipment-independent, which makes our system
 +
                        more available for customers.
 
                     </p>
 
                     </p>
                     <p class="PRO-content-p">
+
                     <p class="PRO-content-p PRO-margin-toContentP">
                         However, higher oxidative stress is always accompanied by lower survival rate, in hence we also need to do something to make our host cell more robust and prevent cells from dying for oxidation.
+
                         However, higher oxidative stress is always accompanied by lower survival rate, in hence we also
 +
                        need to do something to make our host cell more robust and prevent cells from dying for
 +
                        oxidation.
 
                     </p>
 
                     </p>
 
                 </div>
 
                 </div>
Line 482: Line 185:
 
         </div>
 
         </div>
  
 
+
         <div id="PRO2" class="cd-section PRO-margin-Title2Up">
         <div id="PRO2" class="cd-section">
+
 
             <div class="PRO-title-2">
 
             <div class="PRO-title-2">
                 <a>Feedback</a>
+
                 <a style="text-decoration:none;color:#131313;">Feedback</a>
 
             </div>
 
             </div>
  
 
             <div class="PRO-content-all">
 
             <div class="PRO-content-all">
 
                 <div class="PRO-content">
 
                 <div class="PRO-content">
                     <p class="PRO-content-p">
+
                     <p class="PRO-content-p PRO-margin-toTitle2">
                         After increasing the concentration of ROS in cell, there’s still somethings we need to consider:
+
                         After increasing the concentration of ROS in cell, there's still somethings we need to
 +
                        consider:
 
                     </p>
 
                     </p>
  
                     <ul class="PRO-content-p">
+
                     <ul class="PRO-content-p PRO-margin-toContentP">
 
                         <li>
 
                         <li>
 
                             ● The high level of ROS will damage the cells and even lead to cells death.
 
                             ● The high level of ROS will damage the cells and even lead to cells death.
 
                         </li>
 
                         </li>
 
                         <li>
 
                         <li>
                             ● Low survival rate under high oxidant state may affect the signal output of our system, making our results not convincing;
+
                             ● Low survival rate under high oxidant state may affect the signal output of our system,
 +
                            making our results not convincing.
 
                         </li>
 
                         </li>
 
                         <li>
 
                         <li>
                             ● It’s hard to control the ROS accumulation in every assay, which means our test may be NON-repeatable.
+
                             ● It's hard to control the ROS accumulation in every assay, which means our test may be
 +
                            NON-repeatable.
 
                         </li>
 
                         </li>
 
                     </ul>
 
                     </ul>
  
                     <p class="PRO-content-p">
+
                     <p class="PRO-content-p PRO-margin-toContentP">
                         Based on these reasons, we need to add an feedback system to control the concentration of ROS in vivo, make it higher than normal level, lower than death level to maintain cell viability and last, steady for test. We solve this problem by adding an ROS sensor, which has a suitable sensing threshold so that it can maintain the balancing between the high level of ROS in living cell and survival rate of cells.  
+
                         Based on these reasons, we need to add an feedback system to control the concentration of ROS
 +
                        in vivo, make it higher than normal level, lower than death level to maintain cell viability
 +
                        and last, steady for test. We solve this problem by adding an ROS sensor, which has a suitable
 +
                        sensing threshold so that it can maintain the balancing between the high level of ROS in living
 +
                        cell and survival rate of cells.
 
                     </p>
 
                     </p>
 
                 </div>
 
                 </div>
Line 513: Line 222:
 
         </div>
 
         </div>
  
         <div id="PRO2" class="cd-section">
+
         <div id="PRO2" class="cd-section PRO-margin-Title2Up">
 
             <div class="PRO-title-2">
 
             <div class="PRO-title-2">
                 <a>Output</a>
+
                 <a style="text-decoration:none;color:#131313;">Output</a>
 
             </div>
 
             </div>
  
 
             <div class="PRO-content-all">
 
             <div class="PRO-content-all">
 
                 <div class="PRO-content">
 
                 <div class="PRO-content">
                     <p class="PRO-content-p">
+
                     <p class="PRO-content-p PRO-margin-toTitle2">
                         Last but not least, the part of characterizing residual amount of intracellular ROS.  
+
                         Last but not least, the part of characterizing residual amount of intracellular ROS.
 
                     </p>
 
                     </p>
                     <p class="PRO-content-p">
+
                     <p class="PRO-content-p PRO-margin-toContentP">
 
                         Different from chemical detecting methods, our signal output substance must be:
 
                         Different from chemical detecting methods, our signal output substance must be:
 
                     </p>
 
                     </p>
  
                     <ul class="PRO-content-p">
+
                     <ul class="PRO-content-p PRO-margin-toContentP">
 
                         <li>
 
                         <li>
                             ● simpler for users to detect;
+
                             ● simpler for users to detect.
 
                         </li>
 
                         </li>
 
                         <li>
 
                         <li>
                             ● harmless to cells;
+
                             ● harmless to cells.
 
                         </li>
 
                         </li>
 
                         <li>
 
                         <li>
                             ● accurate and sensitive enough to reflect the intracellular ROS content;
+
                             ● accurate and sensitive enough to reflect the intracellular ROS content.
 
                         </li>
 
                         </li>
 
                         <li>
 
                         <li>
Line 542: Line 251:
 
                     </ul>
 
                     </ul>
  
                     <p class="PRO-content-p">
+
                     <p class="PRO-content-p PRO-margin-toContentP">
                         To meet those needs, chemical redox probe has been out of our consideration, even though they have characteristic of extreme-high sensitivity, still they are irreversibility and unstable. We prefer a kind of characterization which can exist in living cell also in a consist level for stable measurement.
+
                         To meet those needs, chemical redox probe has been out of our consideration, even though they
 +
                        have characteristic of extreme-high sensitivity, still they are irreversibility and unstable.
 +
                        We prefer a kind of characterization which can exist in living cell also in a consist level for
 +
                        stable measurement.
 
                     </p>
 
                     </p>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
       
 
 
     </div>
 
     </div>
  
 
     <!-- footer start -->
 
     <!-- footer start -->
     <div class="footer-all" style="margin-top:80px;">
+
     <div class="footer-all" style="margin-top:65px;">
 
         <div class="footer-left">
 
         <div class="footer-left">
             <img src="./img/T--BIT-China--2017sponsor_pic1.png">
+
             <img src="https://static.igem.org/mediawiki/2018/c/ca/T--BIT-China--iGEM2018-sponsor-1.png">
            <img src="./img/T--BIT-China--2017sponsor_pic8.png">
+
             <img src="https://static.igem.org/mediawiki/2018/0/07/T--BIT-China--iGEM2018-sponsor-2.png">
            <img src="./img/T--BIT-China--2017sponsor_pic1.png">
+
             <img src="./img/T--BIT-China--2017sponsor_pic8.png">
+
            <img src="./img/T--BIT-China--2017sponsor_pic1.png">
+
            <img src="./img/T--BIT-China--2017sponsor_pic8.png">
+
 
         </div>
 
         </div>
 
         <div class="footer-right">
 
         <div class="footer-right">
             <p style="font-family:'kg_second_chances_solidRg';font-size:12px;margin: 0;padding: 0 0 3px;">Contact</p>
+
             <p style="font-family:'kg_second_chances_solidRg';font-size:12px;margin: 0;padding: 0 0 3px;margin-top: 8px;">Contact</p>
             <p style="font-size:15px;line-height: 1.5 !important;margin: 0;padding: 0;">Institute of
+
             <p style="font-size:15px;margin: 0;padding: 0;margin-top: 4px;">Institute of
                 Biotransformation and synthetic biosystem
+
                 Biotransformation and synthetic biosystem School of Chemistry and Chemical Engineering.
                <br>School of life science
+
            </p>
                <br>Beijing Institute of Technology
+
            <p style="font-size:15px;margin: 0;padding: 0;margin-top: 4px;">
                <br>100081, Beijing
+
                Beijing Institute of Technology
                <br>Email:lichun@bit.edu.cn
+
            </p>
 +
            <p style="font-size:15px;margin: 0;padding: 0;margin-top: 4px;">
 +
                100081, Beijing
 +
            </p>
 +
            <p style="font-size:15px;margin: 0;padding: 0;margin-top: 4px;">
 +
                Email:lichun@bit.edu.cn
 +
            </p>
 +
 
 +
            <p style="font-size:15px;margin: 0;padding: 0;margin-top: 4px;color:  rgb(161, 161, 161);">
 +
                Copyright © 2018 BIT-China
 
             </p>
 
             </p>
 
         </div>
 
         </div>
    </div>
 
    <div class="footer-info">
 
        <p>Copyright © 2018 BIT-China</p>
 
 
     </div>
 
     </div>
 
     <!-- end -->
 
     <!-- end -->
 
    <!-- 右侧圆点导航栏 start -->
 
    <div id="PRO-nav-dot" class="nav-dot-all" style="top: 40vh;z-index: 3">
 
        <ul>
 
            <li id="nav-dot-box-PRO1" class="nav-dot-box" href="#PRO1" data-number="1">
 
                <a href="#PRO1">
 
                    <div id="nav-dot-card-PRO1" class="nav-dot-card"><span id="nav-dot-PRO1" class="nav-dot-card-content">Overview</span></div>
 
                </a>
 
            </li>
 
 
            <li id="nav-dot-box-PRO2" class="nav-dot-box" href="#PRO2" data-number="2">
 
                <a href="#PRO2">
 
                    <div id="nav-dot-card-PRO2" class="nav-dot-card"><span id="nav-dot-PRO2" class="nav-dot-card-content">Regulator</span></div>
 
                </a>
 
            </li>
 
        </ul>
 
    </div>
 
    <!-- end -->
 
 
 
 
 
  
 
     <script src="https://2018.igem.org/Template:BIT-China/js/jquery-min?action=raw&ctype=text/javascript"></script>
 
     <script src="https://2018.igem.org/Template:BIT-China/js/jquery-min?action=raw&ctype=text/javascript"></script>
    <!-- 左侧导航栏 -->
+
     <script src="https://2018.igem.org/Template:BIT-China/js/copy-tendina?action=raw&ctype=text/javascript"></script>
     <script src="https://2018.igem.org/Template:BIT-China/js/tendina?action=raw&ctype=text/javascript"></script>
+
 
     <script>
 
     <script>
 
         $('#left-nav').tendina({
 
         $('#left-nav').tendina({
 
             animate: true,
 
             animate: true,
             speed: 400, // 下拉时间
+
             speed: 400,
 
         })
 
         })
    </script>
 
    <!-- 提示 -->
 
    <script src="js/Tooltip.js"></script>
 
    <!-- 右侧圆点导航栏变色及滚动 -->
 
    <script>
 
        jQuery(document).ready(function ($) {
 
            var contentSections = $('.cd-section'),
 
                navigationItems = $('#PRO-nav-dot li'),
 
                navigationItems2 = $('#PRO-nav-dot a'),
 
                navigationItems3 = $('#PRO-nav-dot span');
 
 
            updateNavigation();
 
            $(window).on('scroll', function () {
 
                updateNavigation();
 
            });
 
 
            //smooth scroll to the section
 
            navigationItems2.on('click', function (event) {
 
                event.preventDefault();
 
                smoothScroll($(this.hash));
 
            });
 
 
            function updateNavigation() {
 
                contentSections.each(function () {
 
                    $this = $(this);
 
                    var activeSection = $('#PRO-nav-dot li[href="#' + $this.attr('id') + '"]').data('number') - 1;
 
 
                    if (($this.offset().top - $(window).height() / 2 < $(window).scrollTop()) && ($this.offset().top + $this.height() - $(window).height() / 2 > $(window).scrollTop())) {
 
                        navigationItems.eq(activeSection).addClass('nav-dot-box-color');
 
                        navigationItems3.eq(activeSection).addClass('nav-dot-selected');
 
                    } else {
 
                        navigationItems.eq(activeSection).removeClass('nav-dot-box-color');
 
                        navigationItems3.eq(activeSection).removeClass('nav-dot-selected');
 
                    }
 
                });
 
            }
 
 
            function smoothScroll(target) {
 
                $('body,html').animate({
 
                    'scrollTop': target.offset().top - $(window).innerHeight() * 0.25 - 10 + "px"
 
                }, 600);
 
            }
 
        });
 
 
     </script>
 
     </script>
 
</body>
 
</body>
  
 
</html>
 
</html>

Latest revision as of 00:24, 18 October 2018

To achieve our goal of detecting the antioxidants capacity of different products in living cells, it our system can be divided into three parts, regulator, feedback and output.

Firstly, we choose to increase the intracellular ROS content, considering that:

  • ● The level of ROS in normal cells is low and hard to detection.
  • ● Make the cell under oxidative stress to simulate the normal cellular oxidative process or, rather, the aging process.
  • ● The most intuitive effect of antioxidants is their reduction of intracellular ROS content. We can evaluate antioxidants indirectly through the remaining amount of ROS.
  • ● After reviewing most cell-based antioxidant detection methods recorded in literature, we discover that almost all protocols will induce cell in an oxidant stress firstly.

Therefore, we established this part to do such kind of thing. Meanwhile, we hope the way to stimulate the accumulation of ROS is easy and equipment-independent, which makes our system more available for customers.

However, higher oxidative stress is always accompanied by lower survival rate, in hence we also need to do something to make our host cell more robust and prevent cells from dying for oxidation.

After increasing the concentration of ROS in cell, there's still somethings we need to consider:

  • ● The high level of ROS will damage the cells and even lead to cells death.
  • ● Low survival rate under high oxidant state may affect the signal output of our system, making our results not convincing.
  • ● It's hard to control the ROS accumulation in every assay, which means our test may be NON-repeatable.

Based on these reasons, we need to add an feedback system to control the concentration of ROS in vivo, make it higher than normal level, lower than death level to maintain cell viability and last, steady for test. We solve this problem by adding an ROS sensor, which has a suitable sensing threshold so that it can maintain the balancing between the high level of ROS in living cell and survival rate of cells.

Last but not least, the part of characterizing residual amount of intracellular ROS.

Different from chemical detecting methods, our signal output substance must be:

  • ● simpler for users to detect.
  • ● harmless to cells.
  • ● accurate and sensitive enough to reflect the intracellular ROS content.
  • ● Reversible so we can get real-time data.

To meet those needs, chemical redox probe has been out of our consideration, even though they have characteristic of extreme-high sensitivity, still they are irreversibility and unstable. We prefer a kind of characterization which can exist in living cell also in a consist level for stable measurement.