Template:Fudan/main
From 2011.igem.org
(Difference between revisions)
(43 intermediate revisions not shown) | |||
Line 7: | Line 7: | ||
<style type="text/css"> | <style type="text/css"> | ||
<!-- | <!-- | ||
+ | #BODY { background-color:white; | ||
+ | background-image:none;} | ||
#p-logo {height:0px; | #p-logo {height:0px; | ||
overflow:hidden; | overflow:hidden; | ||
Line 16: | Line 18: | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
- | margin-bottom: 0 | + | margin-bottom: 0!important; |
- | + | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
padding:0; | padding:0; | ||
Line 37: | Line 38: | ||
#head {width:100%; | #head {width:100%; | ||
- | height: | + | height:220px; |
margin:0px; | margin:0px; | ||
padding:0px; | padding:0px; | ||
Line 69: | Line 70: | ||
} | } | ||
ul.topnav li a{padding-left:20px; | ul.topnav li a{padding-left:20px; | ||
- | padding-right: | + | padding-right: 10px ; |
font-weight:bold; | font-weight:bold; | ||
color: #0000FF; | color: #0000FF; | ||
Line 88: | Line 89: | ||
background:#CCCCCC | background:#CCCCCC | ||
} | } | ||
- | #leftbar{width:65%; | + | #leftbar{width:65% !important;width:60%; |
height:100%; | height:100%; | ||
float:left; | float:left; | ||
Line 156: | Line 157: | ||
background-color:#FFCCFF; | background-color:#FFCCFF; | ||
} | } | ||
- | # | + | #Progress{width:95%; |
height:12%; | height:12%; | ||
padding:10px; | padding:10px; | ||
Line 177: | Line 178: | ||
height:70%; | height:70%; | ||
} | } | ||
- | #etree {width:30%; | + | #etree {width:30% !important;width: 21%; |
height:90%; | height:90%; | ||
float:left; | float:left; | ||
Line 188: | Line 189: | ||
background-color:#FFFFCC; | background-color:#FFFFCC; | ||
} | } | ||
- | #light {width:30%; | + | #light {width:30% !important;width: 21%; |
height:90%; | height:90%; | ||
float:left; | float:left; | ||
Line 198: | Line 199: | ||
background-color:#FFFFCC; | background-color:#FFFFCC; | ||
} | } | ||
- | #dinner {width:30%; | + | #dinner {width:30% !important;width: 25%; |
height:90%; | height:90%; | ||
float:left; | float:left; | ||
Line 212: | Line 213: | ||
font-family:'comic sans MS',Times, serif; | font-family:'comic sans MS',Times, serif; | ||
} | } | ||
+ | #overall.content {float:left; | ||
+ | width:75%; | ||
+ | } | ||
+ | #overall.pic {float:left; | ||
+ | } | ||
+ | #welcome1.pic{float:left; width:26% !important;} | ||
+ | #welcome1.text{float:left;width:74% !important;}} | ||
+ | #labgallery {width:100%; | ||
+ | height:100%; | ||
+ | padding:10px; | ||
+ | } | ||
+ | #labgallery.pic{width:100px; | ||
+ | height:150px; | ||
+ | margin-left:20px; | ||
+ | border-style:dashed; | ||
+ | border-width:5px; | ||
+ | border-color:black; | ||
+ | } | ||
+ | |||
h2 {color:#3366FF} | h2 {color:#3366FF} | ||
--> | --> | ||
Line 221: | Line 241: | ||
<div id="head"> | <div id="head"> | ||
<div id="headlogo"> | <div id="headlogo"> | ||
- | <a href="https://2011.igem.org/Team:Fudan-Shanghai"><img src="/ | + | <a href="https://2011.igem.org/Team:Fudan-Shanghai"><img src="https://static.igem.org/mediawiki/2011/b/b7/Fudan_banner_2.jpg" alt="2011 iGEM Fudan logo" width=965 height=250></a> |
</div> | </div> | ||
<div id="headlink"> | <div id="headlink"> | ||
Line 229: | Line 249: | ||
<li><a href="https://2011.igem.org/Team:Fudan-Shanghai/Team">Team</a></li> | <li><a href="https://2011.igem.org/Team:Fudan-Shanghai/Team">Team</a></li> | ||
<li><a href="https://2011.igem.org/Team:Fudan-Shanghai/Lab">Lab</a></li> | <li><a href="https://2011.igem.org/Team:Fudan-Shanghai/Lab">Lab</a></li> | ||
- | <li><a href=" | + | <li><a href="http://partsregistry.org/cgi/partsdb/pgroup.cgi?pgroup=iGEM2011&group=Fudan-Shanghai">Parts</a></li> |
<li><a href="https://2011.igem.org/Team:Fudan-Shanghai/Safety">Safety</a></li> | <li><a href="https://2011.igem.org/Team:Fudan-Shanghai/Safety">Safety</a></li> | ||
- | <li><a href="https://igem.org/Team.cgi? | + | <li><a href="https://2011.igem.org/Team:Fudan-Shanghai/human practice">Human Practice</a></li> |
+ | <li><a href="https://igem.org/Team.cgi?id=604">Official Profile</a></li> | ||
<li><a href="https://2011.igem.org/Main_Page">2011 iGEM Mainpage</a></li> | <li><a href="https://2011.igem.org/Main_Page">2011 iGEM Mainpage</a></li> | ||
</ul> | </ul> | ||
Line 245: | Line 266: | ||
<div id="leftbar"> | <div id="leftbar"> | ||
<div id="welcome"> | <div id="welcome"> | ||
- | <a href="https://2011.igem.org/Team:Fudan-Shanghai"><h1><b>Welcome!-Who | + | <a href="https://2011.igem.org/Team:Fudan-Shanghai"><h1><b>Welcome!-Who are we ?</b></h1></a> |
+ | <div id="welcome1" class="pic"> | ||
+ | <a href="https://static.igem.org/mediawiki/2011/4/43/Fudan_LOGO_2.jpg"><img src="https://static.igem.org/mediawiki/2011/4/43/Fudan_LOGO_2.jpg" width=150 align=left alt="2011 iGEM Fudan Logo"></a> | ||
+ | </div> | ||
+ | <div id="welcome1" class="text"> | ||
+ | <font color=black size=3>Fudan iGEM 2011 team is consisted of 16 undergraduates and one graduate student. And this is the first year that we join in this international competition. Though all team members are from the school of life sciences, each member has his/her own unique talents and knowledge. Thus, to work more efficiently during the summer, we divide the project into several sections, namely theoretical designs, journal club, team discussion, experiments and system measurements. </font> </div> | ||
</div> | </div> | ||
<!--idears part begin--> | <!--idears part begin--> | ||
<div id="projects"> | <div id="projects"> | ||
<div id="ideartop"> | <div id="ideartop"> | ||
- | <a href="https://2011.igem.org/Team:Fudan-Shanghai/Project"><h1><b> | + | <a href="https://2011.igem.org/Team:Fudan-Shanghai/Project"><h1><b>Ideas</b></h1></a> |
- | <div class="content"><b>What is the first thing that comes to your mind when you see these three words: tree, neon lights and dinner service? Christmas | + | <div id="overall" class="content"> |
+ | <b>What is the first thing that comes to your mind when you see these three words: tree, neon lights and dinner service? | ||
+ | <font color="#FF6600" size=4>Christmas!</font> | ||
+ | Well, exactly, and that is what our project is all about. Our synthetic biology project will modify several E.coli to perform different jobs:</b> | ||
+ | </div> | ||
+ | <div id="overall" class="pic"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/b/b0/Trees6.jpeg" alt="Christmas Tree" width="90px" hight="100px"> | ||
+ | </div> | ||
</div> | </div> | ||
+ | |||
<div id="idearbottom"> | <div id="idearbottom"> | ||
<div id="etree"> | <div id="etree"> | ||
<h2>E.tree</h2> | <h2>E.tree</h2> | ||
The tree includes the leaf part and the trunk part. The “leaves” will change color according to the nutrients in the “soil”: if the soil is rich in nitrates, the “leaves” are green and healthy; otherwise, the leaves will turn yellow. | The tree includes the leaf part and the trunk part. The “leaves” will change color according to the nutrients in the “soil”: if the soil is rich in nitrates, the “leaves” are green and healthy; otherwise, the leaves will turn yellow. | ||
+ | <a href="https://2011.igem.org/Team:Fudan-Shanghai/Project"><img src="https://static.igem.org/mediawiki/2011/e/ee/Fudan_Etree.jpg " alt="E.tree" width=170 align="middle" vspace="30px" hspace="3px"></a> | ||
</div> | </div> | ||
<div id="light"> | <div id="light"> | ||
<h2>Neon Lights</h2> | <h2>Neon Lights</h2> | ||
Each engineered E.coli can emit one light at first (such as red); after a while, the red light fades and another light is emitted. The different combination of such E.coli could therefore achieve the effect of neon lights. | Each engineered E.coli can emit one light at first (such as red); after a while, the red light fades and another light is emitted. The different combination of such E.coli could therefore achieve the effect of neon lights. | ||
+ | <a href="https://2011.igem.org/Team:Fudan-Shanghai/Project"><img src="https://static.igem.org/mediawiki/2011/1/11/Fudan_neonLights.jpg " alt="E.light" width=170 align="middle" vspace="30px" hspace="3px"> </a> | ||
+ | |||
</div> | </div> | ||
<div id="dinner"> | <div id="dinner"> | ||
<h2>Dinner service</h2> | <h2>Dinner service</h2> | ||
The genetically modified bacteria involve a certain self-feedback system. When the “customer” is starving, it orders dinner from the “chef”; and the chef serves meals. While the “customer” is full, it releases a signal molecule and tells the “chef” that no more food is wanted, so the “chef” stops cooking. | The genetically modified bacteria involve a certain self-feedback system. When the “customer” is starving, it orders dinner from the “chef”; and the chef serves meals. While the “customer” is full, it releases a signal molecule and tells the “chef” that no more food is wanted, so the “chef” stops cooking. | ||
+ | <br/> | ||
+ | <a href="https://2011.igem.org/Team:Fudan-Shanghai/Project"><img src="https://static.igem.org/mediawiki/2011/9/96/DINER_SERVICE.jpg " alt="E.dinner service" width="120px" align="middle" vspace="20px" hspace="20px"> </a> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<!--idears part end--> | <!--idears part end--> | ||
- | <div id=" | + | <div id="Progress"> |
- | + | <h1><b>Progress Notes</b></h1>1.We are still in the middle of experiments, and the final results of our system will be collected soon. <br>2.We have already designed and distributed our questionnaires for the human practice section.<br> | |
+ | 3.Team logo is finalized.<br> | ||
+ | 4.We are preparing the team presentation and designing team poster. | ||
+ | |||
</div> | </div> | ||
Line 280: | Line 322: | ||
<div id="team"> | <div id="team"> | ||
<a href="https://2011.igem.org/Team:Fudan-Shanghai/Team"><h1><b>Team Members</b></h1></a> | <a href="https://2011.igem.org/Team:Fudan-Shanghai/Team"><h1><b>Team Members</b></h1></a> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/5/5d/Asemble.jpg" alt="Team" width=250 vspace=30> | ||
+ | <a href="https://2011.igem.org/Team:Fudan-Shanghai/human_practice"><h1><b>Collaboration & Human Practice</b></h1></a> | ||
</div> | </div> | ||
<div id="lab"> | <div id="lab"> | ||
<a href="https://2011.igem.org/Team:Fudan-Shanghai/Lab"><h1><b>Lab Gallery</b></h1></a> | <a href="https://2011.igem.org/Team:Fudan-Shanghai/Lab"><h1><b>Lab Gallery</b></h1></a> | ||
+ | <div id="labgallery" > | ||
+ | <marquee alin=center direction=up behavior=scroll height=500px hspace=20px width=300px scrolldelay=1 scrollamount=5 loop=-1> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/2/23/Fudan_lab_07.jpg" alt="Labpic" width=80% vspace=10px hspace=10px ><br/><hr size=5 align=center width=260px color=blue> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/8/8a/Fudan_lab_05.jpg" alt="Labpic" width=80% vspace=10px hspace=10px><br/><hr size=5 align=center width=260px color=blue> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/3/39/Fudan_lab_06.jpg" alt="Labpic" width=80% vspace=10px hspace=10px><br/><hr size=5 align=center width=260px color=blue> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/e/ea/Fudan_lab_08.jpg" alt="Labpic" width=80% vspace=10px hspace=10px><br/><hr size=5 align=center width=260px color=blue> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/4/42/Fudan_lab_09.jpg" alt="Labpic" width=80% vspace=10px hspace=10px><br/><hr size=5 align=center width=260px color=blue> | ||
+ | </marquee> | ||
+ | </div> | ||
</div> | </div> | ||
</div> | </div> |
Latest revision as of 03:43, 6 October 2011
Welcome!-Who are we ?
Fudan iGEM 2011 team is consisted of 16 undergraduates and one graduate student. And this is the first year that we join in this international competition. Though all team members are from the school of life sciences, each member has his/her own unique talents and knowledge. Thus, to work more efficiently during the summer, we divide the project into several sections, namely theoretical designs, journal club, team discussion, experiments and system measurements.
Ideas
What is the first thing that comes to your mind when you see these three words: tree, neon lights and dinner service?
Christmas!
Well, exactly, and that is what our project is all about. Our synthetic biology project will modify several E.coli to perform different jobs:
E.tree
The tree includes the leaf part and the trunk part. The “leaves” will change color according to the nutrients in the “soil”: if the soil is rich in nitrates, the “leaves” are green and healthy; otherwise, the leaves will turn yellow.Neon Lights
Each engineered E.coli can emit one light at first (such as red); after a while, the red light fades and another light is emitted. The different combination of such E.coli could therefore achieve the effect of neon lights.Dinner service
The genetically modified bacteria involve a certain self-feedback system. When the “customer” is starving, it orders dinner from the “chef”; and the chef serves meals. While the “customer” is full, it releases a signal molecule and tells the “chef” that no more food is wanted, so the “chef” stops cooking.Progress Notes
1.We are still in the middle of experiments, and the final results of our system will be collected soon.2.We have already designed and distributed our questionnaires for the human practice section.
3.Team logo is finalized.
4.We are preparing the team presentation and designing team poster.