Talk:Team:Columbia-Cooper-NYC/trial

From 2012.igem.org

(Difference between revisions)
 
(20 intermediate revisions not shown)
Line 1: Line 1:
<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>
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
-
<meta name="generator" content="MediaWiki 1.13.3" />
 
-
<meta name="keywords" content="Team:Cambridge" />
 
-
<link rel="shortcut icon" href="/favicon.ico" />
 
-
<link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2010.igem.org (en)" />
 
-
<link title="Creative Commons" type="application/rdf+xml" href="/wiki/index.php?title=Team:Cambridge&amp;action=creativecommons" rel="meta" />
 
-
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
 
-
<link rel="alternate" type="application/rss+xml" title="2010.igem.org RSS Feed" href="http://2010.igem.org/wiki/index.php?title=Special:RecentChanges&amp;feed=rss" />
 
-
<link rel="alternate" type="application/atom+xml" title="2010.igem.org Atom Feed" href="http://2010.igem.org/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" />
 
-
<title>Team:Cambridge - 2010.igem.org</title>
 
-
<style type="text/css" media="screen, projection">/*<![CDATA[*/
 
-
@import "/wiki/skins/common/shared.css?164";
 
-
@import "/wiki/skins/igem/main.css?164";
 
-
/*]]>*/</style>
 
-
<link rel="stylesheet" type="text/css" media="print" href="/wiki/skins/common/commonPrint.css?164" />
 
