Team:XMU-China

From 2012.igem.org

(Difference between revisions)
 
(113 intermediate revisions not shown)
Line 1: Line 1:
-
{{Team:XMU-China/titlebar}}
+
{{:Team:XMU-China/hidden}}
 +
{{:Team:XMU-China/titlebar}}
 +
 +
{{:Team:XMU-China/photogallery}}
Line 6: Line 9:
<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>
+
<title>homepage</title>
 +
 
<style type="text/css">
<style type="text/css">
-
#PhotoDescription div {
+
#device_description {
 +
margin:0px;
 +
width:439px;
 +
height:361px;
 +
background:#FFF;
 +
position: relative;
 +
top: 0px;
 +
}
 +
#description_content {
 +
font-family:"Times New Roman", Times, serif;
 +
position: absolute;
 +
top:230px;
 +
        left:260px;
 +
float:right;
 +
z-index:8;
 +
width:170px;
 +
}
 +
#tablit {
 +
margin:0px;
 +
width:439px;
 +
height:361px;
 +
background:#FFF;
 +
position: relative;
 +
top: 0px;
 +
}
 +
#tablit dl{margin:0px; width:439px; font-size:20px;}
 +
#tablit dl dt{ margin:0px;float:left; width:9px; height:41px; }
 +
#tablit dl dd{ margin:0px;float:left;width:215px;height:41px; text-align:center;}
 +
#tablit .on{ margin:0px; color:#FFF; background:url(https://static.igem.org/mediawiki/2012/a/ac/Tab_on.png); font:larger}
 +
#tablit .out{ margin:0px; color:#FFF;background:#FC49B6;}
 +
.tabcon{
 +
margin:0px;
 +
padding:10px;
 +
width:419px;
 +
height:330px;
 +
background: #0099CC;
 +
clear:both;
 +
font-size: 14px;
 +
color:#FFFBF0;
 +
line-height:17px;
 +
overflow: hidden;
 +
}.dis{ margin:0px; display:none;font-size:14px;line-height:17px;}
 +
 
 +
 
 +
body {
 +
margin-left: 10px;
 +
margin-top: 10px;
 +
}
 +
 
 +
#tablit .tabcon.dis a {
color: #FFF;
color: #FFF;
-
overflow:hidden;
+
text-align: right;
-
width:250px;height:200px;
+
vertical-align: bottom;
-
position:relative;
+
}
-
left:25px;
+
#tablit .tabcon a {
-
top:25px;
+
color: #FFF;
 +
text-align: right;
 +
vertical-align: bottom;
 +
}
 +
 
 +
#bomtab{
 +
background-color:#f8daef;
 +
border:#00F;
 +
border:0px none #F9F;
 +
margin-left:25px;
 +
margin-top:20px;
 +
margin-bottom:auto;
 +
position: relative;
 +
        top: 55px;
 +
}
 +
 +
 +
#bomtab tr #rb {
 +
border-top-width: 0px;
 +
border-right-width: 3px;
 +
border-bottom-width: 0px;
 +
border-left-width: 0px;
 +
border-top-style: ridge;
 +
border-right-style: ridge;
 +
border-bottom-style: ridge;
 +
border-left-style: ridge;
 +
border-top-color: #FCF;
 +
border-right-color: #FFF;
 +
border-bottom-color: #FCF;
 +
border-left-color: #FCF;
 +
width:300px;
}
}
 +
#bomtab tr #title {
 +
text-align:center;
 +
font-size: 20px;
 +
color: #09C;
 +
}
 +
</style>
</style>
 +
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
</head>
-
<body>
+
<body><table width="900" border="0" cellpadding="0" cellspacing="0" style="margin-left:25px">
-
<table width="900" border="0" cellspacing="0" cellpadding="0">
+
-
  <caption>&nbsp;
+
-
  </caption>
+
   <tr>
   <tr>
-
 
+
     <td height="361">
-
 
+
  <div id="tablit">
-
  <!--photos -->
+
    <dl>
-
     <td width="610" height="253"><div id="photo">
+
        <dd class="on">ABSTRACT</dd>
-
  <script>
+
        <dt></dt>
-
var widths=612;
+
        <dd class="out">PROGRESS</dd>
-
var heights=253;
+
    </dl>
