Team:Columbia-Cooper-NYC/Main

From 2012.igem.org

(Difference between revisions)
m
 
(74 intermediate revisions not shown)
Line 1: Line 1:
-
<div style="text-align: right;">[http://2012.igem.org/wiki/index.php?title=Team:Columbia-Cooper-NYC/Main page] [http://2012.igem.org/wiki/index.php?title=Talk:Team:Columbia-Cooper-NYC&action=edit discussion]  [http://2012.igem.org/wiki/index.php?title=Team:Columbia-Cooper-NYC/Main&action=edit edit]
+
<div style="text-align: right;" class="top-links">[http://igem.org/Login Login] [http://igem.org/Logout Logout]
-
<div style="float: left;">[http://2012.igem.org/wiki/index.php?title=Team:Columbia-Cooper-NYC/Main&action=edit edit]</div>
+
<div style="float: left;">
 +
[http://2012.igem.org/wiki/index.php?title=Team:Columbia-Cooper-NYC/Main page]            
 +
[http://2012.igem.org/wiki/index.php?title=Talk:Team:Columbia-Cooper-NYC&action=edit discussion]   
 +
[http://2012.igem.org/wiki/index.php?title=Team:Columbia-Cooper-NYC/Main&action=edit edit]  
 +
[http://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>
+
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<head>  
 +
 
 +
 
 +
<style type="text/css">
 +
body{background:#238E23;}
 +
 
 +
div.thumb {
 +
    border:none;
 +
    }
 +
div.thumb div{
 +
    background-color:transparent;
 +
    border:none;
 +
}
 +
 
 +
div.thumb div a{
 +
    border:none;                                       
 +
 
 +
    }
 +
.tophome{
 +
    text-align:center;
 +
    }
 +
 
 +
.secheader{
 +
    height:50px;
 +
    color:#ffffff;
 +
    padding-left:10px;
 +
    padding-top:15px;
 +
    font-size:2.0em;
 +
    text-align:left;
 +
    overflow:auto;
 +
    background-image:url('http://2010.igem.org/wiki/images/a/ad/Cam-Gradient-Overlay.png');
 +
 
 +
    }
 +
   
 +
#camfooter {
 +
    clear:both;
 +
    height:0px;
 +
    background:white;
 +
    }
 +
#camfooter p {
 +
    margin:0;
 +
    }
 +
* html #camfooter {
 +
    height:1px;
 +
    }
 +
h1.firstHeading {
 +
    display: none;
 +
    }
 +
 
 +
/* Wiki Hacks - START */
 +
/* Author: Pieter van Boheemen */
 +
/* Team: TU Delft */
 +
/* Thanks guys - Bill Collins */
 +
 
 +
#globalWrapper {
 +
    background-color: transparent;
 +
    padding-bottom:0px;
 +
    border: none;
 +
    }
 +
#content {
 +
    background-color: white;
 +
    border:none;
 +
    padding-bottom:none;
 +
    margin-bottom:none;
 +
    }
 +
#bodyContent {
 +
    border: none;
 +
    }
 +
#top-section {
 +
    height: 14px;
 +
    margin-top: -14px;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
    margin-bottom: 0 !important;
 +
    margin-bottom: 10px;
 +
    padding:0;
 +
    border: none;
 +
    }
 +
#p-logo {
 +
    height:1px;
 +
    overflow:hidden;
 +
    border:none;
 +
    }
 +
#search-controls {
 +
    overflow:hidden;
 +
    display:none;
 +
    background: none;
 +
    position: absolute;
 +
    top: 100px;
 +
    right: 40px;
 +
    }         
 +
.left-menu { width: 400px; display:block; float:left; margin-top:-62px; margin-right:30px; border: none;  left:20px;}                                                                                                                                 
 +
.left-menu ul { border: none; }
 +
 
 +
#menubar.right-menu {
 +
    width:300px;
 +
    display:block;
 +
    float:left;
 +
    margin-top:-62px;
 +
    padding-left:50px;
 +
    border: none;
 +
    right:50px;
 +
    }                                                                                                                                                       
 +
.right-menu ul { border: none;}
 +
 
 +
#menubar li a{
 +
    color:#73a631;
 +
}
 +
 
 +
#menubar li a:hover {
 +
    color:#73a631;
 +
    text-decoration:underline;
 +
}
 +
 
 +
#menubar li.selected a {
 +
    color:#FFFFFF;
 +
}
 +
 
 +
#footer-box {
 +
    background-color: white;
 +
    border: none;
 +
    width: 965px;
 +
    margin: 0 auto;
 +
    margin-bottom:none;
 +
    padding-left:5px;
 +
    padding-right:5px;
 +
    }
 +
#footer {
 +
    border: none;
 +
    width: 965px;
 +
    margin: 0;
 +
    padding: 0;
 +
    background-color:white;
 +
    }                                                                                                                                                        .firstHeading { display: none;}
 +
#f-list a {
 +
    color: #333;
 +
    font-size: 10px;
 +
    }
 +
#f-list a:hover {
 +
    color: #666;
 +
    }
 +
