Team:Copenhagen

From 2012.igem.org

(Difference between revisions)
 
(25 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:Copenhagen/Header}}
{{:Team:Copenhagen/Header}}
<html>
<html>
-
<table id="graa" cellpadding=10px><td width="660px" height="100%" valign="top" ><p align="justify"><h2 padding-left="10px">iGEM 2012: Copenhagen</h2>
+
<head>
-
<!---------------------------------------------->
+
<table id="graa" cellspacing=20px><td width="660px" height="100%" valign="top" >
-
<!-- START OF CODE FOR LAMELLA-SLIDESHOW -->
+
<div>
-
<!---------------------------------------------->
+
<script type="text/javascript">
-
<!-- START OF MESSAGE-STYLE CONFIGURATION -->
+
/***********************************************
-
<style>
+
* Conveyor belt slideshow script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
 +
* This notice MUST stay intact for legal use
 +
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
 +
***********************************************/
-
/* Set the border and shadow around the slideshow */
 
-
.borderandshadowstyle {
 
-
/* shadow for Firefox */
 
-
-moz-box-shadow: 5px 5px 8px #818181;
 
-
/* shadow for Safari and Chrome */
+
//Specify the slider's width (in pixels)
-
-webkit-box-shadow: 5px 5px 8px #818181;
+
var sliderwidth="660px"
 +
//Specify the slider's height
 +
var sliderheight="371px"
 +
//Specify the slider's slide speed (larger is faster 1-10)
 +
var slidespeed=2
 +
//configure background color:
 +
slidebgcolor="#999999"
-
/* shadow for Opera */
+
//Specify the slider's images
-
box-shadow: 5px 5px 5px #818181;
+
var leftrightslide=new Array()
 +
var finalslide=''
 +
leftrightslide[0]='<img src="https://static.igem.org/mediawiki/2012/9/95/Cop_slide1.jpg" border=1></a>'
 +
leftrightslide[1]='<img src="https://static.igem.org/mediawiki/2012/c/c8/Cop_slide2.jpg" border=1></a>'
 +
leftrightslide[2]='<img src="https://static.igem.org/mediawiki/2012/0/0e/Cop_slide5.jpg" border=1></a>'
 +
leftrightslide[3]='<img src="https://static.igem.org/mediawiki/2012/f/f7/Cop_slide7.jpg" border=1></a>'
 +
leftrightslide[4]='<img src="https://static.igem.org/mediawiki/2012/2/2c/Cop_slide6.jpg" border=1></a>'
 +
leftrightslide[5]='<img src="https://static.igem.org/mediawiki/2012/b/b1/Cop_slide10.jpg" border=1></a>'
 +
leftrightslide[6]='<img src="https://static.igem.org/mediawiki/2012/c/c7/Cop_slide3.jpg" border=1></a>'
 +
leftrightslide[7]='<img src="https://static.igem.org/mediawiki/2012/0/06/Cop_slide9.jpg" border=1></a>'
 +
leftrightslide[8]='<img src="https://static.igem.org/mediawiki/2012/f/fd/Cop_slide4.jpg" border=1></a>'
-
/* border for all browsers */
+
//Specify gap between each image (use HTML):
-
border-style:solid;
+
var imagegap=" "
-
border-width:1px;
+
-
border-color:white;
+
-
}
+
-
/* Set the attributes of the messagebox */
+
//Specify pixels gap between each slideshow rotation (use integer):
-
.messageboxstyle {
+
var slideshowgap=0
-
background-color:black;
+
-
opacity:0.5; /* Set the opacity for Firefox, Opera and Chrome (value may range from 0 - 1) */
+
-
filter:alpha(opacity=50); /* Set the opacity for Internet Explorer (value may range from 1 - 100) */
+
-
padding:3px;
+
-
}
+
-
/* Set the position of the messagebox */
 
-
.messagealignstyle {
 
-
vertical-align:bottom; /* Set the vertical position (top or middle or bottom) */
 
-
text-align:center; /* Set the gorizontal position (left or center or right) */
 
-
}
 
-
/* Set the font-attributes */
+
////NO NEED TO EDIT BELOW THIS LINE////////////
-
a.messagefontstyle {
+
-
font-family:Arial;
+
-
font-size:8pt;
+
-
color:white;
+
-
text-decoration:none;
+
-
}
+
-
</style>
+
var copyspeed=slidespeed
-
<!-- END OF MESSAGE-STYLE CONFIGURATION -->
+
leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</nobr>'
 +
var iedom=document.all||document.getElementById
 +
if (iedom)
 +
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')
 +
var actualwidth=''
 +
