Talk:Team:Columbia-Cooper-NYC/trial

From 2012.igem.org

(Difference between revisions)
 
(21 intermediate revisions not shown)
Line 1: Line 1:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
 +
<head>
 +
</head>
<body>
<body>
 +
  <div id="globalWrapper">
 +
 +
    <div id="top-section">
 +
<div id="p-logo">
 +
    <a href="/Main_Page"
 +
      title="Main Page">
 +
    </a>
 +
</div>  <!-- end p-logo -->
 +
<script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script>
 +
 +
<div id="content">
 +
<a name="top" id="top"></a>
 +
<h1 class="firstHeading">Team:Cambridge</h1>
 +
<div id="bodyContent">
 +
<h3 id="siteSub" class="noprint">From 2010.igem.org</h3>
 +
<div id="contentSub"></div>
 +
<!--
 +
<div id="jump-to-nav">Jump to:                        <a href="#column-one">navigation</a>, <a href="#searchInput">search</a></div>-->
 +
<!-- start content -->
 +
<p>
<head>  
<head>  
-
<link rel="stylesheet" type="text/css" href="http://2010.igem.org/Team:Cambridge/thecss?action=raw&amp;ctype=text/css"/>
+
 
 +
<link rel="stylesheet" type="text/css" href="http://2010.igem.org/Team:Cambridge/thecss?action=raw&amp;ctype=text/css" />
</head>  
</head>  
 +
<head>
 +
<style>
 +
