Team:Harvard

From 2010.igem.org

(Difference between revisions)
 
(158 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
{{harvardmain}}
-
<head>
+
-
<!-- Javascript uploads DO work :P -->
+
-
<script type="text/javascript" src="http://2010.igem.org/wiki/images/c/ce/Rs3003.txt"></script>
+
-
<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 {
+
<html>
-
display: block;
+
<div id="sidebar">
-
width: 149px;
+
<img id="teamphoto" src="http://2010.igem.org/wiki/images/9/9e/Harvard2010teamphoto.jpg" width="300px">
-
}
+
-
#nav li {
+
<div id="twitter_div">
-
float: left;
+
<div id="twitter_head">
-
width: 149px;
+
<p>team updates<a href="http://twitter.com/harvardigem" id="twitter-link">follow us on twitter</a></p>
-
margin-right: 41px;
+
</div>
-
}
+
-
#nav li ul {
+
<ul id="twitter_update_list"></ul>
-
position: absolute;
+
</div>
-
width: 149px;
+
<script>
-
left: -999em;
+
/* based on http://twitter.com/javascripts/blogger.js */
 +
function twitterCallback2(twitters) {
 +
  var statusHTML = [];
 +
  for (var i=0; i<twitters.length; i++){
 +
    var username = twitters[i].user.screen_name;
 +
    var status = twitters[i].text.replace(/((https?|s?ftp|ssh)\:\/\/[^"\s\<\>]*[^.,;'">\:\s\<\>\)\]\!])/g, function(url) {
 +
      return '<a href="'+url+'">'+url+'</a>';
 +
    }).replace(/\B@([_a-z0-9]+)/ig, function(reply) {
 +
      return  reply.charAt(0)+'<a href="http://twitter.com/'+reply.substring(1)+'">'+reply.substring(1)+'</a>';
 +
    });
 +
    statusHTML.push('<li><img src="http://2010.igem.org/wiki/images/1/11/Harvard2010leaficon.png"/><span>'+status+'</span> <a style="font-size:85%" href="http://twitter.com/'+username+'/statuses/'+twitters[i].id+'">'+relative_time(twitters[i].created_at)+'</a></li>');
 +
  }
 +
  document.getElementById('twitter_update_list').innerHTML = statusHTML.join('');
}
}
-
#nav li:hover ul {
+
function relative_time(time_value) {
-
left: auto;
+
  var values = time_value.split(" ");
-
      text-decoration: none;
+
  time_value = values[1] + " " + values[2] + ", " + values[5] + " " + values[3];
-
      color: white;
+
  var parsed_date = Date.parse(time_value);
 +
  var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
 +
  var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
 +
  delta = delta + (relative_to.getTimezoneOffset() * 60);
 +
  if (delta < 60) {
 +
    return 'less than a minute ago';
 +
  } else if(delta < 120) {
 +
    return 'about a minute ago';
 +
  } else if(delta < (60*60)) {
 +
    return (parseInt(delta / 60)).toString() + ' minutes ago';
 +
  } else if(delta < (120*60)) {
 +
    return 'about an hour ago';
 +
  } else if(delta < (24*60*60)) {
 +
    return 'about ' + (parseInt(delta / 3600)).toString() + ' hours ago';
 +
  } else if(delta < (48*60*60)) {
 +
    return '1 day ago';
 +
  } else {
 +
    return (parseInt(delta / 86400)).toString() + ' days ago';
 +
  }
}
}
 +
</script>
 +
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/harvardigem.json?callback=twitterCallback2&amp;count=5"></script>
 +
</div>
-
#nav li:hover ul, #nav li.sfhover ul {
+
<div id="maincontent">
-
left: auto;
+
<div id="abstract">
-
      text-decoration: none;
+
<h1>an open source toolkit for plant engineering</h1>
-
      color: white;