-
var counts=6;
+
<div class="tabcon">
-
img1=new Image ();img1.src='https://static.igem.org/mediawiki/2012/9/91/Outlook.jpg';
+
  <p>  XMU's 2012 iGEM team has constructed a fluorescent digital display device with synthetic logic gates, which is able to respond to signals by displaying and switching numbers. We put GFP equipped with degradation tags in downstream to illuminate our numbers and change them quickly as well. Considering our engineering background, we accordingly employ cell immobilization to build our device. Engineering bacteria have been embedded in intra-hallow calcium alginate microcapsules and in PDMDAAC-NaCS microcapsules, respectively. In addition, 3D CAD design is performed for a perfect device&#8230;
-
img2=new Image ();img2.src='https://static.igem.org/mediawiki/2012/3/3e/IMG_0644.jpg';
+
  <hr><a href="https://2012.igem.org/Team:XMU-China/abstract">[see more]</a></div>
-
img3=new Image ();img3.src='https://static.igem.org/mediawiki/2012/a/a0/Xmu_photo_001.jpg';
+
-
img4=new Image ();img4.src='https://static.igem.org/mediawiki/2012/8/82/IMG_0673.jpg';
+
-
img5=new Image ();img5.src='https://static.igem.org/mediawiki/2012/c/c2/IMG_0680.jpg';
+
<!--ABSTRACT END -->
-
img6=new Image ();img6.src='https://static.igem.org/mediawiki/2012/4/49/IMG_0699.jpg';
+
  <!--PROGRESS-->
-
url1=new Image ();url1.src='http://www.zzjs.net';
+
-
url2=new Image ();url2.src='http://www.zzjs.net';
+
    <div class="tabcon dis"><p style="font-size:16px"><strong>Asian iGEM Jamboree, 5-7 October, HKUST</strong></p> <br>
-
url3=new Image ();url3.src='http://www.zzjs.net';
+
XMU-China has won a GOLD medal and become one of the 17 out of 53 teams advancing to World Championship . We are looking forward to present our project to the whole world at MIT. You are warmly welcomed to attend.<br><br>
-
url4=new Image ();url4.src='http://www.zzjs.net';
+
<b>Venue: Room 32-123</b><br><br>
-
url5=new Image ();url5.src='http://www.zzjs.net';
+
<b>Date: 11:00 AM, Nov 3rd, Saturday</b><br><br>
-
url6=new Image ();url6.src='http://www.zzjs.net';
+
<hr>
 +
<a href="https://2012.igem.org/Team:XMU-China/wetlabjournal">[see more]</a>
 +
</div>
-
var nn=1;
+
</div>
-
var key=0;
+
    </td>
-
function change_img()
+
     <!--tab end-->
-
{if(key==0){key=1;}
+
-
else if(document.all)
+
-
{document.getElementById("pic").filters[0].Apply();document.getElementById("pic").filters[0].Play(duration=2);}
+
-
eval('document.getElementById("pic").src=img'+nn+'.src');
+
-
eval('document.getElementById("url").href=url'+nn+'.src');
+
-
for (var i=1;i<=counts;i++){document.getElementById("xxjdjj"+i).className='axx';}
+
-
document.getElementById("xxjdjj"+nn).className='bxx';
+
-
nn++;if(nn>counts){nn=1;}
+
-
tt=setTimeout('change_img()',2000);}
+
-
function changeimg(n){nn=n;window.clearInterval(tt);change_img();}
+
-
document.write('<style>');
+
-
document.write('.axx{padding:1px 7px;border-left:#cccccc 1px solid;}');
+
-
document.write('a.axx:link,a.axx:visited{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#666;}');
+
-
document.write('a.axx:active,a.axx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#999;}');
+
-
document.write('.bxx{padding:1px 7px;border-left:#cccccc 1px solid;}');
+
-
document.write('a.bxx:link,a.bxx:visited{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#D34600;}');
+
-
document.write('a.bxx:active,a.bxx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#D34600;}');
+
-
document.write('</style>');
+
-
document.write('<div style="width:'+widths+'px;height:'+heights+'px;overflow:hidden;text-overflow:clip;">');
+
-
document.write('<div><a id="url"><img id="pic" style="border:0px;filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward)" width='+widths+' height='+heights+' /></a></div>');
+
-
document.write('<div style="filter:alpha(style=1,opacity=10,finishOpacity=80);background: #888888;width:100%-2px;text-align:right;top:-12px;position:relative;margin:1px;height:12px;padding:0px;margin:0px;border:0px;">');
+
-
for(var i=1;i<counts+1;i++){document.write('<a href="javascript:changeimg('+i+');" id="xxjdjj'+i+'" class="axx" target="_self">'+i+'</a>');}
+
-
document.write('</div></div>');
+
-
change_img();
+
-
</script>
+
-
  </div></td>
