Team:Harvard/human practices/index

From 2010.igem.org

(Difference between revisions)
 
(6 intermediate revisions not shown)
Line 1: Line 1:
 +
{{harvard_css}}
 +
{{harvardmain}}
<html>
<html>
<head>
<head>
-
<style>
 
-
#allcontent {
 
-
      width: 950px;
 
-
}
 
-
#sidebar a{
 
-
      text-decoration: none;
 
-
      color: #7F5217;
 
-
}
 
-
#sidebar a:hover{
 
-
    color: #A0C544;
 
-
    decoration: none;
 
-
}
 
-
 
-
a.sidebarlinks {
 
-
display: block;
 
-
width: 300px;
 
-
font-size: 1.2em;
 
-
text-align: center;
 
-
background-color: #827B60;
 
-
color: white;
 
-
padding: 10px 0px 10px 0px;
 
-
margin-bottom: 5px;
 
-
}
 
-
a.sidebarlinks:hover {
 
-
background-color: #A0C544;
 
-
      color: white;
 
-
}
 
-
 
-
body {
 
-
        margin-left: auto;
 
-
        margin-right: auto;
 
-
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('https://static.igem.org/mediawiki/2010/1/11/Harvard2010leaficon.png');
 
-
}
 
-
 
-
#rightgroup {
 
-
float: right;
 
-
width: 300px;
 
-
padding: 10px;
 
-
}
 
-
 
-
#leftgroup {
 
-
width: 300px;
 
-
padding: 10px;
 
-
        margin-right: 20px;
 
-
}
 
-
 
-
#maincontent {
 
-
width: 610px;
 
-
}
 
-
</style>
 
</head>
</head>
<body>
<body>
<div id="allcontent">
<div id="allcontent">
-
<img class="bannerimage" src="https://static.igem.org/mediawiki/2010/2/2d/Harvard2010igardenbanner.png" width="950px"><br />
+
 
-
<div id="headerlinks">
+
-
<ul id="nav">
+
-
<li>
+
-
<a class="bannertoplinks" href="https://2010.igem.org/Team:Harvard">home</a>
+
-
</li>
+
-
+
-
<li><a class="bannertoplinks" href="#">project</a>
+
-
<ul>
+
-
<li><a class="bannerlinks" href="https://2010.igem.org/Team:Harvard/vectors">vectors</a></li>
+
-
<li><a class="bannerlinks" href="https://2010.igem.org/Team:Harvard/allergy">allergy</a></li>
+
-
<li><a class="bannerlinks" href="https://2010.igem.org/Team:Harvard/flavor">flavor</a></li>
+
-
<li><a class="bannerlinks" href="https://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="https://2010.igem.org/Team:Harvard/human_practices/index">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="https://2010.igem.org/Team:Harvard/contact">contact us</a>
+
-
</li>
+
-
</ul>
+
-
</div>
+
<br /><br />
<br /><br />
<div id="sidebar">
<div id="sidebar">
-
<img src="https://static.igem.org/mediawiki/2010/9/9e/Harvard2010teamphoto.jpg" width="300px">
+
<img src="https://static.igem.org/mediawiki/2010/9/9e/Harvard2010teamphoto.jpg" width="300px"><br /><br />
-
<a class="sidebarlinks" href="history.html">history</a>
+
<a class="sidebarlinks" style="color:white;" href="https://2010.igem.org/Team:Harvard/human_practices/history">history</a>
-
<a class="sidebarlinks" href="debate.html">the debate</a>
+
<a class="sidebarlinks" style="color:white;" href="https://2010.igem.org/Team:Harvard/human_practices/debate">the debate</a>
-
<a class="sidebarlinks" href="case_study.html">case study: monsato</a>
+
<a class="sidebarlinks" style="color:white;" href="https://2010.igem.org/Team:Harvard/human_practices/case_study">case study: monsato</a>
-
<a class="sidebarlinks" href="perception.html">public perception</a>
+
<a class="sidebarlinks" style="color:white;" href="https://2010.igem.org/Team:Harvard/human_practices/perception">public perception</a>
-
<a class="sidebarlinks" href="safety.html">safety</a>
+
<a class="sidebarlinks" style="color:white;" href="https://2010.igem.org/Team:Harvard/human_practices/safety">safety</a>
-
<a class="sidebarlinks" href="vision.html">our vision</a>
+
<a class="sidebarlinks" style="color:white;" href="https://2010.igem.org/Team:Harvard/human_practices/vision">our vision</a>
-
<a class="sidebarlinks" href="references.html">references</a>
+
<a class="sidebarlinks" style="color:white;" href="https://2010.igem.org/Team:Harvard/human_practices/references">references</a>
</div>
</div>

Latest revision as of 15:34, 14 July 2010




human practices

One major roadblock to synthetic biology is public perception of the field. With movies such as Splice (2009) and television shows such as Fringe 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. Need a longer introduction...so repeating...