Team:Columbia-Cooper-NYC

From 2012.igem.org

(Difference between revisions)
Line 267: Line 267:
</div>
</div>
</body>
</body>
 +
</html>
 +
 +
 +
 +
 +
 +
 +
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 +
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
 +
<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>
 +
 +
<body              class="mediawiki ns-0 ltr page-Team_Cambridge">
 +
  <div id="globalWrapper">
 +
 +
    <div id="top-section">
 +
<div id="p-logo">
 +
    <a href="/Main_Page"
 +
      title="Main Page">
 +
    <img src='/wiki/skins/common/images/wiki.png'>"
 +
    </a>
 +
</div>  <!-- end p-logo -->
 +
<script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script>
 +
 +
 +
 +
<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>
 +
<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>
 +
 +
<script type="text/javascript">
 +
 +
  var _gaq = _gaq || [];
 +
  _gaq.push(['_setAccount', 'UA-65298-13']);
 +
  _gaq.push(['_trackPageview']);
 +
 +
  (function() {
 +
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
 +
    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>
 +
h2{color:#96d446; }
 +
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;}
 +
h2.noline{ border-top:0; margin-top:0; padding-top:0; margin-bottom:0; line-height:20px; padding-top:2px; font-size:20px;}
 +
h2.topheader{border-top:0; padding-top:0; margin-top:5px;}
 +
 +
</style>
 +
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js"></script>
 +
<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>
 +
 +
<link href='http://fonts.googleapis.com/css?family=Nobile:regular,bold' rel='stylesheet' type='text/css'>
 +
 +
<script type="text/javascript">
 +
$('.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;
 +
$(function() {
 +
$('ul.llmenu').lavaLamp({ speed: 300, autoReturn: true , target:'li'});
 +
});
 +
$(function(){
 +
        $('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 {
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
width: 100%;
 +
z-index: 100;
 +
text-align: center;
 +
line-height: 0;
 +
}
 +
#jquery-lightbox a img { border: none; }
 +
#lightbox-container-image-box {
 +
position: relative;
 +
background-color: #fff;
 +
width: 250px;
 +
height: 250px;
 +
margin: 0 auto;
 +
}
 +
#lightbox-container-image { padding: 10px; }
 +
#lightbox-loading {
 +
position: absolute;
 +
top: 40%;
 +
left: 0%;
 +
height: 25%;
 +
width: 100%;
 +
text-align: center;
 +
line-height: 0;
 +
}
 +
#lightbox-nav {
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
height: 100%;
 +
width: 100%;
 +
z-index: 10;
 +
}
 +
#lightbox-container-image-box > #lightbox-nav { left: 0; }
 +
#lightbox-nav a { outline: none;}
 +
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
 +
width: 49%;
 +
height: 100%;
 +
zoom: 1;
 +
display: block;
 +
}
 +
#lightbox-nav-btnPrev {
 +
left: 0;
 +
float: left;
 +
}
 +
#lightbox-nav-btnNext {
 +
right: 0;
 +
float: right;
 +
}
 +
#lightbox-container-image-data-box {
 +
font: 10px Verdana, Helvetica, sans-serif;
 +
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>
 +
 +
 +
 +
<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://2010.igem.org/wiki/images/a/a9/Cam-Theoback.png');
 +
background-position:top center;
 +
background-repeat:repeat-y
 +
}
 +
 +
</style>
 +
<div id="wrap">
 +
<div id="header"><img align="center" style="margin-bottom:0px; padding:0;" src="http://2010.igem.org/wiki/images/d/d4/CamBillHeaderSq.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>
 +
<div id="left">
 +
 +
</ul> </li>
 +
 +
</ul>
 +
 +
</p>
 +
</div>
 +
<div id="right">
 +
 +
 +
<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="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%;"> 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>
 +
</div>
 +
</div>
 +
 +
 +
<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="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%;">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>.
 +
 +
<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:#fb5c2b;background-image:url('http://2010.igem.org/wiki/images/a/ad/Cam-Gradient-Overlay.png')" class="secheader">Tools</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.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;" >
 +
Gibson<br />Assembly
 +
</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;" />
 +
Ligation<br />Calculator
 +
</a>
 +
</div>
 +
</div>
 +
</div>
 +
 +
</p>
 +
<p>&nbsp;</p>
 +
<p>
 +
<style>
 +
a {color:#386abc ! important}
 +
a {color:{{{linkcolour}}} ! important}
 +
#left a{
 +
    color:#555 ! important;
 +
}
 +
 +
</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;">
 +
<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>
</html>
</html>

Revision as of 20:30, 15 September 2012

Heading.png


absPosition.html




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Team:Cambridge - 2010.igem.org

 

Team:Cambridge

From 2010.igem.org