Team:Gothenburg-Sweden/test

From 2010.igem.org

(Difference between revisions)
(New page: <html xmlns="http://www.w3.org/1999/xhtml"> <style type="text/css"> #contentSub { display:none; } #siteSub { display:none; } #search-controls { display:none; } .firstHeading { di...)
 
(123 intermediate revisions not shown)
Line 1: Line 1:
-
+
<html xmlns="http://www.w3.org/1999/xhtml">
-
<html xmlns="http://www.w3.org/1999/xhtml">  
+
<head>
-
+
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
-
<style type="text/css">  
+
<title>Chalmers University of Technology</title>
 +
 
 +
<style type="text/css">
 +
 
 +
/* wiki modificiations start */
#contentSub {
#contentSub {
display:none;
display:none;
}
}
 +
#siteSub {
#siteSub {
-
display:none;
+
display:none;padding:-200px;margin:0;
}
}
-
#search-controls {
 
-
display:none;
 
-
}
 
.firstHeading {
.firstHeading {
-
display:none;
+
display:none;padding:0;margin:0;
}
}
#search-controls {
#search-controls {
-
margin-top:30px;
+
padding-top:10px;
}
}
-
#footer-box {
+
 
-
display:none;
+
 
 +
form {
 +
margin: 0px;
 +
padding: 0px;
}
}
 +
 +
h2 {background:transparent; text-decoration:none;  }
 +
#globalWrapper { background-color: transparent; border: none; margin-bottom: 0px; padding: 0;}
 +
#content { background-color: transparent; border: none; padding: 0; margin-bottom: 0px; width: 100%;}
 +
#bodyContent { border: none; padding:0; margin-bottom:0px; width:100%;}
 +
 +
#top-section { background-color: transparent; height: 20px; margin-top: -30px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; margin-bottom: 0; padding:0; border: none; }
 +
#p-logo {  display: none;}
 +
#search-controls { display:none;}
 +
 +
#menubar.left-menu {width: 400px;  display:block; float:left; margin-top:-50px; border: none;}
 +
#menubar.left-menu ul { border: none;}
 +
#menubar.left-menu a{color:#5698b0;}
 +
#menubar.left-menu a:hover{color:#e6f6fb;}
 +
#menubar.left-menu a:selected{color:#e6f6fb;}
 +
 +
#menubar.right-menu {  width:300px; display:block; float:left; margin-top:-50px; border: none;}
 +
#menubar.right-menu ul {  border: none;}
 +
#menubar.right-menu a{color:#5698b0;}
 +
#menubar.right-menu a:hover{color:#e6f6fb;}
 +
 +
 +
/* wiki modifications end/
 +
 +
 +
 +
 +
/*to be modified */
 +
 +
body {background:url(https://static.igem.org/mediawiki/2010/8/8e/Shadow.png) repeat-y top center;
 +
  padding: 0 0 0 0;
 +
 
 +
    }
a{
a{
     font-family: Arial, Helvetica, sans-serif;
     font-family: Arial, Helvetica, sans-serif;
Line 33: Line 71:
     font-weight:bold;
     font-weight:bold;
     color: #06639e;
     color: #06639e;
-
     text-decoration:underline;
+
     text-decoration:none;
 +
    padding:0;
 +
    margin:0;
}
}
-
+
 
 +
 
a:hover{
a:hover{
 +
padding:0;margin:0;
     text-decoration: underline;
     text-decoration: underline;
-
     color: #000000;
+
     color: #000066;
 +
 
 +
}
}
-
+
 
 +
a:visited{color:#06639E;}
 +
 
*
*
{
{
Line 46: Line 92:
     margin: 0;
     margin: 0;
}
}
-
+
 
-
body
+
 
-
{
+
#all{
-
    font: 12px Arial, Helvetica, sans-serif;
+
  padding:0;
-
    color: #000000;
+
  margin:0;
-
    line-height: 20px;
+
  padding-left:10%;
-
    background: #7dbfd7 url(images/bg.jpg);
+
  background: url(https://static.igem.org/mediawiki/2010/3/3a/Bg.png) top center repeat-y;
-
    background-repeat:repeat-x;
+
}  
-
    background-position: top;
+
 
-
}
+
 
-
+
-
#mainbg{
+
-
    width: 1016px;
+
-
    margin: 0 auto;
+
-
 
+
-
}
+
-
+
-
#main{
+
-
    margin: 0 auto;
+
-
    width: 1016px;
+
-
 
+
-
}
+
-
+
#header{
#header{
-
    height: 306px;
+
  height: 290px;
-
    
+
   background:url(https://static.igem.org/mediawiki/2010/5/50/BannerGo.png) no-repeat;
-
}
+
  margin-left:15px;
   
   
 +
}
 +
 +
#search {height: 30px;}
 +
#myContent{
 +
margin-top: 0px;
-
#content{
 
-
 
}
}
-
+
 
-
+
 
 +
/* left layer starts */
 +
 
#left{
#left{
-
     width:200px;
+
     width:138px;
-
      
+
     padding-left:45px;
     float: left;
     float: left;
-
 
 
}
}
-
+
 
-
#left h2 {
+
.Title1 {
-
     font-family: Arial, Helvetica, sans-serif;
+
     font-family: Comic Sans;
-
     font-weight:normal;
+
     font-weight:600;
-
     color: #ffffff;
+
     color: #fff;
     font-size: 16px;
     font-size: 16px;
     text-align:center;
     text-align:center;
-
     height: 27px;
+
    width:100%;
-
     padding-top: 10px;
+
     height: 30px;
-
     background: url(images/title_left.png);
+
     padding-top: 7px;
 +
    margin-top:7px;
 +
     background: url(https://static.igem.org/mediawiki/2010/a/aa/CatTitle.png);
     background-repeat:no-repeat;
     background-repeat:no-repeat;
     background-position:top left;
     background-position:top left;
}
}
-
+
 
-
#left .company{
+
.left_grad{
-
     padding-top: 10px;
+
   
 +
    background-position: top left;
 +
     padding-top: 0px;
 +
    margin-top: 0px;
}
}
-
+
 
-
.numleft{
+
.categories{
-
     background: url(images/numbg.png);
+
   
-
    background-repeat: no-repeat;
+
     background: url(https://static.igem.org/mediawiki/2010/1/10/CatCon.png) top repeat-y;
-
    background-position: left top;
+
     min-height:100px;
-
    float:left;
+
     border: 1px solid #0485B0;
-
    width: 37px;
+
-
     min-height: 37px;
+
-
     font-family: Arial,Helvetica,sans-serif;
+
-
    font-size: 16px;
+
-
    font-weight: bold;
+
-
    color: #ffffff;
+
-
    text-align: center;
+
-
    margin: 0px 8px 0px 8px;
+
}
}
 +
 +
#news {
 +
  padding-top:0px;
 +
  background: url(https://static.igem.org/mediawiki/2010/1/10/CatCon.png) left top repeat-y;
 +
  min-height:100px;
 +
  border: 1px dotted #0485B0; 
   
   
-
.numleft p{
 
-
    padding-top: 10px;
 
}
}
-
+
#news p{
-
.newsright{
+
     color:#07374E;
-
 
+
-
}
+
-
+
-
#left .read a{
+
-
     color: #06639e;
+
     font-weight:normal;
     font-weight:normal;
-
     font-style: italic;
+
     font-size: 11px;
-
    font-size: 12px;
+
text-align:left;
     text-decoration:none;
     text-decoration:none;
-
     border-bottom: 1px dotted #06639e;
+
      
-
     margin-right: 10px;
+
    padding: 10px 5px 0px 15px;
 +
 +
      
 +
display:block;
}
}
-
+
 
