Team:Columbia-Cooper-NYC/Main

From 2012.igem.org

(Difference between revisions)
m
 
(46 intermediate revisions not shown)
Line 1: Line 1:
-
<div style="text-align: right;">[https://igem.org/Login Login] [https://igem.org/Logout Logout]
+
<div style="text-align: right;" class="top-links">[https://igem.org/Login Login] [https://igem.org/Logout Logout]
-
<div style="float: left;">[https://2012.igem.org/wiki/index.php?title=Team:Columbia-Cooper-NYC/Main page] [https://2012.igem.org/wiki/index.php?title=Talk:Team:Columbia-Cooper-NYC&action=edit discussion]  [https://2012.igem.org/wiki/index.php?title=Team:Columbia-Cooper-NYC/Main&action=edit edit] [https://2012.igem.org/wiki/index.php?title=Team:Columbia-Cooper-NYC/Main&action=history history]</div>
+
<div style="float: left;">
 +
[https://2012.igem.org/wiki/index.php?title=Team:Columbia-Cooper-NYC/Main page]            
 +
[https://2012.igem.org/wiki/index.php?title=Talk:Team:Columbia-Cooper-NYC&action=edit discussion]   
 +
[https://2012.igem.org/wiki/index.php?title=Team:Columbia-Cooper-NYC/Main&action=edit edit]  
 +
[https://2012.igem.org/wiki/index.php?title=Team:Columbia-Cooper-NYC/Main&action=history history]
 +
</div>
<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:#191f46;}
+
body{background:#238E23;}
div.thumb {
div.thumb {
Line 142: Line 134:
#menubar li.selected a {
#menubar li.selected a {
-
     color:#555555;
+
     color:#FFFFFF;
}
}
Line 179: 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="https://static.igem.org/mediawiki/2012/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="https://static.igem.org/mediawiki/2012/2/25/Heading.png" usemap="#headermap" alt="E. glowli"> </div>  
-
<map name="headermap">
+
 
-
              <area shape="rect" coords="10,30,250,240" href="https://2010.igem.org/Team:Cambridge" />
+
-
              <area shape="rect" coords="888,177,942,201" href="http://www.flickr.com/people/roberts87/" />
+
-
        </map>
+
<!-- dd menu -->
<!-- dd menu -->
<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 251: 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 258: 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 274: Line 316:
#sddm div
#sddm div
-
{ position: absolute;
+
{
 +
    z-index: 99999;
 +
    position: absolute;
visibility: hidden;
visibility: hidden;
margin: 0;
margin: 0;
padding: 0;
padding: 0;
background: #4CC552;
background: #4CC552;
-
border: 1px solid #5C3317}
+
border: 1px #4CC552}
#sddm div a
#sddm div a
Line 290: Line 334:
text-align: left;
text-align: left;
text-decoration: none;
text-decoration: none;
-
background: #B5EAAA;
+
background: #238e23;
color: #5C3317;
color: #5C3317;
font: 11px arial}
font: 11px arial}
Line 297: 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" 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="https://2012.igem.org/Team:Columbia-Cooper-NYC" onmouseover="mopen('m1')" onmouseout="mclosetime()">Home</a>
<li><a href="https://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 337: Line 388:
<div id="m6" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
<div id="m6" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
<a href="https://2012.igem.org/Team:Columbia-Cooper-NYC/Outreach">Outreach</a>
<a href="https://2012.igem.org/Team:Columbia-Cooper-NYC/Outreach">Outreach</a>
-
<a href="https://2012.igem.org/Team:Columbia-Cooper-NYC/Collaborations">Collaboration</a>
 
</div>
</div>
</li>
</li>
Line 343: Line 393:
<div id="m7" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
<div id="m7" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
                 <a href="https://2012.igem.org/Team:Columbia-Cooper-NYC/Safety">Safety</a>
                 <a href="https://2012.igem.org/Team:Columbia-Cooper-NYC/Safety">Safety</a>
-
                <a href="https://2012.igem.org/Security">Security</a>
 
</div>
</div>
</li>
</li>
Line 358: Line 407:
</ul>
</ul>
<div style="clear:both"></div>
<div style="clear:both"></div>
 +
 +
 +
 +
<br style="clear:left" />
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
    <script type="text/javascript" src="https://static.igem.org/mediawiki/2011/1/1b/IGEM_HokkaidoU_JS_Slideshow.txt"></script>
 +
 +
    <link rel="Stylesheet" href="http://tsouris.net/igem/css/Igem_slider_styles.css" />
 +
 +
    <div id="hokkaidou-container">
 +
        <div id="hokkaidou-content">
 +
 +
                    <div id="lofslidecontent45" class="lof-slidecontent">
 +
                        <div style="display: none;" class="preload">
 +
                            <div>
 +
                            </div>
 +
                        </div>
 +
                        <div class="lof-main-outer">
 +
                            <ul  class="lof-main-wapper">
 +
                                <li>
 +
                                    <img src="http://farm9.staticflickr.com/8456/8049457082_5814030096_b.jpg">
 +
                                    <div class="lof-main-item-desc">
 +
                                        <h2>
 +
                                            Columbia & Cooper 2012 Team</h2>
 +
                                    </div>
 +
                                </li>
 +
                                <li>
 +
                                    <img src="http://farm9.staticflickr.com/8038/8049568856_b4d1d26031_b.jpg">
 +
                                    <div class="lof-main-item-desc">
 +
                                        <h2>
 +
                                            Columbia University</h2>
 +
                                    </div>
 +
                                </li>
 +
                                <li>
 +
                                    <img src="http://farm9.staticflickr.com/8312/8049592851_58d8d91127_b.jpg">
 +
                                    <div class="lof-main-item-desc">
 +
                                        <h2>
 +
                                            The Cooper Union for the Advancement of Science and Art</h2>
 +
                                    </div>
 +
                                </li>
 +
                                <li>
 +
                                    <img src="http://farm9.staticflickr.com/8173/8049607828_34eedef20f_b.jpg">
 +
                                    <div class="lof-main-item-desc">
 +
                                        <h2>
 +
                                            Genetics</h2>
 +
                                    </div>
 +
                                </li>
 +
                                <li>
 +
                                    <img src="http://farm9.staticflickr.com/8039/8049606505_8dedbcd5c7_b.jpg">
 +
                                    <div class="lof-main-item-desc">
 +
                                        <h2>
 +
                                            Copper Etching</h2>
 +
                                    </div>
 +
                                </li>
 +
                                <li>
 +
                                    <img src="http://farm9.staticflickr.com/8176/8049610201_05aecf6db9_b.jpg">
 +
                                    <div class="lof-main-item-desc">
 +
                                        <h2>
 +
                                            The Effect of A. ferrooxidans</h2>
 +
                                    </div>
 +
                                </li>
 +
                                <li>
 +
                                    <img src="http://farm9.staticflickr.com/8316/8049640302_5ae1a9a049_b.jpg">
 +
                                    <div class="lof-main-item-desc">
 +
                                        <h2>
 +
                                            Maker Faire (Copyright © Andrew Cribb)</h2>
 +
                                    </div>
 +
                                </li>
 +
                            </ul>
 +
                        </div>
 +
                        <div class="lof-navigator-wapper">
 +
                            <div class="lof-navigator-outer">
 +
 +
 +
                                <ul class="lof-navigator">
 +
                                    <li class="" style="height: 32px; width: 80px;">
 +
                                        <img src="http://farm9.staticflickr.com/8181/8049658043_cffa2b28e0_t.jpg">
 +
                                    </li>
 +
                                    <li class="" style="height: 32px; width: 80px;">
 +
                                        <img src="http://farm9.staticflickr.com/8030/8049658065_76d444054c_t.jpg">
 +
                                    </li>
 +
                                    <li class="" style="height: 32px; width: 80px;">
 +
                                        <img src="http://farm9.staticflickr.com/8313/8049658081_5522c4a121_t.jpg">
 +
                                    </li>
 +
                                    <li class="" style="height: 32px; width: 80px;">
 +
                                        <img src="http://farm9.staticflickr.com/8041/8049663090_89a1de0f3c_t.jpg">
 +
                                    </li>
 +
                                    <li class="" style="height: 32px; width: 80px;">
 +
                                        <img src="http://farm9.staticflickr.com/8035/8049658117_e74a561066_t.jpg">
 +
                                    </li>
 +
                                    <li class="" style="height: 32px; width: 80px;">
 +
                                        <img src="http://farm9.staticflickr.com/8034/8049663114_8d3b7152a9_t.jpg">
 +
                                    </li>
 +
                                    <li class="" style="height: 32px; width: 80px;">
 +
                                        <img src="http://farm9.staticflickr.com/8461/8049658157_20b02010b7_t.jpg">
 +
                                    </li>
 +
                                </ul>
 +
 +
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
 +
                <div id="hokkaidou-right-content">
 +
                </div>
 +
 +
        </div>
 +
    </div>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
<!-- /span></div -->
<!-- /span></div -->
<!-- /dd -->
<!-- /dd -->
-
</script>
+
 
 +
 
 +
 
 +
<!--</script>
</body>
</body>
-
</head>
+
 
</html>
</html>
-
<!--
+
 
<head>
<head>
<style>
<style>
Line 388: 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 394: 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 403: 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 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>
+
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="https://2012.igem.org/Team:Columbia-Cooper-NYC/Overview">here</a> for details. </p>
</div>
</div>
</div>
</div>
Line 411: Line 652:
<div id="right">
<div id="right">
-
<div id="leftbox" style="float:left; height:200px;  width:316px;" class="tophome">
+
<div id="leftbox" style="float:left; height:350px;  width:316px;" class="tophome">
<div id="lefttop" style="background:#B87333; background-image:url('https://static.igem.org/mediawiki/2010/a/ad/Cam-Gradient-Overlay.png');" class="secheader">iGEM</div>
<div id="lefttop" style="background:#B87333; background-image:url('https://static.igem.org/mediawiki/2010/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:350px;">
-
<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="https://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>
+
<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="https://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 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 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.</p>
</div>
</div>
</div>
</div>
-
<div id="cbox" style="float:left; height:200px;  width:316px; margin-left:5px;" class="tophome">
+
<div id="cbox" style="float:left; height:350px;  width:316px; margin-left:5px;" class="tophome">
<div id="ctop" style="background:#238E23;background-image:url('https://static.igem.org/mediawiki/2010/a/ad/Cam-Gradient-Overlay.png')" class="secheader">Genetics</div>
<div id="ctop" style="background:#238E23;background-image:url('https://static.igem.org/mediawiki/2010/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:350px;">
-
<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>.
+
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;">Our Genetics Team was responsible for designing and implementing a series of genes which would allow us to exert light based spatial control of apoptosis in E.coli, and eventually transition into A. ferrooxidans. This design includes the expression of a light sensor, which, when exposed to specific wavelengths of light, triggers transcription of a lysis cassette.  A few of the parts which we experimented with are <a style="color:#6bbe00 !important" href="http://partsregistry.org/Part:BBa_K952000">BBa_K952000</a>, <a style="color:#6bbe00 !important" href="http://partsregistry.org/wiki/index.php?title=Part:BBa_K592016">BBa_K592016</a>, and <a style="color:#6bbe00 !important" href="http://partsregistry.org/Part:BBa_K124017">BBa_K124017</a>.
</div>
</div>
</div>
</div>
-
<div id="rightbox" style="float:left;  height:200px; margin-left:5px; width:316px;" class="tophome">
+
<div id="rightbox" style="float:left;  height:350px; margin-left:5px; width:316px;" class="tophome">
<div id="rtop" style="background:#B87333;background-image:url('https://static.igem.org/mediawiki/2010/a/ad/Cam-Gradient-Overlay.png')" class="secheader">Copper Etching</div>
<div id="rtop" style="background:#B87333;background-image:url('https://static.igem.org/mediawiki/2010/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));  
<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:350px;">
-
<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>.
+
<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="https://2012.igem.org/Team:Columbia-Cooper-NYC/Columbia_notebook_1">here</a> for details</a>.
</a>
</a>
</div>
</div>
Line 441: Line 682:
-
<div id="leftbox" style="float:left; height:200px;  width:316px;" class="tophome">
+
<div id="leftbox" style="float:left; height:250px;  width:316px;" class="tophome">
<div id="lefttop" style="background:#238E23; background-image:url('https://static.igem.org/mediawiki/2010/a/ad/Cam-Gradient-Overlay.png');" class="secheader">Biobrick</div>
<div id="lefttop" style="background:#238E23; background-image:url('https://static.igem.org/mediawiki/2010/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));  
<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:250px;">
-
<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="https://2010.igem.org/Team:Cambridge/Bioluminescence">link</a> blahahahahjhmvgmh.</p>
+
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;"> Our team submitted multiple composite parts, which were built from preexisting Biobricks and used in our project. We also submitted a novel red light sensing protein domain, FphA753s, which was constructed to conform to the RFC25 – Freiburg fusion standard, and is intended for future use to allow light based control of transcription. Click
 +
 +
<a style="color:#6bbe00 !important" href="https://2012.igem.org/Team:Columbia-Cooper-NYC/Parts_Submitted">here</a> for a full list of our submitted parts.</p>
</div>
</div>
</div>
</div>
-
<div id="cbox" style="float:left; height:200px;  width:316px; margin-left:5px;" class="tophome">
+
<div id="cbox" style="float:left; height:250px;  width:316px; margin-left:5px;" class="tophome">
<div id="ctop" style="background:#B87333;background-image:url('https://static.igem.org/mediawiki/2010/a/ad/Cam-Gradient-Overlay.png')" class="secheader">Outreach</div>
<div id="ctop" style="background:#B87333;background-image:url('https://static.igem.org/mediawiki/2010/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));  
<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:250px;">
-
<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>.
+
<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="https://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(https://static.igem.org/mediawiki/2010/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(https://static.igem.org/mediawiki/2010/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>
</div>
</div>
-
<div id="rightbox" style="float:left;  height:200px; margin-left:5px; width:316px;" class="tophome">
+
<div id="rightbox" style="float:left;  height:250px; margin-left:5px; width:316px;" class="tophome">
<div id="rtop" style="background:#238E23;background-image:url('https://static.igem.org/mediawiki/2010/a/ad/Cam-Gradient-Overlay.png')" class="secheader">Sponsors</div>
<div id="rtop" style="background:#238E23;background-image:url('https://static.igem.org/mediawiki/2010/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));  
Line 497: Line 740:
<p>
<p>
<style>
<style>
-
a {color:#386abc ! important}
+
.white-links li a {color:#FFF ! important}
 +
 
 +
.top-links a {color:#000 ! important}
a {color:{{{linkcolour}}} ! important}
a {color:{{{linkcolour}}} ! important}
#left a{
#left a{
Line 506: Line 751:
 
 
-
<script type="text/javascript">if (window.runOnloadHook) runOnloadHook();</script>
+
<script type="text/javascript">     if (window.runOnloadHook) runOnloadHook();</script>
</div>
</div>
-
<!-- Served in 0.186 secs. --></body>
 
 +
 +
 +
    <script type="text/javascript">
 +
        $(document).ready(function () {
 +
 +
 +
            jQuery.cookie = function (d, f, b) { function e(j, i) { if (j) { if (i) { return true } } return false } if (e(arguments.length > 1, String(f) !== "[object Object]")) { b = jQuery.extend({}, b); if (f === null || f === undefined) { b.expires = -1 } if (typeof b.expires === "number") { var h = b.expires, c = b.expires = new Date(); c.setDate(c.getDate() + h) } f = String(f); return (document.cookie = [encodeURIComponent(d), "=", b.raw ? f : encodeURIComponent(f), b.expires ? "; expires=" + b.expires.toUTCString() : "", b.path ? "; path=" + b.path : "", b.domain ? "; domain=" + b.domain : "", b.secure ? "; secure" : ""].join("")) } b = f || {}; var a, g = b.raw ? function (i) { return i } : decodeURIComponent; return (a = new RegExp("(?:^|; )" + encodeURIComponent(d) + "=([^;]*)").exec(document.cookie)) ? g(a[1]) : null };
 +
 +
 +
            $('.right-menu, .left-menu').fadeTo(0, 0);
 +
            $('.right-menu, .left-menu').bind('mouseover', function () {
 +
                $(this).fadeTo('slow', 1);
 +
            });
 +
 +
 +
            $(function () {
 +
                $('img').each(function () {
 +
                    var thumb = $(this).attr('src');
 +
                    var reg = new RegExp('^(\/wiki\/images)\/thumb');
 +
                    if (thumb.match(reg)) {
 +
                        var image = thumb.replace(reg, '$1');
 +
                        image = image.replace(/[^\/]+?$/, '').replace(/\/$/, '');
 +
                        var $tag = $('<img>').attr('src', image);
 +
                        $(this).closest('a').bind('click', function () {
 +
                            $('<div>').append($tag).lightbox_me();
 +
                            return false;
 +
                        });
 +
                    }
 +
                });
 +
            });
 +
 +
 +
 +
 +
 +
 +
 +
            var buttons = {
 +
                previous: $('#lofslidercontent45 .lof-previous'),
 +
                next: $('#lofslidercontent45 .lof-next')
 +
            };
 +
            $obj = $('#lofslidecontent45').lofJSidernews({
 +
                interval: 5000,
 +
                direction: 'opacitys',
 +
                easing: 'easeInOutExpo',
 +
                duration: 1200,
 +
                auto: true,
 +
                maxItemDisplay: 7,
 +
                startItem: 0,
 +
                navPosition: 'horizontal', // horizontal
 +
                navigatorHeight: 32,
 +
                navigatorWidth: 80,
 +
                mainWidth: 780,
 +
                buttons: buttons
 +
            });
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
        });
 +
</script>
 +
 +
 +
 +
 +
 +
<!-- Served in 0.186 secs. --></body>
<a id="likebutton" href="http://www.facebook.com/CooperColumbiaIgemTeam2012?fref=ts">
<a id="likebutton" href="http://www.facebook.com/CooperColumbiaIgemTeam2012?fref=ts">
-
<img src="Facebooklikebutton.png"></img>
+
<right><img src="https://static.igem.org/mediawiki/2011/5/57/UCalgary_FacebookLikeButton_Small.png"></right></img>
</a>
</a>
</html>
</html>

Latest revision as of 21:13, 22 October 2012