body{background-image:url('http://farm9.staticflickr.com/8039/7990439399_1970f791f6_h.jpg');
 +
background-position:top left;
 +
background-repeat:repeat-y
-
</body>
+
body{background-image:url('http://farm9.staticflickr.com/8173/7989724336_9e5441e3ff_b.jpg');
 +
background-position:top right;
 +
background-repeat:repeat-y
 +
}
 +
</style>
 +
<div id="wrap">
 +
<div id="header"><img align="center" style="margin-bottom:0px; padding:0;" width="970" src="http://2012.igem.org/wiki/images/2/25/Heading.png" usemap="#headermap" alt="E. glowli"> </div>
 +
<map name="headermap">
 +
              <area shape="rect" coords="10,30,250,240" href="http://2010.igem.org/Team:Cambridge" />
 +
              <area shape="rect" coords="888,177,942,201" href="http://www.flickr.com/people/roberts87/" />
 +
        </map>
-
<body>
+
<!-- dd menu -->
-
<div id="top-section">
+
<script type="text/javascript">
-
<div id="p-logo">
+
<!--
-
    <a href="/Main_Page" title="Main Page">
+
var timeout        = 500;
-
    <img src="/wiki/skins/common/images/wiki.png">"
+
var closetimer = 0;
-
    </a>
+
var ddmenuitem      = 0;
-
</div>  <!-- end p-logo -->
+
-
<script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script>
+
 +
// open hidden layer
 +
function mopen(id)
 +
{
 +
// cancel close timer
 +
mcancelclosetime();
 +
// close old layer
 +
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
-
<div id="menubar" class="left-menu noprint">
+
// get new layer and show it
-
  <ul>
+
ddmenuitem = document.getElementById(id);
-
                  <li class="selected"><a href="/Team:Columbia-Cooper-NYC">Page              </a></li>
+
ddmenuitem.style.visibility = 'visible';
-
              <li class="new"><a href="/wiki/index.php?title=Talk:Team:Columbia-Cooper-NYC&amp;action=edit&amp;redlink=1">Discussion              </a></li>
+
-
              <li><a href="/wiki/index.php?title=Team:Columbia-Cooper-NYC&amp;action=edit">View source              </a></li>
+
-
              <li><a href="/wiki/index.php?title=Team:Columbia-Cooper-NYC&amp;action=history">History              </a></li>
+
-
              <li style="color:#808080;cursor:default">teams</li>
+
-
  </ul>
+
-
</div> <!-- end menubar (left) -->
+
-
<div class="right-menu noprint" id="menubar">
+
}
-
    <ul>
+
// close showed layer
-
                <li id="pt-login"><a href="/wiki/index.php?title=Special:UserLogin&amp;returnto=Team:Columbia-Cooper-NYC" title="You are encouraged to log in; however, it is not mandatory [o]" accesskey="o">Log in</a></li>     </ul>
+
function mclose()
-
</div><!-- end right menubar -->
+
{
 +
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
 +
}
-
<div id="search-controls" class="noprint">
+
// go close timer
-
<form action="/Special:Search" id="searchform">
+
function mclosetime()
-
<input autocomplete="off" id="searchInput" name="search" title="Search 2012.igem.org [ctrl-f]" accesskey="f" value="" type="text">
+
{
-
<input name="go" class="searchButton" id="searchGoButton" value="Go" title="Go to a page with this exact name if exists" type="submit">&nbsp;
+
closetimer = window.setTimeout(mclose, timeout);
-
      <input name="fulltext" class="searchButton" id="mw-searchButton" value="Search" title="Search the pages for this text" type="submit">
+
}
-
</form>
+
-
</div> <!-- close search controls -->
+
-
    </div>
+
-
</body>
+
 +
// cancel close timer
 +
function mcancelclosetime()
 +
{
 +
if(closetimer)
 +
{
 +
window.clearTimeout(closetimer);
 +
closetimer = null;
 +
}
 +
}
 +
// close layer when click-out
 +
document.onclick = mclose;
 +
// -->
 +
</script>
 +
<style>
 +
#sddm
 +
{ margin: 0;
 +
padding: 0;
 +
      z-index: 30}
 +
#sddm li
 +
{ margin: 0;
 +
padding: 0;
 +
list-style: none;
 +
float: left;
 +
font: bold 11px arial}
 +
#sddm li a
 +
{ display: block;
 +
margin: 0 1px 0 0;
 +
padding: 4px 10px;
 +
width: 85px;
 +
background: #238E23;
 +
color: #FFF;
 +
text-align: center;
 +
text-decoration: none}
 +
#sddm li a:hover
 +
{ background: #B87333}
 +
#sddm div
 +
{ position: absolute;
 +
visibility: hidden;
 +
margin: 0;
 +
padding: 0;
 +
background: #4CC552;
 +
border: 1px solid #5C3317}
-
<body>  
+
#sddm div a
 +
{ position: relative;
 +
display: block;
 +
margin: 0;
 +
padding: 5px 10px;
 +
width: auto;
 +
white-space: nowrap;
 +
text-align: left;
 +
text-decoration: none;
 +
background: #B5EAAA;
 +
color: #5C3317;
 +
font: 11px arial}
 +
 
 +
#sddm div a:hover
 +
{ background: #B87333;
 +
color: #FFF}
 +
</style>
 +
 
 +
 
 +
<!-- div class="sample" style="margin-bottom: 15px;height:42px;"><span -->
 +
<ul id="sddm" style="width:1000px;margin:0 auto">
 +
<li><a href="http://2012.igem.org/Team:Columbia-Cooper-NYC" onmouseover="mopen('m1')" onmouseout="mclosetime()">Home</a>
 +
<div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
</div>
 +
</li>
 +
<li><a href="#" onmouseover="mopen('m2')" onmouseout="mclosetime()">Team</a>
 +
<div id="m2" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Team">Biographies</a>
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Facilitators">Facilitators</a>
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Universities">The University(s)</a>
 +
<a href="http://igem.org/Team.cgi?year=2012">Official Profile</a>
 +
</div>
 +
</li>
 +
<li><a href="#" onmouseover="mopen('m3')" onmouseout="mclosetime()">Project</a>
 +
<div id="m3" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Overview">Overview</a>
 +
                <a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Data_and_Conclusions">Data and Conclusions</a>
 +
                <a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Future_Directions">Future Directions</a>
 +
                <a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/References">References</a>
 +
</div>
 +
</li>
 +
<li><a href="#" onmouseover="mopen('m4')" onmouseout="mclosetime()">Parts</a>
 +
<div id="m4" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Parts_Submitted">Parts Submitted</a>
 +
</div>
 +
</li>
 +
<li><a href="#" onmouseover="mopen('m5')" onmouseout="mclosetime()">Lab Notebook</a>
 +
<div id="m5" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Columbia_notebook_2">Genetics</a>
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Columbia_notebook_1">Copper Etching</a>
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Protocols">Protocols</a>
 +
</div>
 +
</li>
 +
        <li><a href="#" onmouseover="mopen('m6')" onmouseout="mclosetime()">Human Practice</a>
 +
<div id="m6" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Outreach">Outreach</a>
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Collaborations">Collaboration</a>
 +
</div>
 +
</li>
 +
        <li><a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Safety" onmouseover="mopen('m7')" onmouseout="mclosetime()">Safety</a>
 +
<div id="m7" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
                <a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Safety">Safety</a>
 +
                <a href="http://2012.igem.org/Security">Security</a>
 +
</div>
 +
</li>
 +
        <li><a href="#" onmouseover="mopen('m8')" onmouseout="mclosetime()">Sponsors</a>
 +
<div id="m8" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
                <a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Sponsor_Us">Sponsor Us</a>
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Acknowledgements">Acknowledgements</a>
 +
</div>
 +
</li>
 +
        <li><a href="http://2012.igem.org/Main_Page" onmouseover="mopen('m9')" onmouseout="mclosetime()">iGEM</a>
 +
<div id="m9" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
</div>
 +
</li>
 +
</ul>
 +
<div style="clear:both"></div>
 +
<!-- /span></div -->
 +
<!-- /dd -->
 +
</script>
 +
</body>
 +
</head>
 +
</html>
 +
 
 +
 +
 
 +
<!--
 +
<head>
<style>
<style>
-
body{background-image:url('http://farm9.staticflickr.com/8039/7990439399_1970f791f6_h.jpg');
+
h2{
-
background-position:top left;
+
font: 1.5em 'Myriad Pro', 'Gill Sans', 'Arial', sans-serif;
-
background-repeat:repeat-y
+
font-weight: bold;
 +
color: black;
 +
}
-
body{background-image:url('http://farm9.staticflickr.com/8173/7989724336_9e5441e3ff_b.jpg');
+
p{
-
background-position:top right;
+
font: 1.2em Georgia, serif;
-
background-repeat:repeat-y
+
color: black;
}
}
 +
#fredbuilding{
 +
width: 500px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
}
</style>
</style>
 +
</head>
 +
-->
-
</ul> </li>
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
 +
 
 +
<body              class="mediawiki ns-0 ltr page-Team_Cambridge">
 +
<head>
 +
 
 +
 
 +
 
 +
<div id="right">
 +
 
 +
<div style="width:730px; background-color:#5C3317;" class="secheader">The Project</div>
 +
<div class="contwrap">
 +
 
 +
<div id="leftcontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8));
 +
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px;">
 +
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;">
 +
The Columbia-Cooper iGEM team is working with Acidithiobacillus ferrooxidans to create a light-controlled printed circuit board manufacturing process. This bacteria’s metabolism relies on its ability to oxidize iron; the iron can then be used to oxidize, and in turn solubilize, copper. By genetically altering the bacteria, we intend to install a light sensitive mechanism which will enable us to etch copper in a desired pattern, leaving a finished circuit board. Once a blank printed circuit board is placed in a thin layer of solid media, the bacteria will be applied onto the surface of the media and light will be focused on it in a desired pattern. The light sensitive mechanism in ferrooxidans would activate and self-destruct in the pathway of the light. In the end, the circuit board will be "etched" by the bacteria everywhere but the illuminated spots, leaving the desired pattern behind on the circuit board. </p>
 +
</div>
 +
</div>
-
</p>
 
-
</div>
 
-
<div id="right">
 
<div id="leftbox" style="float:left; height:200px;  width:242px;" class="tophome">
<div id="leftbox" style="float:left; height:200px;  width:242px;" class="tophome">
-
<div id="lefttop" style="background:#5C3317; background-image:url('http://2010.igem.org/wiki/images/a/ad/Cam-Gradient-Overlay.png');" class="secheader">iGEM</div>
+
<div id="lefttop" style="background:#B87333; background-image:url('http://2010.igem.org/wiki/images/a/ad/Cam-Gradient-Overlay.png');" class="secheader">iGEM</div>
<div id="leftcontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8));  
<div id="leftcontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8));  
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px;">
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px;">
-
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;"> We placed genes from <a style="color:#6bbe00 !important" href="http://2010.igem.org/Team:Cambridge/Bioluminescence">fireflies</a> and bioluminescent <a style="color:#6bbe00 !important" href="http://2010.igem.org/Team:Cambridge/Bioluminescence/Bacterial_Luciferases">bacteria</a> into E.coli. Codon optimisation and single amino acid mutagenesis allowed us to generate bright light output in a range of different colours. Future applications include  and quantitative <a style="color:#6bbe00 !important" href="http://2010.igem.org/Team:Cambridge/Tools/microMeasure">biosensors</a> and biological <a style="color:#6bbe00 !important" href="http://2010.igem.org/Team:Cambridge/Tools/Lighting">alternatives</a> to conventional lighting.</p>
+
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;"> The <a style="color:#6bbe00 !important" href="http://igem.org/Main_Page">International Genetically Engineered Machine competition (iGEM)</a> is the premiere undergraduate Synthetic Biology competition. Student teams are given a kit of biological parts at the beginning of the summer from the <a style="color:#6bbe00 !important" href="http://partsregistry.org/Main_Page">Registry of Standard Biological Parts</a>. Working at their own schools over the summer, they use these parts and new parts of their own design to build biological systems and operate them in living cells. This project design and competition format is an exceptionally motivating and effective teaching method. In 2011 iGEM expanded to include a High School Division and an Entrepreneurship Division is 2012.</p>
</div>
</div>
</div>
</div>
Line 82: Line 269:
<div id="cbox" style="float:left; height:200px;  width:241px; margin-left:5px;" class="tophome">
<div id="cbox" style="float:left; height:200px;  width:241px; margin-left:5px;" class="tophome">
-
<div id="ctop" style="background:#238E23;background-image:url('http://2010.igem.org/wiki/images/a/ad/Cam-Gradient-Overlay.png')" class="secheader">Genetics Notebook</div>
+
<div id="ctop" style="background:#238E23;background-image:url('http://2010.igem.org/wiki/images/a/ad/Cam-Gradient-Overlay.png')" class="secheader">Genetics</div>
<div id="ccontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8));  
<div id="ccontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8));  
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px;">
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px;">
-
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;">If you want a break from hard-core science, check out our Gibson Assembly  <a  style="color:#d9b400 !important" onclick="displayGibson('http://www.youtube.com/v/WCWjJFU1be8?fs=1&amp;hl=en_GB'); return false;" href="http://www.youtube.com/watch?v=WCWjJFU1be8">music video</a>.<br /><br />You can also see view videos of our <a style="color:#d9b400 !important" onclick="displayGibson('http://www.youtube.com/v/tUFscEVK5Ks?fs=1&amp;hl=en_GB'); return false;" href="http://www.youtube.com/watch?v=WCWjJFU1be8">bacterial bubble lamp</a> and <a style="color:#d9b400 !important" onclick="displayGibson('http://www.cambridgeigem.org/video.php'); return false;" href="http://www.cambridgeigem.org/video.php?nojs=true">project overview</a>.
+
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;">About our genetics work.</a>.
<script>
<script>
Line 110: Line 297:
<div id="rightbox" style="float:left;  height:200px; margin-left:5px; width:242px;" class="tophome">
<div id="rightbox" style="float:left;  height:200px; margin-left:5px; width:242px;" class="tophome">
-
<div id="rtop" style="background:#B87333;background-image:url('http://2010.igem.org/wiki/images/a/ad/Cam-Gradient-Overlay.png')" class="secheader">Copper Notebook</div>
+
<div id="rtop" style="background:#B87333;background-image:url('http://2010.igem.org/wiki/images/a/ad/Cam-Gradient-Overlay.png')" class="secheader">Copper Etching</div>
 +
<div id="ccontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8));
 +
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px;">
 +
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;">About our copper work.</a>.
 +
</a>
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<div id="leftbox" style="float:left; height:200px;  width:242px;" class="tophome">
 +
<div id="lefttop" style="background:#238E23; background-image:url('http://2010.igem.org/wiki/images/a/ad/Cam-Gradient-Overlay.png');" class="secheader">Biobrick</div>
 +
<div id="leftcontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8));
 +
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px;">
 +
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;"> This is how you link things <a style="color:#6bbe00 !important" href="http://2010.igem.org/Team:Cambridge/Bioluminescence">link</a> blahahahahjhmvgmh.</p>
 +
</div>
 +
</div>
 +
 
 +
 
 +
<div id="cbox" style="float:left; height:200px;  width:241px; margin-left:5px;" class="tophome">
 +
<div id="ctop" style="background:#B87333;background-image:url('http://2010.igem.org/wiki/images/a/ad/Cam-Gradient-Overlay.png')" class="secheader">Outreach</div>
 +
<div id="ccontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8));
 +
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px;">
 +
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;">About our genetics work.</a>.
 +
 
 +
<script>
 +
var dontclose=false;
 +
function displayGibson(youTubeURL){
 +
var newDiv = document.createElement('div');
 +
newDiv.setAttribute('id',"GibsonVidOverlay");
 +
newDiv.setAttribute('style',"width:100%;height:100%;background:black; position:fixed; left:0; top:0;z-index:100;  text-align:center; background:url(http://2010.igem.org/wiki/images/e/e9/Opacity9.png) ;");
 +
newDiv.setAttribute('onclick',";hideOverlay();");
 +
newDiv.innerHTML='<div style="margin-top:100px; z-index:1000;padding:10px; background:#080808;width:640px; margin-left: auto; margin-right:auto;" onclick="dontclose=true;"><object width="640" height="385"><param name="movie" value="'+youTubeURL+'"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="'+youTubeURL+'" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object></div><a href="#" style="color:white !important; margin-top:20px; font-size:15px;" onclick="hideOverlay()">close</a>';
 +
$('body')[0].appendChild(newDiv);
 +
}
 +
function hideOverlay(){
 +
if(dontclose){
 +
dontclose=false;
 +
}
 +
else{
 +
$('body')[0].removeChild($('#GibsonVidOverlay')[0]);
 +
}
 +
}
 +
</script>
 +
</div>
 +
</div>
 +
 
 +
<div id="rightbox" style="float:left;  height:200px; margin-left:5px; width:242px;" class="tophome">
 +
<div id="rtop" style="background:#238E23;background-image:url('http://2010.igem.org/wiki/images/a/ad/Cam-Gradient-Overlay.png')" class="secheader">Sponsors</div>
<div id="rcontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8));  
<div id="rcontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8));  
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px; margin-top:5px; position:relative;">
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px; margin-top:5px; position:relative;">
<div style="position:relative; top:10px;">
<div style="position:relative; top:10px;">
-
<a href="http://www.gibthon.org" id="leftbox" style="background:url('http://2010.igem.org/wiki/images/5/53/Cambridge-Gibthon.png'); position:absolute; width:120px; height:100px; left:0;top:0; background-repeat:no-repeat; display:block;text-align:center; padding-top:70px; background-position: center top; color:#e53500 !important;" >
+
<a href="http://www.columbia.edu/" id="leftbox" style="background:url('http://farm9.staticflickr.com/8314/8012579613_7f735be070_m.jpg'); position:absolute; width:120px; height:100px; left:0;top:0; background-repeat:no-repeat; display:block;text-align:center; padding-top:70px; background-position: center top; color:#e53500 !important;" >
-
Gibson<br />Assembly
+
Columbia<br />University
</a>
</a>
-
<a href="http://www.gibthon.org/ligate.html" id="rightbox" style="background:url('http://2010.igem.org/wiki/images/b/b1/Cambridge-Flask.png'); position:absolute; width:120px; height:100px; left:120px; text-align:center;top:0; background-repeat:no-repeat;display:block; padding-top:70px; background-position: center top; color:#e53500 !important;" />
+
<a href="http://cooper.edu/" id="rightbox" style="background:url('http://farm9.staticflickr.com/8318/8012585476_338eb1625f_m.jpg'); position:absolute; width:120px; height:100px; left:120px; text-align:center;top:0; background-repeat:no-repeat;display:block; padding-top:70px; background-position: center top; color:#e53500 !important;" />
-
Ligation<br />Calculator
+
Cooper<br />Union
</a>
</a>
</div>
</div>
</div>
</div>
 +
</div>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
<img src="http://2010.igem.org/wiki/images/7/70/Front.jpg" style="margin-left:4px; margin-bottom:5px; width:710px; margin-top:-2px;">
 +
<div style="height:30px; position:relative; font-size:12px; color:#6e6e6e; line-height:15px;">
 +
<div style="position:absolute; width:230px; left:5px; text-align:center;"> Caption </div>
 +
<div style="position:absolute; width:230px; left:240px; text-align:center;">Caption</div>
 +
<div style="position:absolute; width:220px; left:485px; text-align:center;">Caption</div>
</div>
</div>
Line 135: Line 401:
</style>
</style>
-
<div style="width:730px; background-color:#386abc;" class="secheader">The Project</div>
 
-
<div class="contwrap">
 
-
<img src="http://2010.igem.org/wiki/images/7/70/Front.jpg" style="margin-left:4px; margin-bottom:5px; width:710px; margin-top:-2px;">
+
-
<div style="height:30px; position:relative; font-size:12px; color:#6e6e6e; line-height:15px;">
+
<script type="text/javascript">if (window.runOnloadHook) runOnloadHook();</script>
-
<div style="position:absolute; width:230px; left:5px; text-align:center;">A flask lit by E. coli transformed with one of our constructs </div>
+
-
<div style="position:absolute; width:230px; left:240px; text-align:center;">E. coli transformed with our different coloured bioluminescent systems</div>
+
-
<div style="position:absolute; width:220px; left:485px; text-align:center;">Team members illuminated only by our bacteria</div>
+
</div>
</div>
 +
<!-- Served in 0.186 secs. --></body>
 +
</html>
</html>

Latest revision as of 14:50, 29 September 2012

Team:Cambridge

From 2010.igem.org



Biobrick

This is how you link things link blahahahahjhmvgmh.

Outreach

About our genetics work..

Caption
Caption
Caption