Difference between revisions of "Team:BCU"

 
(121 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
<style>
+
<head lang="en">
    #contentSub,
+
<meta charset="UTF-8">
    #footer-box,
+
<title></title>
    #catlinks,
+
<head>
    #search-controls,
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    #p-logo,
+
<style type="text/css">
    .printfooter,
+
<!--
    .firstHeading,
+
body {
    .visualClear,
+
margin-left: 0px;
    #top_title {
+
margin-top: 0px;
        display: none;
+
margin-right: 0px;
    }
+
margin-bottom: 0px;
 +
background-color: white !important;
 +
min-width: 960px !important;
 +
overflow-x: hidden !important;
 +
}
 +
.title {
 +
height: 240px;
 +
width: 960px;
 +
margin-right: auto;
 +
margin-left: auto;
 +
 +
border-right-style: none;
 +
 +
border-left-style: none;
 +
 +
}
 +
.nav {
 +
float: right;
 +
height: 80px;
 +
width: 960px;
 +
margin-top: 35px;
 +
font-size: 16px;
 +
color: #1C2C77;
 +
border-top-width: thin;
 +
font-weight: 800;
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-style: normal;
 +
line-height: 40px;
 +
text-align: center;
 +
}
 +
.main {
 +
height: 400px;
 +
width: 960px;
 +
margin-right: auto;
 +
margin-left: auto;
 +
border-top-width: 5px;
 +
border-top-style: none;
 +
border-top-color: #FC0;
 +
background-image: url();
 +
background-attachment: fixed;
 +
background-repeat: no-repeat;
 +
background-position: center center;
 +
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
 +
color: #FFF;
 +
text-decoration: blink;
 +
font-weight: 900;
 +
text-transform: capitalize;
 +
text-align: center !important;
 +
padding-top: 0px;
 +
font-size: larger;
 +
margin-bottom: 3px;
 +
}
 +
.main p{
 +
text-align: center !important;
 +
}
 +
.logo {
 +
float: left;
 +
height: 130px;
 +
width: 300px;
 +
background-repeat: no-repeat;
 +
margin: 10px;
 +
}
 +
-->
 +
</style>
 +
<link rel="stylesheet" href="css/animate.min.css" />
 +
<script src="https://2018.igem.org/wiki/index.php?title=Template:BCU_Israel/jquery.min&redirect=no"></script>
 +
<script src="js/wow.min.js"></script>
 +
<script>
 +
$(function(){
 +
var wow = new WOW({
 +
boxClass: 'wow',
 +
animateClass: 'animated',
 +
offset: 0,
 +
mobile: true,
 +
live: true
 +
});
 +
wow.init();
 +
})
 +
</script>
 +
<!--[if lt IE 9]>
 +
<script src="js/html5shiv.min.js"></script>
 +
<script src="js/respond.min.js"></script>
 +
<![endif]-->
 +
<!--[if lte IE 9]>
 +
<script src="js/jquery.placeholder.js"></script>
 +
<script>
 +
$(function() {
 +
$('input, textarea').placeholder({customClass:'my-placeholder'});
 +
});
 +
</script>
 +
<![endif]-->
 +
<style>
 +
html {
 +
font-family: sans-serif;
 +
-webkit-text-size-adjust: 100%;
 +
-ms-text-size-adjust: 100%;
 +
}
 +
body {
 +
margin: 0;
 +
font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;
 +
}
 +
a {
 +
text-decoration: none;
 +
}
 +
a:hover,
 +
a:focus {
 +
text-decoration: none;
 +
}
 +
a:focus {
 +
outline: thin dotted;
 +
outline: 5px auto -webkit-focus-ring-color;
 +
outline-offset: -2px;
 +
}
 +
 +
.container{
 +
width: 1200px;
 +
min-width: 1200px;
 +
margin-right: auto;
 +
margin-left: auto;
 +
}
 +
 +
.shortcut{
 +
height: 24px;
 +
line-height: 24px;
 +
padding-top: 16px;
 +
}
 +
.shortcut a{
 +
color: #808080;
 +
-webkit-transition: all 0.3s ease 0s;
 +
-moz-transition: all 0.3s ease 0s;
 +
-o-transition: all 0.3s ease 0s;
 +
transition: all 0.3s ease 0s;
 +
}
 +
.shortcut a img{
 +
margin-right: 5px;
 +
}
 +
.shortcut a:hover{
 +
color: #8e2322;
 +
}
 +
.header{
 +
width: 100%;
 +
min-width: 1200px;
 +
height: 110px;
 +
background: #fff;
 +
}
 +
.logo img{
 +
display: block;
 +
width: 500px;
 +
margin-right: auto;
 +
margin-left: auto;
 +
}
 +
 +
/*nav*/
 +