-
.left_grad{
+
#news a:hover {
-
    background: url(images/left_grad.png) repeat-y;
+
border-bottom: 1px dotted #06639e;
-
    background-position: top left;
+
-
+
}
}
-
+
 
-
.left_bg{
+
.categories a{
-
     background: url(images/left_bg.png) repeat-y;
+
     font-family: Arial, Helvetica, sans-serif;
-
     background-position:left;
+
     font-weight:normal;
 +
    color: #0485B0;
 +
    text-decoration: none;
 +
    text-align:left;
 +
    padding: 4px 0px 4px 20px;
 +
    font-size:12px;
 +
    padding-top:5px;
 +
    display:block;
 +
 
}
}
-
+
 
-
.left_bot{
+
.categories a:hover{
-
    background: url(images/left_bot.png) repeat-y;
+
  text-decoration:none;
-
    background-position:left top;
+
 
-
    height: 5px;
+
  font-size:12px;
-
    margin-bottom: 10px;
+
  font-weight:700;
 +
  color: #fff;
 +
  background:url(https://static.igem.org/mediawiki/2010/4/47/CatAhover.png);
}
}
-
+
 
 +
/* left layer ends */
 +
 
 +
 
 +
/* center layer starts */
 +
 
#center{
#center{
-
     width: 596px;
+
     width: 600px;
-
 
+
    padding-left: 20px;
     float: left;
     float: left;
}
}
-
 
#center p{
#center p{
-
 
+
    padding-left:0px;
     padding-right:0px;
     padding-right:0px;
     padding-bottom: 10px;
     padding-bottom: 10px;
   
   
}
}
-
+
 
-
+
    /* menu starts */
-
.text{
+
 
-
 
+
     
-
    background: #ffffff url(images/text_bg.png);
+
        #Title2{
-
    background-position: bottom;
+
 
-
    background-repeat: repeat-x;
+
          height: 40px;
-
     min-height: 64px;
+
          width: 600px;
 +
       
 +
          background: url(https://static.igem.org/mediawiki/2010/5/50/Title_center1.png);
 +
          background-repeat:no-repeat;
 +
          background-position: center;
 +
          }
 +
 
 +
#sddm
 +
{
 +
 
 +
  padding-left:62px;
 +
  padding-top: 0px;
 +
}
 +
 +
#sddm li
 +
{     
 +
list-style: none;
 +
float:left;
 +
text-align:center;
 +
}
 +
 +
 +
#sddm li a
 +
 +
{ display: block;
 +
padding: 0px 0px;
 +
width: 96px;
 +
height:33px;
 +
text-align: center;
 +
text-decoration: none;
 +
font-size:  15px;
 +
font-family: Rockwell;
 +
font-weight:normal;
 +
padding-top:10px;
 +
                       
 +
}
 +
#active {
 +
           
 +
}
 +
#active a{
 +
 
 +
background: url(https://static.igem.org/mediawiki/2010/0/0c/MActive2.png) top center repeat-y;
 +
        color:#FFFFFF;
 +
font:  13px arial !important;
 +
font-weight:600 !important;
 +
}
 +
#sddm li a:hover
 +
{ background: url(https://static.igem.org/mediawiki/2010/0/0c/MActive2.png) top center repeat-y;
 +
color:#fff;
 +
font:  13px arial;
 +
font-weight:600;
 +
}
 +
 +
 +
#sddm div
 +
{ position: absolute;
 +
visibility: hidden;
 +
margin-top: -5px;
 +
                     
 +
padding: 0px;
 +
background: #fff ;
 +
border: 1px solid #9CD2ED ;
 +
}
 +
 +
 +
#sddm div a
 +
{ position: relative;
 +
height:16px;
 +
display: block;
 +
margin: 0px;
 +
padding: 4px 20px;
 +
                                padding-top:auto;
 +
                                padding-bottom:auto;
 +
width:auto;
 +
min-width: 100px;
 +
font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
 +
text-align: left;
 +
text-decoration: none;
 +
background: transparent;
 +
color: #2e6d95;
 +
font-size: 11px ;
 +
border:none;
 +
 +
}
 +
 +
#sddm div a:hover
 +
{ background: #61b5da  url(https://static.igem.org/mediawiki/2010/9/9d/MArrow.png) no-repeat;
 +
 +
color: #FFF;
 +
text-decoration:none;
 +
font:  11px arial;
 +
font-weight:500;
 +
}
 +
 +
/* menu ends */
 +
 +
#text{
 +
     text-align:left;
 +
width:100%;
 +
margin: 0px 10px 10px 20px;
 +
    background: #fff ;
}
}
-
+
 
-
   
+
#text p
-
#center H1{
+
{
 +
  padding: 10px 10px 10px 25px;
 +
  font-family: "Times New Roman";
 +
  font-size:13px;
 +
  line-height:19px;
 +
}
 +
 
 +
.logo{
 +
float:left;
 +
padding: 10px 20px 10px 20px;
 +
  }
 +
 
 +
#text p{color: #07374E;}
 +
 
 +
.read{
 +
    text-align: right;
 +
    padding-bottom:5px;
 +
  /* padding-right: 5px;*/
 +
}
 +
 
 +
#myTitle{
     font-family: Arial, Helvetica, sans-serif;
     font-family: Arial, Helvetica, sans-serif;
     font-weight:normal;
     font-weight:normal;
Line 185: Line 353:
     font-size: 16px;
     font-size: 16px;
     height: 36px;
     height: 36px;
-
     width: 596px;
+
      
     padding-top: 10px;
     padding-top: 10px;
-
text-align:center;
+
    padding-right:-200px;
-
     background: url(images/title_center.png);
+
    margin-left: 20px;
 +
    text-align:center;
 +
     background: url(https://static.igem.org/mediawiki/2010/6/64/Title_center.png) left top;
     background-repeat:no-repeat;
     background-repeat:no-repeat;
-
    background-position: top;
+
 
}
}
-
+
 
-
.read{
+
 
-
    text-align: right;
+
#team {
-
    padding-bottom:5px;
+
padding: 20px 10px 20px 30px;
-
    padding-right: 5px;
+
 
}
}
-
+
 
-
#center .read{
+
/* center ends */
-
     height: 26px;
+
 
-
     padding-top: 3px;
+
/* right starts */
-
     background: url(images/read.png);
+
 
-
    background-repeat: no-repeat;
+
#right{
-
     background-position: top;
+
     width:160px;
 +
     padding-left: 20px;
 +
     /*padding-right: 135px;*/
 +
     float:left;
}
}
-
+
 
-
#center .read a{
+
#right .read a{
-
     color: #ffffff;
