Team:XMU-China/index2

From 2012.igem.org

(Difference between revisions)
 
(43 intermediate revisions not shown)
Line 1: Line 1:
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">
 +
<head>
<head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<title>无标题文档</title>
+
<script type=text/javascript><!--//--><![CDATA[//><!--
-
<script src="https://2012.igem.org/Team:XMU-China/JS/SpryMenuBar.js" type="text/javascript"></script>
+
function menuFix() {
-
<link href="https://2012.igem.org/Team:XMU-China/CSS/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
+
var sfEls = document.getElementById("menu").getElementsByTagName("li");
 +
for (var i=0; i<sfEls.length; i++) {
 +
sfEls[i].onmouseover=function() {
 +
this.className+=(this.className.length>0? " ": "") + "sfhover";
 +
}
 +
sfEls[i].onMouseDown=function() {
 +
this.className+=(this.className.length>0? " ": "") + "sfhover";
 +
}
 +
sfEls[i].onMouseUp=function() {
 +
this.className+=(this.className.length>0? " ": "") + "sfhover";
 +
}
 +
sfEls[i].onmouseout=function() {
 +
this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"),
 +
"");
 +
}
 +
}
 +
}
 +
window.onload=menuFix;
 +
//--><!]]></script>
 +
<title>Youbin</title>
-
<style type="text/css">
+
<style>
-
#schoolbadge {
+
body {
-
position:absolute;
+
background:#000;
-
width:50px;
+
width:1280px;
-
height:50px;
+
height:720px;
-
z-index:4;
+
}
-
left:100px;
+
-
top:3px;
+
.pic {
-
padding-left:20px;
+
z-index:2;
-
font-size:30px;
+
position:fixed;
-
color: #006dab;
+
margin-top:-153px;
-
font-family:Tahoma, Geneva, sans-serif;
+
margin-left:-150px;
-
text-align:center;
+
background:#fff;
 +
width:145px auto;
 +
height:145px;
 +
}
 +
 +
 +
#left {
 +
position:fixed;
 +
z-index:2;
 +
width:100px;
 +
height:1280px auto;
 +
margin-top:-3px;
 +
margin-left:-150px;
 +
}
-
}
+
#left ul {
-
#leftnavig {
+
position:relative;
-
position:absolute;
+
z-index:1;
-
width:145px;
+
margin:0 auto;
-
height:115px;
+
margin-left:0px;
 +
margin-top:0px;
 +
height:100px auto;
 +
float:left;
 +
background:url(https://static.igem.org/mediawiki/igem.org/a/a2/Left-navigbar.png) 0 0 repeat;
 +
}
 +
 +
#left ul a {
 +
position:relative;
 +
display:block;
 +
width:140px;
 +
height:22px;
 +
margin-left:30px;
 +
line-height:22px;
 +
font-size:14px;
 +
text-decoration:none;
 +
float:left;
 +
color:#000;
 +
}
 +
 +
 +
#left ul a:hover {
 +
background:url() 0 0 no-repeat;
 +
color:#fff;
 +
}
 +
 +
#left ul a#current {
 +
text-align:left;
 +
font-weight:bold;
 +
color:#fff;
 +
}
 +
 +
#menu {
 +
position:fixed;
z-index:2;
z-index:2;
-
left: 100px;
+
margin-left:20px;
-
top: 55px;
+
margin-top:-28px;
 +
width:1110px;
 +
height:28px;
 +
}
 +
 +
#menu ul {list-style: none; margin: 0px; padding: 0px;}
 +
#menu ul li { width:120px;float:left; margin-left:0px;}
 +
#menu ul li a { display:block; height:28px; line-height:28px; text-align:center; background:url(http://www.aa25.cn/upload/2010-06/27/nav_bg2.gif) 0 0 no-repeat; font-size:16px;}
 +
#menu ul li a:hover {background:url(http://www.aa25.cn/upload/2010-06/27/nav_bg3.gif) 0 0 no-repeat;}
 +
#menu ul li a#current {background:url(http://www.aa25.cn/upload/2010-06/27/nav_bg1.gif) 0 0 no-repeat; font-weight:bold; color:#fff;}
 +
#menu ul li ul { border:1px solid #ccc; display:none; position:relative;}
 +
#menu ul li ul li { float:none;background:#eee; margin:0;}
 +
#menu ul li ul li a {background:none;font-size:11px;height:20px auto;}
 +
#menu ul li ul li a:hover {background:#333; color:#ff0;font-size:11px;height:20px auto;}
 +