nav a{
 +
display: inline-block;
 +
height: 38px;
 +
line-height: 38px;
 +
margin-right: 43px;
 +
margin-left: 43px;
 +
font-size: 16px;
 +
color: #333;
 +
-webkit-transition: all 0.3s ease 0s;
 +
-moz-transition: all 0.3s ease 0s;
 +
-o-transition: all 0.3s ease 0s;
 +
transition: all 0.3s ease 0s;
 +
}
 +
nav a:hover,
 +
nav .on{
 +
color: #8e2322;
 +
}
 +
#content #top_title{
 +
display:none;
 +
}
 +
#content{
 +
width: 100%;
 +
padding: 0;
 +
}
 +
.mod-01 img{
 +
display: block;
 +
margin-right: auto;
 +
margin-left: auto;
 +
}
 +
<!--Menu Part-->
 +
.dropdown {
 +
position: relative;
 +
display: inline-block;
 +
background-color: white;
 +
color: #040059;
 +
float: left;
 +
}
 +
.dropdownPlus{
 +
float: left;
 +
height: 80px !important;
 +
min-width:50px !important;
 +
display: inline-block  !important;
 +
margin-left:6px !important;
 +
margin-right:13.5px !important;
 +
padding-top: 35px !important;
 +
font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;
 +
}
 +
.dropdownPlus span a{
 +
color: #1C2C77 !important;
 +
}
 +
.dropdownPlus span a:hover{
 +
color: white !important;
 +
}
 +
.dropdown span{
 +
width: 120px !important;
 +
}
 +
.dropdown-content {
 +
display: none;
 +
position: absolute;
 +
background-color: #f9f9f9;
 +
min-width: 195px;
 +
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
padding: 12px 0px;
 +
text-align: left !important;
 +
}
 +
.dropdown span:hover{
 +
background-color: #040059;
 +
color: white;
 +
}
 +
.dropdown:hover .dropdown-content {
 +
width: 160px !important;
 +
display: block;
 +
}
 +
.dropdown-content p{
 +
padding-left: 16px;
 +
line-height: 35px !important;
 +
margin: 0px !important;
 +
}
 +
.dropdown-content p a{
 +
color: #040059 !important;
 +
}
 +
.dropdown-content p:nth-child(2n){
 +
background:#EEEEEE !important;
 +
}
 +
.dropdown-content p:hover{
 +
background-color: #85cafa !important;
 +
}
 +
.dropdown-content p:hover a{
 +
color: white !important;
 +
}
 +
.logo-title{
 +
text-align: center;
 +
}
 +
.logo-title img{
  
    /*-- hides default wiki settings --*/
+
}
 +
</style>
 +
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
 +
</head>
 +
<body>
 +
<div class="title">
 +
<div class="nav">
 +
<div class="dropdown dropdownPlus">
 +
<span><a  href="https://2018.igem.org/Team:BCU">HOME</a></span>
 +
</div>
 +
<div class="dropdown dropdownPlus">
 +
<span><a  href="https://2018.igem.org/Team:BCU/Team">TEAM</a></span>
 +
</div>
 +
<div class="dropdown dropdownPlus">
 +
<span><a href="https://2018.igem.org/Team:BCU/Description">PROJECT</a></span>
 +
 +
</div>
 +
<div class="dropdown dropdownPlus">
 +
<span>EXPERIMENT</span>
 +
<div class="dropdown-content">
 +
<p><a href="https://2018.igem.org/Team:BCU/Design">Design</a></p>
 +
<p><a href="https://2018.igem.org/Team:BCU/Improve">Materials&Reagents</a></p>
 +
<p><a href="https://2018.igem.org/Team:BCU/Demonstrate">Methods</a></p>
 +
<p><a href="https://2018.igem.org/Team:BCU/Results">Results</a></p>
 +
</div>
 +
</div>
 +
<div class="dropdown dropdownPlus" >
 +
<span><a href="https://2018.igem.org/Team:BCU/Parts">PARTS</a></span>
 +
</div>
 +
<img  class="dropdownPlus" style="padding-top: 0px !important;width: 83px !important;" src="https://static.igem.org/mediawiki/2018/c/cd/T--BCU--LOGOHEAD.png" />
 +
<div class="dropdown dropdownPlus" >
 +
<span><a  href="https://2018.igem.org/Team:BCU/InterLab">INTERLAB</a></span>
 +
</div>
 +
<div class="dropdown dropdownPlus">
 +
<span><a  href="https://2018.igem.org/Team:BCU/Notebook">NOTEBOOK</a></span>
 +
</div>
 +
<div class="dropdown dropdownPlus">
 +
<span><a  href="https://2018.igem.org/Team:BCU/Attributions">ATTRIBUTION</a></span>
 +
</div>
 +
<div class="dropdown dropdownPlus">
 +
