Team:Harvard

From 2011.igem.org

(Difference between revisions)
(Prototype team page)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box! You can remove it from your pages once you have read and understood the alert *** -->
+
<html>
 +
<style type="text/css">
 +
#p-logo>a>img {
 +
      position: relative !important;
 +
      left: -1px !important;
 +
}
 +
#top-section {
 +
      width: 962px !important;
 +
      overflow: hidden;
 +
}
 +
 +
#globalWrapper {
 +
      padding-bottom: 0px;
 +
}
 +
 +
#footer-box {
 +
      width: 952px;
 +
}
 +
 +
 +
#allcontent, #p-logo {
 +
      width: 950px !important;
 +
}
 +
 +
.firstHeading {
 +
  display:none;
 +
}
 +
 +
body {
 +
 +
background-image:none;
 +
background-position: center;
 +
background-repeat: no-repeat;
 +
background-attachment: fixed;       
 +
margin-left: auto;
 +
        margin-right: auto;
 +
font-family: Helvetica, Arial, sans-serif;
 +
width: 900px;
 +
}
 +
 +
table {
 +
        color: #254117;
 +
font-family: Helvetica, Arial, sans-serif;
 +
        }
 +
 +
#content {
 +
        color: #254117;
 +
font-family: Helvetica, Arial, sans-serif;
 +
width: 950px;
 +
        line-height: 1.2em;
 +
 +
}
 +
 +
a {
 +
  text-decoration: none;
 +
  color: #7F5217;
 +
  }
 +
 
 +
a:visited{
 +
      color:#660000;
 +
      text-decoration: none;
 +
      }
 +
 +
a:hover {
 +
color: #A0C544;
 +
        text-decoration: none;
 +
}
 +
 +
 +
h1, h2, h3, h4, h5, h6 {
 +
        color: #254117;
 +
}
 +
 +
#headerlinks{
 +
      margin-left: -20px;
 +
}
 +
 +
#nav, #nav ul {
 +
padding: 0;
 +
list-style: none;
 +
}
 +
 +
.abstractext{
 +
float:right;
 +
width="400px"
 +
}
 +
 +
#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 !important;
 +
 +
}
 +
 +
#nav li:hover ul, #nav li.sfhover ul {
 +
left: auto;
 +
      text-decoration: none;
 +
      color: white !important;
 +
}
 +
 +
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 !important;
 +
  text-decoration: none;
 +
  }
 +
 +
 +
a.bannertoplinks {
 +
  color: white !important;
 +
  text-decoration: none;
 +
}
 +
 +
a.bannerlinks:hover, a.bannertoplinks:hover {
 +
  background-color: #A0C544;
 +
  color: white;
 +
  }
 +
 +
a.labnotebook{
 +
  color: #254117;
 +
  text-decoration: none;
 +
    }
 +
 +
a.labnotebook:hover{
 +
color: #254117;
 +
  text-decoration: none;
 +
}
 +
a.labnotebook:visited{
 +
color: #254117;
 +
  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;
 +
}
 +
.bannertoplinkslast{
 +
      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;
 +
        margin-right: 0px;
 +
}
 +
 +
#twitter_div ul {
 +
line-height: 1.3em;
 +
        list-style-type: none;
 +
}
 +
 +
#twitter_div img {
 +
        float: left;
 +
        margin-top:.5em;
 +
        margin-right:.5em;
 +
        }
 +
 +
#twitter_update_list {
 +
        margin-left: 0px;
 +
        }
 +
 +
#twitter_head {
 +
        margin-bottom: .6em;
 +
        border-bottom: 1px solid #AAA;
 +
        font-size: 150%;
 +
        }
 +
 +
#twitter_head  p {layout:block; margin-bottom:2px;}
 +
#twitter_head  a {float:right; layout:block;}
 +
 +
#sidebar {
 +
        right:5px;
 +
width: 300px;
 +
float: right;
 +
margin-right: 0px;
 +
border: none;
 +
padding: 0px;
 +
        padding-top:5px;
 +
}
 +
 +
#abstract {
 +
width: 600px;
 +
border-style: solid;
 +
border-color: white;
 +
border-width: 1px;
 +
padding: 10px;
 +
line-height: 1.2em;
 +
        font-size: 14px;
 +
}
 +
 +
 +
#rightgroup {
 +
float: right;
 +
width: 300px;
 +
padding: 10px;
 +
}
 +
 +
#leftgroup {
 +
width: 300px;
 +
padding: 10px;
 +
        margin-right: 20px;
 +
}
 +
 +
#maincontent {
 +
width: 610px;
 +
}
 +
 +
#headerlinks > #nav > li {
 +
        border-bottom: 4px solid white;
 +
}
 +
 +
#sidebar a{
 +
      text-decoration: none;
 +
      color: #7F5217;
 +
}
 +
 +
#sidebar a:hover{
 +
    color: #A0C544;
 +
    text-decoration: none;
 +
}
 +
 +