#menu ul li:hover ul { display:block;}
 +
#menu ul li.sfhover ul { display:block;}
 +
 +
#passage {
 +
z-index:1;
 +
position:relative;
 +
margin-top:0px;
 +
margin-left:50px;
 +
background:#fff;
 +
width:1110px auto;
 +
height:700px;
}
}
-
#titlebar {
+
#abso {
-
font-size: 13px;
+
z-index:1;
-
color: #006DAB;
+
position:relative;
-
background-image: url(pictures/index.png);
+
margin-top:0px;
-
background-repeat: no-repeat;
+
margin-left:-10px;
-
position: absolute;
+
background:#fff;
-
z-index: 1;
+
width:1110px;
-
width: 900px;
+
height:700px;
-
left: 245px;
+
-
top: 55px;
+
-
display: table;
+
-
letter-spacing: 0px;
+
-
}
+
-
#photo {
+
-
position:absolute;
+
-
width:840px;
+
-
height:100px;
+
-
z-index:3;
+
-
left:245px;
+
-
top:80px;
+
-
visibility:inherit;
+
-
padding:30px;
+
-
+
-
}
+
-
#description {
+
-
position: absolute;
+
-
width:840px;
+
-
left: 245px;
+
-
top: 210px;
+
-
margin:30px;
+
-
table-layout:fixed;
+
-
height:350px;
+
-
overflow: scroll;
+
}
}
 +
</style>
</style>
Line 69: Line 135:
<body>
<body>
-
<div id="schoolbadge"><img src="pictures/校徽.gif" alt="
+
<div class=pic align=left>
-
https://static.igem.org/mediawiki/2012/6/67/Schoolbadge.gif" width="100%"  /></div>
+
<img src="https://static.igem.org/mediawiki/2012/6/67/Schoolbadge.gif" alt="Schoolbadge.gif" width="150px" height="150px" />
-
<div id="leftnavig"><table border="0" cellspacing="0" cellpadding="0" background="pictures/left-navigbar.png"  width="100%">
+
<img src="https://static.igem.org/mediawiki/2012/6/67/Schoolbadge.gif" alt="Schoolbadge.gif" width="150px" height="150px"  />
-
    <tr>
+
</div>
-
      <td height="22">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Project description</td>
+
 
-
    </tr>
+
<div id="left">
-
    <tr>
+
  <ul>
-
      <td height="22">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Main results</td>
+
  <a href="#">Description</a>
-
    </tr>
+
  <a href="#">Main results</a>
-
    <tr>
+
  <a href="#">Data</a>
-
      <td height="22">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Data</td>
+
  <a href="#">Protocals</a>
-
    </tr>
+
       <a href="#">Team members</a>
-
    <tr>
+
  </ul>
-
      <td height="22">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Protocals</td>
+
<img src="https://static.igem.org/mediawiki/2012/a/a5/Leftbar.png"
-
    </tr>
+
width="170px" height="600px"  />
-
    <tr>
+
</div>
-
       <td height="22">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Team members</td>
+
 
-
    </tr>
+
<div id="menu">
-
    <tr>
+
<ul>
-
      <td><img src="pictures/leftbar.png" alt="#https://static.igem.org/mediawiki/2012/a/a5/Leftbar.png" width="145" /></td>
+
<li><a id="current" href="#">Home</a></li>
-
    </tr>
+
 
-
  </table></div>
+
<li><a href="#">Team</a>
-
<ul id="titlebar" class="MenuBarHorizontal" style="background:url(pictures/navigbar.png) ;">
+
<ul>
-
  <li><a href="#https://2012.igem.org/Team:XMU-China">Home</a></li>
+
-
  <li><a class="MenuBarItemSubmenu" href="#" >Team</a>
+
-
    <ul>
+
       <li><a href="#">Instructors</a></li>
       <li><a href="#">Instructors</a></li>
       <li><a href="#">Advisors</a></li>
       <li><a href="#">Advisors</a></li>
Line 100: Line 163:
       <li><a href="#">Acknowledgement</a></li>
       <li><a href="#">Acknowledgement</a></li>
       <li><a href="#">Collaborations</a></li>
       <li><a href="#">Collaborations</a></li>
-
       <li><a href="#">Our city&amp;Our university</a></li>
+
       <li><a href="#">Our city & Our university</a></li>
     </ul>
     </ul>
-
  </li>
+
</li>
-
    <li><a class="MenuBarItemSubmenu" href="#" >Project</a>
+
 
-
    <ul>
+
<li><a href="#">Project</a>
-
       <li><a href="#">Background
