Team:Columbia-Cooper-NYC/Main

From 2012.igem.org

(Difference between revisions)
m
 
(15 intermediate revisions not shown)
Line 10: Line 10:
<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>
 
-
  <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>  
 +
 +
<style type="text/css">
<style type="text/css">
body{background:#238E23;}
body{background:#238E23;}
Line 184: Line 171:
     padding: 0;
     padding: 0;
     }
     }
 +
   
 +
   
 +
   
 +
   
</style>
</style>
-
</head>
+
 
-
<head>
+
 
 +
 
<style>
<style>
-
body{background-image:url('http://farm9.staticflickr.com/8039/7990439399_1970f791f6_h.jpg');
+
   
-
background-position:top left;
+
body
-
background-repeat:repeat-y
+
{
 +
    background-image:url('http://farm9.staticflickr.com/8039/7990439399_1970f791f6_h.jpg');
 +
/*background-position:top left;*/
 +
/*background-repeat:repeat-y;*/
 +
}
 +
 
-
body{background-image:url('http://farm9.staticflickr.com/8173/7989724336_9e5441e3ff_b.jpg');
+
/*
 +
body {background-image:url('http://farm9.staticflickr.com/8173/7989724336_9e5441e3ff_b.jpg');
background-position:top right;
background-position:top right;
background-repeat:repeat-y
background-repeat:repeat-y
-
}
+
*/
-
 
+
</style>
</style>
 +
 +
 +
 +
 +
</head>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
<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>
 +
<div id="wrap">  
<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>  
<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>  
Line 205: Line 246:
<script type="text/javascript">
<script type="text/javascript">
<!--
<!--
-
var timeout         = 500;
+
    var timeout = 500;
-
var closetimer = 0;
+
    var closetimer = 0;
-
var ddmenuitem     = 0;
+
    var ddmenuitem = 0;
-
// open hidden layer
+
    // open hidden layer
-
function mopen(id)
+
    function mopen(id) {
-
{
+
        // cancel close timer
-
// cancel close timer
+
        mcancelclosetime();
-
mcancelclosetime();
+
-
// close old layer
+
        // close old layer
-
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
+
        if (ddmenuitem) ddmenuitem.style.visibility = 'hidden';
-
// get new layer and show it
+
        // get new layer and show it
-
ddmenuitem = document.getElementById(id);
+
        ddmenuitem = document.getElementById(id);
-
ddmenuitem.style.visibility = 'visible';
+
        ddmenuitem.style.visibility = 'visible';
-
}
+
    }
-
// close showed layer
+
    // close showed layer
-
function mclose()
+
    function mclose() {
-
{
+
        if (ddmenuitem) ddmenuitem.style.visibility = 'hidden';
-
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
+
    }
-
}
+
-
// go close timer
+
    // go close timer
-
function mclosetime()
+
    function mclosetime() {
-
{
+
        closetimer = window.setTimeout(mclose, timeout);
-
closetimer = window.setTimeout(mclose, timeout);
+
    }
-
}
+
-
// cancel close timer
+
    // cancel close timer
-
function mcancelclosetime()
+
    function mcancelclosetime() {
-
{
+
        if (closetimer) {
-
if(closetimer)
+
            window.clearTimeout(closetimer);
-
{
+
            closetimer = null;
-
window.clearTimeout(closetimer);
+
        }
-
closetimer = null;
+
    }
-
}
+
-
}
+
-
// close layer when click-out
+
    // close layer when click-out
-
document.onclick = mclose;  
+
    document.onclick = mclose;  
// -->
// -->
</script>
</script>
Line 253: Line 289:
{ margin: 0;
{ margin: 0;
padding: 0;
padding: 0;
-
       z-index: 30}
+
       z-index: 99999;}
 +
     
 +
     
 +
      #sddm ul { z-index: 99999;  }
#sddm li
#sddm li
Line 260: Line 299:
list-style: none;
list-style: none;
float: left;
float: left;
-
         font: bold 11px arial}
+
         font: bold 11px arial;
 +
        z-index: 99999;}
