|
|
(45 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <html>
| + | {{harvard_vector}} |
- | <head>
| + | |
| | | |
- | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
| |
- | <script type="text/javascript" src="jquery.fancybox-1.3.1/fancybox/jquery.fancybox-1.3.1.pack.js"></script>
| |
- | <link rel="stylesheet" href="jquery.fancybox-1.3.1/fancybox/jquery.fancybox-1.3.1.css" type="text/css" media="screen" />
| |
- | <script type="text/javascript">
| |
- | $(document).ready(function() {
| |
| | | |
- | /* This is basic - uses default settings */
| + | <html> |
- |
| + | |
- | $("a#single_image").fancybox();
| + | |
- |
| + | |
- | /* Using custom settings */
| + | |
- |
| + | |
- | $("a#inline").fancybox({
| + | |
- | 'hideOnContentClick': true
| + | |
- | });
| + | |
- | | + | |
- | /* Apply fancybox to multiple items */
| + | |
- |
| + | |
- | $("a.group").fancybox({
| + | |
- | 'transitionIn' : 'elastic',
| + | |
- | 'transitionOut' : 'elastic',
| + | |
- | 'speedIn' : 600,
| + | |
- | 'speedOut' : 200,
| + | |
- | 'overlayShow' : false,
| + | |
- | });
| + | |
- |
| + | |
- | });
| + | |
- | | + | |
- |
| + | |
- | </script>
| + | |
- | <style>
| + | |
- | body {
| + | |
- | font-family: Helvetica, Arial, sans-serif;
| + | |
- | width: 975px;
| + | |
- | font-size: 0.9 em;
| + | |
- | color: #254117;
| + | |
- | }
| + | |
- | #nav, #nav ul {
| + | |
- | padding: 0;
| + | |
- | list-style: none;
| + | |
- | }
| + | |
- | | + | |
- | #nav a {
| + | |
- | display: block;
| + | |
- | width: 153px;
| + | |
- | }
| + | |
- | | + | |
- | #nav li {
| + | |
- | float: left;
| + | |
- | width: 153px;
| + | |
- | margin-right: 41px;
| + | |
- | }
| + | |
- | | + | |
- | #nav li ul {
| + | |
- | position: absolute;
| + | |
- | width: 153px;
| + | |
- | left: -999em;
| + | |
- | }
| + | |
- | | + | |
- | #nav li:hover ul {
| + | |
- | left: auto;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | #nav li:hover ul, #nav li.sfhover ul {
| + | |
- | left: auto;
| + | |
- | }
| + | |
- | | + | |
- | 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 {
| + | |
- | margin-left: 3px;
| + | |
- | }
| + | |
- |
| + | |
- | a {
| + | |
- | text-decoration: none;
| + | |
- | color: #7F5217;
| + | |
- | }
| + | |
- |
| + | |
- | a:hover {
| + | |
- | color: #A0C544;
| + | |
- | }
| + | |
- |
| + | |
- | a.bannerlinks:hover {
| + | |
- | background-color: #A0C544;
| + | |
- | color: white;
| + | |
- | }
| + | |
- | a.bannertoplinks:hover {
| + | |
- | background-color: #A0C544;
| + | |
- | color: white;
| + | |
- | }
| + | |
- | | + | |
- | .bannerlinks {
| + | |
- | background-color: #7F5217;
| + | |
- | border-style: solid;
| + | |
- | border-color: white;
| + | |
- | border-width: 1px;
| + | |
- | color: white;
| + | |
- | padding: 3px 20px 3px 20px;
| + | |
- | }
| + | |
- | .bannertoplinks {
| + | |
- | background-color: #827B60;
| + | |
- | border-style: solid;
| + | |
- | border-color: white;
| + | |
- | border-width: 1px;
| + | |
- | color: white;
| + | |
- | padding: 3px 20px 3px 20px;
| + | |
- | }
| + | |
- | | + | |
- |
| + | |
- | | + | |
- |
| + | |
- | | + | |
- | #sidebar {
| + | |
- | width: 300px;
| + | |
- | float: right;
| + | |
- | margin-right: 6px;
| + | |
- | border-style: solid;
| + | |
- | border-color: white;
| + | |
- | border-width: 1px;
| + | |
- | padding: 0px;
| + | |
- | }
| + | |
- | | + | |
- | #abstract {
| + | |
- | width: 620px;
| + | |
- | 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('images/leaficon.png');
| + | |
- | }
| + | |
- |
| + | |
- | #rightgroup {
| + | |
- | float: right;
| + | |
- | width: 310px;
| + | |
- | padding: 10px;
| + | |
- | }
| + | |
- |
| + | |
- | #leftgroup {
| + | |
- | width: 310px;
| + | |
- | padding: 10px;
| + | |
- | }
| + | |
- |
| + | |
- | 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;
| + | |
- | }
| + | |
- | | + | |
- | </style>
| + | |
- | </head>
| + | |
- | <body>
| + | |
- | <img class="bannerimage" src="https://static.igem.org/mediawiki/2010/7/7d/Harvard2010vectorbanner.png" width="970px"><br />
| + | |
- | <ul id="nav">
| + | |
- | <li>
| + | |
- | <a class="bannertoplinks" href="../index.html">home</a>
| + | |
- | </li>
| + | |
- |
| + | |
- | <li><a class="bannertoplinks" href="#">project</a>
| + | |
- | <ul>
| + | |
- | <li><a class="bannerlinks" href="#">vectors</a></li>
| + | |
- | <li><a class="bannerlinks" href="../allergy.html">allergy</a></li>
| + | |
- | <li><a class="bannerlinks" href="#">flavor</a></li>
| + | |
- | <li><a class="bannerlinks" href="#">genetic fence</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="mailto:igemharvard@gmail.com">contact us</a>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | <br /><br />
| + | |
- | | + | |
- | <div id="sidebar">
| + | |
- | <img src="../images/harvard2010vectorheading.jpg" width="300px"><br /><br />
| + | |
- | <a class="sidebarlinks" href="index.html">abstract</a>
| + | |
- | <a class="sidebarlinks" href="notebook.html">lab notebook</a>
| + | |
- | <a class="sidebarlinks" href="agro.html">intro to agrobacteria</a>
| + | |
- | <a class="sidebarlinks" href="arabidopsis.html">intro to arabidopsis</a>
| + | |
- | <a class="sidebarlinks" href="vectors.html">meet the vectors</a>
| + | |
- | <a class="sidebarlinks" href="parts.html">parts & primers</a>
| + | |
- | <a class="sidebarlinks" href="results.html">results</a>
| + | |
- | <a class="sidebarlinks" href="references.html">references</a>
| + | |
- | </div>
| + | |
| | | |
| <div id="maincontent"> | | <div id="maincontent"> |
| <div id="abstract"> | | <div id="abstract"> |
| <h1>abstract</h1> | | <h1>abstract</h1> |
- | <p>Our goal is the creation of an "iGarden" with the biobrick standard and in order for such a concept to work, we must get our constructs into plants. We used agrobacterium-mediated transformation, first in arabidopsis, then in strawberries. </p> | + | <p>Our aim in creating the iGarden was to create a framework for plant engineering following the BioBrick standard. We began by modifying a set of <a href="https://2010.igem.org/Team:Harvard/vectors/vectors">vectors</a> designed to facilitate agrobacterium-mediated transformation to be compatible with the BioBrick standard, and creating a collection of constructs to be expressed in plants - such as <a href="https://2010.igem.org/Team:Harvard/flavor">flavor</a> elements, <a href="https://2010.igem.org/Team:Harvard/allergy">allergen</a> knockdown, <a href="https://2010.igem.org/Team:Harvard/color">pigment</a> accumulation, and <a href="https://2010.igem.org/Team:Harvard/fences">containment</a> mechanisms. We built all constructs in <i>E. coli</i>, and once complete, cloned them into the BioBrick agrobacterium vectors. We then transformed agrobacteria with our constructs via electroporation, and subsequently transformed <i>Arabidopsis</i> seeds by dipping flowers into the transgenic agrobacteria. In our final step, we harvested the transformed seeds and screened them for our designed constructs using antibiotic selection.</p> |
- | | + | |
- | <p>To do so, we created a set of <a href="vectors.html">vectors</a> compatible with the biobrick standard. To express our constucts - such as <a href="../flavor/index.html">flavor</a> elements, <a href="../allergy/index.html">allergen</a> knockdown, or <a href="../fence/index.html">fence</a> mechanisms, we cloned the constucts into the agrobacterium vectors with E. coli as the chassis, then transformed into agrobacteria via electroporation, then innoculated our plants with the contruct containing agrobacteria. </p>
| + | |
| <div> | | <div> |
- | <img src="../images/roadmap.png" width="600px"> | + | <img src="https://static.igem.org/mediawiki/2010/0/03/Harvard2010roadmap.png" width="600px"> |
| </div> | | </div> |
| | | |