+
<ul>
-
      (Approach/
+
       <li><a href="#">Background(Approach Program)</a></li>
-
      Program)</a></li>
+
       <li><a href="#">Section A</a></li>
       <li><a href="#">Section A</a></li>
       <li><a href="#">Section B</a></li>
       <li><a href="#">Section B</a></li>
Line 115: Line 177:
       <li><a href="#">Reference</a></li>
       <li><a href="#">Reference</a></li>
     </ul>
     </ul>
-
  </li>
+
</li>
-
  <li><a class="MenuBarItemSubmenu" href="#">Parts</a>
+
 
 +
<li><a href="#">Parts</a>
     <ul>
     <ul>
       <li><a href="#">Parts submitted</a></li>
       <li><a href="#">Parts submitted</a></li>
       <li><a href="#">Attrivutions</a></li>
       <li><a href="#">Attrivutions</a></li>
     </ul>
     </ul>
-
  </li>
+
</li>
-
  <li><a class="MenuBarItemSubmenu" href="#">Notebook</a>
+
 
-
    <ul>
+
<li><a href="#">Notebook</a>
 +
<ul>
       <li><a href="#">Brainstorm</a></li>
       <li><a href="#">Brainstorm</a></li>
       <li><a href="#">Wet lab journal</a></li>
       <li><a href="#">Wet lab journal</a></li>
       <li><a href="#">Protocols</a></li>
       <li><a href="#">Protocols</a></li>
     </ul>
     </ul>
-
  </li>
+
</li>
-
  <li><a href="#">Safety</a></li>
+
 
-
  <li><a class="MenuBarItemSubmenu" href="#">HumanPractice</a>
+
<li><a href="#">Safety</a></li>
 +
 
 +
<li><a href="#">HumanPractice</a>
     <ul>
     <ul>
       <li><a href="#">Exhibition</a></li>
       <li><a href="#">Exhibition</a></li>
       <li><a href="#">Communication</a></li>
       <li><a href="#">Communication</a></li>
     </ul>
     </ul>
-
  <li><a href="#https://2012.igem.org">iGEM</a></li>
+
</li>
-
  </li>
+
 
 +
<li><a href="#https://2012.igem.org">iGEM</a></li>
 +
 
</ul>
</ul>
 +
</div>
-
<!--<div id="photo"><img src="" alt="放图~" name="用来放图~" width="100%" height="100%"  id="photo2"  /></div> -->
+
<div id="ab"> </div>
-
<div id="description"><table width="100%" border="0" cellspacing="0" cellpadding="0" >
+
<div id="passage" align=left>
-
<tr>
+
&nbsp;&nbsp;&nbsp;&nbsp;The aim of this study is to construct a fluorescent digital display device of genetic circuits with synthetic logic gates. The finished device will display and switch numbers. Similar to electronic circuits, logic regulation operation in cells integrates the extracellular and intracellular signals. We assemble several pairs of promoters and their activators (or repressors) into computing building block of the circuit: <I>P<font size="1px">BAD</font></I>-Arabinose,<I>P<font size="1px">cI</font></I>-CI, and <I>P<font size="1px">tetR</font></I>-TetR. These computation units act as genetic logic gates perform AND, OR and NOT gates function. In order to light up our digital numbers, we put Green Fluorescent Protein (GFP) in the downstream expression, which is ubiquitous in the field of biological signal protein. Considering that the common types of GFP usually tend to be very stable and hard to "quench", we choose unstable GFP to make our device reusable and convert in a fast speed. This unstable GFP is tagged with a C-terminal extension, which will be recognized and degraded by tail-specific proteases, leading to a short half-life and fast degradation of the protein. Degradation rate should be confined at a suitable range, otherwise the device would either have no light or take a long time to change numbers. </a><br />
-
<p>Description</p>
+
-
<hr />
+
-
</tr>
+
-
  <tr>
+
-
    <td><img src="pictures/fig2.png" width="108" height="168" /></td>
