From OpenWetWare
Jump to: navigation, search

<html> <style type="text/css"> /**** Base styles ****/ /*#column-one, */

  1. footer, div#sidebar-main, #contentSub, .firstHeading, #siteSub, #jump-to-nav, .printfooter, #p-cactions {
   display: none;


/*only show edit button - also remove p-cactions from previous style*/

  1. ca-nstab-main, #ca-talk, #ca-history, #ca-move, #ca-watch, #ca-link, #p-personal{
   display: none;


  1. ca-edit{

} /*Make text on edit buttons visible for easier editing*/ .editButtons, #wpSummary{ color: black; }

</style> <style type="text/css">

#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear { display: none; }

#top-section { border: 0 none; height: 14px; z-index: 100; top: 0; position: fixed; width: 975px; left: 50%; margin-left: -487px; }

#globalWrapper, #content { width: 100%; height: 100%; border: 0px; background-color: transparent; margin: 0px; padding: 0px; font-size: 100%; }

html, body, .wrapper { width: 100%; height: 100%; background-color: transparent; }

.navbar { margin: 0 auto; margin-top: 1em; padding: 1em; border-radius: 10px; }


<!-- Start of CSS--> <style type="text/css">

  • {margin-bottom: 0px;margin-left: 0px;margin-right: 0px;margin-top: 0px;}
  1. backcontain{width:100%;height:100%;background-color:#3CF;}
  2. contain{width:1100px;background-color:#FFF;height:100%;margin-left:auto;margin-right:auto; box-shadow: 0px 5px 8px rgba(0,0,0,0.4);}
  3. header{width:1100px;margin-left:auto;margin-right:auto;text-align:right;float:left;margin-top:10px;background-image:url(;height:300px;box-shadow: 0px 5px 8px rgba(0,0,0,0.4);}
  4. headerd{width:1100px;margin-left:auto;margin-right:auto;text-align:center;float:left;}

.menu ul {margin-top:250px;list-style:none;} .menu a {text-decoration:none;color:#480002} .menu ul li { height: 50px; background-color: transparent; float:right; text-align:right; font-family: Verdana, sans-serif; font-size: 24px; line-height: 50px; background-position: 100% 0%; margin-right:40px; } /*For the menu buttons, changes the color when hovering*/ .menu ul :hover { color: #F00; } .menu li:hover {color: #F00;border-bottom: 5px outset #FF0000;} /*Submenus are not displayed as default*/ .menu li ul {display: none;} /*Submenus are displayed when hovering the menu button */ .menu li:hover ul {display: block; position: absolute;margin-left:-150px;margin-top:5px;float:right;} /*Style the submenu buttons*/ .menu li ul li{background-color:transparent;float:left;text-align:center;font-family: Verdana, sans-serif;font-style: normal;font-weight: lighter;font-size:18px;line-height: 25px; margin-top:0px;color:#003;width:auto} .menu li ul li:hover {color: #F00;border-bottom:hidden;}

  1. parta{

width: 550px; font-family: Arial; margin-top: 20px; line-height: 27px; float: left;height:auto; padding-left: 15px; padding-right: 10px;


  1. partb{

width: 476px;height:auto; font-family: Arial; margin-top: 60px; line-height: 27px; margin-left:15px;padding-top:10px; padding-left: 15px; padding-right: 10px; padding-bottom:10px; text-align: justify; float: left; box-shadow: 0px 5px 8px rgba(0,0,0,0.4); }

  1. partc{

width: 1100px; font-family: Arial; margin-top: 10px; line-height: 27px; padding-left: 15px; padding-right: 10px; padding-bottom:20px; padding-top:10px; text-align:center; float: left;


  1. partd{

width: 1100px; font-family: Arial; line-height: 27px; padding-left: 15px; padding-right: 10px; padding-bottom:20px; text-align:justify; float: left;


h1{font-size:30px;color:#F00;} p{font-size:20px}

  1. foot{

height: 80px; background-color: #333; float: left; margin-left:auto;margin-right:auto; width:1100px;padding-top:5px; font-family: Arial, sans-serif; font-size:15px;line-height: 25px; color: rgba(255,255,255,1); text-align: center;}

</style> <!-- End of CSS --> <style type="text/css"> .icon{float:left;} .icon img{width:190px;height:190px;} </style>

<div id ="backcontain"> <div id ="contain"> <div id ="header"> <div class="menu"> <ul> <a href=""><li>Team</li></a>

       <a href=""><li>Protocol</li></a>
       <li><a href="">Project</a>
       <li><a href="">Idea</a>

<a href=" cells"><li>Artificial cells</li></a> <a href=" system"><li>Cell-free system </li></a>

               <a href=""><li>Droplet</li></a> 
               <a href=""><li>Motivation </li></a>
       <a href=""><li>Home</li></a>


   </div><!--end of menu-->	

</div><!--end of header-->

<div id="parta"> <h1><strong>Abstract</strong></h1> <p>As we all know, all current knowledge cannot explain how life originated on earth, and the base of the reconstructed tree of life still remains impenetrable and mysterious. </br></br> Our living world is governed by two great principles. One is Darwinian evolution. All life is interconnected through a Darwinian evolution of random variation and selective retention. Another principle is the cellularity. Cellularity is the fundamental and universal organizational unit of life.


</div> <!-- Start of the template html elements. --> <div id="partb">

<script> var widths=456;var heights=320; var counts=6; img1=new Image ();img1.src=''; img2=new Image ();img2.src=''; img3=new Image ();img3.src=''; img4=new Image ();img4.src=''; img5=new Image ();img5.src=""; img6=new Image ();img6.src=""; url1=new Image ();url1.src=''; url2=new Image ();url2.src=''; url3=new Image ();url3.src=''; url4=new Image ();url4.src=''; url5=new Image ();url5.src=''; url6=new Image ();url6.src='';

var nn=1; var key=0; function change_img() {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()',4000);} 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;,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> <div id="partd"> <p>In Tianjin, this year, we set-up a BioMOD team to study the cellularity. We propose to design and construct artificial intelligent cells de novo in lab (we name it as A.I. cell). Our A.I. cell looks like a real cell. For instance, the shape is round and the size is in the range of 10-30 μm. Moreover, the central biochemical reactions, i.e., transcription and translation, function well in our A.I. cell. </br></br> We believe that our A.I. cell might be the first step towards to synthetic life.</br></br> To form A.I. cell, we used microfluidics technology to generate microdroplets, and encapsulated in vitro transcription and translation (IVTT) system in the microdroplets. </br></br> We first designed and fabricated microfluidic devices via photolithography and soft lithography. With this device, we generated microdroplets with fine monodispersity. On the other hand, we designed DNA molecules to construct plasmid encoded with reporter gene. Surprisingly, IVTT not only survived in microdroplets, but also functioned well to express reporter proteins. By designing and tuning the gene sequences, we got different reporter proteins. </br></br> Although at present stage our A.I. cell is the most simplified prototype, we believe that our study could be a seed for the future explorations to construct more functional artificial cells, and we envision that basing on our A.I. cell the whole life could be synthesized in lab in future. </p></br> </div> <div id="partc"> <h1><strong>Video</strong></h1> <embed src="" width="800" height="450"

allowfullscreen="true" allownetworking="all" allowscriptaccess="always"></embed>


<div id="foot">
     E-mail: |Address: Building No.20, No.92 Weijin road, Tianjin University, China | Zip-cod: 300072</br>
     Copyright 2015@Tianjin Biomod Team

</div><!--end of contain--> </div><!--end of backcontain-->