Team:Columbia-Cooper-NYC/Main

From 2012.igem.org

(Difference between revisions)
m
 
(24 intermediate revisions not shown)
Line 1: Line 1:
-
<div style="text-align: right;">[http://igem.org/Login Login] [http://igem.org/Logout Logout]
+
<div style="text-align: right;" class="top-links">[http://igem.org/Login Login] [http://igem.org/Logout Logout]
<div style="float: left;">
<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=Team:Columbia-Cooper-NYC/Main page]             
Line 10: Line 10:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
-
<head>
 
-
</head>
 
-
<body>
 
-
  <div id="globalWrapper">
 
-
    <div id="top-section">
 
-
<div id="p-logo">
 
-
    <a href="/Main_Page"
 
-
      title="Main Page">
 
-
    </a>
 
-
</div>  <!-- end p-logo -->
 
-
<script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script>
 
-
<div id="content">
+
 
-
<a name="top" id="top"></a>
+
 
-
<h1 class="firstHeading">Team:Cambridge</h1>
+
 
-
<div id="bodyContent">
+
 
-
<h3 id="siteSub" class="noprint">From 2010.igem.org</h3>
+
 
-
<div id="contentSub"></div>
+
 
-
<!--
+
-
<div id="jump-to-nav">Jump to:                        <a href="#column-one">navigation</a>, <a href="#searchInput">search</a></div>-->
+
-
<!-- start content -->
+
-
<p>
+
<head>  
<head>  
 +
 +
<style type="text/css">
<style type="text/css">
body{background:#238E23;}
body{background:#238E23;}
Line 184: Line 171:
     padding: 0;
     padding: 0;
     }
     }
 +
   
 +
   
 +
   
 +
   
</style>
</style>
-
</head>
+
 
-
<head>
+
 
 +
 
<style>
<style>
-
body{background-image:url('http://farm9.staticflickr.com/8039/7990439399_1970f791f6_h.jpg');
+
   
-
background-position:top left;
+
body
-
background-repeat:repeat-y
+
{
 +
    background-image:url('http://farm9.staticflickr.com/8039/7990439399_1970f791f6_h.jpg');
 +
/*background-position:top left;*/
 +
/*background-repeat:repeat-y;*/
 +
}
 +
 
-
body{background-image:url('http://farm9.staticflickr.com/8173/7989724336_9e5441e3ff_b.jpg');
+
/*
 +
body {background-image:url('http://farm9.staticflickr.com/8173/7989724336_9e5441e3ff_b.jpg');
background-position:top right;
background-position:top right;
background-repeat:repeat-y
background-repeat:repeat-y
-
}
+
*/
-
 
+
</style>
</style>
 +
 +
 +
 +
 +
</head>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
<body>
 +
  <div id="globalWrapper">
 +
 +
    <div id="top-section">
 +
<div id="p-logo">
 +
    <a href="/Main_Page"
 +
      title="Main Page">
 +
    </a>
 +
</div>  <!-- end p-logo -->
 +
<script type="text/javascript">     if (window.isMSIE55) fixalpha(); </script>
 +
 +
<div id="content">
 +
<a name="top" id="top"></a>
 +
<h1 class="firstHeading">Team:Cambridge</h1>
 +
<div id="bodyContent">
 +
<h3 id="siteSub" class="noprint">From 2010.igem.org</h3>
 +
<div id="contentSub"></div>
 +
<!--
 +
<div id="jump-to-nav">Jump to:                        <a href="#column-one">navigation</a>, <a href="#searchInput">search</a></div>-->
 +
<!-- start content -->
 +
<p>
 +
<div id="wrap">  
<div id="wrap">  
<div id="header"><img align="center" style="margin-bottom:0px; padding:0;" width="970" src="http://2012.igem.org/wiki/images/2/25/Heading.png" usemap="#headermap" alt="E. glowli"> </div>  
<div id="header"><img align="center" style="margin-bottom:0px; padding:0;" width="970" src="http://2012.igem.org/wiki/images/2/25/Heading.png" usemap="#headermap" alt="E. glowli"> </div>  
Line 205: Line 246:
<script type="text/javascript">
<script type="text/javascript">
<!--
<!--
-
var timeout         = 500;
+
    var timeout = 500;
-
var closetimer = 0;
+
    var closetimer = 0;
-
var ddmenuitem     = 0;
+
    var ddmenuitem = 0;
-
// open hidden layer
+
    // open hidden layer
-
function mopen(id)
+
    function mopen(id) {
-
{
+
        // cancel close timer
-
// cancel close timer
+
        mcancelclosetime();
-
mcancelclosetime();
+
-
// close old layer
+
        // close old layer
-
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
+
        if (ddmenuitem) ddmenuitem.style.visibility = 'hidden';
-
// get new layer and show it
+
        // get new layer and show it
-
ddmenuitem = document.getElementById(id);
+
        ddmenuitem = document.getElementById(id);
-
ddmenuitem.style.visibility = 'visible';
+
        ddmenuitem.style.visibility = 'visible';
-
}
+
    }
-
// close showed layer
+
    // close showed layer
-
function mclose()
+
    function mclose() {
-
{
+
        if (ddmenuitem) ddmenuitem.style.visibility = 'hidden';
-
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
+
    }
-
}
+
-
// go close timer
+
    // go close timer
-
function mclosetime()
+
    function mclosetime() {
-
{
+
        closetimer = window.setTimeout(mclose, timeout);
-
closetimer = window.setTimeout(mclose, timeout);
+
    }
-
}
+
-
// cancel close timer
+
    // cancel close timer
-
function mcancelclosetime()
+
    function mcancelclosetime() {
-
{
+
        if (closetimer) {
-
if(closetimer)
+
            window.clearTimeout(closetimer);
-
{
+
            closetimer = null;
-
window.clearTimeout(closetimer);
+
        }
-
closetimer = null;
+
    }
-
}
+
-
}
+
-
// close layer when click-out
+
    // close layer when click-out
-
document.onclick = mclose;  
+
    document.onclick = mclose;  
// -->
// -->
</script>
</script>
Line 253: Line 289:
{ margin: 0;
{ margin: 0;
padding: 0;
padding: 0;
-
       z-index: 30}
+
       z-index: 99999;}
 +
     
 +
     
 +
      #sddm ul { z-index: 99999;  }
#sddm li
#sddm li
Line 260: Line 299:
list-style: none;
list-style: none;
float: left;
float: left;
-
         font: bold 11px arial}
+
         font: bold 11px arial;
 +
        z-index: 99999;}
#sddm li a
#sddm li a
Line 276: Line 316:
#sddm div
#sddm div
-
{ position: absolute;
+
{
 +
    z-index: 99999;
 +
    position: absolute;
visibility: hidden;
visibility: hidden;
margin: 0;
margin: 0;
Line 299: Line 341:
{ background: #B87333;
{ background: #B87333;
color: #FFF}
color: #FFF}
 +
 +
 +
 +
 +
.lof-main-item-desc,
 +
.lof-main-item-desc h2  { text-align:left; }
 +
</style>
</style>
<!-- div class="sample" style="margin-bottom: 15px;height:42px;"><span -->
<!-- div class="sample" style="margin-bottom: 15px;height:42px;"><span -->
-
<ul id="sddm" class="top-navigation white-links" style="width:1000px;margin:0 auto">
+
<ul id="sddm" class="top-navigation white-links" style=" z-index:99999 !important; width:1000px; height:20px; margin:0 auto">
<li><a href="http://2012.igem.org/Team:Columbia-Cooper-NYC" onmouseover="mopen('m1')" onmouseout="mclosetime()">Home</a>
<li><a href="http://2012.igem.org/Team:Columbia-Cooper-NYC" onmouseover="mopen('m1')" onmouseout="mclosetime()">Home</a>
<div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
<div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
Line 339: 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 345: 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 360: 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 390: 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 396: 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 405: Line 644:
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px;">
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px;">
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;">
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;">
-
The Columbia-Cooper iGEM team is working with Acidithiobacillus ferrooxidans to create a light-controlled printed circuit board manufacturing process. This bacteria’s metabolism relies on its ability to oxidize iron; the iron can then be used to oxidize, and in turn solubilize, copper. By genetically altering the bacteria, we will install a light sensitive mechanism which will enable controlled copper etching, leaving a finished circuit board. Once a blank printed circuit board is placed in a thin layer of solid media, the bacteria will be applied onto the surface of the media and light will be focused on it in a desired pattern. The light sensitive mechanism in A. ferro will 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 a desired pattern on the circuit board. Click <a style="color:#6bbe00 !important" href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Overview">here</a> for details. </p>
+
The Columbia-Cooper iGEM team is working with Acidithiobacillus ferrooxidans to create a light-controlled printed circuit board manufacturing process. This bacteria’s metabolism relies on its ability to oxidize iron; the iron can then be used to oxidize, and in turn solubilize, copper. By genetically altering the bacteria, we will install a light sensitive mechanism which will enable controlled copper etching, leaving a finished circuit board. Once a blank printed circuit board is placed in a thin layer of solid media, the bacteria will be applied onto the surface of the media and light of the appropriate wavelength will be focused on it in a desired pattern. The light sensitive mechanism in A. ferrooxidans will activate a self-destruct mechanism preventing copper etching in these locations. In the end, the circuit board will be "etched" by the bacteria everywhere that is not illuminated, leaving a desired pattern on the circuit board under the cells in the path of the light. Click <a style="color:#6bbe00 !important" href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Overview">here</a> for details. </p>
</div>
</div>
</div>
</div>
Line 427: Line 666:
<div id="ccontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8));  
<div id="ccontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8));  
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:350px;">
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:350px;">
-
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;">Click <a style="color:#6bbe00 !important" href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Columbia_notebook_2">here</a> for details.</a>.
+
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;">Our 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>
Line 436: Line 675:
<div id="ccontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8));  
<div id="ccontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8));  
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:350px;">
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:350px;">
-
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:77%;"> Our project is to revamp a chemical and mechanical manufacturing process, so in addition to working with DNA, we also worked on macro-scale batches of copper foil, ferrooxidans (the bacteria), and other chemicals. Using our liquid media, we were able to grow healthy ferrooxidans and simultaneously dissolve (etch) copper foil much faster than the basal rate (without ferrooxidans). Since our PCB manufacturing process requires the ferrooxidans to "stay put", we have been developing a solid agar-based media, above which the ferrooxidans grow, and below which the copper is etched, again faster than the basal rate. We use nail polish only to simulate patterned etching while the genetics group works. Click <a style="color:#6bbe00 !important" href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Columbia_notebook_1">here</a> for details</a>.
+
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:77%;"> Our project is to revamp a chemical and mechanical manufacturing process, so in addition to working with DNA, we also worked on macro-scale batches of copper foil, the bacteria A. ferrooxidans. Using our liquid media, we were able to grow ferrooxidans and simultaneously etch copper foil much faster than the basal rate (i.e. copper in the liquid media without ferrooxidans). Since our PCB manufacturing process requires the ferrooxidans to "stay put", we have been developing a solid agar-based media, on which the ferrooxidans grow, and below which the copper is etched, again faster than the basal rate. Click <a style="color:#6bbe00 !important" href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Columbia_notebook_1">here</a> for details</a>.
</a>
</a>
</div>
</div>
Line 447: Line 686:
<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:250px;">
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:250px;">
-
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;"> Click <a style="color:#6bbe00 !important" href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Parts_Submitted">here</a> for details.</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>
Line 456: Line 697:
<div id="ccontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8));  
<div id="ccontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8));  
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:250px;">
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:250px;">
-
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;">Click <a style="color:#6bbe00 !important" href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Outreach">here</a> for details.</a>.
+
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;"> Our team organized a booth at the 2012 Maker Faire in New York City to share the work we've been doing with the public. We also made 3 interactive games to teach children about recombinant DNA and the various forms of bacterial transformation. Click <a style="color:#6bbe00 !important" href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Outreach">here</a> for more info.</a>
<script>
<script>
-
var dontclose=false;
+
    var dontclose = false;
-
function displayGibson(youTubeURL){
+
    function displayGibson(youTubeURL) {
-
var newDiv = document.createElement('div');
+
        var newDiv = document.createElement('div');
-
newDiv.setAttribute('id',"GibsonVidOverlay");
+
        newDiv.setAttribute('id', "GibsonVidOverlay");
-
newDiv.setAttribute('style',"width:100%;height:100%;background:black; position:fixed; left:0; top:0;z-index:100;  text-align:center; background:url(http://2010.igem.org/wiki/images/e/e9/Opacity9.png) ;");
+
        newDiv.setAttribute('style', "width:100%;height:100%;background:black; position:fixed; left:0; top:0;z-index:100;  text-align:center; background:url(http://2010.igem.org/wiki/images/e/e9/Opacity9.png) ;");
-
newDiv.setAttribute('onclick',";hideOverlay();");
+
        newDiv.setAttribute('onclick', ";hideOverlay();");
-
newDiv.innerHTML='<div style="margin-top:100px; z-index:1000;padding:10px; background:#080808;width:640px; margin-left: auto; margin-right:auto;" onclick="dontclose=true;"><object width="640" height="385"><param name="movie" value="'+youTubeURL+'"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="'+youTubeURL+'" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object></div><a href="#" style="color:white !important; margin-top:20px; font-size:15px;" onclick="hideOverlay()">close</a>';
+
        newDiv.innerHTML = '<div style="margin-top:100px; z-index:1000;padding:10px; background:#080808;width:640px; margin-left: auto; margin-right:auto;" onclick="dontclose=true;"><object width="640" height="385"><param name="movie" value="' + youTubeURL + '"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="' + youTubeURL + '" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object></div><a href="#" style="color:white !important; margin-top:20px; font-size:15px;" onclick="hideOverlay()">close</a>';
-
$('body')[0].appendChild(newDiv);
+
        $('body')[0].appendChild(newDiv);
-
}
+
    }
-
function hideOverlay(){
+
    function hideOverlay() {
-
if(dontclose){
+
        if (dontclose) {
-
dontclose=false;
+
            dontclose = false;
-
}
+
        }
-
else{
+
        else {
-
$('body')[0].removeChild($('#GibsonVidOverlay')[0]);
+
            $('body')[0].removeChild($('#GibsonVidOverlay')[0]);
-
}
+
        }
-
}
+
    }
</script>
</script>
</div>
</div>
Line 500: Line 741:
<style>
<style>
.white-links li a {color:#FFF ! important}
.white-links li a {color:#FFF ! important}
 +
.top-links a {color:#000 ! important}
.top-links a {color:#000 ! important}
a {color:{{{linkcolour}}} ! important}
a {color:{{{linkcolour}}} ! important}
Line 509: Line 751:
 
 
-
<script type="text/javascript">if (window.runOnloadHook) runOnloadHook();</script>
+
<script type="text/javascript">     if (window.runOnloadHook) runOnloadHook();</script>
</div>
</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>
 +
 +
 +
 +
 +
<!-- Served in 0.186 secs. --></body>
<!-- Served in 0.186 secs. --></body>

Latest revision as of 21:13, 22 October 2012