+
-
     <!--photos -->
+
      
      
-
     <!--description -->
+
     <!--device description-->
-
     <td width="290" height="253" bgcolor="#FC49B4"><div id="PhotoDescription" >
+
     <td height="auto" >
-
<script type="text/javascript">
+
    <div id="device_description" >
-
var tc;
+
      <p style=" font-size:22px; color:#A10066; line-height:24px" >
-
window.onload=function(){
+
        DEVICE DEMONSTRATION</p>
-
var o=document.getElementById('wwwzzjsnet');hscroll(o);
+
      <span style=" font-size:28px; color:#004f7c; line-height:24px">E.LUMOLI DISPLAYER</span></p>
-
window.setInterval(function(){window.clearTimeout(tc);o.firstChild.style.marginLeft='0px';scrollup(o,20,0);},2000);
+
 
-
}
+
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="439" height="329" align="left" id="FlashID" title="device">
-
function scrollup(o,d,c){
+
          <param name="movie" value="https://static.igem.org/mediawiki/2012/3/3c/2Ddevice.swf">
-
if(d==c){
+
          <param name="quality" value="high">
-
  var t=o.firstChild.cloneNode(true);
+
          <param name="wmode" value="opaque">
-
  o.removeChild(o.firstChild);o.appendChild(t);
+
          <param name="swfversion" value="6.0.65.0">
-
  t.style.marginTop=o.firstChild.style.marginTop='0px';
+
          <!-- 此 param 标签提示使用 Flash Player 6.0 r65 和更高版本的用户下载最新版本的 Flash Player。如果您不想让用户看到该提示,请将其删除。 -->
-
  hscroll(o);
+
          <param name="expressinstall" value="Scripts/expressInstall.swf">
-
}
+
          <param name="PLAY" value="false">
-
else{
+
          <param name="SCALE" value="exactfit">
-
  ch=false;var s=3,c=c+s,l=(c>=d?c-d:0);
+
          <!-- 下一个对象标签用于非 IE 浏览器。所以使用 IECC 将其从 IE 隐藏。 -->
-
  o.firstChild.style.marginTop=-c+l+'px';
+
          <!--[if !IE]>-->
-
  window.setTimeout(function(){scrollup(o,d,c-l)},50);
+
          <object data="flash/2Ddevice.swf" type="application/x-shockwave-flash" width="439" height="329" align="left">
-
}
+
            <!--<![endif]-->
-
}
+
            <param name="quality" value="high">
-
function hscroll(o){
+
            <param name="wmode" value="opaque">
-
var w1=o.firstChild.offsetWidth,w2=o.offsetWidth;
+
            <param name="swfversion" value="6.0.65.0">
-
if(w1<=w2)return;
+
            <param name="expressinstall" value="Scripts/expressInstall.swf">
-
tc=window.setTimeout(function(){hs(o,w1-w2,0,w1-w2)},3500);
+
            <param name="PLAY" value="false">
-
}
+
            <param name="SCALE" value="exactfit">
-
function hs(o,d,c,p){
+
            <!-- 浏览器将以下替代内容显示给使用 Flash Player 6.0 和更低版本的用户。 -->
-
c++;var t=(c>0?-c:c);o.firstChild.style.marginLeft=t+'px';
+
         
-
if(c==d){if(d==0){tc=window.setTimeout(function(){hs(o,p,0,p)},2500);}else tc=window.setTimeout(function(){hs(o,0,-p,p)},3500);}
+
            <!--[if !IE]>-->
-
else tc=window.setTimeout(function(){hs(o,d,c,p)},5);
+
          </object>
-
}
+
          <!--<![endif]-->
-
</script>
+
        </object>
-
</head>
+
        <br>
-
<body>
+
     
