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

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/Tooltip?action=raw&amp;ctype=text/css">
     <link rel="stylesheet" href="https://2018.igem.org/Template:BIT-China/css/css-animation?action=raw&amp;ctype=text/css" />
+
     <script src="https://2018.igem.org/Template:BIT-China/js/base-loading?action=raw&ctype=text/javascript"></script>
    <!-- 用于圆点导航栏的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;
+
 
+
            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-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>
+
    //在页面未加载完毕之前显示的loading Html自定义内容
+
var _LoadingHtml = '<div id="loadingDiv" style="position:absolute;left:0;top:0;width:calc(100%);height:100%;background-color: #E6E6E6;z-index: 9999;margin:0;padding:0;"><img style="position: absolute;top: calc(50% - 90px);left:calc(50% - 86px);height: 180px;width: 172px;z-index:999999;" src="https://static.igem.org/mediawiki/2018/0/0b/T--BIT-China--iGEM2018-A_loading.gif"></div>';
+
//呈现loading效果
+
document.write(_LoadingHtml);
+
 
+
//监听加载状态改变
+
document.onreadystatechange = completeLoading;
+
 
+
 
+
//加载状态为complete时移除loading效果
+
function completeLoading() {
+
 
+
 
+
 
+
 
+
    document.documentElement.style.overflow = 'hidden';
+
    if (document.readyState == "complete") {
+
 
+
        window.onbeforeunload = function () {
+
            document.documentElement.scrollTop = 0;  //ie下           
+
            document.body.scrollTop = 0;  //非ie   
+
        }
+
 
+
 
+
 
+
        $(window).load(function () {
+
            $('#loading_all').delay(300).hide(0);
+
            setTimeout(function () {
+
                $('body').removeClass("mediawiki ltr sitedir-ltr ns-0 ns-subject page-Team_BIT-China_Description skin-igem action-view");
+
 
+
            }, 300);
+
            $.fn.fullpage.setAllowScrolling(false, 'down');
+
        });
+
 
+
        setTimeout(function () {
+
 
+
 
+
            var loadingMask = document.getElementById('loadingDiv');
+
            loadingMask.classList.add('imgA-nav-gradient-back');
+
            document.documentElement.style.overflowY = 'auto';
+
        }, 3000);
+
 
+
        setTimeout(function () {
+
 
+
            var loadingMask = document.getElementById('loadingDiv');
+
            loadingMask.classList.remove('imgA-nav-gradient-back');
+
            loadingMask.parentNode.removeChild(loadingMask);
+
            $.fn.fullpage.setAllowScrolling(true, 'down');
+
            // body.style="overflow-x:hidden;"       
+
        }, 4400);
+
    }
+
 
+
    function newFunction() {
+
        return false;
+
    }
+
}
+
   
+
    </script>
+
 
+
  
 
</head>
 
</head>
  
 
<body id="ibody" class="scoll_dis">
 
<body id="ibody" class="scoll_dis">
    <!-- 导航栏 start -->
+
 
 
     <ul id="left-nav">
 
     <ul id="left-nav">
 
         <li>
 
         <li>
Line 427: Line 66:
 
             <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 Probes 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 equations Model</a></li>
Line 437: Line 75:
  
 
         <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 486: Line 125:
 
     </div>
 
     </div>
  
     <img class="PRO-BG" src="./img/T--BIT-China--iGEM2018-project-bg.png">
+
     <img class="PRO-BG" src="https://static.igem.org/mediawiki/2018/7/74/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;">
Line 492: Line 131:
 
         <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 504: Line 144:
 
         </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 540: Line 187:
 
         </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 571: Line 224:
 
         </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;
Line 600: Line 253:
 
                     </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>
    <!-- 提示 -->
+
     <script src="https://2018.igem.org/Template:BIT-China/js/Tooltip?action=raw&ctype=text/javascript"></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>
+
 
+
 
</body>
 
</body>
  
 
</html>
 
</html>

Revision as of 20:05, 16 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.