IGEM:Harvard/2010/Human Practices/wikipage: Difference between revisions
No edit summary |
No edit summary |
||
Line 211: | Line 211: | ||
<div id="abstract"> | <div id="abstract"> | ||
<h1>overview</h1> | <h1>overview</h1> | ||
<p>One major roadblock to synthetic biology is public perception of the field. With movies such as Splice (2009) and | <p>One major roadblock to synthetic biology is public perception of the field. With movies such as <i>Splice</i> (2009) and television shows such as <i>Fringe</i> which portray synthetic biology as dangerous and grotesque, as well as policy wars over the use and sale of genetically modified organisms, []. Our aim with the Harvard iGarden is to change public perception of what it means to engineer our food by putting part of the process in the hands of the consumer.</p> | ||
<hr /> | <hr /> | ||
</div> | |||
</div> | </div> | ||
Revision as of 08:06, 29 June 2010
<html> <head> <style>
- allcontent {
width: 950px;
}
- sidebar a{
text-decoration: none; color: #7F5217;
}
- sidebar a:hover{
color: #A0C544; text-decoration: none;
} body {
margin-left: 10%;
font-family: Helvetica, Arial, sans-serif; width: 900px; font-size: 0.9 em; color: #254117; }
- headerlinks{
margin-left: -20px;
}
- nav, #nav ul {
padding: 0; list-style: none; }
- nav a {
display: block; width: 149px; }
- nav li {
float: left; width: 149px; margin-right: 41px; }
- nav li ul {
position: absolute; width: 149px; left: -999em; }
- nav li:hover ul {
left: auto;
text-decoration: none; color: white;
}
- nav li:hover ul, #nav li.sfhover ul {
left: auto;
text-decoration: none; color: white;
}
sfHover = function() { var sfEls = document.getElementById("nav").getElementsByTagName("LI"); for (var i=0; i<sfEls.length; i++) { sfEls[i].onmouseover=function() { this.className+=" sfhover"; } sfEls[i].onmouseout=function() { this.className=this.className.replace(new RegExp(" sfhover\\b"), ""); } } } if (window.attachEvent) window.attachEvent("onload", sfHover);
.bannerimage {
}
a.bannerlinks {
color: white; text-decoration: none; }
a.bannerlinks:hover {
background-color: #A0C544; color: white; text-decoration: none; }
a.bannertoplinks { color: white;
}
a.bannertoplinks:hover { background-color: #A0C544; color: white; text-decoration: none; }
.bannerlinks { background-color: #7F5217; border-style: solid; border-color: white; border-width: 1px; color: white; padding: 3px 20px 3px 20px;
margin-left: -19px;
}
.bannertoplinks { background-color: #827B60; border-style: solid; border-color: white; border-width: 1px; color: white;
margin-bottom: -2px;
padding: 3px 20px 3px 20px; }
- twitter_div {
font-size: 0.8em;
width: 280px;
}
- sidebar {
width: 300px; float: right; margin-right: 6px; border-style: solid; border-color: white; border-width: 1px; padding: 0px; }
- abstract {
width: 600px; border-style: solid; border-color: white; border-width: 1px; padding: 10px; line-height: 1.2em;
}
- twitter_div ul {
line-height: 1.3em; text-indent: 3px; list-style-image: url('http://2010.igem.org/wiki/images/1/11/Harvard2010leaficon.png'); }
- rightgroup {
float: right; width: 300px; padding: 10px; }
- leftgroup {
width: 300px; padding: 10px;
margin-right: 20px;
}
- maincontent {
width: 610px; } </style> </head> <body> <div id="allcontent"> <img class="bannerimage" src="http://2010.igem.org/wiki/images/2/2d/Harvard2010igardenbanner.png" width="950px"><br /> <div id="headerlinks"> <ul id="nav"> <li> <a class="bannertoplinks" href="http://2010.igem.org/Team:Harvard">home</a> </li>
<li><a class="bannertoplinks" href="#">project</a> <ul> <li><a class="bannerlinks" href="http://openwetware.org/wiki/IGEM:Harvard/2010/Team_Vector">vectors</a></li> <li><a class="bannerlinks" href="http://2010.igem.org/Team:Harvard/allergy">allergy</a></li> <li><a class="bannerlinks" href="http://2010.igem.org/Team:Harvard/flavor">flavor</a></li> <li><a class="bannerlinks" href="http://2010.igem.org/Team:Harvard/fences">genetic fence</a></li>
<li><a class="bannerlinks" href="http://openwetware.org/wiki/IGEM:Harvard/2009/Notebook/Harvard_iGEM_2010">lab notebook</a></li>
<li><a class="bannerlinks" href="#">human practices</a></li> </ul> </li> <li><a class="bannertoplinks" href="#">people</a> <ul> <li><a class="bannerlinks" href="#">students</a></li> <li><a class="bannerlinks" href="#">advisors</a></li> <li><a class="bannerlinks" href="#">sponsors</a></li> <li><a class="bannerlinks" href="#">gallery</a></li> </ul> </li> <li><a class="bannertoplinks" href="#">online</a> <ul> <li><a class="bannerlinks" href="http://harvardigem.org">blog</a></li> <li><a class="bannerlinks" href="http://twitter.com/harvardigem">twitter</a></li> <li><a class="bannerlinks" href="http://openwetware.org/wiki/IGEM:Harvard/2010">openwetware</a></li> <li><a class="bannerlinks" href="http://www.facebook.com/pages/Cambridge-MA/Harvard-iGEM/269794024286?ref=ts">facebook</a></li> </ul> </li> <li><a class="bannertoplinks" href="http://2010.igem.org/Team:Harvard/contact">contact us</a> </li> </ul> </div> <br /><br /> <div id="sidebar"> <img src="http://2010.igem.org/wiki/images/9/9e/Harvard2010teamphoto.jpg" width="300px">
<div id="maincontent">
<div id="abstract">
<h1>overview</h1>
<p>One major roadblock to synthetic biology is public perception of the field. With movies such as <i>Splice</i> (2009) and television shows such as <i>Fringe</i> which portray synthetic biology as dangerous and grotesque, as well as policy wars over the use and sale of genetically modified organisms, []. Our aim with the Harvard iGarden is to change public perception of what it means to engineer our food by putting part of the process in the hands of the consumer.</p>
<hr />
</div>
</div>
<div id="rightgroup"> <a href="http://2010.igem.org/Team:Harvard/allergy"><img src="http://2010.igem.org/wiki/images/c/c3/Harvard2010allergyheading.jpg" width="275"></a> <p>history</p><br /><br /> <a href="http://2010.igem.org/Team:Harvard/fences"><img src="http://2010.igem.org/wiki/images/4/43/Harvard2010fenceheading.jpg" width="275"></a> <p>safety</p> </div> <div id="leftgroup">
<a href="http://openwetware.org/wiki/IGEM:Harvard/2010/Team_Vector"><img src="http://2010.igem.org/wiki/images/d/d1/Harvard2010vectorheading.jpg" width="275"></a> <p>ethics</p><br /><br /> <a href="http://2010.igem.org/Team:Harvard/flavor"><img src="http://2010.igem.org/wiki/images/c/c6/Harvard2010flavorheading.jpg" width="275"></a> <p>public perception</p> </div> </div> </div> </body> </html>