Team:SCUT

From 2013.igem.org

(Difference between revisions)
(Prototype team page)
 
(147 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
{{Template:Team:SCUT/Mainheader home}}
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
 
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
-
This is a template page. READ THESE INSTRUCTIONS.
+
 
 +
 
 +
<!-- style for slider -->
 +
<style type="text/css">
 +
 
 +
.nivoSlider {
 +
position:relative;
 +
width:95%;
 +
height:auto;
 +
        margin:auto;
 +
}
 +
.nivoSlider img {
 +
position:absolute;
 +
top:0px;
 +
left:0px;
 +
max-width: none;
 +
}
 +
.nivo-main-image {
 +
display: block !important;
 +
position: relative !important;
 +
width: 100% !important;
 +
}
 +
 
 +
/* If an image is wrapped in a link */
 +
.nivoSlider a.nivo-imageLink {
 +
position:absolute;
 +
top:0px;
 +
left:0px;
 +
width:100%;
 +
height:100%;
 +
border:0;
 +
padding:0;
 +
margin:0;
 +
z-index:6;
 +
display:none;
 +
background:white;
 +
filter:alpha(opacity=0);
 +
opacity:0;
 +
}
 +
/* The slices and boxes in the Slider */
 +
.nivo-slice {
 +
display:block;
 +
position:absolute;
 +
z-index:5;
 +
height:100%;
 +
top:0;
 +
}
 +
.nivo-box {
 +
display:block;
 +
position:absolute;
 +
z-index:5;
 +
overflow:hidden;
 +
}
 +
.nivo-box img { display:block; }
 +
 
 +
/* Caption styles */
 +
.nivo-caption {
 +
position:absolute;
 +
left:0px;
 +
bottom:0px;
 +
background-color:#ffffff;
 +
color:#000;
 +
width:100%;
 +
z-index:8;
 +
padding: 5px 10px;
 +
opacity: 0.8;
 +
overflow: hidden;
 +
display: none;
 +
-moz-opacity: 0.8;
 +
filter:alpha(opacity=8);
 +
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
 +
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
 +
box-sizing: border-box;        /* Opera/IE 8+ */
 +
}
 +
.nivo-caption p {
 +
padding:5px;
 +
margin:0;
 +
        font-weight:bold;
 +
}
 +
.nivo-caption a {
 +
display:inline !important;
 +
}
 +
.nivo-html-caption {
 +
    display:none;
 +
}
 +
/* Direction nav styles (e.g. Next & Prev) */
 +
.nivo-directionNav a {
 +
position:absolute;
 +
top:45%;
 +
z-index:9;
 +
cursor:pointer;
 +
}
 +
.nivo-prevNav {
 +
left:0px;
 +
}
 +
.nivo-nextNav {
 +
right:0px;
 +
}
 +
/* Control nav styles (e.g. 1,2,3...) */
 +
.nivo-controlNav {
 +
text-align:center;
 +
padding: 10px 0;
 +
        background-color:#a5e62f;
 +
        opacity:0.75;
 +
}
 +
.nivo-controlNav a {
 +
cursor:pointer;
 +
}
 +
.nivo-controlNav a.active {
 +
font-weight:bold;
 +
}
 +
.theme-default .nivoSlider {
 +
position:relative;
 +
        margin-bottom:3px;
 +
background:#fff url(loading.gif) no-repeat 50% 50%;
 +
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
 +
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
 +
    box-shadow: 0px 1px 5px 0px #4a4a4a;
 +
}
 +
.theme-default .nivoSlider img {
 +
position:absolute;
 +
top:0px;
 +
left:0px;
 +
display:none;
 +
}
 +
.theme-default .nivoSlider a {
 +
border:0;
 +
display:block;
 +
}
 +
 
 +
.theme-default .nivo-controlNav {
 +
text-align: center;
 +
padding: 10px 0;
 +
}
 +
.theme-default .nivo-controlNav a {
 +
display:inline-block;
 +
width:22px;
 +
height:22px;
 +
background:url(https://static.igem.org/mediawiki/parts/9/92/Slider_bullets.png) no-repeat;
 +
text-indent:-9999px;
 +
border:0;
 +
margin: 0 2px;
 +
}
 +
.theme-default .nivo-controlNav a.active {
 +
background-position:0 -22px;
 +
}
 +
 
 +
.theme-default .nivo-directionNav a {
 +
display:block;
 +
width:30px;
 +
height:30px;
 +
background:url(https://static.igem.org/mediawiki/igem.org/4/48/Scut_arrows.png) no-repeat;
 +
text-indent:-9999px;
 +
border:0;
 +
opacity: 0;
 +
-webkit-transition: all 200ms ease-in-out;
 +
    -moz-transition: all 200ms ease-in-out;
 +
    -o-transition: all 200ms ease-in-out;
 +
    transition: all 200ms ease-in-out;
 +
}
 +
.theme-default:hover .nivo-directionNav a { opacity: 0.75; }
 +
.theme-default a.nivo-nextNav {
 +
background-position:-30px 0;
 +
right:-20px;
 +
}
 +
.theme-default a.nivo-prevNav {
 +
left:-20px;
 +
}
 +
 
 +
.theme-default .nivo-caption {
 +
    font-family: Helvetica, Arial, sans-serif;
 +
    font-weight:bold;
 +
}
 +
.theme-default .nivo-caption a {
 +
    color:#fff;
 +
    border-bottom:1px dotted #fff;
 +
}
 +
.theme-default .nivo-caption a:hover {
 +
    color:#fff;
 +
}
 +
 
 +
.theme-default .nivo-controlNav.nivo-thumbs-enabled {
 +
width: 100%;
 +
}
 +
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
 +
width: auto;
 +
height: auto;
 +
background: none;
 +
margin-bottom: 5px;
 +
}
 +
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
 +
display: block;
 +
width: 120px;
 +
height: auto;
 +
}
 +
</style>
 +
<!-- style for slider -->
 +
 
 +
 
 +
<!-- slider -->
 +
 
 +
<script src="https://2013.igem.org/Team:SCUT/homepageslider.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
<script type="text/javascript">
 +
slider_build('slider');
 +
</script>
 +
<!-- slider -->
 +
 
 +
 
 +
<div id="textbody">
 +
<!--<table id="flame02">-->
 +
  <tr>
 +
 
 +
<!--
 +
  <td class="left" style="background-image:url('images/testbackground.png');background-position:30% 30%;"><p class="f2">Abstract</p></td>
 +
  <td class="right"><p class="f3"><strong>E.cerevisiae is a sophisticated signal transport system between E.coli and S.cerevisiae.</strong> Producer, the E.coli, is assigned to distribute a special volatile—butanedione periodically with a stable oscillation circuit, which defines the meaning of the signal. On the other side, Sniffer，the yeast, transplanted with a nose from nematode, can respond to the signal immediately. We hope this can realize the communication between prokaryotes and eukaryotes for the further research on symbiosis.</p></td>
 +
-->
 +
 
 +
       
 +
        <div id = "homeslider" style="width:965px; height:auto;">
 +
        <div class="slider-wrapper theme-default">
 +
            <div id="slider" class="nivoSlider">
 +
                <img src="https://static.igem.org/mediawiki/igem.org/b/b2/Scut_wholeproject.png"/>
 +
                <img src="https://static.igem.org/mediawiki/igem.org/d/d4/Scut_odr-10.jpg" />
 +
                <img src="https://static.igem.org/mediawiki/igem.org/2/2b/Scut_heatmap.jpg" />
 +
                <img src="https://static.igem.org/mediawiki/igem.org/3/31/Scut_teamphoto02.jpg" />
 +
                <img src="https://static.igem.org/mediawiki/igem.org/f/f7/Scut_oscillation.jpg"/>
 +
            </div>
 +
        </div>
 +
</div>
 +
 +
  </tr>
 +
<!--</table>-->
 +
 
 +
<div id="block">
 +
  <div class="centerpart1"style="margin-top:5px;">
 +
  <a href="https://2013.igem.org/Team:SCUT/Project/Oscillating_odorant" class="l"><img style="width:200px;" border="0" src="https://static.igem.org/mediawiki/igem.org/f/ff/Scut_circle02v2.0.png" onmouseover="src='https://static.igem.org/mediawiki/igem.org/6/68/Scut_circle021v2.0.png'" onmouseout="src='https://static.igem.org/mediawiki/igem.org/f/ff/Scut_circle02v2.0.png'"/></a>
 +
  <a href="https://2013.igem.org/Team:SCUT/Modeling" class="c" style="margin-left:50px;"><img style="width:200px;" border="0" src="https://static.igem.org/mediawiki/igem.org/b/bd/Scut_circle01v2.0.png" onmouseover="src='https://static.igem.org/mediawiki/igem.org/9/96/Scut_circle011v2.0.png'" onmouseout="src='https://static.igem.org/mediawiki/igem.org/b/bd/Scut_circle01v2.0.png'"/></a>
 +
  <a href="https://2013.igem.org/Team:SCUT/Project/Odorant_sensing" class="r" style="margin-left:50px;"><img style="width:200px;" border="0" src="https://static.igem.org/mediawiki/igem.org/b/bc/Scut_homeimg03v2.0.png" onmouseover="src='https://static.igem.org/mediawiki/igem.org/c/c7/Scut_homeimg031v2.0.png'" onmouseout="src='https://static.igem.org/mediawiki/igem.org/b/bc/Scut_homeimg03v2.0.png'"/></a>
 +
  </div>
 +
 
 +
  <table id="flame04">
 +
  <tr>
 +
    <td class="sidepart" rowspan="2">
 +
<div class="l1" style="width:250px;height:420px;">
 +
  <img style="width:250px;height:420px;"src="https://static.igem.org/mediawiki/igem.org/1/14/Scut_leftpart3.0.png"/>
 +
  <div style="display:none;">
 +
  <p class="l" style=""><b class="floatL">O</b>scillating odorant contains two parts: the Producer and the Oscillator. We choose diacetyl as our desire odorant which widely used as a food additive to emit buttery flavor. In order to enhance the production, we construct the E.coli as the producer . Additionally, we add the oscillation system on the basis of odorant producing system, together, distributing a special volatile—diacetyl periodically. </p>
 +
  </div>
 +
</div>
 +
</td>
 +
<td class="midpart1">
 +
    <a href="https://2013.igem.org/Team:SCUT/Human_Practice"><img style="width:180px;"src="https://static.igem.org/mediawiki/igem.org/8/87/Scut_homeimg04.png" border="0" onmouseover="src='https://static.igem.org/mediawiki/igem.org/5/55/Scut_homeimg041.png'" onmouseout="src='https://static.igem.org/mediawiki/igem.org/8/87/Scut_homeimg04.png'"/></a>
 +
    <a href="https://2013.igem.org/Team:SCUT/Data_page/Achievements"style="margin-left:35px;"><img style="width:180px;"src="https://static.igem.org/mediawiki/igem.org/9/9c/Scut_homeimg05.png" border="0" onmouseover="src='https://static.igem.org/mediawiki/igem.org/a/ac/Scut_homeimg051.png'" onmouseout="src='https://static.igem.org/mediawiki/igem.org/9/9c/Scut_homeimg05.png'"/></a>
 +
    </td>
 +
<td  class="sidepart" rowspan="2">
 +
<div class="r1" style="width:250px;height:420px;">
 +
<img style="width:250px;height:420px;"src="https://static.igem.org/mediawiki/igem.org/0/0a/Scut_rightpart3.0.png"/>
 +
<div style="display:none;">
 +
  <p class="r" style=""><b class="floatL">R</b>eceptor aims to transplant a nose for <i>S.cerevisiae</i> to achieve the communication between eukaryotes and prokaryotes through odorant. We select a G protein coupled receptor (GPCR) from <i>C.elegans</i>, odr-10, as our nose to detect the volatile, diacetyl, generated by <i>E.coli</i>. In order to improve the efficiency of the olfactory receptor, we would modify the downstream pathway  by expressing chimeric Gpa1 and knock out the Far1 gene.</p>
 +
</div>
 +
</div>
 +
</td>
 +
  </tr>
 +
  <tr>
 +
    <td class="midpart2">
 +
<div class="c1" style="width:462px;height:220px;">
 +
<img style="width:456px;height:220px;margin:0 3px;"src="https://static.igem.org/mediawiki/igem.org/f/fc/Scut_midpart1.0.png"/>
 +
<div style="display:none;">
 +
  <p class="c"><b class="floatL">T</b>he creation of our odorant producer and sensor presented us with interesting questions: Is the system feasible? And how fast would the sensing response be? Instead of costing too much time in the lab, we turned to modeling to give us an answer. We have built a kinetic model for our systems, diacetyl producer, oscillation and odr-10 pathway, to give us an estimate to observe a result.</p>
 +
</div>
 +
</div>
 +
</td>
 +
  </tr>
 +
  </table>
</div>
</div>
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
 
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2009.igem.org/Help:Template/Examples">HERE</a>.
 
</div>
</div>
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
 
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified. PLEASE keep all of your pages within your teams namespace. 
 
-
</div>
 
-
</div>
 
-
</html>
 
-
<!-- *** End of the alert box *** -->
+
<script type="text/javascript">
 +
var TableAnimate = function(d){
 +
$("#block .centerpart1 a.l").hover(function(){
 +
$("#flame04 .sidepart div.l1").find("img").stop().animate({'width':0,'marginLeft':'125px'},d,function(){
 +
$(this).hide().next().show();
 +
$(this).next().animate({
 +
'width':'250px',
 +
'marginLeft':'0'
 +
},d);
 +
});
 +
},function(){
 +
$("#flame04 .sidepart div.l1").find("div").animate({'width':0,'marginLeft':'125px'},d,function(){
 +
$(this).hide().prev().show();
 +
$(this).prev().animate({
 +
'width':'250px',
 +
'marginLeft':'0'
 +
},d);
 +
});
 +
});
 +
}
 +
TableAnimate(120);
 +
var TableAnimate = function(d){
 +
$("#block .centerpart1 a.r").hover(function(){
 +
$("#flame04 .sidepart div.r1").find("img").stop().animate({'width':0,'marginLeft':'125px'},d,function(){
 +
$(this).hide().next().show();
 +
$(this).next().animate({
 +
'width':'250px',
 +
'marginLeft':'0'
 +
},d);
 +
});
 +
},function(){
 +
$("#flame04 .sidepart div.r1").find("div").animate({'width':0,'marginLeft':'125px'},d,function(){
 +
$(this).hide().prev().show();
 +
$(this).prev().animate({
 +
'width':'250px',
 +
'marginLeft':'0'
 +
},d);
 +
});
 +
});
 +
}
 +
TableAnimate(120);
 +
var TableAnimate = function(d){
 +
$("#block .centerpart1 a.c").hover(function(){
 +
$("#flame04 .midpart2 div.c1").find("img").stop().animate({'width':0,'marginLeft':'228px'},d,function(){
 +
$(this).hide().next().show();
 +
$(this).next().animate({
 +
'width':'456px',
 +
'marginLeft':'3'
 +
},d);
 +
});
 +
},function(){
 +
$("#flame04 .midpart2 div.c1").find("div").animate({'width':0,'marginLeft':'228px'},d,function(){
 +
$(this).hide().prev().show();
 +
$(this).prev().animate({
 +
'width':'456px',
 +
'marginLeft':'3'
 +
},d);
 +
});
 +
});
 +
}
 +
TableAnimate(120);
 +
</script>
-
{|align="justify"
+
<div id="footer">
-
|You can write a background of your team here. Give us a background of your team, the members, etc. Or tell us more about something of your choosing.
+
  <div class="footerblock">
-
|[[Image:SCUT_logo.png|200px|right|frame]]
+
  <a href="http://www.scut.edu.cn"><img style="height:120px;margin-right:10px;"src="https://static.igem.org/mediawiki/igem.org/7/72/Scut_scutlogo.jpg"/>
-
|-
+
  <a href="http://www.scut.edu.cn/biology/index.html"><img style="height:120px;margin-right:10px;"src="https://static.igem.org/mediawiki/igem.org/2/24/Scut_school_logo.jpg"/>
-
|
+
  <a href="http://www.idtdna.com/site"><img style="width:200px;margin-right:15px;"src="https://static.igem.org/mediawiki/igem.org/1/12/Scut_logo_IDT.png"/>
-
''Tell us more about your project. Give us background. Use this as the abstract of your project. Be descriptive but concise (1-2 paragraphs)''
+
  <a href="http://www.genomics.cn/index"><img style="width:120px;"src="https://static.igem.org/mediawiki/igem.org/1/17/Scut_BGI_logo.png"/>
-
|[[Image:SCUT_team.png|right|frame|Your team picture]]
+
</div>
-
|-
+
</div>
-
|
+
-
|align="center"|[[Team:SCUT | Team SCUT]]
+
-
|}
+
-
<!--- The Mission, Experiments --->
+
</html>
-
 
+
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
-
!align="center"|[[Team:SCUT|Home]]
+
-
!align="center"|[[Team:SCUT/Team|Team]]
+
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=SCUT Official Team Profile]
+
-
!align="center"|[[Team:SCUT/Project|Project]]
+
-
!align="center"|[[Team:SCUT/Parts|Parts Submitted to the Registry]]
+
-
!align="center"|[[Team:SCUT/Modeling|Modeling]]
+
-
!align="center"|[[Team:SCUT/Notebook|Notebook]]
+
-
!align="center"|[[Team:SCUT/Safety|Safety]]
+
-
!align="center"|[[Team:SCUT/Attributions|Attributions]]
+
-
|}
+

Latest revision as of 05:51, 8 October 2013

Oscillating odorant contains two parts: the Producer and the Oscillator. We choose diacetyl as our desire odorant which widely used as a food additive to emit buttery flavor. In order to enhance the production, we construct the E.coli as the producer . Additionally, we add the oscillation system on the basis of odorant producing system, together, distributing a special volatile—diacetyl periodically.

Receptor aims to transplant a nose for S.cerevisiae to achieve the communication between eukaryotes and prokaryotes through odorant. We select a G protein coupled receptor (GPCR) from C.elegans, odr-10, as our nose to detect the volatile, diacetyl, generated by E.coli. In order to improve the efficiency of the olfactory receptor, we would modify the downstream pathway by expressing chimeric Gpa1 and knock out the Far1 gene.

The creation of our odorant producer and sensor presented us with interesting questions: Is the system feasible? And how fast would the sensing response be? Instead of costing too much time in the lab, we turned to modeling to give us an answer. We have built a kinetic model for our systems, diacetyl producer, oscillation and odr-10 pathway, to give us an estimate to observe a result.

Retrieved from "http://2013.igem.org/Team:SCUT"