Team:XMU-China

From 2012.igem.org

(Difference between revisions)
 
(107 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 {
-
color: #FFF;
+
margin:0px;
-
overflow:hidden;
+
width:439px;
-
width:250px;height:200px;
+
height:361px;
-
position:relative;
+
background:#FFF;
-
left:25px;
+
position: relative;
-
top:25px;
+
top: 0px;
-
+
}
 +
#description_content {
 +
font-family:"Times New Roman", Times, serif;
 +
position: absolute;
 +
top:230px;
 +
        left:260px;
 +
float:right;
 +
z-index:8;
 +
width:170px;
}
}
-
</style>
+
#tablit {
-
</head>
+
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>
 
-
<table width="900" border="0" cellspacing="0" cellpadding="0">
 
-
  <caption>&nbsp;
 
-
  </caption>
 
-
  <tr>
 
-
 
 
-
 
 
-
  <!--photos -->
 
-
    <td width="610" height="253"><div id="photo">
 
-
  <script>
 
-
var widths=612;
 
-
var heights=253;
 
-
var counts=6;
 
-
img1=new Image ();img1.src='https://static.igem.org/mediawiki/2012/9/91/Outlook.jpg';
 
-
img2=new Image ();img2.src='https://static.igem.org/mediawiki/2012/3/3e/IMG_0644.jpg';
 
-
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';
 
-
img6=new Image ();img6.src='https://static.igem.org/mediawiki/2012/4/49/IMG_0699.jpg';
 
-
url1=new Image ();url1.src='http://www.zzjs.net';
 
-
url2=new Image ();url2.src='http://www.zzjs.net';
 
-
url3=new Image ();url3.src='http://www.zzjs.net';
 
-
url4=new Image ();url4.src='http://www.zzjs.net';
 
-
url5=new Image ();url5.src='http://www.zzjs.net';
 
-
url6=new Image ();url6.src='http://www.zzjs.net';
 
-
var nn=1;
+
body {
-
var key=0;
+
margin-left: 10px;
-
function change_img()
+
margin-top: 10px;
-
{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 -->
+
-
    <td width="290" height="253" bgcolor="#FC49B4"><div id="PhotoDescription" > 
+
-
<script type="text/javascript">
+
-
var tc;
+
-
window.onload=function(){
+
-
var o=document.getElementById('wwwzzjsnet');hscroll(o);
+
-
window.setInterval(function(){window.clearTimeout(tc);o.firstChild.style.marginLeft='0px';scrollup(o,20,0);},2000);
+
}
}
-
function scrollup(o,d,c){
+
 
-
if(d==c){
+
#tablit .tabcon.dis a {
-
  var t=o.firstChild.cloneNode(true);
+
color: #FFF;
-
  o.removeChild(o.firstChild);o.appendChild(t);
+
text-align: right;
-
  t.style.marginTop=o.firstChild.style.marginTop='0px';
+
vertical-align: bottom;
-
  hscroll(o);
+
-
}
+
-
else{
+
-
  ch=false;var s=3,c=c+s,l=(c>=d?c-d:0);
+
-
  o.firstChild.style.marginTop=-c+l+'px';
+
-
  window.setTimeout(function(){scrollup(o,d,c-l)},50);
+
-
}
+
}
}
-
function hscroll(o){
+
#tablit .tabcon a {
-
var w1=o.firstChild.offsetWidth,w2=o.offsetWidth;
+
color: #FFF;
-
if(w1<=w2)return;
+
text-align: right;
-
tc=window.setTimeout(function(){hs(o,w1-w2,0,w1-w2)},3500);
+
vertical-align: bottom;
}
}
-
function hs(o,d,c,p){
+
 
-
c++;var t=(c>0?-c:c);o.firstChild.style.marginLeft=t+'px';
+
#bomtab{
-
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);}
+
background-color:#f8daef;
-
else tc=window.setTimeout(function(){hs(o,d,c,p)},5);
+
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;
}
}
-
</script>
+
#bomtab tr #title {
 +
text-align:center;
 +
font-size: 20px;
 +
color: #09C;
 +
}
 +
 
 +
</style>
 +
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
</head>
-
<body>
 