var cross_slide, ns_slide
-
<script>
+
function fillup(){
-
<!-- Beginning of JavaScript -
+
if (iedom){
-
 
+
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
-
// CREDITS:
+
cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
-
// Slideshow with with lamellar effect
+
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
-
// by Peter Gehrig
+
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
-
// Copyright (c) 2010 Peter Gehrig. All rights reserved.
+
cross_slide2.style.left=actualwidth+slideshowgap+"px"
-
// Permission given to use the script provided that this notice remains as is.
+
}
-
// Additional scripts can be found at http://www.fabulant.com
+
else if (document.layers){
-
 
+
ns_slide=document.ns_slidemenu.document.ns_slidemenu2
-
// IMPORTANT:
+
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
-
// If you add this script to a script-library or script-archive
+
ns_slide.document.write(leftrightslide)
-
// you have to add a link to http://www.fabulant.com on the webpage
+
ns_slide.document.close()
-
// where this script will be running.
+
actualwidth=ns_slide.document.width
-
 
+
ns_slide2.left=actualwidth+slideshowgap
-
// CONFIGURATION:
+
ns_slide2.document.write(leftrightslide)
-
// Go to http://www.fabulant.com and get the original code
+
ns_slide2.document.close()
-
// with step-by-step instructions and copy-and-paste installation.
+
}
-
 
+
lefttime=setInterval("slideleft()",30)
-
var picture= [
+
-
 
+
-
/////////////////////////////////////////////////////////////////////////
+
-
// START OF SCRIPT-CONFIGURATION
+
-
/////////////////////////////////////////////////////////////////////////
+
-
 
+
-
// Configure the URL (path) of the pictures, the corresponding messages and links below
+
-
// Add as many pictures a you like.
+
-
// You may embed simple HTML-Tags into the message
+
-
{
+
-
src : "https://static.igem.org/mediawiki/2012/9/95/Cop_slide1.jpg", // The URL (path) of picture
+
-
mes : "The Biocenter at KU.", // The message (comment), in this sample with embedded HTML-tag
+
-
url : "#" // The link (where you go when you click on the message)
+
-
}, // Comma required
+
-
 
+
-
{
+
-
src : "https://static.igem.org/mediawiki/2012/c/c7/Cop_slide3.jpg",
+
-
mes : "Loading a Gel.",
+
-
url : "#"
+
-
}, // Comma required
+
-
 
+
-
{
+
-
src : "https://static.igem.org/mediawiki/2012/c/c8/Cop_slide2.jpg",
+
-
mes : "Cutting bands out of Gel.",
+
-
url : "#"
+
-
}, // Comma required
+
-
 
+
-
{
+
-
src : "https://static.igem.org/mediawiki/2012/f/fd/Cop_slide4.jpg",
+
-
mes : "RFP expression in E. coli",
+
-
url : "#"
+
-
} // ATTENTION: the last bracket requires no comma!!!
+
-
 
+
-
]
+
-
 
+
-
// target of the picture-links ("_blank", "_top", "_self", "_parent" or "nameOfYourFrame")
+
-
var target_url="_blank"
+
-
+
-
// number of lamellas.
+
-
var x_slices=11
+
-
 
+
-
// width of slideshow (pixels)
+
-
var slideshow_width=660
+
-
 
+
-
// height of slideshow (pixels)
+
-
var slideshow_height=350
+
-
 
+
-
// pause beween the pictures (seconds)
+
-
var pause=4
+
-
 
+
-
/////////////////////////////////////////////////////////////////////////
+
-
// END OF SCRIPT-CONFIGURATION
+
-
/////////////////////////////////////////////////////////////////////////
+
-
 
+
-
// Do not edit below this line
+
-
 
+
-
var imgpreload=new Array()
+
-
for (iii=0;iii<=picture.length-1;iii++) {
+
-
imgpreload[iii]=new Image()
+
-
imgpreload[iii].src=picture[iii].src
+
}
}
 +