-
<!--[if lt IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE50Fixes.css?164";</style><![endif]-->
 
-
<!--[if IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE55Fixes.css?164";</style><![endif]-->
 
-
<!--[if IE 6]><style type="text/css">@import "/wiki/skins/igem/IE60Fixes.css?164";</style><![endif]-->
 
-
<!--[if IE 7]><style type="text/css">@import "/wiki/skins/igem/IE70Fixes.css?164";</style><![endif]-->
 
-
<!--[if lt IE 7]><script type="text/javascript" src="/wiki/skins/common/IEFixes.js?164"></script>
 
-
<meta http-equiv="imagetoolbar" content="no" /><![endif]-->
 
-
 
-
<script type= "text/javascript">/*<![CDATA[*/
 
-
var skin = "igem";
 
-
var stylepath = "/wiki/skins";
 
-
var wgArticlePath = "/$1";
 
-
var wgScriptPath = "/wiki";
 
-
var wgScript = "/wiki/index.php";
 
-
var wgVariantArticlePath = false;
 
-
var wgActionPaths = [];
 
-
var wgServer = "http://2010.igem.org";
 
-
var wgCanonicalNamespace = "";
 
-
var wgCanonicalSpecialPageName = false;
 
-
var wgNamespaceNumber = 0;
 
-
var wgPageName = "Team:Cambridge";
 
-
var wgTitle = "Team:Cambridge";
 
-
var wgAction = "view";
 
-
var wgArticleId = "231";
 
-
var wgIsArticle = true;
 
-
var wgUserName = null;
 
-
var wgUserGroups = null;
 
-
var wgUserLanguage = "en";
 
-
var wgContentLanguage = "en";
 
-
var wgBreakFrames = false;
 
-
var wgCurRevisionId = "209414";
 
-
var wgVersion = "1.13.3";
 
-
var wgEnableAPI = true;
 
-
var wgEnableWriteAPI = false;
 
-
var wgMWSuggestTemplate = "http://2010.igem.org/wiki/api.php?action=opensearch\x26search={searchTerms}\x26namespace={namespaces}";
 
-
var wgDBname = "2010_igem_org";
 
-
var wgSearchNamespaces = [0];
 
-
var wgMWSuggestMessages = ["with suggestions", "no suggestions"];
 
-
var wgRestrictionEdit = [];
 
-
var wgRestrictionMove = [];
 
-
/*]]>*/</script>
 
-
               
 
-
<script type="text/javascript" src="/wiki/skins/common/wikibits.js?164"><!-- wikibits js --></script>
 
-
<!-- Head Scripts -->
 
-
<script type="text/javascript" src="/wiki/skins/common/ajax.js?164"></script>
 
-
<script type="text/javascript" src="/wiki/skins/common/mwsuggest.js?164"></script>
 
-
<script type="text/javascript" src="/wiki/index.php?title=-&amp;action=raw&amp;gen=js&amp;useskin=igem"><!-- site js --></script>
 
-
<style type="text/css">/*<![CDATA[*/
 
-
@import "/wiki/index.php?title=MediaWiki:Common.css&usemsgcache=yes&action=raw&ctype=text/css&smaxage=18000";
 
-
@import "/wiki/index.php?title=MediaWiki:Igem.css&usemsgcache=yes&action=raw&ctype=text/css&smaxage=18000";
 
-
@import "/wiki/index.php?title=-&action=raw&gen=css&maxage=18000&useskin=igem";
 
-
/*]]>*/</style>
 
-
<!-- jQuery Javascript -->
 
-
<script type='text/javascript'        src ='/common/jquery-latest.min.js'></script>
 
-
<script type='text/javascript'        src ='/common/tablesorter/jquery.tablesorter.min.js'></script>
 
-
        <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' />
 
-
        <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
 
</head>
</head>
-
<body             class="mediawiki ns-0 ltr page-Team_Cambridge">
+
<body>
   <div id="globalWrapper">
   <div id="globalWrapper">
Line 81: Line 10:
    <a href="/Main_Page"
    <a href="/Main_Page"
      title="Main Page">
      title="Main Page">
-
    <img src='/wiki/skins/common/images/wiki.png'>"
 
    </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="menubar" class='left-menu noprint'>
+
-
  <ul>
+
-
                  <li
+
-
                class='selected'       ><a href="/Team:Cambridge">Page              </a></li>
+
-
              <li
+
-
                class='new'       ><a href="/wiki/index.php?title=Talk:Team:Cambridge&amp;action=edit">Discussion              </a></li>
+
-
              <li
+
-
                    ><a href="/wiki/index.php?title=Team:Cambridge&amp;action=edit">View source              </a></li>
+
-
              <li
+
-
                    ><a href="/wiki/index.php?title=Team:Cambridge&amp;action=history">History              </a></li>
+
-
              <li style='color:#808080;cursor:default'>teams</li>
+
-
  </ul>
+
-
</div> <!-- end menubar (left) -->
+
-
 
+
-
<div class="right-menu noprint" id="menubar">
+
-
    <ul>
+
-
                <li id="pt-login"><a href="/wiki/index.php?title=Special:UserLogin&amp;returnto=Team:Cambridge" title="You are encouraged to log in, it is not mandatory however. [o]" accesskey="o">Log in</a></li>     </ul>
+
-
</div><!-- end right menubar -->
+
-
 
+
-
<div id="search-controls" class="noprint">
+
-
<form action="/Special:Search" id="searchform">
+
-
<input id="searchInput" name="search" type="text" title="Search 2010.igem.org [f]" accesskey="f" value="" />
+
-
<input type='submit' name="go" class="searchButton" id="searchGoButton" value="Go" title="Go to a page with this exact name if exists" />&nbsp;
+
-
      <input type='submit' name="fulltext" class="searchButton" id="mw-searchButton" value="Search" title="Search the pages for this text" />
+
-
</form>
+
-
</div> <!-- close search controls -->
+
-
    </div> <!-- close top-section-->
+
-
    <div id="content">
+
<a name="top" id="top"></a>
<a name="top" id="top"></a>
<h1 class="firstHeading">Team:Cambridge</h1>
<h1 class="firstHeading">Team:Cambridge</h1>
Line 126: Line 25:
<p>  
<p>  
<head>  
<head>  
-
 
-
<script type="text/javascript">
 
-
  var _gaq = _gaq || [];
+
<link rel="stylesheet" type="text/css" href="http://2010.igem.org/Team:Cambridge/thecss?action=raw&amp;ctype=text/css" />
-
  _gaq.push(['_setAccount', 'UA-65298-13']);
+
-
  _gaq.push(['_trackPageview']);
+
-
  (function() {
+
</head>
-
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+
<head>
-
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+
-
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+
-
  })();
+
-
 
+
-
</script>
+
<style>
<style>
-
h2{color:#96d446; }
+
body{background-image:url('http://farm9.staticflickr.com/8039/7990439399_1970f791f6_h.jpg');
-
h1, h2, h3, h4, h5{font-family:"Vollkorn", serif; font-size:200%; line-height:35px; border-bottom:0; margin-bottom:5px; border-top:1px dotted #e3e3e3; margin-top:10px; padding-top:30px; font-weight:normal;}
+
background-position:top left;
-
h2.noline{ border-top:0; margin-top:0; padding-top:0; margin-bottom:0; line-height:20px; padding-top:2px; font-size:20px;}
+
background-repeat:repeat-y
-
h2.topheader{border-top:0; padding-top:0; margin-top:5px;}
+
 
 +
body{background-image:url('http://farm9.staticflickr.com/8173/7989724336_9e5441e3ff_b.jpg');
 +
background-position:top right;
 +
background-repeat:repeat-y
 +
}
</style>
</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>
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>  
+
<!-- dd menu -->
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js"></script>
+
<script type="text/javascript">
-
<script type='text/javascript' src='http://www.srcf.ucam.org/~wac26/iGEM/jquery.lavalamp-1.3.4b.js'></script>
+
<!--
-
<script type='text/javascript' src='http://www.srcf.ucam.org/~wac26/iGEM/jquery.easing.1.3.js'></script>
+
var timeout        = 500;
 +
var closetimer = 0;
 +
var ddmenuitem      = 0;
-
<link href='http://fonts.googleapis.com/css?family=Nobile:regular,bold' rel='stylesheet' type='text/css'>
+
// open hidden layer
 +
function mopen(id)
 +
{
 +
// cancel close timer
 +
mcancelclosetime();
-
<script type="text/javascript">
+
// close old layer
-
$('.left-menu ul')[0].innerHTML="<li><a href=\"http://2010.igem.org\" style=\"font-weight:bold; text-transform:none\">iGEM HQ</a></li>"+$('.left-menu ul')[0].innerHTML;
+
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
-
$(function() {
+
 
-
$('ul.llmenu').lavaLamp({ speed: 300, autoReturn: true , target:'li'});
+
// get new layer and show it
-
});
+
ddmenuitem = document.getElementById(id);
-
$(function(){
+
ddmenuitem.style.visibility = 'visible';
-
        $('ul#accmenu').accordion({
+
-
              header:'.head',
+
-
              fillSpace:false,
+
-
              autoHeight:false,
+
-
              navigation:true,
+
-
              animated: 'easeslide'})
+
-
});
+
-
</script>
+
-
<script type="text/javascript" src="/Team:Cambridge/lightbox/js?action=raw"></script>
+
-
<link href='http://fonts.googleapis.com/css?family=Vollkorn:regular,bold&amp;subset=latin' rel='stylesheet' type='text/css'>
 
-
<style>
 
-
/**
 
-
* jQuery lightBox plugin
 
-
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 
-
* and adapted to me for use like a plugin from jQuery.
 
-
* @name jquery-lightbox-0.5.css
 
-
* @author Leandro Vieira Pinho - http://leandrovieira.com
 
-
* @version 0.5
 
-
* @date April 11, 2008
 
-
* @category jQuery plugin
 
-
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 
-
* @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 
-
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 
-
*/
 
-
#jquery-overlay {
 
-
position: absolute;
 
-
top: 0;
 
-
left: 0;
 
-
z-index: 90;
 
-
width: 100%;
 
-
height: 500px;
 
}
}
-
#jquery-lightbox {
+
// close showed layer
-
position: absolute;
+
function mclose()
-
top: 0;
+
{
-
left: 0;
+
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
-
width: 100%;
+
-
z-index: 100;
+
-
text-align: center;
+
-
line-height: 0;
+
}
}
-
#jquery-lightbox a img { border: none; }
+
 
-
#lightbox-container-image-box {
+
// go close timer
-
position: relative;
+
function mclosetime()
-
background-color: #fff;
+
{
-
width: 250px;
+
closetimer = window.setTimeout(mclose, timeout);
-
height: 250px;
+
-
margin: 0 auto;
+
}
}
-
#lightbox-container-image { padding: 10px; }
+
 
-
#lightbox-loading {
+
// cancel close timer
-
position: absolute;
+
function mcancelclosetime()
-
top: 40%;
+
{
-
left: 0%;
+
if(closetimer)
-
height: 25%;
+
{
-
width: 100%;
+
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-align: center;
-
line-height: 0;
+
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;
}
}
-
#lightbox-nav {
+
 
-
position: absolute;
+
p{
-
top: 0;
+
font: 1.2em Georgia, serif;
-
left: 0;
+
color: black;
-
height: 100%;
+
-
width: 100%;
+
-
z-index: 10;
+
}
}
-
#lightbox-container-image-box > #lightbox-nav { left: 0; }
+
 
-
#lightbox-nav a { outline: none;}
+
#fredbuilding{
-
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
+
width: 500px;
-
width: 49%;
+
margin-left: auto;
-
height: 100%;
+
margin-right: auto;
-
zoom: 1;
+
-
display: block;
+
}
}
-
#lightbox-nav-btnPrev {  
+
</style>
-
left: 0;  
+
</head>
-
float: left;
+
-->
 +
 
 +