a.sidebarlinks {
 +
display: block;
 +
width: 300px;
 +
font-size: 1.2em;
 +
text-align: center;
 +
background-color: #827B60;
 +
color: white !important;
 +
padding: 10px 0px 10px 0px;
 +
margin-bottom: 5px
 +
}
 +
 +
a.sidebarlinks:hover {
 +
background-color: #A0C544;
 +
        color: white !important;
 +
}
 +
 +
a.timelinelinks {
 +
      color: #7F5217 !important;
 +
}
 +
 +
a.timelinelinks:hover {
 +
      color: #A0C544 !important;
 +
}
 +
 +
#content {
 +
      padding: 6px;
 +
      padding-top: 1px;
 +
}
 +
 +
</style>
 +
<script type="text/javascript">
 +
var fh = document.getElementsByClassName("firstHeading")[0];
 +
fh.parentElement.removeChild(fh);
 +
var fh=document.getElementById("contentSub");
 +
fh.parentElement.removeChild(fh);
 +
</script>
 +
<!-- !END HARVARDCSS -->
 +
</html>
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<script type="text/javascript" src="https://static.igem.org/mediawiki/2010/2/2c/Float.txt"></script>
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
<div id="allcontent">
-
This is a template page. READ THESE INSTRUCTIONS.
+
<img class="bannerimage" src="https://static.igem.org/mediawiki/2010/2/2d/Harvard2010igardenbanner.png" width="950px"><br />
 +
</html>
 +
<html>
 +
<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 style="z-index:1">
 +
<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/color">color</a></li>
 +
<li><a class="bannerlinks" href="https://2010.igem.org/Team:Harvard/fences">genetic fence</a></li>
 +
<li><a class="bannerlinks" href="https://2010.igem.org/Team:Harvard/human_practices">human practices</a></li>
 +
<li><a class="bannerlinks" href="https://2010.igem.org/Team:Harvard/safety">safety</a></li>
 +
                      <li><a class="bannerlinks" href="https://2010.igem.org/Team:Harvard/parts">parts</a></li>
 +
               
 +
</ul>
 +
</li>
 +
 
 +
        <li>
 +
<a class="bannertoplinks" href="https://2010.igem.org/Team:Harvard/results">results</a>
 +
    <!--  <ul style="z-index:1">
 +
                  <li><a class="bannerlinks" href="https://2010.igem.org/Team:Harvard/vectors/vectors">vectors</a></li>
 +
                  <li><a class="bannerlinks" href="https://2010.igem.org/Team:Harvard/flavor/results">flavor</a></li>
 +
                <li><a class="bannerlinks" href="https://2010.igem.org/Team:Harvard/color/results">color</a></li>
 +
<li><a class="bannerlinks" href="https://2010.igem.org/Team:Harvard/fences/results">genetic fence</a></li>
 +
               
 +
</ul>-->
 +
</li>
 +
 
 +
<li><a class="bannertoplinks" href="#">people</a>
 +
<ul style="z-index:1">
 +
<li><a class="bannerlinks" href="https://2010.igem.org/Team:Harvard/students">students</a></li>
 +
<li><a class="bannerlinks" href="https://2010.igem.org/Team:Harvard/tfs">teaching fellows</a></li>
 +
<li><a class="bannerlinks" href="https://2010.igem.org/Team:Harvard/advisors">advisors</a></li>
 +
<li><a class="bannerlinks" href="https://2010.igem.org/Team:Harvard/credits">acknowledgements</a></li>
 +
<li><a class="bannerlinks" href="https://2010.igem.org/Team:Harvard/gallery">gallery</a></li>
 +
</ul>
 +
</li>
 +
<li><a class="bannertoplinks" href="#">online</a>
 +
<ul style="z-index:1">
 +
<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>
 +
                        <li><a class="bannerlinks" href="https://2010.igem.org/Team:Harvard/contact">contact us</a></li>
 +
</ul>
 +
</li>
 +
 +
</ul>
</div>
</div>
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
</html>
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2009.igem.org/Help:Template/Examples">HERE</a>.
+
<html>
 +
<div id="sidebar">
 +
<img id="teamphoto" src="https://static.igem.org/mediawiki/2010/9/9e/Harvard2010teamphoto.jpg" width="300px">
 +
 
 +
<div id="twitter_div">
 +
<div id="twitter_head">
 +
<p>team updates<a href="http://twitter.com/harvardigem" id="twitter-link">follow us on twitter</a></p>
</div>
</div>
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
 
-
You <strong>MUST</strong> have a team description page, a project abstract, a complete project description, a lab notebook, and a safety page.  PLEASE keep all of your pages within your teams namespace. 
+
<ul id="twitter_update_list"></ul>
</div>
</div>
 +
<script>
 +