-
<div id="wwwzzjsnet">
+
      <div id="description_content">By adding different inducers, cells in tubes can respond to different signals by display and switching numbers.
-
<div><p>LABORATORY CONCERT</p><p>searching for songs……</p></div>
+
</div>
-
<div><p>REAGENT BOTTLE</p><p>corner of lab</p></div>
+
      <p style=" font-size:28px; color:#004f7c">&nbsp;</p>
-
<div><p>MASCOT FOR IGEM</p><p>2012 XMU-China</p></div>
+
     
-
<div><p>DISCUSSION</p><p>design group talking over logo</p></div>
+
    <!--device description end-->
-
<div><p>CENTRIFUGAL TUBE</p><p>joining special chemistry</p></div>
+
    </td>
-
<div><p>CELL IMMOBILIZATION</p><p>sodium alginatebead</p></div></div>
+
-
</div></td>
+
-
<!--description -->
+
   </tr>
   </tr>
</table>
</table>
 +
<p></p>
 +
<p><table id="bomtab" width="900" height="176">
 +
<tr ><td id="title" width="300">Digital Display</td>
 +
<td id="title" width="300">Immobilization</td>
 +
<td id="title" width="300">Time delay</td></tr>
 +
<tr><td id="rb">Synthetic circuits with genetic logic gates, which compute extracellular and intracellular signals and elicit response differently.<a id="more" href="https://2012.igem.org/Team:XMU-China/digitaldisplay">[see more]</a></td>
 +
<td id="rb">Immobilization of fluorescent <I>E.coli</I> cells. Design a bioreactor for numeric display.<a id="more" href="https://2012.igem.org/Team:XMU-China/cellimmobilization">[see more]</a></td>
 +
<td><p>Testing the delay of time for GFP expression when we use different strength of RBS.<a id="more" href="https://2012.igem.org/Team:XMU-China/timedelay">[see more]</a></p></td></tr>
 +
</table></p>
 +
<br><br><br>
 +
<script type="text/javascript">
 +
swfobject.registerObject("FlashID");
 +
</script>
</body>
</body>
 +
 +
<script type="text/javascript">
 +
 +
var mDD = document.getElementById("tablit").getElementsByTagName("dd");
 +
var mDIV= document.getElementById("tablit").getElementsByTagName("div");
 +
 +
 +
for (var i=0;i<mDD.length;i++){
 +
(function(index) {
 +
  mDD[index].onmouseover = function() {
 +
  if (mDD[index].className == 'out') {
 +
    for (var j = 0; j < mDD.length; j++) {
 +
    mDD[j].className = 'out';
 +
    mDIV[j].style.display = 'none';
 +
    }
 +
    mDD[index].className = 'on';
 +
    mDIV[index].style.display = 'block';
 +
  }
 +
  }
 +
 +
})(i);
 +
}
 +
 +
</script>
 +
</html>
</html>

Latest revision as of 03:05, 27 October 2012

XMU



homepage

ABSTRACT
PROGRESS

XMU's 2012 iGEM team has constructed a fluorescent digital display device with synthetic logic gates, which is able to respond to signals by displaying and switching numbers. We put GFP equipped with degradation tags in downstream to illuminate our numbers and change them quickly as well. Considering our engineering background, we accordingly employ cell immobilization to build our device. Engineering bacteria have been embedded in intra-hallow calcium alginate microcapsules and in PDMDAAC-NaCS microcapsules, respectively. In addition, 3D CAD design is performed for a perfect device…


[see more]

Asian iGEM Jamboree, 5-7 October, HKUST


XMU-China has won a GOLD medal and become one of the 17 out of 53 teams advancing to World Championship . We are looking forward to present our project to the whole world at MIT. You are warmly welcomed to attend.

Venue: Room 32-123

Date: 11:00 AM, Nov 3rd, Saturday


[see more]

DEVICE DEMONSTRATION

E.LUMOLI DISPLAYER


By adding different inducers, cells in tubes can respond to different signals by display and switching numbers.

 

Digital Display Immobilization Time delay
Synthetic circuits with genetic logic gates, which compute extracellular and intracellular signals and elicit response differently.[see more] Immobilization of fluorescent E.coli cells. Design a bioreactor for numeric display.[see more]

Testing the delay of time for GFP expression when we use different strength of RBS.[see more]