<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);
}
}
-
#lightbox-nav-btnNext {  
+
function hideOverlay(){
-
right: 0;
+
if(dontclose){
-
float: right;
+
dontclose=false;
}
}
-
#lightbox-container-image-data-box {
+
else{
-
font: 10px Verdana, Helvetica, sans-serif;
+
$('body')[0].removeChild($('#GibsonVidOverlay')[0]);
-
background-color: #fff;
+
-
margin: 0 auto;
+
-
line-height: 1.4em;
+
-
overflow: auto;
+
-
width: 100%;
+
-
padding: 0 10px 0;
+
}
}
-
#lightbox-container-image-data {
 
-
padding: 0 10px;
 
-
color: #666;
 
}
}
-
#lightbox-container-image-data #lightbox-image-details {
 
-
width: 70%;
 
-
float: left;
 
-
text-align: left;
 
-
}
 
-
#lightbox-image-details-caption { font-weight: bold; }
 
-
#lightbox-image-details-currentNumber {
 
-
display: block;
 
-
clear: left;
 
-
padding-bottom: 1.0em;
 
-
}
 
-
#lightbox-secNav-btnClose {
 
-
width: 66px;
 
-
float: right;
 
-
padding-bottom: 0.7em;
 
-
}
 
-
 
-
</style>
 