window.onload=fillup
-
var picturewidth
+
function slideleft(){
-
var pictureheight
+
if (iedom){
-
var i_loop=0
+
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
-
var i_picture=0
+
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"
-
var width_slice
+
else
-
var cliptop=0
+
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowgap+"px"
-
var clipbottom
+
-
var i_clipright=1
+
-
var contentimg=""
+
-
var contentmes=""
+
-
pause=pause*1000
+
 +
if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
 +
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"
 +
else
 +
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowgap+"px"
-
function initiate() {
 
-
getcontent()
 
-
for (i=0;i<=x_slices;i++) {
 
-
    var thisinnersimg=eval("document.getElementById('s"+i+"')")
 
-
var thisinnersmes=eval("document.getElementById('t"+i+"')")
 
-
thisinnersimg.innerHTML=contentimg
 
-
thisinnersmes.innerHTML=contentmes
 
-
var thissimg=eval("document.getElementById('s"+i+"').style")
 
-
thissimg.left=0+"px"
 
-
thissimg.top=0+"px"
 
-
var thissmes=eval("document.getElementById('t"+i+"').style")
 
-
thissmes.left=0+"px"
 
-
thissmes.top=0+"px"
 
-
  }
 
-
var thisspan=eval("document.getElementById('s0')")
 
-
width_slice=Math.ceil(slideshow_width/x_slices)
 
-
clipbottom=slideshow_height
 
-
document.getElementById("whole").style.left=0+"px"
 
-
document.getElementById("whole").style.top=0+"px"
 
-
i_picture++
 
-
openlamellar()
 
}
}
 +
else if (document.layers){
 +
if (ns_slide.left>(actualwidth*(-1)+8))
 +
ns_slide.left-=copyspeed
 +
else
 +
ns_slide.left=ns_slide2.left+actualwidth+slideshowgap
-
function openlamellar() {
+
if (ns_slide2.left>(actualwidth*(-1)+8))
-
clipleft=-width_slice
+
ns_slide2.left-=copyspeed
-
clipright=0
+
else
-
    if (i_clipright<=width_slice) {
+
ns_slide2.left=ns_slide.left+actualwidth+slideshowgap
-
        for (i=0;i<=x_slices;i++) {
+
-
            var thissimg=eval("document.getElementById('s"+i+"').style")
+
-
var thissmes=eval("document.getElementById('t"+i+"').style")
+
-
            thissimg.clip ="rect("+cliptop+"px "+clipright+"px "+clipbottom+"px "+clipleft+"px)"
+
-
thissmes.clip ="rect("+cliptop+"px "+clipright+"px "+clipbottom+"px "+clipleft+"px)"
+
-
            clipleft+=width_slice
+
-
            clipright=clipleft+i_clipright
+
-
}
+
-
    i_clipright++
+
-
    var timer=setTimeout("openlamellar()",20)
+
-
  }
+
-
  else {
+
-
clearTimeout(timer)
+
-
document.getElementById("whole").innerHTML="<span style='position:absolute;top:0px;left:0px'>"+contentimg+"</span><span style='position:absolute;top:0px;left:0px'>"+contentmes+"</span>"
+
-
var timer=setTimeout("changepicture()",pause)
+
-
}
+
}
}
-
 
-
function getcontent() {
 
-
contentimg="<table cellpadding=0 cellspacing=0 border=0 width="+slideshow_width+" height="+slideshow_height+"><tr><td width="+slideshow_width+" height="+slideshow_height+"'><img src="+picture[i_picture].src+" border=0 width="+slideshow_width+" height="+slideshow_height+"></td></tr></table>"
 
-
contentmes="<table cellpadding=0 cellspacing=0 border=0 width="+slideshow_width+" height="+slideshow_height+"><tr valign=top><td class='messagealignstyle'><div class='messageboxstyle' style='width:"+slideshow_width+"px;'><a class='messagefontstyle' href='"+picture[i_picture].url+"' target='"+target_url+"'>"+picture[i_picture].mes+"</a></div></td></tr></table>"
 
}
}
-
function changepicture() {
 
-
i_clipright=0
 
-
clipleft=0
 
-
clipright=0
 
-
for (i=0;i<=x_slices;i++) {
 
-
      var thiss=eval("document.getElementById('s"+i+"').style")
 
-
    thiss.clip ="rect("+cliptop+"px "+clipright+"px "+clipbottom+"px "+clipleft+"px)"
 
-
}
 
-
if (i_picture>picture.length-1) {i_picture=0}
 
-
getcontent()
 
-
for (i=0;i<=x_slices;i++) {
+
if (iedom||document.layers){
-
        var thisinnersimg=eval("document.getElementById('s"+i+"')")  
+
with (document){
-
var thisinnersmes=eval("document.getElementById('t"+i+"')")
+
document.write('<table border="1" cellspacing="0" cellpadding="0"><td>')
-
        thisinnersimg.innerHTML=contentimg
+
if (iedom){
-
thisinnersmes.innerHTML=contentmes
+
write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')
-
    }
+
write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')
-
i_picture++
+
write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>')
-
openlamellar()
+
write('<div id="test3" style="position:absolute;left:-1000px;top:0px"></div>')
 +
write('</div></div>')
 +
}
 +
else if (document.layers){
 +
write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')
 +
write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
 +
write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
 +
write('</ilayer>')
 +
}
 +
document.write('</td></table>')
}
}
-
 
-
document.write("<div class='borderandshadowstyle' style='position:relative;width:"+slideshow_width+"px;height:"+slideshow_height+"px;overflow:hidden'>")
 
-
document.write("<span id='whole' style='position:absolute;top:0px;left:0px;width:"+slideshow_width+"px;height:"+slideshow_height+"px;'></span>")
 
-
for (i=0;i<=x_slices;i++) {
 
-
document.write("<span id='s"+i+"' style='position:absolute;top:0px;left:0px;width:"+slideshow_width+"px;height:"+slideshow_height+"px;'></span>")
 
-
document.write("<span id='t"+i+"' style='position:absolute;top:0px;left:0px;width:"+slideshow_width+"px;height:"+slideshow_height+"px;'></span>")
 
}
}
-
document.write("</div>")
 
