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

(Replaced content with "{{BIT-China}} <html> <p>hello word</p> </html>")
Line 1: Line 1:
−
{{BIT-China}}
+
 
−
<html>
+
<html >
−
<p>hello word</p>
+
 
 +
<head>
 +
    <meta charset="utf-8" />
 +
    <title>iGEM-project</title>
 +
 
 +
    <!-- 解决iGEM官网坑爹样式问题 -->
 +
    <style>
 +
        body {
 +
            height: 100%;
 +
            width: 100%;
 +
            background-color: transparent !important;
 +
        }
 +
 
 +
        #globalWrapper {
 +
            margin: 0;
 +
            padding: 0;
 +
            font-size: transparent !important;
 +
        }
 +
 
 +
        #content {
 +
            width: 100%;
 +
            padding: 0;
 +
            margin: -12px 0 0;
 +
            background-color: transparent !important;
 +
            color: transparent !important;
 +
        }
 +
 
 +
        #top_title {
 +
            display: none;
 +
        }
 +
 
 +
        p:hover {
 +
            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>
 +
 
 +
    <!-- 通用css -->
 +
    <link rel="stylesheet" href="https://2018.igem.org/Template:BIT-China/css/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;
 +
 
 +
            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 src="https://2018.igem.org/Template:BIT-China/js/base-loading?action=raw&ctype=text/javascript"></script>
 +
 
 +
</head>
 +
 
 +
<body id="ibody" class="scoll_dis">
 +
    <!-- 导航栏 start -->
 +
    <ul id="left-nav">
 +
        <li>
 +
            <a>PROJECT</a>
 +
            <ul>
 +
                <li><a href="https://2018.igem.org/Team:BIT-China/Background">Background</a></li>
 +
                <li><a href="https://2018.igem.org/Team:BIT-China/Description">Description</a></li>
 +
                <li><a href="https://2018.igem.org/Team:BIT-China/Design">Idea & Design</a></li>
 +
            </ul>
 +
        </li>
 +
 
 +
        <li>
 +
            <a>EXPERIMENTS</a>
 +
            <ul>
 +
                <li><a href="https://2018.igem.org/Team:BIT-China/ExperimentsRegulator">Regulator</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/ExperimentsInput">Input</a></li>
 +
            </ul>
 +
        </li>
 +
 
 +
        <li>
 +
            <a>MODELING</a>
 +
            <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/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>
 +
                        Decomposition Model</a></li>
 +
               
 +
                <li><a href="https://2018.igem.org/Team:BIT-China/roGFP2-Orp1MichaelisEquationModel">roGFP2-Orp1
 +
                        Michaelis equations Model</a></li>
 +
            </ul>
 +
        </li>
 +
 
 +
        <li>
 +
            <a>Human Practices</a>
 +
            <ul>
 +
                <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/Collaborations">Collaborations</a></li>
 +
            </ul>
 +
        </li>
 +
 
 +
        <li>
 +
            <a>NOTEBOOK</a>
 +
            <ul>
 +
                <li><a href="https://2018.igem.org/Team:BIT-China/Notebook">Lab Book</a></li>
 +
                <li><a href="https://2018.igem.org/Team:BIT-China/Protocols">Methodology / Protocols</a></li>
 +
                <li><a href="https://2018.igem.org/Team:BIT-China/Equipment">Material & Equipment</a></li>
 +
                <li><a href="https://2018.igem.org/Team:BIT-China/InterLab">Measurement / InterLab</a></li>
 +
                <li><a href="https://2018.igem.org/Team:BIT-China/Safety">Safety</a></li>
 +
            </ul>
 +
        </li>
 +
 
 +
        <li>
 +
            <a>ACHIEVEMENTS</a>
 +
            <ul>
 +
                <li><a href="https://2018.igem.org/Team:BIT-China/JudgingForm">Judging Form</a></li>
 +
                <li><a href="https://2018.igem.org/Team:BIT-China/Parts">Parts</a></li>
 +
                <li><a href="https://2018.igem.org/Team:BIT-China/Improve">Improve</a></li>
 +
                <li><a href="https://2018.igem.org/Team:BIT-China/Applied_Design">Applied Design</a></li>
 +
                <li><a href="https://2018.igem.org/Team:BIT-China/Demonstrate">Demonstrate</a></li>
 +
            </ul>
 +
        </li>
 +
 
 +
        <li>
 +
            <a>TEAM</a>
 +
            <ul>
 +
                <li><a href="https://2018.igem.org/Team:BIT-China/Team">Members</a></li>
 +
                <li><a href="https://2018.igem.org/Team:BIT-China/Attributions">Attributions</a></li>
 +
                <li><a href="https://2018.igem.org/Team:BIT-China/Gallery">Gallery</a></li>
 +
            </ul>
 +
        </li>
 +
    </ul>
 +
 
 +
    <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 -->
 +
 
 +
    <div class="PRO-white-head"></div>
 +
 
 +
    <div class="PRO-title">
 +
        <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="PRO1" class="cd-section">
 +
            <div class="PRO-title-2">
 +
                <a>Overview</a>
 +
            </div>
 +
 
 +
            <div class="PRO-content-all">
 +
                <div class="PRO-content">
 +
                    <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.
 +
                    </p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 
 +
        <div id="PRO2" class="cd-section">
 +
            <div class="PRO-title-2">
 +
                <a>Regulator</a>
 +
            </div>
 +
 
 +
            <div class="PRO-content-all">
 +
                <div class="PRO-content">
 +
                    <p class="PRO-content-p">
 +
                        Firstly, we choose to increase the intracellular ROS content, considering that:
 +
                    </p>
 +
 
 +
                    <ul class="PRO-content-p">
 +
                        <li>
 +
                            ● The level of ROS in normal cells is low and hard to detection.
 +
                        </li>
 +
                        <li>
 +
                            ● Make the cell under oxidative stress to simulate the normal cellular oxidative process or, rather, the aging process.
 +
                        </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.
 +
                        </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.
 +
                        </li>
 +
                    </ul>
 +
 
 +
                    <p class="PRO-content-p">
 +
                        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 class="PRO-content-p">
 +
                        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>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 
 +
 
 +
        <div id="PRO2" class="cd-section">
 +
            <div class="PRO-title-2">
 +
                <a>Feedback</a>
 +
            </div>
 +
 
 +
            <div class="PRO-content-all">
 +
                <div class="PRO-content">
 +
                    <p class="PRO-content-p">
 +
                        After increasing the concentration of ROS in cell, there’s still somethings we need to consider:
 +
                    </p>
 +
 
 +
                    <ul class="PRO-content-p">
 +
                        <li>
 +
                            ● The high level of ROS will damage the cells and even lead to cells death.
 +
                        </li>
 +
                        <li>
 +
                            ● Low survival rate under high oxidant state may affect the signal output of our system, making our results not convincing;
 +
                        </li>
 +
                        <li>
 +
                            ● It’s hard to control the ROS accumulation in every assay, which means our test may be NON-repeatable.
 +
                        </li>
 +
                    </ul>
 +
 
 +
                    <p class="PRO-content-p">
 +
                        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>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 
 +
        <div id="PRO2" class="cd-section">
 +
            <div class="PRO-title-2">
 +
                <a>Output</a>
 +
            </div>
 +
 
 +
            <div class="PRO-content-all">
 +
                <div class="PRO-content">
 +
                    <p class="PRO-content-p">
 +
                        Last but not least, the part of characterizing residual amount of intracellular ROS.
 +
                    </p>
 +
                    <p class="PRO-content-p">
 +
                        Different from chemical detecting methods, our signal output substance must be:
 +
                    </p>
 +
 
 +
                    <ul class="PRO-content-p">
 +
                        <li>
 +
                            ● simpler for users to detect;
 +
                        </li>
 +
                        <li>
 +
                            ● harmless to cells;
 +
                        </li>
 +
                        <li>
 +
                            ● accurate and sensitive enough to reflect the intracellular ROS content;
 +
                        </li>
 +
                        <li>
 +
                            ● Reversible so we can get real-time data.
 +
                        </li>
 +
                    </ul>
 +
 
 +
                    <p class="PRO-content-p">
 +
                        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>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 
 +
       
 +
    </div>
 +
 
 +
    <!-- footer start -->
 +
    <div class="footer-all" style="margin-top:80px;">
 +
        <div class="footer-left">
 +
            <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">
 +
            <img src="./img/T--BIT-China--2017sponsor_pic1.png">
 +
            <img src="./img/T--BIT-China--2017sponsor_pic8.png">
 +
        </div>
 +
        <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-size:15px;line-height: 1.5 !important;margin: 0;padding: 0;">Institute of
 +
                Biotransformation and synthetic biosystem
 +
                <br>School of life science
 +
                <br>Beijing Institute of Technology
 +
                <br>100081, Beijing
 +
                <br>Email:lichun@bit.edu.cn
 +
            </p>
 +
        </div>
 +
    </div>
 +
    <div class="footer-info">
 +
        <p>Copyright © 2018 BIT-China</p>
 +
    </div>
 +
    <!-- 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/tendina?action=raw&ctype=text/javascript"></script>
 +
    <script>
 +
        $('#left-nav').tendina({
 +
            animate: true,
 +
            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>
 +
</body>
  
 
</html>
 
</html>

Revision as of 15:08, 16 October 2018

iGEM-project

DESCRIPTION
Overview

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.

Regulator

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.

Feedback

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.

Output

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.

Contact

Institute of Biotransformation and synthetic biosystem
School of life science
Beijing Institute of Technology
100081, Beijing
Email:lichun@bit.edu.cn

Copyright © 2018 BIT-China