-
<script>
 
-
$(document).ready(function() {
 
-
$('a.lightbox').lightBox(); // Select all links with lightbox class
 
-
$('a.image').each(function(idx, item) { 
 
-
        var src = item.firstChild.src;
 
-
src=src.replace(/wiki\/images\/thumb\/(.+)\/(.+)\/(.+)\/(.+)\..../,"wiki/images/$1/$2/$3");
 
-
item.href=src;
 
-
    });
 
-
$('a.image').lightBox();
 
-
});
 
</script>
</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>
 +
 +
 +
 +
-
<link rel="stylesheet" type="text/css" href="http://2010.igem.org/Team:Cambridge/thecss?action=raw&amp;ctype=text/css" />
 
-
</head>
 
-
<body>
 
-
<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" </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>
 
-
 
-
<div id="right">
 
<div id="leftbox" style="float:left; height:200px;  width:242px;" class="tophome">
<div id="leftbox" style="float:left; height:200px;  width:242px;" class="tophome">
-
<div id="lefttop" style="background:#96d446; background-image:url('http://2010.igem.org/wiki/images/a/ad/Cam-Gradient-Overlay.png');" class="secheader">Abstract</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:150px;">
-
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;"> We placed genes from <a style="color:#6bbe00 !important" href="http://2010.igem.org/Team:Cambridge/Bioluminescence">fireflies</a> and bioluminescent <a style="color:#6bbe00 !important"  href="http://2010.igem.org/Team:Cambridge/Bioluminescence/Bacterial_Luciferases">bacteria</a> into E.coli. Codon optimisation and single amino acid mutagenesis allowed us to generate bright light output in a range of different colours. Future applications include  and quantitative <a style="color:#6bbe00 !important" href="http://2010.igem.org/Team:Cambridge/Tools/microMeasure">biosensors</a> and biological <a style="color:#6bbe00 !important" href="http://2010.igem.org/Team:Cambridge/Tools/Lighting">alternatives</a> to conventional lighting.</p>
+
<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>
</div>
Line 325: Line 327:
<div id="cbox" style="float:left; height:200px;  width:241px; margin-left:5px;" class="tophome">
<div id="cbox" style="float:left; height:200px;  width:241px; margin-left:5px;" class="tophome">
-
<div id="ctop" style="background:#fad72a;background-image:url('http://2010.igem.org/wiki/images/a/ad/Cam-Gradient-Overlay.png')" class="secheader">Multimedia</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:150px;">
-
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;">If you want a break from hard-core science, check out our Gibson Assembly  <a  style="color:#d9b400 !important" onclick="displayGibson('http://www.youtube.com/v/WCWjJFU1be8?fs=1&amp;hl=en_GB'); return false;" href="http://www.youtube.com/watch?v=WCWjJFU1be8">music video</a>.<br /><br />You can also see view videos of our <a style="color:#d9b400 !important" onclick="displayGibson('http://www.youtube.com/v/tUFscEVK5Ks?fs=1&amp;hl=en_GB'); return false;" href="http://www.youtube.com/watch?v=WCWjJFU1be8">bacterial bubble lamp</a> and <a style="color:#d9b400 !important" onclick="displayGibson('http://www.cambridgeigem.org/video.php'); return false;" href="http://www.cambridgeigem.org/video.php?nojs=true">project overview</a>.
+
<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>
<script>
Line 353: Line 355:
<div id="rightbox" style="float:left;  height:200px; margin-left:5px; width:242px;" class="tophome">
<div id="rightbox" style="float:left;  height:200px; margin-left:5px; width:242px;" class="tophome">
-
<div id="rtop" style="background:#fb5c2b;background-image:url('http://2010.igem.org/wiki/images/a/ad/Cam-Gradient-Overlay.png')" class="secheader">Tools</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));  
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px; margin-top:5px; position:relative;">
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px; margin-top:5px; position:relative;">
<div style="position:relative; top:10px;">
<div style="position:relative; top:10px;">
-
<a href="http://www.gibthon.org" id="leftbox" style="background:url('http://2010.igem.org/wiki/images/5/53/Cambridge-Gibthon.png'); 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;" >
+
<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;" >
-
Gibson<br />Assembly
+
Columbia<br />University
</a>
</a>
-
<a href="http://www.gibthon.org/ligate.html" id="rightbox" style="background:url('http://2010.igem.org/wiki/images/b/b1/Cambridge-Flask.png'); 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;" />
+
<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;" />
-
Ligation<br />Calculator
+
Cooper<br />Union
</a>
</a>
</div>
</div>
</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>
</div>
Line 378: Line 401:
</style>
</style>
-
<div style="width:730px; background-color:#386abc;" class="secheader">The Project</div>
 
-
<div class="contwrap">
 
-
<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;">
+
<script type="text/javascript">if (window.runOnloadHook) runOnloadHook();</script>
-
<div style="position:absolute; width:230px; left:5px; text-align:center;">A flask lit by E. coli transformed with one of our constructs </div>
+
-
<div style="position:absolute; width:230px; left:240px; text-align:center;">E. coli transformed with our different coloured bioluminescent systems</div>
+
-
<div style="position:absolute; width:220px; left:485px; text-align:center;">Team members illuminated only by our bacteria</div>
+
-
</div>
+
</div>
</div>
-
<!-- Served in 0.171 secs. --></body>
+
<!-- Served in 0.186 secs. --></body>
</html>
</html>

Latest revision as of 14:50, 29 September 2012

Team:Cambridge

From 2010.igem.org



Biobrick

This is how you link things link blahahahahjhmvgmh.

Outreach

About our genetics work..

Caption
Caption
Caption