#footer ul {
 +
    margin: 0;
 +
    padding: 0;
 +
    }
 +
#footer ul li {
 +
    margin-top: 0;
 +
    margin-bottom: 0;
 +
    margin-left: 10px;
 +
    margin-right: 10px;
 +
    padding: 0;
 +
    }
 +
   
 +
   
 +
   
 +
   
 +
</style>
 +
 
 +
 
 +
 
 +
<style>
 +
   
 +
body
 +
{
 +
    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');
 +
background-position:top right;
 +
background-repeat:repeat-y
 +
*/
 +
</style>
 +
 
 +
 
 +
 
 +
 
 +
</head>  
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
<body>
<body>
Line 17: Line 226:
    </a>
    </a>
</div>  <!-- end p-logo -->
</div>  <!-- end p-logo -->
-
<script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script>
+
<script type="text/javascript">     if (window.isMSIE55) fixalpha(); </script>
  <div id="content">
  <div id="content">
Line 29: Line 238:
<!-- start content -->
<!-- start content -->
<p>  
<p>  
-
<head>
 
-
<link rel="stylesheet" type="text/css" href="http://2010.igem.org/Team:Cambridge/thecss?action=raw&amp;ctype=text/css" />
 
-
 
-
</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{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="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>  
-
<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>
+
<!-- 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 104: 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 111: 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 127: 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 143: 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 150: 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="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 190: Line 388:
<div id="m6" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
<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/Outreach">Outreach</a>
-
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Collaborations">Collaboration</a>
 
</div>
</div>
</li>
</li>
Line 196: 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 211: Line 407:
</ul>
</ul>
<div style="clear:both"></div>
<div style="clear:both"></div>
 +
 +
 +
 +
<br style="clear:left" />
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
    <script type="text/javascript" src="http://2011.igem.org/wiki/images/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 241: 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 247: 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">
-
<div style="width:730px; background-color:#5C3317;" class="secheader">The Project</div>
+
<div style="width:950px; background-color:#5C3317;" class="secheader">The Project</div>
<div class="contwrap">
<div class="contwrap">
Line 258: 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="http://2012.igem.org/Team:Columbia-Cooper-NYC/Overview">here</a> for details. </p>
</div>
</div>
</div>
</div>
 +
<p>&nbsp;</p>
 +
<div id="right">
-
<div id="leftbox" style="float:left; height:200px;  width:242px;" class="tophome">
+
<div id="leftbox" style="float:left; height:350px;  width:316px;" class="tophome">
<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="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: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="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>
+
<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 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:241px; 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('http://2010.igem.org/wiki/images/a/ad/Cam-Gradient-Overlay.png')" class="secheader">Genetics</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: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>.
-
<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>
</div>
-
<div id="rightbox" style="float:left;  height:200px; margin-left:5px; width:242px;" 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('http://2010.igem.org/wiki/images/a/ad/Cam-Gradient-Overlay.png')" class="secheader">Copper Etching</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));  
<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="http://2012.igem.org/Team:Columbia-Cooper-NYC/Columbia_notebook_1">here</a> for details</a>.
</a>
</a>
</div>
</div>
Line 312: Line 682:
-
 
+
<div id="leftbox" style="float:left; height:250px;  width:316px;" class="tophome">
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<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="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));  
<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="http://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="http://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:241px; 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('http://2010.igem.org/wiki/images/a/ad/Cam-Gradient-Overlay.png')" class="secheader">Outreach</div>
<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));  
<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="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>
</div>
</div>
-
<div id="rightbox" style="float:left;  height:200px; margin-left:5px; width:242px;" 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('http://2010.igem.org/wiki/images/a/ad/Cam-Gradient-Overlay.png')" class="secheader">Sponsors</div>
<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));  
Line 374: Line 736:
</div>
</div>
 +
</p>
 +
<p>&nbsp;</p>
 +
<p>
 +
<style>
 +
.white-links li a {color:#FFF ! important}
 +
.top-links a {color:#000 ! important}
 +
a {color:{{{linkcolour}}} ! important}
 +
#left a{
 +
    color:#555 ! important;
 +
}
 +
</style>
 +
 +
<script type="text/javascript">     if (window.runOnloadHook) runOnloadHook();</script>
 +
</div>
 +
    <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>
-
<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>
 
-
</p>
 
-
<p>&nbsp;</p>
 
-
<p>
 
-
<style>
 
-
a {color:#386abc ! important}
 
-
a {color:{{{linkcolour}}} ! important}
 
-
#left a{
 
-
    color:#555 ! important;
 
-
}
 
-
</style>
 
-
 
-
<script type="text/javascript">if (window.runOnloadHook) runOnloadHook();</script>
 
-
</div>
 
<!-- Served in 0.186 secs. --></body>
<!-- Served in 0.186 secs. --></body>
 +
 +
<a id="likebutton" href="http://www.facebook.com/CooperColumbiaIgemTeam2012?fref=ts">
 +
<right><img src="http://2011.igem.org/wiki/images/5/57/UCalgary_FacebookLikeButton_Small.png"></right></img>
 +
</a>
</html>
</html>

Latest revision as of 21:13, 22 October 2012