Team:NYC Software/Templates/boxes

From 2011.igem.org

(Difference between revisions)
(Created page with "<html> <div id="leftbox" style="float:left; height:200px; width:242px;" class="tophome"> <div id="lefttop" style="background:#96d446; background-image:url('https://2010.igem.org...")
 
(16 intermediate revisions not shown)
Line 1: Line 1:
 +
<!-- this template is a cannabilized version of Cambridge 2010's Boxes template -->
 +
<html>
<html>
 +
<style type="text/css">
 +
 +
#center {
 +
      padding-left: 0px;
 +
      margins: auto;
 +
}
 +
 +
</style>
 +
 +
<div id='center'>
<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('https://static.igem.org/mediawiki/2010/a/ad/Cam-Gradient-Overlay.png');" class="secheader">Abstract</div>
+
<div id="lefttop" style="background:#F36D21; background-image:url('https://static.igem.org/mediawiki/2010/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));  
<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="https://2010.igem.org/Team:Cambridge/Bioluminescence">fireflies</a> and bioluminescent <a style="color:#6bbe00 !important"  href="https://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="https://2010.igem.org/Team:Cambridge/Tools/microMeasure">biosensors</a> and biological <a style="color:#6bbe00 !important" href="https://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%;"> We studied genes responsible for radiation resistance in <a style="color:#6bbe00 !important" href="https://2011.igem.org/Team:NYC_Software/Deinococcus/Deinococcus_Genera">Deinococcus</a> and E. coli using whole genome analysis to compare frequencies of certain D.rad-related genes in experimental genomes.
</div>
</div>
</div>
</div>
Line 11: Line 23:
<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('https://static.igem.org/mediawiki/2010/a/ad/Cam-Gradient-Overlay.png')" class="secheader">Multimedia</div>
+
<div id="ctop" style="background:#2353a1;background-image:url('https://static.igem.org/mediawiki/2010/a/ad/Cam-Gradient-Overlay.png')" class="secheader">Toolsets</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%;">The only way for the new field like synthetic biology to grow is to make it easier for new entrants. We contribute to the field by developing tools that ease biobrick project design and allow iGEMers to take to the wetlab more quickly.
-
 
+
-
<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(https://static.igem.org/mediawiki/2010/e/e9/Opacity9.png) ;");
+
-
newDiv.setAttribute('onclick',";hideOverlay();");
+
-
newDiv.innerHTML='<div style="margin-top:100px; z-index:1000;padding:10px; background:#080808;width:640px; margin-left: auto; margin-right:auto;" onclick="dontclose=true;"><object width="640" height="385"><param name="movie" value="'+youTubeURL+'"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="'+youTubeURL+'" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object></div><a href="#" style="color:white !important; margin-top:20px; font-size:15px;" onclick="hideOverlay()">close</a>';
+
-
$('body')[0].appendChild(newDiv);
+
-
}
+
-
function hideOverlay(){
+
-
if(dontclose){
+
-
dontclose=false;
+
-
}
+
-
else{
+
-
$('body')[0].removeChild($('#GibsonVidOverlay')[0]);
+
-
}
+
-
}
+
-
</script>
+
</div>
</div>
</div>
</div>
 +
 +
<div id="rightbox" style="float:left;  height:200px; margin-left:5px; width:242px;" class="tophome">
<div id="rightbox" style="float:left;  height:200px; margin-left:5px; width:242px;" class="tophome">
-
<div id="rtop" style="background:#fb5c2b;background-image:url('https://static.igem.org/mediawiki/2010/a/ad/Cam-Gradient-Overlay.png')" class="secheader">Tools</div>
+
<div id="rtop" style="background:#f3a721;background-image:url('https://static.igem.org/mediawiki/2010/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));  
<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('https://static.igem.org/mediawiki/2010/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="https://2011.igem.org/Team:NYC_Software/Tools/BLAST" id="leftbox" style="background:url('https://static.igem.org/mediawiki/2011/2/2b/FINALBLASTlowresized150.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;" > <br><br>. <br />
-
Gibson<br />Assembly
+
</a>
</a>
-
<a href="http://www.gibthon.org/ligate.html" id="rightbox" style="background:url('https://static.igem.org/mediawiki/2010/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="https://2011.igem.org/Team:NYC_Software/Tools/Primer_Designer" id="rightbox" style="background:url(''); position:absolute; width:120px; height:100px; left:120px; text-align:center;top:0; background-repeat:no-repeat;display:block;; background-position: center top; color:#e53500 !important;" /><img src="https://static.igem.org/mediawiki/2011/7/74/Producttypeshowcase.Par.11722.Image.135.119.1.gif">
-
Ligation<br />Calculator
+
Primer Design
</a>
</a>
 +
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</html>
</html>

Latest revision as of 00:19, 29 September 2011


Abstract

We studied genes responsible for radiation resistance in Deinococcus and E. coli using whole genome analysis to compare frequencies of certain D.rad-related genes in experimental genomes.

Toolsets

The only way for the new field like synthetic biology to grow is to make it easier for new entrants. We contribute to the field by developing tools that ease biobrick project design and allow iGEMers to take to the wetlab more quickly.