|
|
(356 intermediate revisions not shown) |
Line 1: |
Line 1: |
| + | {{:Team:Harvard/Template:CSS}} |
| + | {{:Team:Harvard/Template:Bar}} |
| + | |
| + | <!------------------------SCRIPT FOR GALLERY--------------------------------------------------------------------> |
| <html> | | <html> |
| + | <head/> |
| + | |
| <style type="text/css"> | | <style type="text/css"> |
- | #p-logo>a>img {
| + | div.img_wrap |
- | position: relative !important;
| + | { |
- | left: -1px !important;
| + | border: 1px solid #b0b0b0; |
| } | | } |
- | | + | </style> |
- | #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 { | + | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> |
| + | <script src="http://www.hcs.harvard.edu/~stahr/javascript/jquery.galleryview-3.0.min.js"></script> |
| + | <script src="http://www.hcs.harvard.edu/~stahr/javascript/jquery.timers-1.2.js"></script> |
| + | <script src="http://www.hcs.harvard.edu/~stahr/javascript/jquery.easing.1.3.js"></script> |
| | | |
- | } | + | <link rel="stylesheet" href="jquery.galleryview-3.0.css" type="text/css" > |
- | | + | <script> |
- | a.bannerlinks {
| + | $(document).ready(function(){ |
- | color: white !important;
| + | $('#gallery').galleryView({ |
- | text-decoration: none;
| + | panel_width: 920, |
- | }
| + | panel_height: 400, |
- | | + | frame_width: 50, |
- | | + | frame_height: 50, |
- | a.bannertoplinks {
| + | panel_animation: true, |
- | color: white !important;
| + | transition_interval:4000, |
- | text-decoration: none;
| + | pause_on_hover: true |
- | }
| + | }); |
- | | + | }); |
- | a.bannerlinks:hover, a.bannertoplinks:hover {
| + | </script> |
- | background-color: #A0C544;
| + | </head> |
- | 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;
| + | |
- | }
| + | |
| | | |
| + | <!------------------------GALLERY DIV--------------------------------------------------------------------> |
| | | |
- | #rightgroup {
| + | <div class="whitebox" style="margin-top: 20px;"> |
- | float: right; | + | <ul id="gallery"> |
- | width: 300px;
| + | |
- | padding: 10px;
| + | <li><img src="https://static.igem.org/mediawiki/2011/7/7c/HARVSlider1.png" /><div class="panel-content"> |
- | }
| + | <a href="https://2011.igem.org/Team:Harvard/Project"><img src="https://static.igem.org/mediawiki/2011/7/7c/HARVSlider1.png" /></a> |
- |
| + | </div></li> |
- | #leftgroup { | + | <li><img src="https://static.igem.org/mediawiki/2011/f/fa/HARVSlider2.png" /><div class="panel-content"> |
- | width: 300px;
| + | <a href="https://2011.igem.org/Team:Harvard/Project#What_are_Zinc_Finger_Proteins_.28ZFPs.29.3F"><img src="https://static.igem.org/mediawiki/2011/f/fa/HARVSlider2.png" /></a> |
- | padding: 10px;
| + | </div></li> |
- | margin-right: 20px;
| + | <li><img src="https://static.igem.org/mediawiki/2011/7/77/HARVSlider3.png" /><div class="panel-content"> |
- | }
| + | <a href="https://2011.igem.org/Team:Harvard/Results/One-Hybrid_Selection"><img src="https://static.igem.org/mediawiki/2011/7/77/HARVSlider3.png" /></a> |
- |
| + | </div></li> |
- | #maincontent {
| + | <li><img src="https://static.igem.org/mediawiki/2011/9/9f/HARVSlider_bioinformatics.png" /><div class="panel-content"> |
- | width: 610px;
| + | <a href="https://2011.igem.org/Team:Harvard/Project/Bioinformatics"><img src="https://static.igem.org/mediawiki/2011/9/9f/HARVSlider_bioinformatics.png" /></a> |
- | }
| + | </div></li> |
| + | <li><img src="https://static.igem.org/mediawiki/2011/5/5f/HARVSlider_genome_engineering.png" /><div class="panel-content"> |
| + | <a href="https://2011.igem.org/Team:Harvard/Technology/MAGE"><img src="https://static.igem.org/mediawiki/2011/5/5f/HARVSlider_genome_engineering.png" /></a> |
| + | </div></li> |
| + | <li><img src="https://static.igem.org/mediawiki/2011/c/c9/HARVSlider_results.png" /><div class="panel-content"> |
| + | <a href="https://2011.igem.org/Team:Harvard/Results"><img src="https://static.igem.org/mediawiki/2011/c/c9/HARVSlider_results.png" /></a> |
| + | </div></li> |
| + | <li><img src="https://static.igem.org/mediawiki/2011/0/06/HARVSlider_team.png" /><div class="panel-content"> |
| + | <a href="https://2011.igem.org/Team:Harvard/Team"><img src="https://static.igem.org/mediawiki/2011/0/06/HARVSlider_team.png" /></a> |
| + | </div></li> |
| | | |
- | #headerlinks > #nav > li {
| + | </ul> |
- | border-bottom: 4px solid white;
| + | <br> |
- | }
| + | <div style="text-align:center"><h3><b>Judges:</b> see <a href="https://2011.igem.org/Team:Harvard/Judging">here</a> for a list of project highlights.</h3></div> |
| + | </div> |
| + | <br> |
| + | <br> |
| | | |
- | #sidebar a{
| + | <!------------------------SOCIAL MEDIA DIV--------------------------------------------------------------------> |
- | text-decoration: none;
| + | |
- | color: #7F5217;
| + | <div style="margin-top: 10px; text-align: center; margin-left: 175px;background-color: transparent;"> |
- | }
| + | <g:plusone size="medium"></g:plusone> |
- | | + | <script type="text/javascript"> |
- | #sidebar a:hover{
| + | (function() { |
- | color: #A0C544;
| + | var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; |
- | text-decoration: none;
| + | po.src = 'https://apis.google.com/js/plusone.js'; |
- | }
| + | var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); |
- | | + | })(); |
- | a.sidebarlinks {
| + | </script> |
- | display: block; | + | <iframe src="http://www.facebook.com/plugins/like.php? app_id=224012380968417&href=http%3A%2F%2F2011.igem.org%2FTeam%3AHarvard&send=false&layout=button_count&width=450&show_faces=false&action=like&colorscheme=light&font=arial&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:20px;" allowTransparency="true"></iframe> |
- | width: 300px;
| + | <a href="http://twitter.com/harvardigem" class="twitter-follow-button" data-show-count="false">Follow @harvardigem</a> |
- | font-size: 1.2em;
| + | <script src="http://platform.twitter.com/widgets.js" type="text/javascript" style="width:70px"></script> |
- | 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>
| + | |
- | <script type="text/javascript" src="https://static.igem.org/mediawiki/2010/2/2c/Float.txt"></script>
| + | |
- | <div id="allcontent">
| + | |
- | <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> | + | </div> |
| | | |
- | <li>
| + | <!------------------------SPONSORS DIV--------------------------------------------------------------------> |
- | <a class="bannertoplinks" href="https://2010.igem.org/Team:Harvard/results">results</a>
| + | <!-- *** Thank you to Greenfield-Central HS for the iGEM logo *** --> |
- | <!-- <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>
| + | <div align="center" class="whitebox" style="margin-top: 20px;"> |
- | <ul style="z-index:1">
| + | <img src="https://static.igem.org/mediawiki/2011/4/47/Veritas_logo_wreath_2.png"> |
- | <li><a class="bannerlinks" href="https://2010.igem.org/Team:Harvard/students">students</a></li>
| + | <img src="http://embc2011.embs.org/wp-content/uploads/2011/07/wyss-logo.png"> |
- | <li><a class="bannerlinks" href="https://2010.igem.org/Team:Harvard/tfs">teaching fellows</a></li>
| + | <img src="https://static.igem.org/mediawiki/2011/8/85/HHMI_Logo.png"> |
- | <li><a class="bannerlinks" href="https://2010.igem.org/Team:Harvard/advisors">advisors</a></li>
| + | <img src="https://static.igem.org/mediawiki/2010/6/6f/Agilent-2c_Corp_Sig_50mm.jpg"> |
- | <li><a class="bannerlinks" href="https://2010.igem.org/Team:Harvard/credits">acknowledgements</a></li>
| + | <img src="https://static.igem.org/mediawiki/2011/5/51/HARVProvost.jpg"> |
- | <li><a class="bannerlinks" href="https://2010.igem.org/Team:Harvard/gallery">gallery</a></li>
| + | <img src="https://static.igem.org/mediawiki/2011/4/4c/HARVigem_logo.png"> |
- | </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> |
- | </html>
| |
- | <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>
| |
- |
| |
- | <ul id="twitter_update_list"></ul>
| |
- | </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&count=5"></script>
| |
- | </div>
| |
- |
| |
- | <div id="maincontent">
| |
- | <div id="abstract">
| |
- | <h1>this is just a test - zinc finger madness is on ze vay</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>
| |
- |
| |
- | <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>
| |
- | </div>
| |
- | <div>
| |
- |
| |
- | </div>
| |
- | </div>
| |
- | </div>
| |
- |
| |
- | <table width="950px" style="margin-top:10px">
| |
- | <style>
| |
- | td{
| |
- | font-size:1.2em;
| |
- | text-align:center;
| |
- | }
| |
- | 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="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> | | </html> |