-
<div id="wwwzzjsnet"><div>LABORATORY CONCERT</div><div>REAGENT BOTTLES</div><div>MASCOT FOR IGEM </div><div>DISCUSSION</div><div>CENTRIFUGAL TUBE </div><div>CELL IMMOBILIZATION </div></div>
 
-
</div></td>
 
-
<!--description -->
 
-
<!--<div id="wwwzzjsnet">
+
<body><table width="900" border="0" cellpadding="0" cellspacing="0" style="margin-left:25px">
-
<div>LABORATORY CONCERT</div><div>REAGENT BOTTLES corner of lab</div>
+
  <tr>
-
<div>MASCOT FOR IGEM 2012 XMU-China</div>
+
    <td height="361">
-
<div>DISCUSSION design group talking over logo</div>
+
  <div id="tablit">
-
<div>CENTRIFUGAL TUBE joining special chemistry</div>
+
    <dl>
-
<div>CELL IMMOBILIZATION sodium alginatebead</div></div>
+
        <dd class="on">ABSTRACT</dd>
-
</div></td>
+
        <dt></dt>
-
  -->
+
        <dd class="out">PROGRESS</dd>
 +
    </dl>
 +
<div class="tabcon">
 +
  <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;
 +
  <hr><a href="https://2012.igem.org/Team:XMU-China/abstract">[see more]</a></div>
 +
 +
 +
<!--ABSTRACT END -->
 +
  <!--PROGRESS-->
 +
 +
    <div class="tabcon dis"><p style="font-size:16px"><strong>Asian iGEM Jamboree, 5-7 October, HKUST</strong></p> <br>
 +
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>
 +
<b>Venue: Room 32-123</b><br><br>
 +
<b>Date: 11:00 AM, Nov 3rd, Saturday</b><br><br>
 +
<hr>
 +
<a href="https://2012.igem.org/Team:XMU-China/wetlabjournal">[see more]</a>
 +
</div>
 +
 
 +
</div>
 +
    </td>
 +
    <!--tab end-->
 +
   
 +
    <!--device description-->
 +
    <td height="auto" >
 +
    <div id="device_description" >
 +
      <p style=" font-size:22px; color:#A10066; line-height:24px" >
 +
        DEVICE DEMONSTRATION</p>
 +
      <span style=" font-size:28px; color:#004f7c; line-height:24px">E.LUMOLI DISPLAYER</span></p>
 +
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="439" height="329" align="left" id="FlashID" title="device">
 +
          <param name="movie" value="https://static.igem.org/mediawiki/2012/3/3c/2Ddevice.swf">
 +
          <param name="quality" value="high">
 +
          <param name="wmode" value="opaque">
 +
          <param name="swfversion" value="6.0.65.0">
 +
          <!-- 此 param 标签提示使用 Flash Player 6.0 r65 和更高版本的用户下载最新版本的 Flash Player。如果您不想让用户看到该提示，请将其删除。 -->
 +
          <param name="expressinstall" value="Scripts/expressInstall.swf">
 +
          <param name="PLAY" value="false">
 +
          <param name="SCALE" value="exactfit">
 +
          <!-- 下一个对象标签用于非 IE 浏览器。所以使用 IECC 将其从 IE 隐藏。 -->
 +
          <!--[if !IE]>-->
 +
          <object data="flash/2Ddevice.swf" type="application/x-shockwave-flash" width="439" height="329" align="left">
 +
            <!--<![endif]-->
 +
            <param name="quality" value="high">
 +
            <param name="wmode" value="opaque">
 +
            <param name="swfversion" value="6.0.65.0">
 +
            <param name="expressinstall" value="Scripts/expressInstall.swf">
 +
            <param name="PLAY" value="false">
 +
            <param name="SCALE" value="exactfit">
 +
            <!-- 浏览器将以下替代内容显示给使用 Flash Player 6.0 和更低版本的用户。 -->
 +
         
 +
            <!--[if !IE]>-->
 +
          </object>
 +
          <!--<![endif]-->
 +
        </object>
 +
        <br>
 +
     
 +
      <div id="description_content">By adding different inducers, cells in tubes can respond to different signals by display and switching numbers.
 +
</div>
 +
      <p style=" font-size:28px; color:#004f7c">&nbsp;</p>
 +
     
 +
    <!--device description end-->
 +
    </td>
   </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]




Retrieved from "http://2012.igem.org/Team:XMU-China"