#sddm li a
#sddm li a
Line 276: Line 316:
#sddm div
#sddm div
-
{ position: absolute;
+
{
 +
    z-index: 99999;
 +
    position: absolute;
visibility: hidden;
visibility: hidden;
margin: 0;
margin: 0;
Line 299: Line 341:
{ background: #B87333;
{ background: #B87333;
color: #FFF}
color: #FFF}
 +
 +
 +
 +
 +
.lof-main-item-desc,
 +
.lof-main-item-desc h2  { text-align:left; }
 +
</style>
</style>
<!-- div class="sample" style="margin-bottom: 15px;height:42px;"><span -->
<!-- div class="sample" style="margin-bottom: 15px;height:42px;"><span -->
-
<ul id="sddm" class="top-navigation white-links" style="width:1000px;margin:0 auto">
+
<ul id="sddm" class="top-navigation white-links" style=" z-index:99999 !important; width:1000px; height:20px; margin:0 auto">
<li><a href="http://2012.igem.org/Team:Columbia-Cooper-NYC" onmouseover="mopen('m1')" onmouseout="mclosetime()">Home</a>
<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 id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
Line 344: Line 393:
<div id="m7" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
<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/Team:Columbia-Cooper-NYC/Safety">Safety</a>
-
                <a href="http://2012.igem.org/Security">Security</a>
 
</div>
</div>
</li>
</li>
Line 466: Line 514:
                                     <div class="lof-main-item-desc">
                                     <div class="lof-main-item-desc">
                                         <h2>
                                         <h2>
-
                                             The Effects of A. ferrooxidans</h2>
+
                                             The Effect of A. ferrooxidans</h2>
                                     </div>
                                     </div>
                                 </li>
                                 </li>
Line 550: Line 598:
<!-- /span></div -->
<!-- /span></div -->
<!-- /dd -->
<!-- /dd -->
-
</script>
+
 
 +
 
 +
 
 +
<!--</script>
</body>
</body>
-
</head>
+
 
</html>
</html>
-
<!--
+
 
<head>
<head>
<style>
<style>
Line 578: Line 629:
</style>
</style>
</head>
</head>
-
-->
+
 
<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">
Line 584: Line 635:
<body              class="mediawiki ns-0 ltr page-Team_Cambridge">
<body              class="mediawiki ns-0 ltr page-Team_Cambridge">
<head>
<head>
-
 
+
-->
<div id="right">
<div id="right">
Line 593: Line 644:
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%;">
<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 will install a light sensitive mechanism which will enable controlled copper etching, 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 of the appropriate wavelength will be focused on it in a desired pattern. The light sensitive mechanism in A. ferrooxidans will activate a self-destructing mechanism preventing copper etching in these locations. In the end, the circuit board will be "etched" by the bacteria everywhere that is not illuminated, leaving a desired pattern on the circuit board under the cells in the path of the light. Click <a style="color:#6bbe00 !important" href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Overview">here</a> for details. </p>
+
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 will install a light sensitive mechanism which will enable controlled copper etching, 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 of the appropriate wavelength will be focused on it in a desired pattern. The light sensitive mechanism in A. ferrooxidans will activate a self-destruct mechanism preventing copper etching in these locations. In the end, the circuit board will be "etched" by the bacteria everywhere that is not illuminated, leaving a desired pattern on the circuit board under the cells in the path of the light. Click <a style="color:#6bbe00 !important" href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Overview">here</a> for details. </p>
</div>
</div>
</div>
</div>
Line 624: Line 675:
<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:350px;">
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:350px;">
-
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:77%;"> Our project is to revamp a chemical and mechanical manufacturing process, so in addition to working with DNA, we also worked on macro-scale batches of copper foil, ferrooxidans (the bacteria), and other chemicals. Using our liquid media, we were able to grow healthy ferrooxidans and simultaneously dissolve (etch) copper foil much faster than the basal rate (i.e. copper in the liquid media without ferrooxidans). Since our PCB manufacturing process requires the ferrooxidans to "stay put", we have been developing a solid agar-based media, on which the ferrooxidans grow, and below which the copper is etched, again faster than the basal rate. We have utilized nail polish as a varnish to control the etching until the genetics group completes our biological controled etching mechanism. Click <a style="color:#6bbe00 !important" href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Columbia_notebook_1">here</a> for details</a>.
+
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:77%;"> Our project is to revamp a chemical and mechanical manufacturing process, so in addition to working with DNA, we also worked on macro-scale batches of copper foil, the bacteria A. ferrooxidans. Using our liquid media, we were able to grow ferrooxidans and simultaneously etch copper foil much faster than the basal rate (i.e. copper in the liquid media without ferrooxidans). Since our PCB manufacturing process requires the ferrooxidans to "stay put", we have been developing a solid agar-based media, on which the ferrooxidans grow, and below which the copper is etched, again faster than the basal rate. Click <a style="color:#6bbe00 !important" href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Columbia_notebook_1">here</a> for details</a>.
</a>
</a>
</div>
</div>
Line 646: Line 697:
<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:250px;">
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:250px;">
-
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;"> Our team organized a booth at the 2012 Maker Faire in New York City to share the work we've been doing with the public. We also made 3 interactive games to teach children about recombinant DNA and the various forms of bacterial transformation. Click <a style="color:#6bbe00 !important" href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Outreach">here</a> for details.</a>.
+
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;"> Our team organized a booth at the 2012 Maker Faire in New York City to share the work we've been doing with the public. We also made 3 interactive games to teach children about recombinant DNA and the various forms of bacterial transformation. Click <a style="color:#6bbe00 !important" href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Outreach">here</a> for more info.</a>
<script>
<script>
-
var dontclose=false;
+
    var dontclose = false;
-
function displayGibson(youTubeURL){
+
    function displayGibson(youTubeURL) {
-
var newDiv = document.createElement('div');
+
        var newDiv = document.createElement('div');
-
newDiv.setAttribute('id',"GibsonVidOverlay");
+
        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('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.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>';
+
        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);
+
        $('body')[0].appendChild(newDiv);
-
}
+
    }
-
function hideOverlay(){
+
    function hideOverlay() {
-
if(dontclose){
+
        if (dontclose) {
-
dontclose=false;
+
            dontclose = false;
-
}
+
        }
-
else{
+
        else {
-
$('body')[0].removeChild($('#GibsonVidOverlay')[0]);
+
            $('body')[0].removeChild($('#GibsonVidOverlay')[0]);
-
}
+
        }
-
}
+
    }
</script>
</script>
</div>
</div>
Line 690: Line 741:
<style>
<style>
.white-links li a {color:#FFF ! important}
.white-links li a {color:#FFF ! important}
 +
.top-links a {color:#000 ! important}
.top-links a {color:#000 ! important}
a {color:{{{linkcolour}}} ! important}
a {color:{{{linkcolour}}} ! important}
Line 699: Line 751:
 
 
-
<script type="text/javascript">if (window.runOnloadHook) runOnloadHook();</script>
+
<script type="text/javascript">     if (window.runOnloadHook) runOnloadHook();</script>
</div>
</div>

Latest revision as of 21:13, 22 October 2012