Team:NYC Software/Templates/boxes

From 2011.igem.org

(Difference between revisions)
 
(12 intermediate revisions not shown)
Line 14: Line 14:
<div id='center'>
<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 studied genes responsible for radiation resistance in <a style="color:#6bbe00 !important" href="https://2011.igem.org/Team:NYC_Software/Deinococcus">Deinococcus</a> and E. coli. Our approach was to use both genome sequencing and molecular biology experiments. We were able to get at our answer by using <a style="color:#6bbe00 !important" href="https://2011.igem.org/Team:NYC_Software/RNA-seq">RNA-seq</a> to study the genetic correlations of species' radiation responses and by <a style="color:#6bbe00 !important" href="https://2011.igem.org/Team:NYC_Wetware/Cloning">cloning</a> genes from the literature.  
+
<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>
-
<div id="cbox" style="float:left; height:250px;  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">Team Philosophy</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%;">Our team is based at Weill Cornell Medical College, but consists of undergraduates from a wide variety of New York City universities. <br /><br />Insert Images of Universities Here.
+
<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.nysynbio.org/cgi/Parts_Explorer.html" id="leftbox" style="background:url('IMAGE URL HERE'); 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 />
-
Registry<br />Parts Explorer
+
</a>
</a>
-
<a href="http://www.nysynbio.org/cgi/Biobrick_primers.cgi" id="rightbox" style="background:url('IMAGE URL HERE'); 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">
-
New Part<br />Wizard
+
Primer Design
</a>
</a>
</div>
</div>

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.