+
-
    <td><p>&nbsp;&nbsp;&nbsp;&nbsp;The aim of this study is to construct a fluorescent digital display device of genetic circuits with synthetic logic gates. The finished device will display and switch numbers. Similar to electronic circuits, logic regulation operation in cells integrates the extracellular and intracellular signals. We assemble several pairs of promoters and their activators (or repressors) into computing building block of the circuit: <I>P<font size="1px">BAD</font></I>-Arabinose,<I>P<font size="1px">cI</font></I>-CI, and <I>P<font size="1px">tetR</font></I>-TetR. These computation units act as genetic logic gates perform AND, OR and NOT gates function. In order to light up our digital numbers, we put Green Fluorescent Protein (GFP) in the downstream expression, which is ubiquitous in the field of biological signal protein. Considering that the common types of GFP usually tend to be very stable and hard to "quench", we choose unstable GFP to make our device reusable and convert in a fast speed. This unstable GFP is tagged with a C-terminal extension, which will be recognized and degraded by tail-specific proteases, leading to a short half-life and fast degradation of the protein. Degradation rate should be confined at a suitable range, otherwise the device would either have no light or take a long time to change numbers. </a><br />
+
          
          
         &nbsp;&nbsp;&nbsp;&nbsp;Moreover, we intend to develop a unique display device in such a way that each unit lights up one after another. To meet the challenge, we set out to engineer a series of cells with variable time-delayed expression characters under the inspiration of Feed Forward Loops (FFLs) in transcription network. As shown in Figure 1, both X and Y are transcriptional activators of coherent type 1 FFL with "AND-gate" function. When signal Sx appears, X becomes active and stimulates the downstream promoters, which are capable of inducing the production of Y and Z. Due to the "AND gate" function, Z starts to accumulate only when Y yields at a threshold. By controlling the Y production and the activation threshold for the <I>Z</I> promoter, we can alter the duration of time-delay in the expression of GFP. Lux system will still play an important role based on our project last year. Promoter <I>luxpR</I> with various modifications in threshold will be created by site-directed mutagenesis.
         &nbsp;&nbsp;&nbsp;&nbsp;Moreover, we intend to develop a unique display device in such a way that each unit lights up one after another. To meet the challenge, we set out to engineer a series of cells with variable time-delayed expression characters under the inspiration of Feed Forward Loops (FFLs) in transcription network. As shown in Figure 1, both X and Y are transcriptional activators of coherent type 1 FFL with "AND-gate" function. When signal Sx appears, X becomes active and stimulates the downstream promoters, which are capable of inducing the production of Y and Z. Due to the "AND gate" function, Z starts to accumulate only when Y yields at a threshold. By controlling the Y production and the activation threshold for the <I>Z</I> promoter, we can alter the duration of time-delay in the expression of GFP. Lux system will still play an important role based on our project last year. Promoter <I>luxpR</I> with various modifications in threshold will be created by site-directed mutagenesis.
-
        </a><br />
 
-
    </td>
 
-
</tr>
 
-
  </tr>
 
-
 
</div>
</div>
-
<script type="text/javascript">
+
 
-
var MenuBar1 = new Spry.Widget.MenuBar("titlebar", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
+
 
-
</script>
+
</body>
</body>
</html>
</html>

Latest revision as of 15:50, 6 August 2012

Youbin

Schoolbadge.gif Schoolbadge.gif
    The aim of this study is to construct a fluorescent digital display device of genetic circuits with synthetic logic gates. The finished device will display and switch numbers. Similar to electronic circuits, logic regulation operation in cells integrates the extracellular and intracellular signals. We assemble several pairs of promoters and their activators (or repressors) into computing building block of the circuit: PBAD-Arabinose,PcI-CI, and PtetR-TetR. These computation units act as genetic logic gates perform AND, OR and NOT gates function. In order to light up our digital numbers, we put Green Fluorescent Protein (GFP) in the downstream expression, which is ubiquitous in the field of biological signal protein. Considering that the common types of GFP usually tend to be very stable and hard to "quench", we choose unstable GFP to make our device reusable and convert in a fast speed. This unstable GFP is tagged with a C-terminal extension, which will be recognized and degraded by tail-specific proteases, leading to a short half-life and fast degradation of the protein. Degradation rate should be confined at a suitable range, otherwise the device would either have no light or take a long time to change numbers.
    Moreover, we intend to develop a unique display device in such a way that each unit lights up one after another. To meet the challenge, we set out to engineer a series of cells with variable time-delayed expression characters under the inspiration of Feed Forward Loops (FFLs) in transcription network. As shown in Figure 1, both X and Y are transcriptional activators of coherent type 1 FFL with "AND-gate" function. When signal Sx appears, X becomes active and stimulates the downstream promoters, which are capable of inducing the production of Y and Z. Due to the "AND gate" function, Z starts to accumulate only when Y yields at a threshold. By controlling the Y production and the activation threshold for the Z promoter, we can alter the duration of time-delay in the expression of GFP. Lux system will still play an important role based on our project last year. Promoter luxpR with various modifications in threshold will be created by site-directed mutagenesis.