+
<img src="http://2010.igem.org/wiki/images/1/15/Leaf_dark-green.png" width="190" style="float: left; margin-top: 10px; margin-right:40px"/>
-
}
+
-
sfHover = function() {
+
<div style="width: 600px">
-
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
+
<p>The Harvard iGarden is a venture into plant engineering. Our aim is to create a toolkit for the cultivation of a personalized garden containing features introduced through synthetic biology. In addition to a "genetic fence" designed to prevent the spread of introduced genetic material, we have developed three independent features to be included in this toolkit - inclusion of novel flavors, knockdown of plant allergens, and modification of petal color.</p>
-
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 {
+
<p>All parts are BioBrick compatible and introduced into plants through agrobacterium-mediated transformation, using existing plant vectors modified with the BioBrick multiple cloning site.</p>
-
  color: white;
+
-
}
+
-
  a.bannertoplinks:hover {
+
-
  background-color: #A0C544;
+
-
  color: white;
+
-
  text-decoration: none;
+
-
  }
+
-
.bannerlinks {
+
<p>The Harvard iGarden, beyond being an application of the BioBrick system to plant engineering, is an effort to raise public awareness of synthetic biology, production of food, and how the two can intertwine. We envision the iGarden as a medium through which the non-scientist can see the power and potential of synthetic biology and apply it to everyday life. </p>
-
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://2010.igem.org/Team:Harvard/vectors">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://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="http://2010.igem.org/Team:Harvard/students">students</a></li>
+
-
<li><a class="bannerlinks" href="http://2010.igem.org/Team:Harvard/advisors">advisors</a></li>
+
-
<li><a class="bannerlinks" href="http://2010.igem.org/Team:Harvard/sponsors">sponsors</a></li>
+
-
<li><a class="bannerlinks" href="http://2010.igem.org/Team:Harvard/gallery">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>
</div>
-
<br /><br />
+
<div>
-
<div id="sidebar">
+
-
<img src="http://2010.igem.org/wiki/images/9/9e/Harvard2010teamphoto.jpg" width="300px">
+
-
<div id="twitter_div">
 
-
<h2 class="sidebar-title">team updates</h2>
 
-
<ul id="twitter_update_list"></ul>
 
-
<a href="http://twitter.com/harvardigem" id="twitter-link" style="display:block; margin-left: 10px;">follow us on twitter</a>
 
</div>
</div>
-
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
 
-
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/harvardigem.json?callback=twitterCallback2&amp;count=5"></script>
 
</div>
</div>
-
 
-
<div id="maincontent">
 
-
<div id="abstract">
 
-
<h1>abstract</h1>
 
-
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
 
-
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero
 
-
eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
 
-
takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
 
-
consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
 
-
dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
 
-
dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
 
-
ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
 
-
diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed
 
-
diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita
 
-
kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
 
-
<hr />
 
</div>
</div>
-
<div id="rightgroup">
+
<table width="950px" style="margin-top:10px">
-
<a href="http://2010.igem.org/Team:Harvard/allergy"><img src="http://2010.igem.org/wiki/images/c/c3/Harvard2010allergyheading.jpg" width="275"></a>
+
  <style>
-
<p>knocking down allergen molecules in common garden plants</p><br /><br />
+
    td{
-
<a href="http://2010.igem.org/Team:Harvard/fences"><img src="http://2010.igem.org/wiki/images/4/43/Harvard2010fenceheading.jpg" width="275"></a>
+
      font-size:1.2em;
-
<p>designing safety mechanisms for genetically modified gardening</p>
+
      text-align:center;
-
</div>
+
      }
-
<div id="leftgroup">
+
    a{
 +
      color: #7F5217;
 +
      }
 +
    img.icon{
 +
      border-style: solid;
 +
      border-color: white;
 +
      width:130px;
 +
      }
 +
a.iconlink{
 +
    border-style: solid;
 +
    border-width: 2px;
 +
      border-color: white;
 +
    }
 +
  a.iconlink:hover{
 +
      border-style: solid;
 +
      border-width: 2px;
 +
      border-color: green;
 +
    }
 +
  </style>
 +
  <tr>
 +
    <td colspan=6><h2>iGarden development</h2>
 +
  </tr>
 +
  <tr>
 +
    <td><a class="iconlink" href="http://2010.igem.org/Team:Harvard/vectors"><img class="icon" src="http://2010.igem.org/wiki/images/f/fe/Harvard2010vectorheading2.png"></a></td>
 +
    <td><a class="iconlink" href="http://2010.igem.org/Team:Harvard/allergy"><img class="icon" src="http://2010.igem.org/wiki/images/9/9f/Harvard2010allergyheading2.jpg"></a></td>
 +
    <td><a class="iconlink" href="http://2010.igem.org/Team:Harvard/flavor"><img class="icon" src="http://2010.igem.org/wiki/images/d/d2/Harvard2010flavorheading2.jpg"></a></td>
 +
    <td><a class="iconlink" href="http://2010.igem.org/Team:Harvard/color"><img class="icon" src="http://2010.igem.org/wiki/images/5/58/Harvard2010colorheading2.png"></a></td>
 +
    <td><a class="iconlink" href="http://2010.igem.org/Team:Harvard/fences"><img class="icon" src="http://2010.igem.org/wiki/images/e/ed/Harvard2010fenceheading2.jpg"></a></td>
 +
    <td><a class="iconlink" href="http://2010.igem.org/Team:Harvard/parts"><img class="icon" src="http://2010.igem.org/wiki/images/d/d7/Harvard2010partsheading2.jpg"></a></td>
 +
  </tr>
 +
<tr>
 +
    <td>vectors</td>
 +
    <td>allergy</td>
 +
    <td>flavor</td>
 +
    <td>color</td>
 +
    <td>genetic fence</td>
 +
    <td>submitted parts</td>
 +
  </tr>
 +
  <tr style="height:20px"></tr>
 +
  <tr>
 +
    <td colspan=6><h2>beyond the bench</h2></td>
 +
  </tr>
 +
  <tr>
 +
    <td><a class="iconlink" href="http://2010.igem.org/Team:Harvard/human_practices"><img class="icon" src="http://2010.igem.org/wiki/images/f/f9/Harvard2010hpheading2.png"></a></td>
 +
    <td><a class="iconlink" href="http://2010.igem.org/Team:Harvard/human_practices/vision"><img class="icon" src="http://2010.igem.org/wiki/images/d/d7/EarthEYE.jpg" height="102px"></a></td>
 +
    <td><a class="iconlink" href="http://www.hcs.harvard.edu/usundergrad/test/test4.php"><img class="icon" src="http://2010.igem.org/wiki/images/5/5c/Harvard2010virtualheadingsmall.png"></a></td>
 +
    <td><a class="iconlink" href="http://2010.igem.org/Team:Harvard/recycling"><img class="icon" src="http://2010.igem.org/wiki/images/7/7a/Harvard2010recyclingheading.jpg"></a></td>
 +
    <td><a class="iconlink" href="http://2010.igem.org/Team:Harvard/gallery"><img class="icon" src="http://2010.igem.org/wiki/images/6/6f/Camera.tiff"></a></td>
 +
    <td><a class="iconlink" href="http://2010.igem.org/Team:Harvard/credits"><img class="icon" src="http://2010.igem.org/wiki/images/7/74/Nobelprizemedal.jpeg" height="102px"></a></td>
 +
  </tr>
 +
  <tr>
 +
    <td>human practices</td>
 +
    <td>our vision</td>
 +
    <td>virtual iGarden</td>
 +
    <td>recycling columns</td>
 +
    <td>pictures & video</td>
 +
    <td>credits</td>
 +
  </tr>
 +
 
 +
</table>
 +
<br /><br />
-
<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>designing biobrick vectors for the genetic engineering of plants</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>reshuffling flavor molecules in edible plants</p>
 
-
</div>
 
</div>
</div>
</div>
</div>
-
</body>
+
<p>
 +
<!-- !END HARVARD -->
</html>
</html>

Latest revision as of 15:30, 27 October 2010



an open source toolkit for plant engineering

The Harvard iGarden is a venture into plant engineering. Our aim is to create a toolkit for the cultivation of a personalized garden containing features introduced through synthetic biology. In addition to a "genetic fence" designed to prevent the spread of introduced genetic material, we have developed three independent features to be included in this toolkit - inclusion of novel flavors, knockdown of plant allergens, and modification of petal color.

All parts are BioBrick compatible and introduced into plants through agrobacterium-mediated transformation, using existing plant vectors modified with the BioBrick multiple cloning site.

The Harvard iGarden, beyond being an application of the BioBrick system to plant engineering, is an effort to raise public awareness of synthetic biology, production of food, and how the two can intertwine. We envision the iGarden as a medium through which the non-scientist can see the power and potential of synthetic biology and apply it to everyday life.

iGarden development

vectors allergy flavor color genetic fence submitted parts

beyond the bench

human practices our vision virtual iGarden recycling columns pictures & video credits