|
|
(27 intermediate revisions not shown) |
Line 8: |
Line 8: |
| <html> | | <html> |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
- | <head> | + | <!-- |
- | <link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:Tsinghua-A/css/index.css?action=raw&ctype=text/css"/>
| + | Basic page structure |
- | <link href='http://fonts.googleapis.com/css?family=Oxygen+Mono|Raleway+Dots|Quantico:400' rel='stylesheet' type='text/css'>
| + | |
- | <link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:Tsinghua-A/css/style-original.css?action=raw&ctype=text/css"/>
| + | |
- | | + | |
- | <script type="text/javascript" src="https://static.igem.org/mediawiki/2012/c/c8/THU-AIndex.txt"></script>
| + | |
- | </head>
| + | |
- | <body class="home blog windows chrome ch21">
| + | |
| | | |
- | <div id="pageWrapper">
| + | FENG Zili & GUO Mingzhou, Tsinghua-A Team, iGEM |
- | <p id="2" style=" position: absolute;margin-top: 510px"/> | + | 2012.09.08 |
- | <div id="topWrapper"> | + | --> |
- | <img src="css/pictures/topBackground.png" />
| + | |
- | </div>
| + | |
- | <ul id="banner">
| + | |
- | <li class="topButton" id="teamButton" onmouseover="OnMouseOverTeam()" onmouseout="OnMouseOutTeam()" >
| + | |
- | <a href="http://www.baidu.com" id="teamButtonA">Team</a>
| + | |
- | <ul class="buttonMenu" id="teamButtonMenu">
| + | |
- | <li class="subButtonTeam"><a href="#" id="subButtonTeamA">Members</a></li>
| + | |
- | <li class="subButtonTeam"><a href="#" id="subButtonTeamA">Lab</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li class="topButton" id="projectButton" onmouseover="OnMouseOverProject()" onmouseout="OnMouseOutProject()">
| + | |
- | <a href="#" id="projectButtonA">Project</a>
| + | |
- | <ul class="buttonMenu" id="projectButtonMenu">
| + | |
- | <li class="subButtonProject"><a href="#" id="subButtonProjectA">Overview</a></li>
| + | |
- | <li class="subButtonProject"><a href="#" id="subButtonProjectA">Design</a></li>
| + | |
- | <li class="subButtonProject"><a href="#" id="subButtonProjectA">Timetable</a></li>
| + | |
- | <li class="subButtonProject"><a href="#" id="subButtonProjectA">Details</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li class="topButton" id="modelingButton" onmouseover="OnMouseOverModeling()" onmouseout="OnMouseOutModeling()">
| + | |
- | <a href="#" id="modelingButtonA">Modeling</a>
| + | |
- | <ul class="buttonMenu" id="modelingButtonMenu">
| + | |
- | <li class="subButtonModeling"><a href="#" id="subButtonModelingA">Introduction</a></li>
| + | |
- | <li class="subButtonModeling"><a href="#" id="subButtonModelingA">Method</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li class="topButton" id="wetlabButton" onmouseover="OnMouseOverWetlab()" onmouseout="OnMouseOutWetlab()">
| + | |
- | <a href="#" id="wetlabButtonA">Wetlab</a>
| + | |
- | <ul class="buttonMenu" id="wetlabButtonMenu">
| + | |
- | <li class="subButtonWetlab"><a href="#" id="subButtonWetlabA">Overview</a></li>
| + | |
- | <li class="subButtonWetlab"><a href="#" id="subButtonWetlabA">Wetlab</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li class="topButton" id="safetyButton" onmouseover="OnMouseOverSafety()" onmouseout="OnMouseOutSafety()">
| + | |
- | <a href="#" id="safetyButtonA">Safety</a>
| + | |
- | <ul class="buttonMenu" id="safetyButtonMenu">
| + | |
- | <li class="subButtonSafety"><a href="#" id="subButtonSafetyA">Question1</a></li>
| + | |
- | <li class="subButtonSafety"><a href="#" id="subButtonSafetyA">Question2</a></li>
| + | |
- | <li class="subButtonSafety"><a href="#" id="subButtonSafetyA">Question3</a></li>
| + | |
- | <li class="subButtonSafety"><a href="#" id="subButtonSafetyA">Question4</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li class="topButton" id="humanPracticeButton" onmouseover="OnMouseOverHP()" onmouseout="OnMouseOutHP()">
| + | |
- | <a href="#" id="humanPracticeButtonA">HumanPractice</a>
| + | |
- | <ul class="buttonMenu" id="humanPracticeButtonMenu">
| + | |
- | <li class="subButtonHumanPractice"><a href="#" id="subButtonHumanPracticeA">Overview</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
| | | |
- | <div id="footer"></div>
| + | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
- | <div id="mainField">
| + | <head> |
- | <div id="textWrapper">
| + | <style> |
- | <div id="post" class="post" >
| + | li:hover img.invisible{ |
| + | display: none; |
| + | } |
| + | ul{ |
| + | width:960px; |
| + | margin-left:-40px; |
| + | } |
| + | li{ |
| + | float: left; |
| + | display: inline; |
| + | } |
| | | |
- |
| + | </style> |
- | <h2 id="Idea">Idea</h2>
| + | </head> |
- | <div class="entry-content">
| + | <body style="background-color:white; height:640px;" > |
- | <p>'Life' is too big a word, especially when we are talking about synthetic biology, but we still find it interesting, in our life, when everyone meets alternatives and makes his decisions, that colorful behaviors and lifestyles just differentiate from small left-or-right choices, and that widely-differed ones make up a well-operated society. This year our study will be concentrated on controllable choice-making E. Coli, with left-or-right directions of gene expression to be determined, thus to realize the life-like differentiation and dedifferentiation, and synthesized function of the cell 'teamwork'. That's the idea why we named our project after 'E. CoLIFE'.<a class="textLink" href="www.baidu.com">readmore</a></p>
| + | <div id="wholeWrapper" style="margin-right:auto; margin-left:auto; margin-top:auto; margin-bottom:auto;width:960px;"> |
- |
| + | <div id="wrapper" style="width:960px;height:640px;"> |
- | </div><!-- .entry-content -->
| + | <ul> |
- | </div>
| + | <a href="https://2012.igem.org/Team:Tsinghua-A/Team"> |
- | </div>
| + | <li id="1" style="background-color:rgb(243,169,143);width:320px;height:320px;"> |
- |
| + | |
- | <div id="textWrapper" >
| + | |
- | <div id="post" class="post" >
| + | |
- | | + | |
- | <p class="entry-title"><a href="http://wufei.me/2012/live-it-my-way/" rel="bookmark"></a></p>
| + | |
- | <h2>Overview</h2>
| + | |
- | <div class="entry-content">
| + | |
- | <p>'Life' is too big a word, especially when we are talking about synthetic biology, but we still find it interesting, in our life, when everyone meets alternatives and makes his decisions, that colorful behaviors and lifestyles just differentiate from small left-or-right choices, and that widely-differed ones make up a well-operated society. This year our study will be concentrated on controllable choice-making E. Coli, with left-or-right directions of gene expression to be determined, thus to realize the life-like differentiation and dedifferentiation, and synthesized function of the cell 'teamwork'. That's the idea why we named our project after 'E. CoLIFE'.</p>
| + | |
- |
| + | |
- | </div><!-- .entry-content -->
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | | + | |
- | | + | |
- | <ul id="navigationBar">
| + | |
- | <li class="navigationButton" id="navigationBarDetail0"><a class="navigationButtonA" href="#">Idea</a></li>
| + | |
- | <li class="navigationButton" id="navigationBarDetail1"><a class="navigationButtonA" href="#2">Overview</a></li>
| + | |
- | </ul> | + | |
- | <!--ul id="topNavigationBanner">
| + | |
- | <li class="topNavigationButton" id="1"><a href="#">1</a></li>
| + | |
- | </ul-->
| + | |
| | | |
| + | <img src="https://static.igem.org/mediawiki/2012/4/40/THU-AM1.png"/ style="position:absolute;"> |
| + | <img class="invisible"src="https://static.igem.org/mediawiki/2012/1/1d/THU-AP1.png"/ style="position:absolute;"> |
| + | </li> |
| + | </a> |
| + | <a href="https://2012.igem.org/Team:Tsinghua-A/Project"> |
| + | <li id="1" style="background-color:rgb(255,193,121);width:320px;height:320px;"> |
| + | <img src="https://static.igem.org/mediawiki/2012/c/c8/THU-AM2.png"/ style="position:absolute;"> |
| + | <img class="invisible"src="https://static.igem.org/mediawiki/2012/f/fd/THU-AP2.png"/ style="position:absolute;"> |
| + | </li> |
| + | </a> |
| + | <a href="https://2012.igem.org/Team:Tsinghua-A/Modeling"> |
| + | <li id="1" style="background-color:rgb(137,202,154);width:320px;height:320px;"> |
| + | <img src="https://static.igem.org/mediawiki/2012/0/0d/THU-AM3.png"/ style="position:absolute;"> |
| + | <img class="invisible"src="https://static.igem.org/mediawiki/2012/e/ee/THU-AP3.png"/ style="position:absolute;"> |
| + | </li> |
| + | </a> |
| + | </ul> |
| + | <ul> |
| + | <a href="https://2012.igem.org/Team:Tsinghua-A/Wetlab"> |
| + | <li id="4" style="background-color:rgb(133,212,246);width:320px;height:320px;"> |
| + | <img src="https://static.igem.org/mediawiki/2012/a/af/THU-AM4.png"/ style="position:absolute;"> |
| + | <img class="invisible"src="https://static.igem.org/mediawiki/2012/f/fb/THU-AP4.png"/ style="position:absolute;"> |
| + | </li> |
| + | </a> |
| + | <a href="https://2012.igem.org/Team:Tsinghua-A/Safety"> |
| + | <li id="5" style="background-color:rgb(142,150,201);width:320px;height:320px;"> |
| + | <img src="https://static.igem.org/mediawiki/2012/f/f4/THU-AM5.png"/ style="position:absolute;"> |
| + | <img class="invisible"src="https://static.igem.org/mediawiki/2012/9/9a/THU-AP5.png"/ style="position:absolute;"> |
| + | </li> |
| + | </a> |
| + | <a href="https://2012.igem.org/Team:Tsinghua-A/HumanPractice"> |
| + | <li id="6" style="background-color:rgb(171,136,188);width:320px;height:320px;"> |
| + | <img src="https://static.igem.org/mediawiki/2012/c/c3/THU-AM6.png"/ style="position:absolute;"> |
| + | <img class="invisible"src="https://static.igem.org/mediawiki/2012/3/39/THU-AP6.png"/ style="position:absolute;"> |
| + | </li> |
| + | </a> |
| + | </ul> |
| + | </div> |
| + | <a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/igem.org/4/47/Happening_now_C.png" style="margin-left:100px;"/></a> |
| + | <a href="http://www.tsinghua.edu.cn/publish/th/index.html"><img src="https://static.igem.org/mediawiki/2012/1/18/THU-Alogo.png" style="margin-left:100px;"/></a> |
| + | <a href="http://www.au.tsinghua.edu.cn"><img src="https://static.igem.org/mediawiki/2012/9/9a/THU-A1.png" style="margin-left:100px;"/></a> |
| </div> | | </div> |
| </body> | | </body> |
| </html> | | </html> |