+
   
 +
     color: #06639e;
     font-weight:normal;
     font-weight:normal;
     font-style: italic;
     font-style: italic;
     font-size: 12px;
     font-size: 12px;
-
    padding-right: 15px;
 
     text-decoration:none;
     text-decoration:none;
-
+
    border-bottom: 1px #06639e;
 +
    padding-right:10px;
}
}
-
+
 
-
.read a:hover{
+
#right .read a:hover{border-bottom: 1px dotted #06639e;}
-
    text-decoration:underline;
+
 
-
}
+
 
-
+
#lab{
-
#right{
+
-
    width:198px;
+
padding-top:0px;
-
    padding-right: 1px;
+
background: url(https://static.igem.org/mediawiki/2010/1/10/CatCon.png) top left repeat-y;
-
    float:right;
+
min-height:100px;
-
}
+
/*margin-left:30px;*/
-
+
border: 1px dotted #0485B0;
-
#right h2 {
+
}
-
    font-family: Arial, Helvetica, sans-serif;
+
.numleft{
-
     font-weight:normal;
+
background: url(https://static.igem.org/mediawiki/2010/2/22/Numbg1.png);
-
     color: #ffffff;
+
background-repeat: no-repeat;
 +
background-position: left top;
 +
float:right;
 +
width: 37px;
 +
min-height: 37px;
 +
font-family: Arial,Helvetica,sans-serif;
 +
 +
font-weight: bold;
 +
color: #ffffff;
 +
text-align: center;
 +
margin: 25px 8px 0px 8px;
 +
}
 +
 +
 +
.numleft p{
 +
padding-top: 2px;
 +
                          padding-left: 1px;
 +
font-size: 16px;
 +
 +
}
 +
 +
 +
.newsright{
 +
    text-align:left;
 +
margin: 10px 50px 0 10px;
 +
}
 +
 +
.newsright p{
 +
font-size:11px;
 +
            color:#07374E;
 +
            margin-top:7px;
 +
 +
}
 +
 
 +
.Title3 {
 +
    font-family: Comic Sans;
 +
     font-weight:600;
 +
     color: #fff;
     font-size: 16px;
     font-size: 16px;
     text-align:center;
     text-align:center;
-
     height: 27px;
+
     width:100%;
-
     padding-top: 10px;
+
     height: 30px;
-
     background: url(images/title_right.png);
+
    padding-top: 7px;
 +
    margin-top:7px;
 +
margin-left:0px;
 +
     background: url(https://static.igem.org/mediawiki/2010/c/cf/CatTitle1.png) ;
     background-repeat:no-repeat;
     background-repeat:no-repeat;
     background-position:top left;
     background-position:top left;
}
}
-
+
 
-
+
 
-
+
/* right ends */
-
+
 
-
+
 
-
+
/* footer starts */
-
.categories{
+
 
-
+
#myfooter
-
}
+
-
+
-
.categories a{
+
-
    font-weight: normal;
+
-
    color: #000066;
+
-
    text-decoration: none;
+
-
}
+
-
+
-
.categories a:hover{
+
-
    background-color:#2286C9;
+
-
color:#FFFFFF;
+
-
}
+
-
+
-
.categories ul{
+
-
    padding-left: 5px;
+
-
    padding-right: 5px;
+
-
}
+
-
+
-
.categories ul li{
+
-
    list-style: none;
+
-
    padding: 3px 5px 3px 5px;
+
-
    border-bottom: 1px dotted #979797;
+
-
}
+
-
+
-
.recent a{
+
-
    font-weight: normal;
+
-
    color: #000000;
+
-
    text-decoration: none;
+
-
}
+
-
+
-
.recent ul{
+
-
    padding-left: 10px;
+
-
    padding-right: 10px;
+
-
}
+
-
+
-
.recent ul li{
+
-
    list-style: none;
+
-
    padding: 3px 5px 3px 13px;
+
-
    background: url(images/ls1.png);
+
-
    background-repeat: no-repeat;
+
-
    background-position: 0px 11px;
+
-
}
+
-
+
-
#footer
+
{
{
-
     height: 40px;
+
     height: 60px;
     font-size: 10px;
     font-size: 10px;
-
     color: #ffffff;
+
     color: #00456e;
-
     padding-top: 10px;
+
     padding-right:180px;  
-
     text-align: center;
+
      
     clear:both;
     clear:both;
-
    background-position:bottom;
 
-
    background-repeat: no-repeat;
 
-
 
 
-
    margin-top: 1px;
 
-
    padding-bottom: 5px;
 
}
}
-
+
 
-
#footer a{
+
#myfooter p{
-
     color: #ffffff;
+
     color: #fff;
     font-size: 10px;
     font-size: 10px;
     font-weight: normal;
     font-weight: normal;
     text-decoration: none;
     text-decoration: none;
 +
padding-top:0px;
 +
    padding-left:0px; 
 +
bottom:0px;
}
}
-
.padding{
+
 
 +
#myfooter a{
 +
  color: #fff;
 +
    font-size: 11px;
 +
    font-weight: normal;
 +
    text-decoration: none;
 +
  padding-left: 0px;
 +
  margin-top:0px;
 +
  bottom:0;
    
    
-
    color:#FF0000;
 
-
    font-weight: bold;
 
}
}
-
/* level 0 inner */
+
 
-
.m0iout {
+
#myfooter a:hover{
-
font-family:  sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;;
+
  text-decoration: underline;
-
font-size: 12 px;
+
-
font-weight:500;
+
-
text-decoration: none;
+
-
margin: 4px 0 0 35px;
+
-
color: #207FF8;
+
}
}
-
.m0iover {
+
 
-
font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;;
+
/* footer ends */
-
font-size: 12px;
+
 
-
text-decoration: underline;
+
 
-
margin: 5px 0 0 40px;
+
 
-
color: #207FF8;
+
</style>
 +
 
 +
 
 +
<script type="text/javascript">
 +
// Copyright 2006-2007 javascript-array.com
 +
 
 +
var timeout = 500;
 +
var closetimer = 1;
 +
var ddmenuitem = 0;
 +
 
 +
// open hidden layer
 +
function mopen(id)
 +
{
 +
// cancel close timer
 +
mcancelclosetime();
 +
 
 +
// close old layer
 +
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
 +
 
 +
// get new layer and show it
 +
ddmenuitem = document.getElementById(id);
 +
ddmenuitem.style.visibility = 'visible';
 +
 
}
}
-
+
// close showed layer
-
/* level 0 outer */
+
function mclose()
-
.m0oout {
+
{
-
text-decoration : none;
+
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
-
background-image: url(img/lev0_bg1.gif);
+
-
border: 1px solid #C4D8EC;
+
-
background-color: #2C5F93;
+
}
}
-
.m0oover {
+
 
-
text-decoration : none;
+
// go close timer
-
background-image: url(img/lev0_bg2.gif);
+
function mclosetime()
-
background-color: #2C5F93;
+
{
-
border: 1px solid #C4D8EC;
+
closetimer = window.setTimeout(mclose, timeout);
}
}
-
+
 
