Team:SCUT

From 2013.igem.org

(Difference between revisions)
 
(110 intermediate revisions not shown)
Line 1: Line 1:
-
{{Template:Team:SCUT/Mainheader}}
+
{{Template:Team:SCUT/Mainheader home}}
 +
 
<html>
<html>
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
<!-- style for slider -->
<!-- style for slider -->
<style type="text/css">
<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 {
.theme-default .nivoSlider {
position:relative;
position:relative;
 +
        margin-bottom:3px;
background:#fff url(loading.gif) no-repeat 50% 50%;
background:#fff url(loading.gif) no-repeat 50% 50%;
-
    margin-bottom:10px;
 
     -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
     -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
     -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
     -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
Line 27: Line 136:
.theme-default .nivo-controlNav {
.theme-default .nivo-controlNav {
text-align: center;
text-align: center;
-
padding: 20px 0;
+
padding: 10px 0;
}
}
.theme-default .nivo-controlNav a {
.theme-default .nivo-controlNav a {
Line 46: Line 155:
width:30px;
width:30px;
height:30px;
height:30px;
-
background:url(https://static.igem.org/mediawiki/parts/2/20/Slider_arrows.png) no-repeat;
+
background:url(https://static.igem.org/mediawiki/igem.org/4/48/Scut_arrows.png) no-repeat;
text-indent:-9999px;
text-indent:-9999px;
border:0;
border:0;
Line 55: Line 164:
     transition: all 200ms ease-in-out;
     transition: all 200ms ease-in-out;
}
}
-
.theme-default:hover .nivo-directionNav a { opacity: 1; }
+
.theme-default:hover .nivo-directionNav a { opacity: 0.75; }
.theme-default a.nivo-nextNav {
.theme-default a.nivo-nextNav {
background-position:-30px 0;
background-position:-30px 0;
-
right:15px;
+
right:-20px;
}
}
.theme-default a.nivo-prevNav {
.theme-default a.nivo-prevNav {
-
left:15px;
+
left:-20px;
}
}
.theme-default .nivo-caption {
.theme-default .nivo-caption {
     font-family: Helvetica, Arial, sans-serif;
     font-family: Helvetica, Arial, sans-serif;
 +
    font-weight:bold;
}
}
.theme-default .nivo-caption a {
.theme-default .nivo-caption a {
Line 89: Line 199:
height: auto;
height: auto;
}
}
-
.nivoSlider {
+
</style>
-
position:relative;
+
<!-- style for slider -->
-
width:100%;
+
-
height:auto;
+
-
overflow: hidden;
+
-
}
+
-
.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; }
 
 +
<!-- slider -->
-
</style>
+
<script src="https://2013.igem.org/Team:SCUT/homepageslider.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
-
<!-- style for slider -->
+
<script type="text/javascript">
 +
slider_build('slider');
 +
</script>
 +
<!-- slider -->
<div id="textbody">
<div id="textbody">
-
  <table id="flame02">
+
  <!--<table id="flame02">-->
   <tr>
   <tr>
Line 153: Line 221:
-->
-->
-
         <!-- start of image switcher -->
+
          
-
<div id = "xxx" style="width:965px; height:100px;">
+
        <div id = "homeslider" style="width:965px; height:auto;">
         <div class="slider-wrapper theme-default">
         <div class="slider-wrapper theme-default">
             <div id="slider" class="nivoSlider">
             <div id="slider" class="nivoSlider">
-
                 <img src="https://static.igem.org/mediawiki/parts/3/35/Slider_test4.jpg" />
+
                 <img src="https://static.igem.org/mediawiki/igem.org/b/b2/Scut_wholeproject.png"/>
-
                 <img src="https://static.igem.org/mediawiki/parts/6/6a/Slider_test3.jpg" title="This is an example of a caption"/>
+
                 <img src="https://static.igem.org/mediawiki/igem.org/d/d4/Scut_odr-10.jpg" />
-
                 <img src="https://static.igem.org/mediawiki/parts/1/11/Slider_test2.jpg" />
+
                 <img src="https://static.igem.org/mediawiki/igem.org/2/2b/Scut_heatmap.jpg" />
-
                 <img src="https://static.igem.org/mediawiki/parts/8/89/Slider_test1.jpg" title="#htmlcaption" />
+
                 <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>
         </div>
</div>
</div>
-
<!-- end of image switcher -->
+
-
 
+
-
 
+
   </tr>
   </tr>
-
  </table>
+
  <!--</table>-->
  <div id="block">
  <div id="block">
-
   <div class="centerpart1">
+
   <div class="centerpart1"style="margin-top:5px;">
-
   <a href="#" 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/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="#" 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/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="#" 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>
+
   <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>
   </div>
Line 183: Line 250:
  <img style="width:250px;height:420px;"src="https://static.igem.org/mediawiki/igem.org/1/14/Scut_leftpart3.0.png"/>
  <img style="width:250px;height:420px;"src="https://static.igem.org/mediawiki/igem.org/1/14/Scut_leftpart3.0.png"/>
  <div style="display:none;">
  <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—butanedione periodically. </p>
+
  <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>
</div>
</div>
</td>
</td>
<td class="midpart1">
<td class="midpart1">
-
     <a href="#"><img style="width:180px;"src="images/homeimg03.png" border="0" onmouseover="src='images/homeimg032.png'" onmouseout="src='images/homeimg03.png'"/></a>
+
     <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="#"style="margin-left:35px;"><img style="width:180px;"src="images/homeimg03.png" border="0" onmouseover="src='images/homeimg033.png'" onmouseout="src='images/homeimg03.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>
<td  class="sidepart" rowspan="2">
<td  class="sidepart" rowspan="2">
Line 195: Line 262:
<img style="width:250px;height:420px;"src="https://static.igem.org/mediawiki/igem.org/0/0a/Scut_rightpart3.0.png"/>
<img style="width:250px;height:420px;"src="https://static.igem.org/mediawiki/igem.org/0/0a/Scut_rightpart3.0.png"/>
<div style="display:none;">
<div style="display:none;">
-
  <p class="r" style=""><b class="floatL">R</b>eceptor aims to fabricate biomimetic nose and mouth for S.cerevisiae to achieve the communication between eukaryotes and prokaryotes. We select a G-protein coupled receptor (GPCR), odr-10, as our nose to detect diacetyl generated by E.coli. In addition, we use aiiA gene as our mouth, which would translate into aiiA enzyme—an inhibitor to the production of diacetyl secreted from S.cerevisiae with the help of signal peptide.</p>
+
  <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>
</div>
</div>
Line 279: Line 346:
</script>
</script>
-
<!-- slider -->
+
<div id="footer">
-
<script src="https://2013.igem.org/Team:SCUT/homepageslider.js?action=raw&ctype=text/javascript" type="text/javascript"></>
+
<div class="footerblock">
-
<script type="text/javascript">
+
  <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"/>
-
//slider_build('slider');
+
  <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"/>
-
</script>
+
  <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"/>
-
<!-- slider -->
+
  <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"/>
-
 
+
</div>
 +
</div>
</html>
</html>

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"