-
document.close()
 
-
window.onload=initiate
 
-
 
-
// - End of JavaScript - -->
 
</script>
</script>
-
<!---------------------------------------------->
+
</div>
-
<!-- END OF CODE FOR LAMELLA-SLIDESHOW -->
+
-
<!---------------------------------------------->
+
-
 
+
<br>
<br>
-
<br>
+
<h2>Welcome to Team Copenhagen 2012!!</h2>
-
Welcome to Team Copenhagen 2012!!  
+
-
In this years project we will produce a construct that allows cyanobacteria to emit light when exposed to darkness for an extended period of time. The advantage of using cyanobacteria over other model organisms, such as E. coli, is that cyanobacteria do not require glucose for growth, but fixate CO2 in the atmosphere.  
+
In this years project we will produce a construct that allows cyanobacteria to emit light when exposed to darkness for an extended period of time. The advantage of using cyanobacteria over other model organisms, such as <i>E. coli</i>, is that cyanobacteria do not require glucose for growth, but fixate CO<sub>2</sub> in the atmosphere.  
Promoters that are normally controlling genes involved in the circadian rhythm of cyanobacteria will, in our construct, be associated with a luciferase gene casette containing all the enzymes necessary for the deployment of biologically generated light.
Promoters that are normally controlling genes involved in the circadian rhythm of cyanobacteria will, in our construct, be associated with a luciferase gene casette containing all the enzymes necessary for the deployment of biologically generated light.
The result is a sustainable system in which cyanobacteria per day will synthesize the components necessary for the production of light during periods with light and consume them in darkness under emission of light.</p>
The result is a sustainable system in which cyanobacteria per day will synthesize the components necessary for the production of light during periods with light and consume them in darkness under emission of light.</p>
 +
<br>
 +
<br>
 +
 +
<img src="https://static.igem.org/mediawiki/2012/b/b1/Team.JPG" align="center" width="660px" style="border:1px solid black;">
-
<td width="182px" valign="top">
+
<td width="182px" valign="top"><p align="justify">
-
<a href="https://igem.org/Team.cgi?id=770"><img src="https://static.igem.org/mediawiki/2012/7/75/IGEM_Copenhagen_Logo.jpg" align="center" width="250" style="border:1px solid black;"><p align="center" color="#999999">Copenhagen Official Team Profile</p></a>
+
<a href="https://igem.org/Team.cgi?id=770"><img src="https://static.igem.org/mediawiki/2012/7/75/IGEM_Copenhagen_Logo.jpg" align="center" width="235" style="border:1px solid black;"><p align="center" color="#999999">Copenhagen Official Team Profile</p></a>
</td>
</td>
</table>
</table>
-
<table id="graa" cellpadding=20px><td width="660px" height="100%" valign="top" ><p align="justify"><h2>Sponsors</h2>
+
<table id="graa" cellpadding=20px><td width="970px" height="100%" valign="top" ><p align="justify"><h2>Sponsors</h2>
<img src="https://static.igem.org/mediawiki/2012/d/d9/Novozymes_lille.jpg"
<img src="https://static.igem.org/mediawiki/2012/d/d9/Novozymes_lille.jpg"

Latest revision as of 00:36, 27 September 2012


Welcome to Team Copenhagen 2012!!

In this years project we will produce a construct that allows cyanobacteria to emit light when exposed to darkness for an extended period of time. The advantage of using cyanobacteria over other model organisms, such as E. coli, is that cyanobacteria do not require glucose for growth, but fixate CO2 in the atmosphere. Promoters that are normally controlling genes involved in the circadian rhythm of cyanobacteria will, in our construct, be associated with a luciferase gene casette containing all the enzymes necessary for the deployment of biologically generated light. The result is a sustainable system in which cyanobacteria per day will synthesize the components necessary for the production of light during periods with light and consume them in darkness under emission of light.



Copenhagen Official Team Profile

Sponsors