-
+
// cancel close timer
-
/* level 1 inner */
+
function mcancelclosetime()
-
.m1iout {
+
{
-
font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
+
if(closetimer)
-
font-size: 12px;
+
{
-
margin: 2px 0 0 17px;
+
window.clearTimeout(closetimer);
-
color: #FFFFFF;
+
closetimer = null;
-
}
+
-
.m1iover {
+
-
font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
+
-
font-size: 12px;
+
-
margin: 2px 0 0 17px;
+
-
color: #FFFFFF;
+
-
}
+
-
+
-
/* level 1 outer */
+
-
.m1oout {
+
-
text-decoration : none;
+
-
background-color: #4896B7;
+
-
border: 1px solid #336699;
+
-
padding: 0;
+
-
}
+
-
.m1oover {
+
-
text-decoration : none;
+
-
background-color: #0A608D;
+
-
background-image: url(img/lev1_arrow.gif);
+
-
background-repeat: no-repeat;
+
-
border: 1px solid #336699;
+
-
padding: 0;
+
-
}
+
-
+
-
.style2 {color: #FF0000}
+
-
.style3 {
+
-
font-size: 14px;
+
-
color: #8C9AFF;
+
-
}
+
-
+
-
</style>
+
-
+
-
    <head>
+
-
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+
-
        <title>Chalmers</title>
+
-
        <meta name="keywords" content="" />
+
-
        <meta name="description" content="" />
+
-
     
+
-
    </head>
+
-
+
-
+
-
+
-
+
-
+
-
   
+
-
<script language="JavaScript">
+
-
// --------------------------------------------------------------------------------
+
-
// global collection containing all menus on current page
+
-
var A_MENUS = [];
+
-
+
-
// --------------------------------------------------------------------------------
+
-
// menu class
+
-
function menu (a_items, a_tpl) {
+
-
+
-
// browser check
+
-
if (!document.body || !document.body.style)
+
-
return;
+
-
+
-
// store items structure
+
-
this.a_config = a_items;
+
-
+
-
// store template structure
+
-
this.a_tpl = a_tpl;
+
-
+
-
// get menu id
+
-
this.n_id = A_MENUS.length;
+
-
+
-
// declare collections
+
-
this.a_index = [];
+
-
this.a_children = [];
+
-
+
-
// assigh methods and event handlers
+
-
this.expand      = menu_expand;
+
-
this.collapse    = menu_collapse;
+
-
+
-
this.onclick    = menu_onclick;
+
-
this.onmouseout  = menu_onmouseout;
+
-
this.onmouseover = menu_onmouseover;
+
-
this.onmousedown = menu_onmousedown;
+
-
+
-
// default level scope description structure
+
-
this.a_tpl_def = {
+
-
'block_top'  : 16,
+
-
'block_left' : 16,
+
-
'top'        : 20,
+
-
'left'      : 4,
+
-
'width'      : 120,
+
-
'height'    : 22,
+
-
'hide_delay' : 0,
+
-
'expd_delay' : 0,
+
-
'css'        : {
+
-
'inner' : '',
+
-
'outer' : ''
+
-
}
+
-
};
+
-
+
-
// assign methods and properties required to imulate parent item
+
-
this.getprop = function (s_key) {
+
-
return this.a_tpl_def[s_key];
+
-
};
+
-
+
-
this.o_root = this;
+
-
this.n_depth = -1;
+
-
this.n_x = 0;
+
-
this.n_y = 0;
+
-
+
-
// init items recursively
+
-
for (n_order = 0; n_order < a_items.length; n_order++)
+
-
new menu_item(this, n_order);
+
-
+
-
// register self in global collection
+
-
A_MENUS[this.n_id] = this;
+
-
+
-
// make root level visible
+
-
for (var n_order = 0; n_order < this.a_children.length; n_order++)
+
-
this.a_children[n_order].e_oelement.style.visibility = 'visible';
+
-
}
+
-
+
-
// --------------------------------------------------------------------------------
+
-
function menu_collapse (n_id) {
+
-
// cancel item open delay
+
-
clearTimeout(this.o_showtimer);
+
-
+
-
// by default collapse to root level
+
-
var n_tolevel = (n_id ? this.a_index[n_id].n_depth : 0);
+
-
+
-
// hide all items over the level specified
+
-
for (n_id = 0; n_id < this.a_index.length; n_id++) {
+
-
var o_curritem = this.a_index[n_id];
+
-
if (o_curritem.n_depth > n_tolevel && o_curritem.b_visible) {
+
-
o_curritem.e_oelement.style.visibility = 'hidden';
+
-
o_curritem.b_visible = false;
+
-
}
+
}
}
-
 
-
// reset current item if mouse has gone out of items
 
-
if (!n_id)
 
-
this.o_current = null;
 
}
}
-
+
 
-
// --------------------------------------------------------------------------------
+
// close layer when click-out
-
function menu_expand (n_id) {
+
document.onclick = mclose;  
-
+
</script>
-
// expand only when mouse is over some menu item
+
 
-
if (this.o_hidetimer)
+
 
-
return;
+
</head>
-
+
<body>
-
// lookup current item
+
<div id="all">
-
var o_item = this.a_index[n_id];
+
  <div id="search"></div>
-
+
  <div id="header">
-
// close previously opened items
+
-
if (this.o_current && this.o_current.n_depth >= o_item.n_depth)
+
-
this.collapse(o_item.n_id);
+
-
this.o_current = o_item;
+
-
+
-
// exit if there are no children to open
+
-
if (!o_item.a_children)
+
-
return;
+
-
+
-
// show direct child items
+
-
for (var n_order = 0; n_order < o_item.a_children.length; n_order++) {
+
-
var o_curritem = o_item.a_children[n_order];
+
-
o_curritem.e_oelement.style.visibility = 'visible';
+
-
o_curritem.b_visible = true;
+
-
}
+
-
}
+
-
   
+
-
// --------------------------------------------------------------------------------
+
-
function menu_onclick (n_id) {
+
-
var o_item = this.a_index[n_id];
+
-
var s_link = o_item.a_config[1];
+
-
if (!s_link)
+
-
return true;
+
-
if (String(s_link).toLowerCase().indexOf('javascript:') == 0)
+
-
return eval(s_link);
+
-
if (o_item.a_config[2] && o_item.a_config[2]['tw'])
+
-
window.open(s_link, o_item.a_config[2]['tw']);
+
-
else
+
-
window.location = s_link;
+
-
return true;
+
-
}
+
-
+
-
// --------------------------------------------------------------------------------
+
-
function menu_onmouseout (n_id) {
+
-
+
-
// lookup new item's object
+
-
var o_item = this.a_index[n_id];
+
-
+
-
// apply rollout
+
-
o_item.e_oelement.className = o_item.getstyle(0, 0);
+
-
o_item.e_ielement.className = o_item.getstyle(1, 0);
+
-
// update status line
+
   
-
o_item.upstatus(7);
+
 
-
+
  </div>
-
// run mouseover timer
+
-
this.o_hidetimer = setTimeout('A_MENUS['+ this.n_id +'].collapse();',
+
<div id="myContent" align="center">
-
o_item.getprop('hide_delay'));
+
-
}
+
 
-
+
    <div id="left">
-
// --------------------------------------------------------------------------------
+
                         
-
function menu_onmouseover (n_id) {
+
                           
-
+
                             
-
// cancel mouseoute menu close and item open delay
+
                              <div class="Title1">Team</div>
-
clearTimeout(this.o_hidetimer);
+
                              <div class="left_grad">
-
this.o_hidetimer = null;
+
                                  <div class="categories">
-
clearTimeout(this.o_showtimer);
+
                                     
-
+
                                          <a href="https://2010.igem.org/Team:Gothenburg-Sweden/About_us#intro">Introduction</a>
-
// lookup new item's object
+
                                          <a href="https://2010.igem.org/Team:Gothenburg-Sweden/About_us#cth">CHALMERS</a></li>
-
var o_item = this.a_index[n_id];
+
                                          <a href="https://2010.igem.org/Team:Gothenburg-Sweden/About_us#svs">Supervisors</a></li>
-
+
                                          <a href="https://2010.igem.org/Team:Gothenburg-Sweden/About_us#sts">Students</a>
-
// update status line
+
       
-
o_item.upstatus();
+
  </div>
-
+
      </div> 
-
// apply rollover
+
                                <div class="list_border"></div> 
-
o_item.e_oelement.className = o_item.getstyle(0, 1);
+
                       
-
o_item.e_ielement.className = o_item.getstyle(1, 1);
+
                              <div class="Title1">FUSS</div>
-
+
                           
-
// if onclick open is set then no more actions required
+
                                <div class="left_grad">
-
if (o_item.getprop('expd_delay') < 0)
+
                                  <div class="categories">
-
return;
+
                                   
-
+
                                            <a href="#">What's all about?</a>
-
// run expand timer
+
                                            <a href="#">Background</a>
-
this.o_showtimer = setTimeout('A_MENUS['+ this.n_id +'].expand(' + n_id + ');',
+
                                            <a href="#">Protein Fusion</a>
-
o_item.getprop('expd_delay'));
+
                                            <a href="#">Methods</a>
-
+
                                            <a href="#">Preliminary Results</a>
-
}
+
                                       
-
+
                                  </div>
-
// --------------------------------------------------------------------------------
+
                               
-
// called when mouse button is pressed on menu item
+
                                </div>
-
// --------------------------------------------------------------------------------
+
                            <div class="list_border"></div>
-
function menu_onmousedown (n_id) {
+
 
-
+
<SCRIPT language=javascript>
-
// lookup new item's object
+
$("#accordion > li").click(function(){
-
var o_item = this.a_index[n_id];
+
 
-
+
if(false == $(this).next().is(':visible')) {
-
// apply mouse down style
+
$('#accordion > ul').slideUp(300);
-
o_item.e_oelement.className = o_item.getstyle(0, 2);
+
-
o_item.e_ielement.className = o_item.getstyle(1, 2);
+
-
+
-
this.expand(n_id);
+
-
}
+
-
+
-
// --------------------------------------------------------------------------------
+
-
// menu item Class
+
-
function menu_item (o_parent, n_order) {
+
-
+
-
// store parameters passed to the constructor
+
-
this.n_depth  = o_parent.n_depth + 1;
+
-
this.a_config = o_parent.a_config[n_order + (this.n_depth ? 3 : 0)];
+
-
+
-
// return if required parameters are missing
+
-
if (!this.a_config) return;
+
-
+
-
// store info from parent item
+
-
this.o_root    = o_parent.o_root;
+
-
this.o_parent  = o_parent;
+
-
this.n_order  = n_order;
+
-
+
-
// register in global and parent's collections
+
-
this.n_id = this.o_root.a_index.length;
+
-
this.o_root.a_index[this.n_id] = this;
+
-
o_parent.a_children[n_order] = this;
+
-
+
-
// calculate item's coordinates
+
-
var o_root = this.o_root,
+
-
a_tpl  = this.o_root.a_tpl;
+
-
+
-
// assign methods
+
-
this.getprop  = mitem_getprop;
+
-
this.getstyle = mitem_getstyle;
+
-
this.upstatus = mitem_upstatus;
+
-
+
-
this.n_x = n_order
+
-
? o_parent.a_children[n_order - 1].n_x + this.getprop('left')
+
-
: o_parent.n_x + this.getprop('block_left');
+
-
+
-
this.n_y = n_order
+
-
? o_parent.a_children[n_order - 1].n_y + this.getprop('top')
+
-
: o_parent.n_y + this.getprop('block_top');
+
-
+
-
// generate item's HMTL
+
-
document.write (
+
-
'<div id="e', o_root.n_id, '_', this.n_id, 'o" class="', this.getstyle(0, 0), '"',
+
-
(this.a_config[2] && this.a_config[2]['tt'] ? ' title="' + this.a_config[2]['tt'] + '"' : ''),
+
-
' style="position:absolute;top: ', this.n_y, 'px;left:', this.n_x, 'px;width:',
+
-
this.getprop('width'), 'px;height:', this.getprop('height'), 'px;visibility:hidden;',
+
-
' z-index: ', this.n_depth, ';cursor:', (this.a_config[1] ? 'pointer' : 'default'), '" ',
+
-
'onclick="return A_MENUS[', o_root.n_id, '].onclick(', this.n_id,
+
-
');" onmouseout="A_MENUS[', o_root.n_id, '].onmouseout(', this.n_id,
+
-
');" onmouseover="A_MENUS[', o_root.n_id, '].onmouseover(',
+
-
this.n_id, ');" onmousedown="A_MENUS[', o_root.n_id, '].onmousedown(',
+
-
this.n_id, ');"><div id="e', o_root.n_id, '_',
+
-
this.n_id, 'i" class="' ,this.getstyle(1, 0), '">',
+
-
this.a_config[0], "</div></div>"
+
-
);
+
-
+
-
this.e_ielement = document.getElementById('e' + o_root.n_id + '_' + this.n_id + 'i');
+
-
this.e_oelement = document.getElementById('e' + o_root.n_id + '_' + this.n_id + 'o');
+
-
+
-
this.b_visible = !this.n_depth;
+
-
+
-
// no more initialization if leaf
+
-
if (this.a_config.length < 4)
+
-
return;
+
-
+
-
// node specific methods and properties
+
-
this.a_children = [];
+
-
+
-
// init downline recursively
+
-
for (var n_order = 0; n_order < this.a_config.length - 3; n_order++)
+
-
new menu_item(this, n_order);
+
-
}
+
-
+
-
// --------------------------------------------------------------------------------
+
-
// reads property from template file, inherits from parent level if not found
+
-
// ------------------------------------------------------------------------------------------
+
-
function mitem_getprop (s_key) {
+
-
+
-
// check if value is defined for current level
+
-
var s_value = null,
+
-
a_level = this.o_root.a_tpl[this.n_depth];
+
-
+
-
// return value if explicitly defined
+
-
if (a_level)
+
-
s_value = a_level[s_key];
+
-
+
-
// request recursively from parent levels if not defined
+
-
return (s_value == null ? this.o_parent.getprop(s_key) : s_value);
+
-
}
+
-
// --------------------------------------------------------------------------------
+
-
// reads property from template file, inherits from parent level if not found
+
-
// ------------------------------------------------------------------------------------------
+
-
function mitem_getstyle (n_pos, n_state) {
+
-
+
-
var a_css = this.getprop('css');
+
-
var a_oclass = a_css[n_pos ? 'inner' : 'outer'];
+
-
+
-
// same class for all states
+
-
if (typeof(a_oclass) == 'string')
+
-
return a_oclass;
+
-
+
-
// inherit class from previous state if not explicitly defined
+
-
for (var n_currst = n_state; n_currst >= 0; n_currst--)
+
-
if (a_oclass[n_currst])
+
-
return a_oclass[n_currst];
+
-
}
+
-
+
-
// ------------------------------------------------------------------------------------------
+
-
// updates status bar message of the browser
+
-
// ------------------------------------------------------------------------------------------
+
-
function mitem_upstatus (b_clear) {
+
-
window.setTimeout("window.status=unescape('" + (b_clear
+
-
? ''
+
-
: (this.a_config[2] && this.a_config[2]['sb']
+
-
? escape(this.a_config[2]['sb'])
+
-
: escape(this.a_config[0]) + (this.a_config[1]
+
-
? ' ('+ escape(this.a_config[1]) + ')'
+
-
: ''))) + "')", 10);
+
-
}
+
-
+
-
// --------------------------------------------------------------------------------
+
-
// that's all folks
+
-
var MENU_ITEMS =
+
-
[['Home','https://2010.igem.org/Team:Gothenburg-Sweden'],
+
-
['Project', 'https://2010.igem.org/Team:Gothenburg-Sweden/Project', null,
+
-
    ['Description','https://2010.igem.org/Team:Gothenburg-Sweden/Lab_Note', null,
+
-
['Aim','https://2010.igem.org/Team:Gothenburg-Sweden/Project/more#aim', null],
+
-
['Theoretic Background','https://2010.igem.org/Team:Gothenburg-Sweden/Project/more#bkg', null],
+
-
['Methods','https://2010.igem.org/Team:Gothenburg-Sweden/Project/more#method', null],
+
-
['Techniques','https://2010.igem.org/Team:Gothenburg-Sweden/Project/more#tech', null],
+
-
['SNF1 & AMPK','https://2010.igem.org/Team:Gothenburg-Sweden/Project/more#snf1', null],
+
-
['Biobricks','https://2010.igem.org/Team:Gothenburg-Sweden/Project/more#bricks', null],
+
-
['Possible Applications','https://2010.igem.org/Team:Gothenburg-Sweden/Project/more#app', null]],
+
-
['Lab Notes','https://2010.igem.org/Team:Gothenburg-Sweden/Lab_Note'],
+
-
['Results','https://2010.igem.org/Team:Gothenburg-Sweden/Results']],
+
-
['About Us','https://2010.igem.org/Team:Gothenburg-Sweden/About_us'],
+
-
    ['Sponsors','https://2010.igem.org/Team:Gothenburg-Sweden/Sponsors'],
+
-
['Contact Us','https://2010.igem.org/Team:Gothenburg-Sweden/Contact']];
+
-
+
-
+
-
// level scope settins structure
+
-
var MENU_TPL = [
+
-
// root level configuration (level 0)
+
-
{
+
-
// item sizes
+
-
'height': 24,
+
-
'width': 165,
+
-
// absolute position of the menu on the page (in pixels)
+
-
// with centered content use Tigra Menu PRO or Tigra Menu GOLD
+
-
'block_top':  319,
+
-
+
-
// offsets between items of the same level (in pixels)
+
-
'top':  0,
+
-
+
-
// time delay before menu is hidden after cursor left the menu (in milliseconds)
+
-
'hide_delay': 200,
+
-
// submenu expand delay after the rollover of the parent
+
-
'expd_delay': 200,
+
-
// names of the CSS classes for the menu elements in different states
+
-
// tag: [normal, hover, mousedown]
+
-
'css' : {
+
-
'outer' : ['m0oout', 'm0oover'],
+
-
'inner' : ['m0iout ', 'm0iover']
+
}
}
-
},
+
$(this).next().slideToggle(300);
-
// sub-menus configuration (level 1)
+
});
-
// any omitted parameters are inherited from parent level
+
 
-
{
+
$('#accordion > ul:eq(0)').show();
-
'height': 24,
+
 
-
'width': 170,
+
</SCRIPT>
-
// position of the submenu relative to top left corner of the parent item
+
  </div>
-
   
+
     
-
'block_top': 25,
+
 
-
'block_left': 0,
+
<div id="center">
-
'top': 23,
+
 
-
'left': 0,
+
<div id="Title2"><ul id="sddm">
-
'css' : {
+
    <li><a href="https://2010.igem.org/Team:Gothenburg-Sweden">Home</a></li>
-
'outer' : ['m1oout', 'm1oover'],
+
    <li><a href="https://2010.igem.org/Team:Gothenburg-Sweden/Project"
-
'inner' : ['m1iout', 'm1iover']
+
        onmouseover="mopen('m1')"
-
}
+
        onmouseout="mclosetime()"  >Project</a>
-
},
+
        <div id="m1"
-
// sub-sub-menus configuration (level 2)
+
            onmouseover="mcancelclosetime()"
-
{
+
            onmouseout="mclosetime()">
-
'block_top': 5,
+
        <a href="https://2010.igem.org/Team:Gothenburg-Sweden/Project">Description</a>
 +
        <a href="https://2010.igem.org/Team:Gothenburg-Sweden/Lab_Note">Lab Notes</a>
 +
        <a href="https://2010.igem.org/Team:Gothenburg-Sweden/Results">Results</a>
 +
        </div>
 +
    </li>
-
}
+
    <li><a href="https://2010.igem.org/Team:Gothenburg-Sweden/About_us"
-
// the depth of the menu is not limited
+
        onmouseover="mopen('m2')"
-
// make sure there is no comma after the last element
+
        onmouseout="mclosetime()">Team</a>
-
];
+
        <div id="m2"
-
+
            onmouseover="mcancelclosetime()"
-
+
            onmouseout="mclosetime()">
-
new menu (MENU_ITEMS, MENU_TPL);
+
<a href="#">Chalmers University of Technology</a>
-
+
        <a href="#">Supervisors</a>
-
// If you don't see the menu then check JavaScript console of the browser for the error messages
+
        <a href="#">Students</a>
-
// "Variable is not defined" error indicates that there's syntax error in that variable's definition
+
        </div>
-
// or the file with that variable isn't properly linked to the HTML document
+
    </li>
-
//-->
+
 
-
</script>  
+
    <li><a href="https://2010.igem.org/Team:Gothenburg-Sweden/Sponsors">Sponsors</a></li>
 +
    <li id="active"><a href="https://2010.igem.org/Team:Gothenburg-Sweden/Contact">Contact Us</a></li>
 +
</ul>
 +
<div style="clear:both"></div></div>
 +
<div id="text">
 +
</br>
 +
 +
                        <div class="logo"> <img src="https://static.igem.org/mediawiki/2010/a/a5/Chalmers_c_logo.jpg" width="133" height="152" align="left"></div>
 +
                   
 +
                              <p>
 +
                                <strong>CHALMERS UNIVERSITY OF TECHNOLOGY, GOTHENBURG</strong></p>
 +
                       
 +
                              <p>We are a team of 8 students from Chalmers University of Technology    who will represent Gothenburg, SWEDEN in this year’s iGEM competition.    We have started with a promising idea that combines cutting edge    technologies available in the field of Synthetic Biology. Our research    basically aims to constructing an optical reporter mechanism for     cellular stress by tagging the stress activated SNF1 complex in yeast    with fluorescent markers.<br>
 +
                                  <br>
 +
                              The project is performed with two main experimental  pathways: Both  experimental setups will utilize FRET to visualize the  conformational  change that is the result SNF1 activation. The first  approach consists  of fusing fluorescent two proteins, EYFP and ECFP,  with the SNF1  complex. The principal is that when the protein is  activated it  undergoes a conformational change and this should be  indicated by a  change in the FRET-signal. The second approach utilizes  a SAMS-peptide  with fluorescent proteins fused to each end. The  SAMS-peptide will be  phosphorylated by the active SNF1-complex and  undergo a conformational  change that again will be indicated by the  FRET-signal.<br>
 +
  <br>
 +
                                The long term ambition of this project it is to use the  results in  the pharmaceutical industry when performing high-throughput  screening  for new substances or finding the correct drug  concentrations to use.  The yeast cells with the modified SNF1-complex  can be moved through a  micro-fluidic system, gradually exposing them  to an array of substances  or a concentration gradient thereby easily  finding at which  concentration or by what substance the cells are  stressed. <br>
 +
  <br>
 +
                              As of present we have purified the plasmid backbones that   will be  used together with fusion protein insert to transfect the   yeast cells.  The fusion protein primers has arrived and we will start  working with  the fusion PCR as of this week. We have completed the 3D  models of the  fusion proteins and the results look very promising, we  will soon be  able to present docking predictions with the complex.<br>
 +
  <br>
 +
 
 +
<div id="myTitle">Introduction </div>
 +
                             
 +
                       
 +
                       
 +
                            <p><a href="https://2010.igem.org/Team:Gothenburg-Sweden/About_us"><img src="https://static.igem.org/mediawiki/2010/1/1a/Team-gbg.jpg" alt="" align="left" width="174" height="132" style="margin:0 20px 0 0"/> </a><p><span class="style9"><strong>Who we are?</strong> <br/>  
 +
                            Left to right: Per Sunnerhagen, Markus Wilhelmsson, Malin Lindén, Karl Almén Burman, Adnan Kadic, Katarina Risö, Peidi Liu, Goutham Vemuri, Lokeshwaran Manoharan, Kemal Sanli, Julia Fransson </span><br /><br />
 +
                            </p>
 +
                            <p>&nbsp;</p>
 +
                            <p><strong>What we are doing? </strong><br>
 +
                            Synthetic readout of cellular stress</p>
 +
                            <p >The cellular stress is sensed  by a key protein called  AMP-activated  protein kinase (AMPK). The AMPK protein  complex is  conserved among all  eukaryotes, including yeast, plants and humans. </p>
 +
                       
 +
                 
 +
                </div> </div>
-
        <div id="mainbg">
+
-
         
+
-
            <div id="header" align="center">
+
<div id="right">
-
<embed src="fuss2.swf" quality="medium" bgcolor="#ffffff" width="832" height="290" align="top"  name="FUSS2" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
+
                 <div class="Title3">Lab Notes</div>
-
<div id="logo"></div>  
+
-
                 </div>
+
-
+
-
+
-
                <!-- header ends -->
+
-
                <!-- content begins -->
+
-
                <div id="main">
+
-
                    <div id="content">
+
-
                        <div id="right">
+
-
                            <h2>Project</h2>
+
-
                            <div class="left_bg">
+
-
                                <div class="left_grad">
+
-
                                    <div class="categories">
+
-
                                        <ul>
+
-
                                            <li><a href="#">Etiam sit amet nibh</a></li>
+
-
                                            <li><a href="#">Aenean laoreet arcu a lorem</a></li>
+
-
                                            <li><a href="#">Fusce eu lectus diam</a></li>
+
-
                                            <li><a href="#">Sed at nisi eu tellus</a></li>
+
-
                                            <li><a href="#">Vestibulum non justo ac justo</a></li>
+
-
                                            <li><a href="#">Duis ullamcorper purus</a></li>
+
-
                                            <li><a href="#">Lorem ipsum dolor</a></li>
+
-
                                        </ul>
+
-
                                    </div>
+
-
                                </div>
+
-
                            </div>
+
-
                            <div class="right_bot"></div>
+
-
+
-
                            <h2>Testimonials</h2>
+
-
                            <div class="left_bg">
+
-
                                <div class="left_grad">
+
-
                                    <div class="categories">
+
-
                                        <ul>
+
-
                                            <li><a href="#">Quisque laoreet varius nunc. Phasellus ligula neque, feugiat eu lacinia vel</a></li>
+
-
                                            <li><a href="#">Ut volutpat vehicula dolor at mollis.</a></li>
+
-
                                            <li><a href="#">Quisque dolor nibh, vehicula et varius et, mollis vel tortor. </a></li>
+
-
                                            <li><a href="#">Sed vulputate felis ac ligula feugiat aliquet in sed lectus.</a></li>
+
-
                                            <li><a href="#">Quisque laoreet varius nunc</a></li>
+
-
                                            <li><a href="#">Etiam sit amet mi orci, in venenatis ante. Sed vitae massa eget arcu egestas convallis.</a></li>
+
-
                                        </ul>
+
-
                                    </div>
+
-
                                </div>
+
-
                            </div>
+
-
                            <div class="right_bot"></div>
+
-
                        </div>
+
-
+
-
                        <div id="left">
+
-
                            <h2>Home</h2>
+
-
                            <div class="left_bg">
+
-
                                <div class="left_grad">
+
-
                                    <div class="categories">
+
-
                                        <ul>
+
-
                                            <li><a href="#">Etiam sit amet nibh</a></li>
+
-
                                            <li><a href="#">Aenean laoreet arcu a lorem</a></li>
+
-
                                            <li><a href="#">Fusce eu lectus diam</a></li>
+
-
                                            <li><a href="#">Sed at nisi eu tellus</a></li>
+
-
                                       
+
-
                                        </ul>
+
-
                                    </div>
+
-
                                </div>
+
-
                          </div>
+
-
                       
+
-
                            <div class="left_bot"></div>
+
-
+
-
                            <h2>Lab Notes</h2>
+
-
                            <div class="left_bg">
+
-
                                <div class="left_grad">
+
-
                                    <div class="company">
+
-
+
-
                                        <div class="numleft"><p>12</p></div>
+
-
                                        <div class="newsright"><a href="#">Friday, June 12, 2010</a>
+
-
                                            <p>In hac habitasse platea dictumst. Pellentesque porttitor urna dictum mauris </p>
+
-
                                        </div>
+
-
                                        <div class="read"><a href="#">read more</a></div>
+
-
                                        <div style="clear: both"></div>
+
-
                                    </div>
+
-
                                    <div class="company">
+
-
                                        <div class="numleft"><p>13</p></div>
+
-
                                        <div class="newsright"><a href="#">Saturday, June 13, 2010</a>
+
-
                                            <p>In hac habitasse platea dictumst. Pellentesque porttitor urna dictum mauris </p>
+
-
                                        </div>
+
-
                                     
+
-
                                   
+
-
                               
+
-
                                    </div>  <div class="read"><a href="#">read more</a></div>
+
-
+
-
                                </div>
+
-
                            </div>  
+
                            
                            
-
                        </div>
+
                             
-
                        <div id="center">  
+
                                      <div id="lab">
-
                            <h1>IGEM 2010: GOTHENBURG-SWEDEN TEAM</h1>
+
                                        <div class="numleft">
-
                            <div class="text">  
+
                                          <p>11</p>
-
                                <img src="images/img1.jpg" title="img" alt="img" style="float: left; padding: 10px;"/>
+
                                        </div>
-
                                <p>This website template is released under  a Creative Commons Attribution 2.5 License</p>  
+
                                          <div class="newsright"><a href="#">August 11, 2010</a>
-
                              <p>We request you retain the full copyright notice below including the link to www.metamorphozis.com.<br />  
+
                                          <p> The PCR reaction from yesterday was checked on a gel. α should be ... </p>
-
      This not only gives respect to the large amount of time given freely by the developers<br />  
+
                                          </div>
-
      but also helps build interest, traffic and use of our free and paid designs. If you cannot (for good
+
 
-
      reason) retain the full copyright we request you at least leave in place the<br />  
+
                                          <div class="read"><a href="#">read more</a></div>
-
      Website Templates line, with Website Templates  linked to www.metamorphozis.com. If you refuse
+
                                          <div style="clear: both"></div>
-
      to include even this then support may be affected.<br />  
+
                                   
-
                                    <br />  
+
           
-
      You are allowed to use this design only if you agree to the following conditions:<br />
+
                               
-
      - You cannot remove copyright notice from this design without our permission.<br />
+
    </div>    
-
      - If you modify this design it still should contain copyright because it is based on our work.<br />
+
  <div class="Title3">News</div>
-
      - You may copy, distribute, modify, etc... this template as long as link to our website remains untouched.<br />
+
                              <div id="news">
-
      For support visit <a href="http://www.metamorphozis.com/contact/contact.php">http://www.metamorphozis.com/contact/contact.php</a><br />
+
                                    <p>Göteborgs-Posten, a major daily newspaper in Sweden with the second largest national circulation, published an article involving the interview with our team...
-
                                    <br />
+
                                    <br><br> </p>
-
      The Metamorphosis Design : 2010 </p>  
+
<div class="read"><a href="#">read more</a></div>
-
                            </div>  
+
                                          <div style="clear: both"></div>
-
                            <div class="read"><a href="#">read more</a></div>  
+
                                </div>  
-
+
                     
-
                            <h1>FREE WEBSITE TEMPLATES USEFUL LINKS</h1>
+
-
                            <div class="text">
+
-
                                <ol>
+
-
<li><a href="http://www.metamorphozis.com/free_templates/free_templates.php">Free Website Templates</a></li>  
+
-
<li><a href="http://www.metamorphozis.com/free_flash_templates/free_flash_templates.php">Free Flash Templates</a></li>  
+
-
<li><a href="http://www.metamorphozis.com/shop/flash_templates.php">Flash Templates</a></li>  
+
-
<li><a href="http://www.metamorphozis.com/shop/easy_flash_templates.php">Easy Flash Templates</a> (no flash experience needed to edit)</li>
+
-
<li><a href="http://www.metamorphozis.com/website_hosting/index.php">Top Hosting Providers</a></li>
+
-
+
-
  </ol>
+
-
                            </div>  
+
-
                            <div class="read"><a href="#">read more</a></div>  
+
-
                    </div>
+
-
                    <!-- content ends -->
+
-
                    <!-- footer begins -->
+
-
                <div id="footer">
+
-
                        <p>Copyright  2010. <a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a> | <a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></p>
+
-
<p>Design by <a href="http://www.metamorphozis.com/" title="Flash Templates">Flash Templates</a> for <a href="http://www.flashtemplatesdesign.com/" title="Free Flash Templates">Free Flash Templates</a>
+
-
</p>
+
-
                    </div>  
+
-
                    <!-- footer ends -->
+
-
                </div>  
+
-
            </div>
+
-
        </div>
+
    
    
 +
 +
</div>
 +
 +
  <div id="myfooter">  <p>  <a href="#">Home</a> | <a href="#">CTH</a> | <a href="#">Sponsors</a> | <a href="#">About Us</a> | <a href="#">Contact Us</a></p> <p>Chalmers University of Technology, Gothenburg, SWEDEN</p>
 +
 +
              </div>
 +
</div></div>
 +
</body>
</html>
</html>

Latest revision as of 12:15, 1 October 2010

Chalmers University of Technology

Team
FUSS

CHALMERS UNIVERSITY OF TECHNOLOGY, GOTHENBURG

We are a team of 8 students from Chalmers University of Technology who will represent Gothenburg, SWEDEN in this year’s iGEM competition. We have started with a promising idea that combines cutting edge technologies available in the field of Synthetic Biology. Our research basically aims to constructing an optical reporter mechanism for cellular stress by tagging the stress activated SNF1 complex in yeast with fluorescent markers.

The project is performed with two main experimental pathways: Both experimental setups will utilize FRET to visualize the conformational change that is the result SNF1 activation. The first approach consists of fusing fluorescent two proteins, EYFP and ECFP, with the SNF1 complex. The principal is that when the protein is activated it undergoes a conformational change and this should be indicated by a change in the FRET-signal. The second approach utilizes a SAMS-peptide with fluorescent proteins fused to each end. The SAMS-peptide will be phosphorylated by the active SNF1-complex and undergo a conformational change that again will be indicated by the FRET-signal.

The long term ambition of this project it is to use the results in the pharmaceutical industry when performing high-throughput screening for new substances or finding the correct drug concentrations to use. The yeast cells with the modified SNF1-complex can be moved through a micro-fluidic system, gradually exposing them to an array of substances or a concentration gradient thereby easily finding at which concentration or by what substance the cells are stressed.

As of present we have purified the plasmid backbones that will be used together with fusion protein insert to transfect the yeast cells. The fusion protein primers has arrived and we will start working with the fusion PCR as of this week. We have completed the 3D models of the fusion proteins and the results look very promising, we will soon be able to present docking predictions with the complex.

Introduction

Who we are?
Left to right: Per Sunnerhagen, Markus Wilhelmsson, Malin Lindén, Karl Almén Burman, Adnan Kadic, Katarina Risö, Peidi Liu, Goutham Vemuri, Lokeshwaran Manoharan, Kemal Sanli, Julia Fransson


 

What we are doing?
Synthetic readout of cellular stress

The cellular stress is sensed by a key protein called AMP-activated protein kinase (AMPK). The AMPK protein complex is conserved among all eukaryotes, including yeast, plants and humans.

Home | CTH | Sponsors | About Us | Contact Us

Chalmers University of Technology, Gothenburg, SWEDEN