Team:Columbia-Cooper-NYC/Main Page

From 2012.igem.org

(Difference between revisions)
(Created page with "test")
Line 1: Line 1:
test
test
 +
<div style="text-align: right;">
 +
<div style="float: left;">[http://2012.igem.org/wiki/index.php?title=Team:Columbia-Cooper-NYC/Main Page&action=edit edit]</div>
 +
<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>
 +
 +
<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="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 -->
 +
<script type="text/javascript">
 +
<!--
 +
var timeout        = 500;
 +
var closetimer = 0;
 +
var ddmenuitem      = 0;
 +
 +
// open hidden layer
 +
function mopen(id)
 +
{
 +
// cancel close timer
 +
mcancelclosetime();
 +
 +
// close old layer
 +
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
 +
 +
// get new layer and show it
 +
ddmenuitem = document.getElementById(id);
 +
ddmenuitem.style.visibility = 'visible';
 +
 +
}
 +
// close showed layer
 +
function mclose()
 +
{
 +
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
 +
}
 +
 +
// go close timer
 +
function mclosetime()
 +
{
 +
closetimer = window.setTimeout(mclose, timeout);
 +
}
 +
 +
// cancel close timer
 +
function mcancelclosetime()
 +
{
 +
if(closetimer)
 +
{
 +
window.clearTimeout(closetimer);
 +
closetimer = null;
 +
}
 +
}
 +
 +
// close layer when click-out
 +
document.onclick = mclose;
 +
// -->
 +
</script>
 +
<style>
 +
#sddm
 +
{ margin: 0;
 +
padding: 0;
 +
      z-index: 30}
 +
 +
#sddm li
 +
{ margin: 0;
 +
padding: 0;
 +
list-style: none;
 +
float: left;
 +
font: bold 11px arial}
 +
 +
#sddm li a
 +
{ display: block;
 +
margin: 0 1px 0 0;
 +
padding: 4px 10px;
 +
width: 85px;
 +
background: #238E23;
 +
color: #FFF;
 +
text-align: center;
 +
text-decoration: none}
 +
 +
#sddm li a:hover
 +
{ background: #B87333}
 +
 +
#sddm div
 +
{ position: absolute;
 +
visibility: hidden;
 +
margin: 0;
 +
padding: 0;
 +
background: #4CC552;
 +
border: 1px solid #5C3317}
 +
 +
#sddm div a
 +
{ position: relative;
 +
display: block;
 +
margin: 0;
 +
padding: 5px 10px;
 +
width: auto;
 +
white-space: nowrap;
 +
text-align: left;
 +
text-decoration: none;
 +
background: #B5EAAA;
 +
color: #5C3317;
 +
font: 11px arial}
 +
 +
#sddm div a:hover
 +
{ background: #B87333;
 +
color: #FFF}
 +
</style>
 +
 +
 +
<!-- div class="sample" style="margin-bottom: 15px;height:42px;"><span -->
 +
<ul id="sddm" style="width:1000px;margin:0 auto">
 +
<li><a href="http://2012.igem.org/Team:Columbia-Cooper-NYC" onmouseover="mopen('m1')" onmouseout="mclosetime()">Home</a>
 +
<div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
</div>
 +
</li>
 +
<li><a href="#" onmouseover="mopen('m2')" onmouseout="mclosetime()">Team</a>
 +
<div id="m2" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Team">Biographies</a>
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Facilitators">Facilitators</a>
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Universities">The University(s)</a>
 +
<a href="http://igem.org/Team.cgi?year=2012">Official Profile</a>
 +
</div>
 +
</li>
 +
<li><a href="#" onmouseover="mopen('m3')" onmouseout="mclosetime()">Project</a>
 +
<div id="m3" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Overview">Overview</a>
 +
                <a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Data_and_Conclusions">Data and Conclusions</a>
 +
                <a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Future_Directions">Future Directions</a>
 +
                <a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/References">References</a>
 +
</div>
 +
</li>
 +
<li><a href="#" onmouseover="mopen('m4')" onmouseout="mclosetime()">Parts</a>
 +
<div id="m4" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Parts_Submitted">Parts Submitted</a>
 +
</div>
 +
</li>
 +
<li><a href="#" onmouseover="mopen('m5')" onmouseout="mclosetime()">Lab Notebook</a>
 +
<div id="m5" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Columbia_notebook_2">Genetics</a>
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Columbia_notebook_1">Copper Etching</a>
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Protocols">Protocols</a>
 +
</div>
 +
</li>
 +
        <li><a href="#" onmouseover="mopen('m6')" onmouseout="mclosetime()">Human Practice</a>
 +
<div id="m6" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Outreach">Outreach</a>
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Collaborations">Collaboration</a>
 +
</div>
 +
</li>
 +
        <li><a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Safety" onmouseover="mopen('m7')" onmouseout="mclosetime()">Safety</a>
 +
<div id="m7" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
                <a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Safety">Safety</a>
 +
                <a href="http://2012.igem.org/Security">Security</a>
 +
</div>
 +
</li>
 +
        <li><a href="#" onmouseover="mopen('m8')" onmouseout="mclosetime()">Sponsors</a>
 +
<div id="m8" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
                <a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Sponsor_Us">Sponsor Us</a>
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Acknowledgements">Acknowledgements</a>
 +
</div>
 +
</li>
 +
        <li><a href="http://2012.igem.org/Main_Page" onmouseover="mopen('m9')" onmouseout="mclosetime()">iGEM</a>
 +
<div id="m9" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
</div>
 +
</li>
 +
</ul>
 +
<div style="clear:both"></div>
 +
<!-- /span></div -->
 +
<!-- /dd -->
 +
</script>
 +
</body>
 +
</head>
 +
</html>
 +
 +
 +
 +
<!--
 +
<head>
 +
<style>
 +
h2{
 +
font: 1.5em 'Myriad Pro', 'Gill Sans', 'Arial', sans-serif;
 +
font-weight: bold;
 +
color: black;
 +
}
 +
 +
p{
 +
font: 1.2em Georgia, serif;
 +
color: black;
 +
}
 +
 +
#fredbuilding{
 +
width: 500px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
}
 +
</style>
 +
</head>
 +
-->
 +
 +
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
 +
 +
<body              class="mediawiki ns-0 ltr page-Team_Cambridge">
 +
<head>
 +
 +
 +
 +
<div id="right">
 +
 +
<div style="width:730px; background-color:#5C3317;" class="secheader">The Project</div>
 +
<div class="contwrap">
 +
 +
<div id="leftcontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8));
 +
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px;">
 +
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;">
 +
The Columbia-Cooper iGEM team is working with Acidithiobacillus ferrooxidans to create a light-controlled printed circuit board manufacturing process. This bacteria’s metabolism relies on its ability to oxidize iron; the iron can then be used to oxidize, and in turn solubilize, copper. By genetically altering the bacteria, we intend to install a light sensitive mechanism which will enable us to etch copper in a desired pattern, leaving a finished circuit board. Once a blank printed circuit board is placed in a thin layer of solid media, the bacteria will be applied onto the surface of the media and light will be focused on it in a desired pattern. The light sensitive mechanism in ferrooxidans would activate and self-destruct in the pathway of the light. In the end, the circuit board will be "etched" by the bacteria everywhere but the illuminated spots, leaving the desired pattern behind on the circuit board. </p>
 +
</div>
 +
</div>
 +
 +
 +
 +
<div id="leftbox" style="float:left; height:200px;  width:242px;" 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="leftcontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8));
 +
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px;">
 +
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;"> The <a style="color:#6bbe00 !important" href="http://igem.org/Main_Page">International Genetically Engineered Machine competition (iGEM)</a> is the premiere undergraduate Synthetic Biology competition. Student teams are given a kit of biological parts at the beginning of the summer from the <a style="color:#6bbe00 !important" href="http://partsregistry.org/Main_Page">Registry of Standard Biological Parts</a>. Working at their own schools over the summer, they use these parts and new parts of their own design to build biological systems and operate them in living cells. This project design and competition format is an exceptionally motivating and effective teaching method. In 2011 iGEM expanded to include a High School Division and an Entrepreneurship Division is 2012.</p>
 +
</div>
 +
</div>
 +
 +
 +
<div id="cbox" style="float:left; height:200px;  width:241px; margin-left:5px;" class="tophome">
 +
<div id="ctop" style="background:#238E23;background-image:url('http://2010.igem.org/wiki/images/a/ad/Cam-Gradient-Overlay.png')" class="secheader">Genetics</div>
 +
<div id="ccontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8));
 +
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px;">
 +
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;">About our genetics work.</a>.
 +
 +
<script>
 +
var dontclose=false;
 +
function displayGibson(youTubeURL){
 +
var newDiv = document.createElement('div');
 +
newDiv.setAttribute('id',"GibsonVidOverlay");
 +
newDiv.setAttribute('style',"width:100%;height:100%;background:black; position:fixed; left:0; top:0;z-index:100;  text-align:center; background:url(http://2010.igem.org/wiki/images/e/e9/Opacity9.png) ;");
 +
newDiv.setAttribute('onclick',";hideOverlay();");
 +
newDiv.innerHTML='<div style="margin-top:100px; z-index:1000;padding:10px; background:#080808;width:640px; margin-left: auto; margin-right:auto;" onclick="dontclose=true;"><object width="640" height="385"><param name="movie" value="'+youTubeURL+'"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="'+youTubeURL+'" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object></div><a href="#" style="color:white !important; margin-top:20px; font-size:15px;" onclick="hideOverlay()">close</a>';
 +
$('body')[0].appendChild(newDiv);
 +
}
 +
function hideOverlay(){
 +
if(dontclose){
 +
dontclose=false;
 +
}
 +
else{
 +
$('body')[0].removeChild($('#GibsonVidOverlay')[0]);
 +
}
 +
}
 +
</script>
 +
</div>
 +
</div>
 +
 +
<div id="rightbox" style="float:left;  height:200px; margin-left:5px; width:242px;" class="tophome">
 +
<div id="rtop" style="background:#B87333;background-image:url('http://2010.igem.org/wiki/images/a/ad/Cam-Gradient-Overlay.png')" class="secheader">Copper Etching</div>
 +
<div id="ccontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8));
 +
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px;">
 +
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;">About our copper work.</a>.
 +
</a>
 +
</div>
 +
</div>
 +
</div>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
<div id="leftbox" style="float:left; height:200px;  width:242px;" class="tophome">
 +
<div id="lefttop" style="background:#238E23; background-image:url('http://2010.igem.org/wiki/images/a/ad/Cam-Gradient-Overlay.png');" class="secheader">Biobrick</div>
 +
<div id="leftcontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8));
 +
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px;">
 +
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;"> This is how you link things <a style="color:#6bbe00 !important" href="http://2010.igem.org/Team:Cambridge/Bioluminescence">link</a> blahahahahjhmvgmh.</p>
 +
</div>
 +
</div>
 +
 +
 +
<div id="cbox" style="float:left; height:200px;  width:241px; margin-left:5px;" class="tophome">
 +
<div id="ctop" style="background:#B87333;background-image:url('http://2010.igem.org/wiki/images/a/ad/Cam-Gradient-Overlay.png')" class="secheader">Outreach</div>
 +
<div id="ccontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8));
 +
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px;">
 +
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;">About our genetics work.</a>.
 +
 +
<script>
 +
var dontclose=false;
 +
function displayGibson(youTubeURL){
 +
var newDiv = document.createElement('div');
 +
newDiv.setAttribute('id',"GibsonVidOverlay");
 +
newDiv.setAttribute('style',"width:100%;height:100%;background:black; position:fixed; left:0; top:0;z-index:100;  text-align:center; background:url(http://2010.igem.org/wiki/images/e/e9/Opacity9.png) ;");
 +
newDiv.setAttribute('onclick',";hideOverlay();");
 +
newDiv.innerHTML='<div style="margin-top:100px; z-index:1000;padding:10px; background:#080808;width:640px; margin-left: auto; margin-right:auto;" onclick="dontclose=true;"><object width="640" height="385"><param name="movie" value="'+youTubeURL+'"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="'+youTubeURL+'" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object></div><a href="#" style="color:white !important; margin-top:20px; font-size:15px;" onclick="hideOverlay()">close</a>';
 +
$('body')[0].appendChild(newDiv);
 +
}
 +
function hideOverlay(){
 +
if(dontclose){
 +
dontclose=false;
 +
}
 +
else{
 +
$('body')[0].removeChild($('#GibsonVidOverlay')[0]);
 +
}
 +
}
 +
</script>
 +
</div>
 +
</div>
 +
 +
<div id="rightbox" style="float:left;  height:200px; margin-left:5px; width:242px;" class="tophome">
 +
<div id="rtop" style="background:#238E23;background-image:url('http://2010.igem.org/wiki/images/a/ad/Cam-Gradient-Overlay.png')" class="secheader">Sponsors</div>
 +
<div id="rcontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8));
 +
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px; margin-top:5px; position:relative;">
 +
<div style="position:relative; top:10px;">
 +
<a href="http://www.columbia.edu/" id="leftbox" style="background:url('http://farm9.staticflickr.com/8314/8012579613_7f735be070_m.jpg'); position:absolute; width:120px; height:100px; left:0;top:0; background-repeat:no-repeat; display:block;text-align:center; padding-top:70px; background-position: center top; color:#e53500 !important;" >
 +
Columbia<br />University
 +
</a>
 +
<a href="http://cooper.edu/" id="rightbox" style="background:url('http://farm9.staticflickr.com/8318/8012585476_338eb1625f_m.jpg'); position:absolute; width:120px; height:100px; left:120px; text-align:center;top:0; background-repeat:no-repeat;display:block; padding-top:70px; background-position: center top; color:#e53500 !important;" />
 +
Cooper<br />Union
 +
</a>
 +
</div>
 +
</div>
 +
</div>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
<img src="http://2010.igem.org/wiki/images/7/70/Front.jpg" style="margin-left:4px; margin-bottom:5px; width:710px; margin-top:-2px;">
 +
<div style="height:30px; position:relative; font-size:12px; color:#6e6e6e; line-height:15px;">
 +
<div style="position:absolute; width:230px; left:5px; text-align:center;"> Caption </div>
 +
<div style="position:absolute; width:230px; left:240px; text-align:center;">Caption</div>
 +
<div style="position:absolute; width:220px; left:485px; text-align:center;">Caption</div>
 +
</div>
 +
 +
</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>
 +
 +
</html>

Revision as of 15:04, 29 September 2012

test

Page&action=edit edit

Team:Cambridge

From 2010.igem.org



Biobrick

This is how you link things link blahahahahjhmvgmh.

Outreach

About our genetics work..

Caption
Caption
Caption