/* 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="https://static.igem.org/mediawiki/2010/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('');
 +
}
 +
 +
function relative_time(time_value) {
 +
  var values = time_value.split(" ");
 +
  time_value = values[1] + " " + values[2] + ", " + values[5] + " " + values[3];
 +
  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>
</div>
-
</html>
 
-
<!-- *** End of the alert box *** -->
+
<div id="maincontent">
 +
<div id="abstract">
 +
<h1>an open source toolkit for plant engineering</h1>
 +
<img src="https://static.igem.org/mediawiki/2010/1/15/Leaf_dark-green.png" width="190" style="float: left; margin-top: 10px; margin-right:40px"/>
 +
<div style="width: 600px">
 +
<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>
 +
<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>
-
{|align="justify"
+
<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>
-
|You can write a background of your team here.  Give us a background of your team, the members, etc. Or tell us more about something of your choosing.
+
</div>
-
|[[Image:Harvard_logo.png|200px|right|frame]]
+
<div>
-
|-
+
-
|
+
-
''Tell us more about your project.  Give us background.  Use this as the abstract of your project. Be descriptive but concise (1-2 paragraphs)''
+
-
|[[Image:Harvard_team.png|right|frame|Your team picture]]
+
-
|-
+
-
|
+
-
|align="center"|[[Team:Harvard | Team Example]]
+
-
|}
+
-
<!--- The Mission, Experiments --->
+
</div>
 +
</div>
 +
</div>
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
<table width="950px" style="margin-top:10px">
-
!align="center"|[[Team:Harvard|Home]]
+
  <style>
-
!align="center"|[[Team:Harvard/Team|Team]]
+
    td{
-
!align="center"|[https://igem.org/Team.cgi?year=2011&team_name=Harvard Official Team Profile]
+
      font-size:1.2em;
-
!align="center"|[[Team:Harvard/Project|Project]]
+
      text-align:center;
-
!align="center"|[[Team:Harvard/Parts|Parts Submitted to the Registry]]
+
      }
-
!align="center"|[[Team:Harvard/Modeling|Modeling]]
+
    a{
-
!align="center"|[[Team:Harvard/Notebook|Notebook]]
+
      color: #7F5217;
-
!align="center"|[[Team:Harvard/Safety|Safety]]
+
      }
-
!align="center"|[[Team:Harvard/Attributions|Attributions]]
+
    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="https://2010.igem.org/Team:Harvard/vectors"><img class="icon" src="https://static.igem.org/mediawiki/2010/f/fe/Harvard2010vectorheading2.png"></a></td>
 +
    <td><a class="iconlink" href="https://2010.igem.org/Team:Harvard/allergy"><img class="icon" src="https://static.igem.org/mediawiki/2010/9/9f/Harvard2010allergyheading2.jpg"></a></td>
 +
    <td><a class="iconlink" href="https://2010.igem.org/Team:Harvard/flavor"><img class="icon" src="https://static.igem.org/mediawiki/2010/d/d2/Harvard2010flavorheading2.jpg"></a></td>
 +
    <td><a class="iconlink" href="https://2010.igem.org/Team:Harvard/color"><img class="icon" src="https://static.igem.org/mediawiki/2010/5/58/Harvard2010colorheading2.png"></a></td>
 +
    <td><a class="iconlink" href="https://2010.igem.org/Team:Harvard/fences"><img class="icon" src="https://static.igem.org/mediawiki/2010/e/ed/Harvard2010fenceheading2.jpg"></a></td>
 +
    <td><a class="iconlink" href="https://2010.igem.org/Team:Harvard/parts"><img class="icon" src="https://static.igem.org/mediawiki/2010/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="https://2010.igem.org/Team:Harvard/human_practices"><img class="icon" src="https://static.igem.org/mediawiki/2010/f/f9/Harvard2010hpheading2.png"></a></td>
 +
    <td><a class="iconlink" href="https://2010.igem.org/Team:Harvard/human_practices/vision"><img class="icon" src="https://static.igem.org/mediawiki/2010/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="https://static.igem.org/mediawiki/2010/5/5c/Harvard2010virtualheadingsmall.png"></a></td>
 +
    <td><a class="iconlink" href="https://2010.igem.org/Team:Harvard/recycling"><img class="icon" src="https://static.igem.org/mediawiki/2010/7/7a/Harvard2010recyclingheading.jpg"></a></td>
 +
    <td><a class="iconlink" href="https://2010.igem.org/Team:Harvard/gallery"><img class="icon" src="https://static.igem.org/mediawiki/2010/6/6f/Camera.tiff"></a></td>
 +
    <td><a class="iconlink" href="https://2010.igem.org/Team:Harvard/credits"><img class="icon" src="https://static.igem.org/mediawiki/2010/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 />
 +
 
 +
</div>
 +
</div>
 +
<p>
 +
<!-- !END HARVARD -->
 +
</html>

Revision as of 19:05, 6 July 2011


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


Retrieved from "http://2011.igem.org/Team:Harvard"