<span><a  href="https://2018.igem.org/Team:BCU/Model">MEDAL</a></span>
 +
</div>
 +
 +
</div>
 +
<div class="logo-title">
 +
<img src="https://static.igem.org/mediawiki/2018/thumb/7/70/T--BCU--LOGOTITLE.png/320px-T--BCU--LOGOTITLE.png"/>
 +
</div>
 +
</div>
 +
<div class="main">
 +
                            <img src="https://static.igem.org/mediawiki/2018/5/5b/T--BCU--HOME11.jpg">
  
    #globalWrapper,
+
</div>
    #content {
+
<!--header end-->
        width: 100%;
+
<script type="text/javascript">
        height: 100%;
+
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
        margin: 0px;
+
</script>
        padding: 0px;
+
</body>
    }
+
</html>
 
+
    #HQ_page .text-center {
+
        text-align: center;
+
    }
+
 
+
    #contact p {
+
        text-align: center;
+
    }
+
 
+
    #intro p {
+
        margin: 50px 0 0;
+
    }
+
 
+
    #measure p {
+
        margin: 50px 0 0;
+
    }
+
 
+
    #approach p {
+
        margin: 50px 0 0;
+
    }
+
 
+
    #target p {
+
        margin: 50px 0 0;
+
    }
+
 
+
</style>
+
 
+
<link rel="stylesheet" href="https://2018.igem.org/Template:BIT-China/css/temp-bootstrap?action=raw&amp;ctype=text/css" />
+
<link rel="stylesheet" href="https://2018.igem.org/Template:BIT-China/css/temp-font-awesome?action=raw&amp;ctype=text/css" />
+
<link rel="stylesheet" href="https://2018.igem.org/Template:BIT-China/css/temp-style?action=raw&amp;ctype=text/css" />
+
<link rel="stylesheet" href="https://2018.igem.org/Template:BIT-China/css/temp-queries?action=raw&amp;ctype=text/css" />
+
<link rel="stylesheet" href="https://2018.igem.org/Template:BIT-China/css/temp-animate?action=raw&amp;ctype=text/css" />
+
 
+
 
+
<body id="top">
+
 
+
    <header id="home">
+
       
+
 
+
        <section class="hero" id="hero">
+
            <div class="container">
+
                <div class="row">
+
                    <div class="col-md-8 col-md-offset-2 text-center inner">
+
                        <h1 class="animated fadeInDown">NICOTINE  DEGRADATION</h1>
+
                        <h1 class="animated fadelnDown">BCU|China</h1>
+
                    </div>
+
                </div>
+
                <div class="row">
+
                    <div class="col-md-6 col-md-offset-3 text-center">
+
                        <img src="https://2018.igem.org/File:T--BCU--background.png" height="100" width="100" />
+
                    </div>
+
                </div>
+
            </div>
+
        </section>
+
 
+
    </header>
+
 
+
    <section class="intro text-center section-padding" id="intro">
+
        <div class="container">
+
            <div class="row">
+
                <div class="col-md-8 col-md-offset-2">
+
                    <h1 class="arrow">About us</h1>
+
                    <p>This year, we will focus on how to identify the antioxidant capacity of antioxidants.. Antioxidants has
+
                        been widely used in foods, Health products and cosmetic. But is there any measure way to know which
+
                        antioxidant is better?</p>
+
                </div>
+
            </div>
+
        </div>
+
    </section>
+
 
+
    <section class="intro text-center section-padding" id="measure">
+
        <div class="container">
+
            <div class="row">
+
                <div class="col-md-8 col-md-offset-2">
+
                    <h1 class="arrow">Measure ways before us</h1>
+
                    <p>
+
                        <br>
+
                    </p>
+
                    <p></p>
+
                </div>
+
            </div>
+
        </div>
+
    </section>
+
 
+
    <section class="intro text-center section-padding" id="approach">
+
        <div class="container">
+
            <div class="row">
+
                <div class="col-md-8 col-md-offset-2">
+
                    <h1 class="arrow">What we are trying to do</h1>
+
                    <p>We are going to modified yeast to identify the antioxidant capacity of antioxidants. Single-cell eukaryotic
+
                        yeasts have a similar apoptotic process as animal cells, and due to S. cerevisiae have advantages,
+
                        Saccharomyces cerevisiae is an important model organism for studying apoptosis.</p>
+
                </div>
+
            </div>
+
        </div>
+
    </section>
+
 
+
    <section class="intro text-center section-padding" id="target">
+
        <div class="container">
+
            <div class="row">
+
                <div class="col-md-8 col-md-offset-2">
+
                    <h1 class="arrow">how to achieve that</h1>
+
                    <p>To achieve that goal, our project will be separate into 4 parts:
+
                        <br> 1. Regulate
