Team:Bonn/Team

From 2013.igem.org

(Difference between revisions)
 
(45 intermediate revisions not shown)
Line 1: Line 1:
 +
{{Template:Team:Bonn:ownstyle}}
 +
{{Template:Team:Bonn}}
 +
{{Template:Team:Bonn:menu}}
<html>
<html>
-
<head>
+
<div id="page-top">
-
<script>
+
Regulating protein activity is important throughout science. In fundamental science you need to regulate the activity of the protein of intrest to investigate its function.
-
function rollout(id)
+
In Synthetic Biology versatile regulating protein activity allows one to control the function of any constructed system. But eversince it is complicated to regulate protein activity with a good spatiotemporal resolution.
-
{
+
Within our project we aim to engineer a system that enables everyone to easily control the activity of any protein of choice just with light.
-
  var hover;
+
-
  hover = document.getElementById(id).childNodes;
+
-
  for(var i=0, ii = hover.length; i < ii; i++) {
+
-
  if(hover[i].nodeName == "DIV"){ if(hover[i].className == "content-box-text") {
+
-
    $('#'+hover[i].id).stop().animate();
+
-
    $('#'+hover[i].id).animate({height:'300px'},1000);
+
-
    var hover2;
+
-
    hover2 = document.getElementById(hover[i].id).childNodes;
+
-
    for(var a=0, aa = hover2.length; a < aa; a++) {
+
-
      if(hover2[a].nodeName == "SPAN"){
+
-
          if(hover2[a].className == "content-box-hover") {
+
-
            $('#'+hover2[a].id).stop().animate();
+
-
            $('#'+hover2[a].id).animate({opacity:1},500);
+
-
          }
+
-
        if(hover2[a].className == "content-box-more") {
+
-
          $('#'+hover2[a].id).stop().animate();
+
-
          $('#'+hover2[a].id).animate({opacity:0},500);
+
-
        }
+
-
        }
+
-
    }
+
-
  }}
+
-
  if(hover[i].nodeName == "DIV"){ if(hover[i].className == "content-box-sidemenu") {
+
-
    $('#'+hover[i].id).stop().animate();
+
-
    $('#'+hover[i].id).animate({width:50},500);
+
-
  }}
+
-
}
+
-
$('#'+id).stop().animate();
+
-
$('#'+id).animate({height:'300px'},1000);
+
-
}
+
-
function rollin(id)
+
-
{
+
-
var hover;
+
-
hover = document.getElementById(id).childNodes;
+
-
for(var i=0, ii = hover.length; i < ii; i++) {
+
-
  if(hover[i].nodeName == "DIV"){ if(hover[i].className == "content-box-text") {
+
-
    $('#'+hover[i].id).stop().animate();
+
-
    $('#'+hover[i].id).animate({height:'200px'},1000);
+
-
    var hover2;
+
-
    hover2 = document.getElementById(hover[i].id).childNodes;
+
-
    for(var a=0, aa = hover2.length; a < aa; a++) {
+
-
      if(hover2[a].nodeName == "SPAN"){
+
-
        if(hover2[a].className == "content-box-more") {
+
-
          $('#'+hover2[a].id).stop().animate();
+
-
          $('#'+hover2[a].id).animate({opacity:1},500);
+
-
        }
+
-
          if(hover2[a].className == "content-box-hover") {
+
-
            $('#'+hover2[a].id).stop().animate();
+
-
            $('#'+hover2[a].id).animate({opacity:0},500);
+
-
          }
+
-
        }
+
-
    }
+
-
  }}
+
-
  if(hover[i].nodeName == "DIV"){ if(hover[i].className == "content-box-sidemenu") {
+
-
    $('#'+hover[i].id).stop().animate();
+
-
    $('#'+hover[i].id).animate({width:00},500);
+
-
  }}
+
-
  }
+
-
$('#'+id).stop().animate();
+
-
$('#'+id).animate({height:'200px'},1000);
+
-
document.getElementById(id).style.fontWeight = "normal";
+
-
}
+
-
function fadein()
+
-
{
+
-
$('.menu-button').animate({height:'20px'},500);
+
-
}
+
-
function fadeout()
+
-
{
+
-
$('.menu-button').stop().animate();
+
-
$('.menu-button').animate({height:'0px'},500);
+
-
$('.menu-button').fadeOut(1);
+
-
}
+
-
</script>
+
-
</head>
+
-
<style type="text/css">
+
-
#page{
+
-
margin:0;
+
-
padding:0;
+
-
}
+
-
#menu{
+
-
color:#000000;
+
-
margin:0 auto;
+
-
border-width: 5px 0 0 0;
+
-
border-style:solid;
+
-
border-color:black;
+
-
padding: 0 0 1px 0;
+
-
width:900px;
+
-
height:50px;
+
-
}
+
-
#menu a{
+
-
color:#000000;
+
-
padding: 5px;
+
-
}
+
-
.menu-button{
+
-
float:left;
+
-
margin-right: 10px;
+
-
font-size: 15px;
+
-
background-color:grey;
+
-
text-weight:bold;
+
-
}
+
-
#content {
+
-
margin:0 auto;
+
-
padding:0;
+
-
}
+
-
#content-top{
+
-
<!-- border-style:solid;
+
-
border-width:1px; -->
+
-
width:690px;
+
-
height:100px;
+
-
margin:0 auto;
+
-
font-size:14px;
+
-
text-align: center;
+
-
}
+
-
.content-box-more{
+
-
font-weight:normal;
+
-
}
+
-
.content-row{
+
-
<!-- border-style:solid;
+
-
border-width:1px; -->
+
-
padding:20px;
+
-
height:340px;
+
-
margin:0 auto;
+
-
align:center;
+
-
width:800px;
+
-
}
+
-
.content-box{
+
-
float:left;
+
-
height:200px;
+
-
border-style:solid;
+
-
border-width:1px;
+
-
color:#ffffff;
+
-
margin:0 20px 0 20px;
+
-
text-align:center;
+
-
border-radius:10px;
+
-
opacity:0.75;
+
-
font-weight:normal;
+
-
}
+
-
.content-box-sidemenu{
+
-
float:right;
+
-
width:0px;
+
-
}
+
-
.content-box-text{
+
-
float:left;
+
-
width:300px;
+
-
background-color:grey;
+
-
height:200px;
+
-
opacity:1;
+
-
}
+
-
.content-box-hover{
+
-
margin:0 auto;
+
-
padding:10px;
+
-
opacity:0;
+
-
}
+
-
.content-box-more{
+
-
color:#ffffff;
+
-
}
+
-
.mw-headline{
+
-
color:#ffffff;
+
-
}
+
-
.editsection{
+
-
color:#ffffff;
+
-
}
+
-
</style>
+
-
</html>
+
-
<html>
+
-
<body  onload="fadeout()">
+
-
<div id="page">
+
-
<div id="menu" onmouseover="fadein(this.id)" onmouseout="fadeout(this.id)">
+
-
<div id="Home" align="center" class="menu-button">
+
-
</html> [[Team:Bonn|Home]] <html>
+
-
</div>
+
-
<div id="Team" class="menu-button">
+
-
</html> [[Team:Bonn/Team|Team]] <html>
+
-
</div>
+
-
<div id="profile" align="center" class="menu-button">
+
-
</html> [https://igem.org/Team.cgi?year=2013&team_name=Bonn Official Team Profile] <html>
+
-
</div>
+
-
<div id="project" class="menu-button">
+
-
</html> [[Team:Bonn/Project|Project]] <html>
+
-
</div>
+
-
<div id="parts" class="menu-button">
+
-
</html> [[Team:Bonn/Parts|Parts Submitted to the Registry]] <html>
+
-
</div>
+
-
<div id="modelling" class="menu-button">
+
-
</html> [[Team:Bonn/Modeling|Modeling]] <html>
+
-
</div>
+
-
<div id="notebook" class="menu-button">
+
-
</html> [[Team:Bonn/Notebook|Notebook]] <html>
+
-
</div>
+
-
<div id="safety" class="menu-button">
+
-
</html> [[Team:Bonn/Safety|Safety]] <html>
+
-
</div>
+
-
<div id="attributions" class="menu-button">
+
-
</html> [[Team:Bonn/Attributions|Attributions]] <html>
+
-
</div>
+
-
</div>
+
-
<div id="page">
+
-
<div id="content">
+
-
<div id="content-top">
+
-
Describe the goals, opportunities and advantages of our project!
+
</div>
</div>
-
<div class="content-row" id="content-row1">
+
<div class="page-row" id="page-row1">
-
  <div class="content-box" id="content-box1" onmouseover="rollout(this.id)" onmouseout="rollin(this.id)">
+
  <div class="page-box" id="page-box1">
-
   <div class="content-box-sidemenu" id="content-box1-sidemenu">
+
   <div class="page-box-sidetext-left" id="page-box1-sidetext">
   </div>
   </div>
-
   <div class="content-box-text" id="content-box1-text">
+
   <div class="page-box-pic-right" id="page-box1-pic">
-
    <span class="content-box-more" id="content-box1-more">more...</span>
+
-
    <span class="content-box-hover" id="content-box1-hover">you will only see this information wenn you want to</span>
+
   </div>
   </div>
-
  </div> <!-- close content-box1 -->
+
  </div> <!-- close page-box1 -->
-
  <div class="content-box" id="content-box2" onmouseover="rollout(this.id)" onmouseout="rollin(this.id)">  
+
  <div class="page-box" id="page-box2">
-
   <div class="content-box-sidemenu" id="content-box2-sidemenu">
+
   <div class="page-box-sidetext-right" id="page-box2-sidetext">
   </div>
   </div>
-
   <div class="content-box-text" id="content-box2-text">
+
   <div class="page-box-pic-left" id="page-box2-pic">
-
  <span class="content-box-more" id="content-box2-more">more...</span>
+
-
  <span class="content-box-hover" id="content-box2-hover">
+
-
  you will only see this information wenn you want to
+
-
  </span>
+
   </div>
   </div>
-
  </div> <!-- close content-box2 -->
+
  </div> <!-- close page-box2 -->
</div>
</div>
-
<div class="content-row" id="content-row2">
+
<div class="page-row" id="page-row2">
-
  <div class="content-box" id="content-box3" onmouseover="rollout(this.id)" onmouseout="rollin(this.id)">  
+
  <div class="page-box" id="page-box3">
-
   <div class="content-box-sidemenu" id="content-box3-sidemenu">
+
   <div class="page-box-sidetext-left" id="page-box3-sidetext">
   </div>
   </div>
-
   <div class="content-box-text" id="content-box3-text">
+
   <div class="page-box-pic-right" id="page-box3-pic">
-
  <span class="content-box-more" id="content-box3-more">more...</span>
+
-
  <span class="content-box-hover" id="content-box3-hover">
+
-
  you will only see this information wenn you want to
+
-
  </span>
+
   </div>
   </div>
-
  </div> <!-- close content-box3 -->
+
  </div> <!-- close page-box3 -->
-
  <div class="content-box" id="content-box4" onmouseover="rollout(this.id)" onmouseout="rollin(this.id)">  
+
  <div class="page-box" id="page-box4">
-
   <div class="content-box-sidemenu" id="content-box4-sidemenu">
+
   <div class="page-box-sidetext-right" id="page-box4-sidetext">
   </div>
   </div>
-
   <div class="content-box-text" id="content-box4-text">
+
   <div class="page-box-pic-left" id="page-box4-pic">
-
  <span class="content-box-more" id="content-box4-more">more</span>
+
-
  <span class="content-box-hover" id="content-box4-hover">
+
-
  you will only see this information wenn you want to
+
-
  </span>
+
   </div>
   </div>
-
  </div> <!-- close content-box4 -->
+
  </div> <!-- close page-box4 -->
-
</div> <!-- close content-row1 -->
+
</div> <!-- close page-row1 -->
-
</div> <!-- close content -->
+
<div class="page-bottom">
 +
  <div class="page-bottom-sponsors">
 +
  <div class="bottom-headline">Sponsors</br></div>
 +
  <img src="https://static.igem.org/mediawiki/2013/b/bf/Bonn_sponsors_Ella.jpg" class="bottom-sponsor" id="sponsor-ella">
 +
  <img src="https://static.igem.org/mediawiki/2013/3/36/Bonn_sponsors_eppendorf.jpg" class="bottom-sponsor" id="sponsor-eppendorf">
 +
  <img src="https://static.igem.org/mediawiki/2013/3/34/Bonn_sponsors_MN.png" class="bottom-sponsor" id="sponsor-mn">
 +
  <img src="https://2013.igem.org/File:Bonn_Sponsors_Roth.png" class="bottom-sponsor" id="sponsor-roth">
 +
  <img src="https://static.igem.org/mediawiki/2013/a/a4/Bonn_sponsors_uniBonn.png" class="bottom-sponsor" id="sponsor-unibonn">
 +
  <img src="https://static.igem.org/mediawiki/2013/7/79/Bonn_sponsors_limes.gif" class="bottom-sponsor" id="sponsor-unibonn">
 +
  </div>
 +
</div> <!-- close page-bottom -->
</div> <!-- close page -->
</div> <!-- close page -->
</body>
</body>
 +
<script>
 +
for(var a,a=1;a<5;a++)
 +
{
 +
  sidetextFade("page-box"+a);
 +
}
 +
</script>
</html>
</html>

Latest revision as of 13:26, 23 April 2013

This template was deleted!

Regulating protein activity is important throughout science. In fundamental science you need to regulate the activity of the protein of intrest to investigate its function. In Synthetic Biology versatile regulating protein activity allows one to control the function of any constructed system. But eversince it is complicated to regulate protein activity with a good spatiotemporal resolution. Within our project we aim to engineer a system that enables everyone to easily control the activity of any protein of choice just with light.
Sponsors

Retrieved from "http://2013.igem.org/Team:Bonn/Team"