+
                        <br> Firstly, we will over express gene ndi1 (which may express ubiquinone oxidoreductase, transfers
+
                        electrons from NADH to ubiquinone in the respiratory chain. It has been proved that over express
+
                        ndi1 could accumulate ROS. [1]) to accumulate ROS (Reactive oxygen species). Besides, through knocking
+
                        out gene yca1 (also known as MCA1, may expresses Ca(2+)-dependent cysteine protease MCA1. MCA1 could
+
                        regulate apoptosis upon H2O2 treatment. Once knock it out, yeast may survive from high oxidative
+
                        stress. [2]) we will improve the tolerance of ROS, which means our yeast will stay alive during the
+
                        whole process of detection.
+
                        <br> 2. Feedback
+
                        <br> To ensure our yeast won’t die from large accumulation of ROS, we need to promptly turn off the
+
                        expression of ROS. At the same time, this will also meet the detection range of ro-GFP.
+
                        <br> 3. Input
+
                        <br> after that, we will add different antioxidants into the medium, we will standardize the externally
+
                        added antioxidants to make the results more feasible.
+
                        <br> 4. Output
+
                        <br> We will express orp-ro-GFP in our yeast to sense the ROS remaining, (it's a kind of Fusion protein,
+
                        which will become oxidized and turn into orp-ox-GFP once react with ROS, and when the amount of ROS
+
                        drop, it will back to orp-ro-GFP. Its two different states correspond to different wavelengths of
+
                        excitation light, which has been described and used in
+
                        <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2296000">Cornell University 2017</a> ) to know the residual amount of yeast endogenous ROS in different states,
+
                        so that we can compare the performance of different antioxidants, and conclude which antioxidant
+
                        is better.
+
                        <br>
+
                    </p>
+
                </div>
+
            </div>
+
        </div>
+
    </section>
+
 
+
    <section class="dark-bg text-center section-padding contact-wrap" id="contact">
+
        <div class="container">
+
            <div class="row">
+
                <div class="col-md-12">
+
                    <h1 class="arrow">CONTACT US</h1>
+
                </div>
+
            </div>
+
 
+
            <div class="row contact-details">
+
                <div class="col-md-3">
+
                    <div class="light-box box-hover">
+
                        <h2>
+
                            <i class="fa fa-twitter"></i>
+
                            <span>Twitter</span>
+
                        </h2>
+
                        <p>
+
                            <a href="https://mobile.twitter.com/BIT_China2018">BIT_China2018</a>
+
                        </p>
+
                    </div>
+
                </div>
+
                <div class="col-md-3">
+
                    <div class="light-box box-hover">
+
                        <h2>
+
                            <i class="fa fa-facebook"></i>
+
                            <span>Facebook</span>
+
                        </h2>
+
                        <p>
+
                            <a href="https://www.facebook.com/BIT_China2018-190488561659083/">BIT_China2018</a>
+
                        </p>
+
                    </div>
+
                </div>
+
 
+
                <div class="col-md-3">
+
                    <div class="light-box box-hover">
+
                        <h2>
+
                            <i class="fa fa-envelope"></i>
+
                            <span>Email</span>
+
                        </h2>
+
                        <p>
+
                            <a href="mailto:bit_china@163.com">bit_china@163.com</a>
+
                        </p>
+
                    </div>
+
                </div>
+
 
+
                <div class="col-md-3">
+
                    <div class="light-box box-hover">
+
                        <h2>
+
                            <i class="fa fa-instagram"></i>
+
                            <span>Ins</span>
+
                        </h2>
+
                        <p>
+
                            <a href="https://www.instagram.com/bit_china/">bit_china</a>
+
                        </p>
+
                    </div>
+
                </div>
+
            </div>
+
        </div>
+
    </section>
+
 
+
 
+
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
+
    <script src="https://2018.igem.org/Template:BIT-China/js/temp-jquery?action=raw&amp;ctype=text/javascript"></script>
+
    <!-- Include all compiled plugins (below), or include individual files as needed -->
+
    <script src="https://2018.igem.org/Template:BIT-China/js/temp-waypoints?action=raw&amp;ctype=text/javascript"></script>
+
    <script src="https://2018.igem.org/Template:BIT-China/js/temp-bootstrap?action=raw&amp;ctype=text/javascript"></script>
+
    <script src="https://2018.igem.org/Template:BIT-China/js/temp-scripts?action=raw&amp;ctype=text/javascript"></script>
+
    <script src="https://2018.igem.org/Template:BIT-China/js/temp-jquery_flexslider?action=raw&amp;ctype=text/javascript"></script>
+
    <script src="https://2018.igem.org/Template:BIT-China/js/temp-modernizr?action=raw&amp;ctype=text/javascript"></script>
+
 
+
</body>
+
 
+
</html>
+

Latest revision as of 16:21, 16 October 2018