Team:Gothenburg-Sweden

From 2010.igem.org

(Difference between revisions)
 
(31 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
 +
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 +
<title>Chalmers University of Technology</title>
-
<script type="text/javascript">
+
<style type="text/css">
-
var Spry;
+
-
if (!Spry) Spry = {};
+
-
if (!Spry.Widget) Spry.Widget = {};
+
-
Spry.Widget.Accordion = function(element, opts)
+
/* wiki modificiations start */
-
{
+
-
this.element = this.getElement(element);
+
-
this.defaultPanel = 0;
+
-
this.hoverClass = "AccordionPanelTabHover";
+
-
this.openClass = "AccordionPanelOpen";
+
-
this.closedClass = "AccordionPanelClosed";
+
-
this.focusedClass = "AccordionFocused";
+
-
this.enableAnimation = true;
+
-
this.enableKeyboardNavigation = true;
+
-
this.currentPanel = null;
+
-
this.animator = null;
+
-
this.hasFocus = null;
+
-
this.previousPanelKeyCode = Spry.Widget.Accordion.KEY_UP;
+
#contentSub {
-
this.nextPanelKeyCode = Spry.Widget.Accordion.KEY_DOWN;
+
display:none;
 +
}
-
this.useFixedPanelHeights = true;
 
-
this.fixedPanelHeight = 0;
 
-
Spry.Widget.Accordion.setOptions(this, opts, true);
+
#siteSub {
 +
display:none;padding:-200px;margin:0;
 +
}
-
this.attachBehaviors();
 
-
};
 
-
Spry.Widget.Accordion.prototype.getElement = function(ele)
+
.firstHeading {
-
{
+
display:none;padding:0;margin:0;
-
if (ele && typeof ele == "string")
+
}
-
return document.getElementById(ele);
+
-
return ele;
+
-
};
+
-
Spry.Widget.Accordion.prototype.addClassName = function(ele, className)
+
#search-controls {
-
{
+
padding-top:10px;
-
if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) != -1))
+
}
-
return;
+
-
ele.className += (ele.className ? " " : "") + className;
+
-
};
+
-
Spry.Widget.Accordion.prototype.removeClassName = function(ele, className)
 
-
{
 
-
if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) == -1))
 
-
return;
 
-
ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), "");
 
-
};
 
-
Spry.Widget.Accordion.setOptions = function(obj, optionsObj, ignoreUndefinedProps)
 
-
{
 
-
if (!optionsObj)
 
-
return;
 
-
for (var optionName in optionsObj)
 
-
{
 
-
if (ignoreUndefinedProps && optionsObj[optionName] == undefined)
 
-
continue;
 
-
obj[optionName] = optionsObj[optionName];
 
-
}
 
-
};
 
-
Spry.Widget.Accordion.prototype.onPanelTabMouseOver = function(e, panel)
+
form {
-
{
+
margin: 0px;
-
if (panel)
+
padding: 0px;
-
this.addClassName(this.getPanelTab(panel), this.hoverClass);
+
}
-
return false;
+
-
};
+
-
Spry.Widget.Accordion.prototype.onPanelTabMouseOut = function(e, panel)
 
-
{
 
-
if (panel)
 
-
this.removeClassName(this.getPanelTab(panel), this.hoverClass);
 
-
return false;
 
-
};
 
-
Spry.Widget.Accordion.prototype.openPanel = function(elementOrIndex)
+
h2 {background:transparent; text-decoration:none;  }
-
{
+
#globalWrapper { background-color: transparent; border: none; margin-bottom: 0px; padding: 0;}
-
var panelA = this.currentPanel;
+
#content { background-color: transparent; border: none; padding: 0; margin-bottom: 0px; width: 100%;}
-
var panelB;
+
#bodyContent { border: none; padding:0; margin-bottom:0px; width:100%;}
-
if (typeof elementOrIndex == "number")
+
#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; }
-
panelB = this.getPanels()[elementOrIndex];
+
#p-logo {  display: none;}
-
else
+
#search-controls { display:none;}
-
panelB = this.getElement(elementOrIndex);
+
-
+
-
if (!panelB || panelA == panelB)
+
-
return null;
+
-
var contentA = panelA ? this.getPanelContent(panelA) : null;
+
#menubar.left-menu {width: 400px; display:block; float:left; margin-top:-50px; border: none;}
-
var contentB = this.getPanelContent(panelB);
+
#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;}
-
if (!contentB)
+
#menubar.right-menu {  width:300px; display:block; float:left; margin-top:-50px; border: none;}
-
return null;
+
#menubar.right-menu ul {  border: none;}
 +
#menubar.right-menu a{color:#5698b0;}
 +
#menubar.right-menu a:hover{color:#e6f6fb;}
-
if (this.useFixedPanelHeights && !this.fixedPanelHeight)
 
-
this.fixedPanelHeight = (contentA.offsetHeight) ? contentA.offsetHeight : contentA.scrollHeight;
 
-
if (this.enableAnimation)
+
/* wiki modifications end/
-
{
+
-
if (this.animator)
+
-
this.animator.stop();
+
-
this.animator = new Spry.Widget.Accordion.PanelAnimator(this, panelB, { duration: this.duration, fps: this.fps, transition: this.transition });
+
-
this.animator.start();
+
-
}
+
-
else
+
-
{
+
-
if(contentA)
+
-
{
+
-
contentA.style.display = "none";
+
-
contentA.style.height = "0px";
+
-
}
+
-
contentB.style.display = "block";
+
-
contentB.style.height = this.useFixedPanelHeights ? this.fixedPanelHeight + "px" : "auto";
+
-
}
+
-
if(panelA)
 
-
{
 
-
this.removeClassName(panelA, this.openClass);
 
-
this.addClassName(panelA, this.closedClass);
 
-
}
 
-
this.removeClassName(panelB, this.closedClass);
 
-
this.addClassName(panelB, this.openClass);
 
-
this.currentPanel = panelB;
 
-
return panelB;
+
/*to be modified */
-
};
+
-
Spry.Widget.Accordion.prototype.closePanel = function()
+
body {background:url(https://static.igem.org/mediawiki/2010/8/8e/Shadow.png) repeat-y top center;
-
{
+
  padding: 0 0 0 0;
-
// The accordion can only ever have one panel open at any
+
 
-
// give time, so this method only closes the current panel.
+
    }
-
// If the accordion is in fixed panel heights mode, this
+
a{
-
// method does nothing.
+
    font-family: Arial, Helvetica, sans-serif;
 +
    font-size: 12px;
 +
    font-weight:bold;
 +
    color: #06639e;
 +
    text-decoration:none;
 +
    padding:0;
 +
    margin:0;
 +
}
-
if (!this.useFixedPanelHeights && this.currentPanel)
 
-
{
 
-
var panel = this.currentPanel;
 
-
var content = this.getPanelContent(panel);
 
-
if (content)
 
-
{
 
-
if (this.enableAnimation)
 
-
{
 
-
if (this.animator)
 
-
this.animator.stop();
 
-
this.animator = new Spry.Widget.Accordion.PanelAnimator(this, null, { duration: this.duration, fps: this.fps, transition: this.transition });
 
-
this.animator.start();
 
-
}
 
-
else
 
-
{
 
-
content.style.display = "none";
 
-
content.style.height = "0px";
 
-
}
 
-
}
 
-
this.removeClassName(panel, this.openClass);
 
-
this.addClassName(panel, this.closedClass);
 
-
this.currentPanel = null;
 
-
}
 
-
};
 
-
Spry.Widget.Accordion.prototype.openNextPanel = function()
+
a:hover{
-
{
+
padding:0;margin:0;
-
return this.openPanel(this.getCurrentPanelIndex() + 1);
+
    text-decoration: underline;
-
};
+
    color: #000066;
-
Spry.Widget.Accordion.prototype.openPreviousPanel = function()
+
-
{
+
}
-
return this.openPanel(this.getCurrentPanelIndex() - 1);
+
-
};
+
-
Spry.Widget.Accordion.prototype.openFirstPanel = function()
+
a:visited{color:#06639E;}
-
{
+
-
return this.openPanel(0);
+
-
};
+
-
Spry.Widget.Accordion.prototype.openLastPanel = function()
+
*
{
{
-
var panels = this.getPanels();
+
    border: 0;
-
return this.openPanel(panels[panels.length - 1]);
+
    margin: 0;
-
};
+
}
-
Spry.Widget.Accordion.prototype.onPanelTabClick = function(e, panel)
 
-
{
 
-
if (panel != this.currentPanel)
 
-
this.openPanel(panel);
 
-
else
 
-
this.closePanel();
 
-
if (this.enableKeyboardNavigation)
+
#all{
-
this.focus();
+
  padding:0;
 +
  margin:0;
 +
  padding-left:10%;
 +
  background:  url(https://static.igem.org/mediawiki/2010/3/3a/Bg.png) top center repeat-y;
 +
}
-
if (e.preventDefault) e.preventDefault();
 
-
else e.returnValue = false;
 
-
if (e.stopPropagation) e.stopPropagation();
 
-
else e.cancelBubble = true;
 
-
return false;
+
#header{
-
};
+
  height: 290px;
 +
  background:url(https://static.igem.org/mediawiki/2010/5/50/BannerGo.png) no-repeat;  
 +
  margin-left:15px;
 +
 +
}
-
Spry.Widget.Accordion.prototype.onFocus = function(e)
+
#search {height: 30px;}
-
{
+
#myContent{
-
this.hasFocus = true;
+
margin-top: 0px;
-
this.addClassName(this.element, this.focusedClass);
+
-
return false;
+
-
};
+
-
Spry.Widget.Accordion.prototype.onBlur = function(e)
+
}
-
{
+
-
this.hasFocus = false;
+
-
this.removeClassName(this.element, this.focusedClass);
+
-
return false;
+
-
};
+
-
Spry.Widget.Accordion.KEY_UP = 38;
 
-
Spry.Widget.Accordion.KEY_DOWN = 40;
 
-
Spry.Widget.Accordion.prototype.onKeyDown = function(e)
+
/* left layer starts */
-
{
+
-
var key = e.keyCode;
+
-
if (!this.hasFocus || (key != this.previousPanelKeyCode && key != this.nextPanelKeyCode))
+
-
return true;
+
-
+
-
var panels = this.getPanels();
+
-
if (!panels || panels.length < 1)
+
-
return false;
+
-
var currentPanel = this.currentPanel ? this.currentPanel : panels[0];
+
-
var nextPanel = (key == this.nextPanelKeyCode) ? currentPanel.nextSibling : currentPanel.previousSibling;
+
-
while (nextPanel)
+
#left{
-
{
+
    width:138px;
-
if (nextPanel.nodeType == 1 /* Node.ELEMENT_NODE */)
+
    padding-left:45px;
-
break;
+
    float: left;
-
nextPanel = (key == this.nextPanelKeyCode) ? nextPanel.nextSibling : nextPanel.previousSibling;
+
}
-
}
+
-
if (nextPanel && currentPanel != nextPanel)
+
.Title1 {
-
this.openPanel(nextPanel);
+
    font-family: Comic Sans;
 +
    font-weight:600;
 +
    color: #fff;
 +
    font-size: 16px;
 +
    text-align:center;
 +
    width:100%;
 +
    height: 30px;
 +
    padding-top: 7px;
 +
    margin-top:7px;
 +
    background:  url(https://static.igem.org/mediawiki/2010/a/aa/CatTitle.png);
 +
    background-repeat:no-repeat;
 +
    background-position:top left;
 +
}
-
if (e.preventDefault) e.preventDefault();
+
.left_grad{
-
else e.returnValue = false;
+
   
-
if (e.stopPropagation) e.stopPropagation();
+
    background-position: top left;
-
else e.cancelBubble = true;
+
    padding-top: 0px;
 +
    margin-top: 0px;
 +
}
-
return false;
+
.categories{
-
};
+
   
 +
    background: url(https://static.igem.org/mediawiki/2010/1/10/CatCon.png) top repeat-y;
 +
    min-height:100px;
 +
    border: 1px solid #0485B0; 
 +
}
-
Spry.Widget.Accordion.prototype.attachPanelHandlers = function(panel)
+
#news {
-
{
+
  padding-top:0px;
-
if (!panel)
+
  background: url(https://static.igem.org/mediawiki/2010/1/10/CatCon.png) left top repeat-y;
-
return;
+
  min-height:100px;
-
 
+
  border: 1px dotted #0485B0;
-
var tab = this.getPanelTab(panel);
+
-
 
+
}
-
if (tab)
+
#news p{
-
{
+
    color:#07374E;
-
var self = this;
+
    font-weight:normal;
-
Spry.Widget.Accordion.addEventListener(tab, "click", function(e) { return self.onPanelTabClick(e, panel); }, false);
+
    font-size: 11px;
-
Spry.Widget.Accordion.addEventListener(tab, "mouseover", function(e) { return self.onPanelTabMouseOver(e, panel); }, false);
+
text-align:left;
-
Spry.Widget.Accordion.addEventListener(tab, "mouseout", function(e) { return self.onPanelTabMouseOut(e, panel); }, false);
+
    text-decoration:none;
-
}
+
   
-
};
+
    padding: 10px 5px 0px 15px;
-
 
+
-
Spry.Widget.Accordion.addEventListener = function(element, eventType, handler, capture)
+
-
{
+
-
try
+
-
{
+
-
if (element.addEventListener)
+
-
element.addEventListener(eventType, handler, capture);
+
-
else if (element.attachEvent)
+
-
element.attachEvent("on" + eventType, handler);
+
-
}
+
-
catch (e) {}
+
-
};
+
-
 
+
-
Spry.Widget.Accordion.prototype.initPanel = function(panel, isDefault)
+
-
{
+
-
var content = this.getPanelContent(panel);
+
-
if (isDefault)
+
-
{
+
-
this.currentPanel = panel;
+
-
this.removeClassName(panel, this.closedClass);
+
-
this.addClassName(panel, this.openClass);
+
-
 
+
-
// Attempt to set up the height of the default panel. We don't want to
+
-
// do any dynamic panel height calculations here because our accordion
+
-
// or one of its parent containers may be display:none.
+
-
 
+
-
if (content)
+
-
{
+
-
if (this.useFixedPanelHeights)
+
-
{
+
-
// We are in fixed panel height mode and the user passed in
+
-
// a panel height for us to use.
+
-
if (this.fixedPanelHeight)
+
   
-
content.style.height = this.fixedPanelHeight + "px";
+
display:block;
-
}
+
}
-
else
+
-
{
+
-
// We are in variable panel height mode, but since we can't
+
-
// calculate the panel height here, we just set the height to
+
-
// auto so that it expands to show all of its content.
+
-
+
-
content.style.height = "auto";
+
-
}
+
-
}
+
-
}
+
-
else
+
-
{
+
-
this.removeClassName(panel, this.openClass);
+
-
this.addClassName(panel, this.closedClass);
+
-
if (content)
+
#news a:hover {
-
{
+
border-bottom: 1px dotted #06639e;
-
content.style.height = "0px";
+
}
-
content.style.display = "none";
+
-
}
+
-
}
+
-
+
-
this.attachPanelHandlers(panel);
+
-
};
+
-
Spry.Widget.Accordion.prototype.attachBehaviors = function()
+
.categories a{
-
{
+
    font-family: Arial, Helvetica, sans-serif;
-
var panels = this.getPanels();
+
    font-weight:normal;
-
for (var i = 0; i < panels.length; i++)
+
    color: #0485B0;
-
this.initPanel(panels[i], i == this.defaultPanel);
+
    text-decoration: none;
 +
    text-align:left;
 +
    padding: 4px 0px 4px 20px;
 +
    font-size:12px;
 +
    padding-top:5px;
 +
    display:block;
 +
 
 +
}
-
// Advanced keyboard navigation requires the tabindex attribute
+
.categories a:hover{
-
// on the top-level element.
+
  text-decoration:none;
-
this.enableKeyboardNavigation = (this.enableKeyboardNavigation && this.element.attributes.getNamedItem("tabindex"));
+
  font-size:12px;
-
if (this.enableKeyboardNavigation)
+
  font-weight:700;
-
{
+
  color: #fff;
-
var self = this;
+
  background:url(https://static.igem.org/mediawiki/2010/4/47/CatAhover.png);
-
Spry.Widget.Accordion.addEventListener(this.element, "focus", function(e) { return self.onFocus(e); }, false);
+
}
-
Spry.Widget.Accordion.addEventListener(this.element, "blur", function(e) { return self.onBlur(e); }, false);
+
-
Spry.Widget.Accordion.addEventListener(this.element, "keydown", function(e) { return self.onKeyDown(e); }, false);
+
-
}
+
-
};
+
-
Spry.Widget.Accordion.prototype.getPanels = function()
+
/* left layer ends */
-
{
+
-
return this.getElementChildren(this.element);
+
-
};
+
-
Spry.Widget.Accordion.prototype.getCurrentPanel = function()
 
-
{
 
-
return this.currentPanel;
 
-
};
 
-
Spry.Widget.Accordion.prototype.getPanelIndex = function(panel)
+
/* center layer starts */
-
{
+
-
var panels = this.getPanels();
+
-
for( var i = 0 ; i < panels.length; i++ )
+
-
{
+
-
if( panel == panels[i] )
+
-
return i;
+
-
}
+
-
return -1;
+
-
};
+
-
Spry.Widget.Accordion.prototype.getCurrentPanelIndex = function()
+
#center{
-
{
+
    width: 600px;
-
return this.getPanelIndex(this.currentPanel);
+
    padding-left: 20px;
-
};
+
    float: left;
 +
 +
}
 +
#center p{
 +
    padding-left:0px;
 +
    padding-right:0px;
 +
    padding-bottom: 10px;
 +
 +
}
-
Spry.Widget.Accordion.prototype.getPanelTab = function(panel)
+
    /* menu starts */
-
{
+
-
if (!panel)
+
-
return null;
+
-
return this.getElementChildren(panel)[0];
+
-
};
+
-
Spry.Widget.Accordion.prototype.getPanelContent = function(panel)
+
     
-
{
+
        #Title2{
-
if (!panel)
+
 
-
return null;
+
          height: 40px;
-
return this.getElementChildren(panel)[1];
+
          width: 600px;
-
};
+
         
 +
          background: url(https://static.igem.org/mediawiki/2010/5/50/Title_center1.png);
 +
          background-repeat:no-repeat;
 +
          background-position: center;
 +
          }
-
Spry.Widget.Accordion.prototype.getElementChildren = function(element)
+
#sddm
-
{
+
{
-
var children = [];
+
 
-
var child = element.firstChild;
+
  padding-left:62px;
-
while (child)
+
  padding-top: 0px;
-
{
+
 
-
if (child.nodeType == 1 /* Node.ELEMENT_NODE */)
+
-
children.push(child);
+
-
child = child.nextSibling;
+
-
}
+
-
return children;
+
-
};
+
-
 
+
-
Spry.Widget.Accordion.prototype.focus = function()
+
-
{
+
-
if (this.element && this.element.focus)
+
-
this.element.focus();
+
-
};
+
-
 
+
-
Spry.Widget.Accordion.prototype.blur = function()
+
-
{
+
-
if (this.element && this.element.blur)
+
-
this.element.blur();
+
-
};
+
-
 
+
-
/////////////////////////////////////////////////////
+
-
 
+
-
Spry.Widget.Accordion.PanelAnimator = function(accordion, panel, opts)
+
-
{
+
-
this.timer = null;
+
-
this.interval = 0;
+
-
 
+
-
this.fps = 60;
+
-
this.duration = 500;
+
-
this.startTime = 0;
+
-
 
+
-
this.transition = Spry.Widget.Accordion.PanelAnimator.defaultTransition;
+
-
 
+
-
this.onComplete = null;
+
-
 
+
-
this.panel = panel;
+
-
this.panelToOpen = accordion.getElement(panel);
+
-
this.panelData = [];
+
-
this.useFixedPanelHeights = accordion.useFixedPanelHeights;
+
-
 
+
-
Spry.Widget.Accordion.setOptions(this, opts, true);
+
-
 
+
-
this.interval = Math.floor(1000 / this.fps);
+
-
 
+
-
// Set up the array of panels we want to animate.
+
-
 
+
-
var panels = accordion.getPanels();
+
-
for (var i = 0; i < panels.length; i++)
+
-
{
+
-
var p = panels[i];
+
-
var c = accordion.getPanelContent(p);
+
-
if (c)
+
-
{
+
-
var h = c.offsetHeight;
+
-
if (h == undefined)
+
-
h = 0;
+
-
 
+
-
if (p == panel && h == 0)
+
-
c.style.display = "block";
+
-
 
+
-
if (p == panel || h > 0)
+
-
{
+
-
var obj = new Object;
+
-
obj.panel = p;
+
-
obj.content = c;
+
-
obj.fromHeight = h;
+
-
obj.toHeight = (p == panel) ? (accordion.useFixedPanelHeights ? accordion.fixedPanelHeight : c.scrollHeight) : 0;
+
-
obj.distance = obj.toHeight - obj.fromHeight;
+
-
obj.overflow = c.style.overflow;
+
-
this.panelData.push(obj);
+
-
 
+
-
c.style.overflow = "hidden";
+
-
c.style.height = h + "px";
+
}
}
 +
 +
#sddm li
 +
{     
 +
list-style: none;
 +
float:left;
 +
text-align:center;
 +
}
 +
 +
 +
#sddm li a
 +
 +
{ display: block;
 +
padding: 0px 0px;
 +
width: 96px;
 +
height:31px;
 +
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;
-
Spry.Widget.Accordion.PanelAnimator.defaultTransition = function(time, begin, finish, duration) { time /= duration; return begin + ((2 - time) * time * finish); };
+
font:  13px arial;
-
 
+
font-weight:600;
-
Spry.Widget.Accordion.PanelAnimator.prototype.start = function()
+
-
{
+
-
var self = this;
+
-
this.startTime = (new Date).getTime();
+
-
this.timer = setTimeout(function() { self.stepAnimation(); }, this.interval);
+
-
};
+
-
 
+
-
Spry.Widget.Accordion.PanelAnimator.prototype.stop = function()
+
-
{
+
-
if (this.timer)
+
-
{
+
-
clearTimeout(this.timer);
+
-
 
+
-
// If we're killing the timer, restore the overflow
+
-
// properties on the panels we were animating!
+
-
 
+
-
for (i = 0; i < this.panelData.length; i++)
+
-
{
+
-
obj = this.panelData[i];
+
-
obj.content.style.overflow = obj.overflow;
+
}
}
-
}
+
 +
 +
#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 !important;
 +
text-align: left;
 +
text-decoration: none;
 +
background: transparent;
 +
color: #2e6d95;
 +
font-weight:normal !important;
 +
font-size: 11px !important ;
 +
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: 5px 10px 10px 0px;
 +
        background: #fff ;
 +
}
-
this.timer = null;
+
#text p
-
};
+
-
 
+
-
Spry.Widget.Accordion.PanelAnimator.prototype.stepAnimation = function()
+
{
{
-
var curTime = (new Date).getTime();
+
  padding: 10px 10px 10px 25px;
-
var elapsedTime = curTime - this.startTime;
+
  font-family: "Times New Roman";
 +
  font-size:13px;
 +
  line-height:19px;
 +
}
-
var i, obj;
+
.logo{
 +
float:left;
 +
padding: 10px 20px 10px 20px;
 +
}
-
if (elapsedTime >= this.duration)
+
#text p{color: #07374E;}
-
{
+
-
for (i = 0; i < this.panelData.length; i++)
+
-
{
+
-
obj = this.panelData[i];
+
-
if (obj.panel != this.panel)
+
-
{
+
-
obj.content.style.display = "none";
+
-
obj.content.style.height = "0px";
+
-
}
+
-
obj.content.style.overflow = obj.overflow;
+
-
obj.content.style.height = (this.useFixedPanelHeights || obj.toHeight == 0) ? obj.toHeight + "px" : "auto";
+
-
}
+
-
if (this.onComplete)
+
-
this.onComplete();
+
-
return;
+
-
}
+
-
for (i = 0; i < this.panelData.length; i++)
+
.read{
-
{
+
    text-align: right;
-
obj = this.panelData[i];
+
    padding-bottom:5px;
-
var ht = this.transition(elapsedTime, obj.fromHeight, obj.distance, this.duration);
+
  /* padding-right: 5px;*/
-
obj.content.style.height = ((ht < 0) ? 0 : ht) + "px";
+
-
}
+
-
+
-
var self = this;
+
-
this.timer = setTimeout(function() { self.stepAnimation(); }, this.interval);
+
-
};
+
-
 
+
-
</script>
+
-
 
+
-
<style type="text/css">
+
-
@charset "UTF-8";
+
-
 
+
-
 
+
-
body {
+
-
margin: 0px;
+
-
color: #666;
+
-
font-size: 12px;
+
-
font-family: Arial;
+
-
font-family: Arial, Verdana, Univers;
+
-
background-color: #545454;
+
-
background-image: url(https://static.igem.org/mediawiki/2010/0/0a/Page_bkgd.jpg);
+
-
background-repeat: repeat-x;
+
}
}
-
 
+
#myTitle{
-
h1 {
+
    font-family: Arial, Helvetica, sans-serif;
-
color: #4F6179;
+
    font-weight:normal;
-
font-size: 24px;
+
    color: #00456e;
-
font-weight: normal;
+
    font-size: 16px;
-
margin: 3px 0px 25px 0px;
+
    height: 36px;
 +
   
 +
    padding-top: 10px;
 +
    padding-right:-200px;
 +
    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;
 +
 
}
}
-
h2 { color: #333333; font-size: 14px; font-weight: normal; margin: 0px 0px 15px 0px; }
 
-
a          { color: #ba7007; }
 
-
a:visited  { color: #ba7007; }
 
-
a:hover    { color: black; }
 
 +
#team {
 +
padding: 20px 10px 20px 30px;
-
.container {
 
-
width: 960px;
 
-
margin-left: auto;
 
-
margin-right: auto;
 
-
 
-
background-image: url(https://static.igem.org/mediawiki/2010/3/37/Content_bkgd_tile.jpg);
 
-
background-repeat: repeat-y;
 
-
}
 
-
 
-
 
-
/* BANNER AREA */
 
-
.bannerArea {
 
-
width: 960px;height: 145px;
 
-
background-color: #4971a2;
 
-
background-image: url(https://static.igem.org/mediawiki/2010/c/cf/Banner_bkgd.jpg);
 
-
background-repeat: no-repeat;
 
}
}
 +
/* center ends */
 +
/* right starts */
-
.bannernav {
+
#right{
-
padding-top: 10px;
+
    width:160px;
-
padding-right: 40px;
+
    padding-left: 20px;
-
float: right;
+
    /*padding-right: 135px;*/
-
color: white;
+
    float:left;
-
font-size: 10px;
+
-
font-family: Arial, Helvetica, Verdana, sans-serif;
+
}
}
-
.bannernav a {
+
#right .read a{
-
color: white;
+
   
-
text-decoration: none;
+
    color: #06639e;
-
}
+
    font-weight:normal;
-
.bannernav a:visited {
+
    font-style: italic;
-
color: white;
+
    font-size: 12px;
-
}
+
    text-decoration:none;
-
.bannernav a:hover {
+
    border-bottom: 1px #06639e;
-
color: #ECBB7B;
+
    padding-right:10px;
}
}
-
.toplogo {
+
#right .read a:hover{border-bottom: 1px dotted #06639e;}
-
margin-left: 70px;
+
-
padding-top: 20px;
+
-
}
+
 +
#lab{
 +
 +
padding-top:0px;
 +
background: url(https://static.igem.org/mediawiki/2010/1/10/CatCon.png) top left repeat-y;
 +
min-height:100px;
 +
/*margin-left:30px;*/
 +
border: 1px dotted #0485B0;
 +
}
 +
.numleft{
 +
background: url(https://static.igem.org/mediawiki/2010/2/22/Numbg1.png);
 +
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;
 +
 +
}
-
.content {
+
.Title3 {
-
padding-top: 20px;
+
    font-family: Comic Sans;
-
padding-bottom: 20px;
+
    font-weight:600;
-
background-image: url(https://static.igem.org/mediawiki/2010/3/38/Content_bkgd.jpg);
+
    color: #fff;
-
background-repeat: no-repeat;
+
    font-size: 16px;
-
 
+
    text-align:center;
 +
    width:100%;
 +
    height: 30px;
 +
    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-position:top left;
}
}
-
/* LEFT NAVIGATION */
+
/* right ends */
-
.leftnavigation {
+
/* footer starts */
-
width: 192px;
+
-
margin: 70px 0px 0px 0px;
+
-
padding-left: 8px;
+
-
float: left;
+
-
list-style-type: none;
+
-
}
+
-
.leftnavigation a{
+
#myfooter
-
margin-left: 0px;
+
{
-
width: 156px;
+
    height: 60px;
-
padding-left: 15px;
+
    font-size: 10px;
-
padding-top: 5px;
+
    color: #00456e;
-
padding-right: 20px;
+
    padding-right:180px;  
-
padding-bottom: 5px;
+
   
-
float: left;
+
    clear:both;
-
color: #364957;
+
-
font-size: 10px;
+
-
font-weight: bold;
+
-
font-family: Verdana, Arial, Helvetica, sans-serif;
+
-
text-decoration: none;
+
-
background-image: url(https://static.igem.org/mediawiki/2010/9/9a/Nav_normal.jpg);
+
-
background-repeat: repeat-x;
+
-
background-position: 0px 0px;
+
-
border-bottom: 1px solid #999;
+
}
}
-
.leftnavigation a:visited{
+
#myfooter p{
-
color: #364957;
+
    color: #fff;
 +
    font-size: 10px;
 +
    font-weight: normal;
 +
    text-decoration: none;
 +
padding-top:0px;
 +
    padding-left:0px; 
 +
bottom:0px;
}
}
-
.leftnavigation a:hover{
 
-
color: #ffffff;
 
-
background-image: url(https://static.igem.org/mediawiki/2010/8/89/Nav_down.jpg);
 
-
}
 
-
 
-
 
-
/* CONTENT AREA */
 
-
 
-
.contentleft {
 
-
width: 440px;
 
-
padding-left: 30px;
 
-
padding-right: 20px;
 
-
float: left;
 
-
 
 +
#myfooter a{
 +
  color: #fff;
 +
    font-size: 11px;
 +
    font-weight: normal;
 +
    text-decoration: none;
 +
  padding-left: 0px;
 +
  margin-top:0px;
 +
  bottom:0;
 +
 
}
}
-
.contentright {
+
#myfooter a:hover{
-
padding-top: 55px;
+
  text-decoration: underline;
-
float: left;
+
-
width: 210px;
+
}
}
-
.imageright {
+
/* footer ends */
-
margin-top: 10px;
+
-
margin-left: 10px;
+
-
float: right;
+
-
}
+
-
.imageleft {
+
-
margin-right: 10px;
+
-
float: left;
+
-
}
+
-
/* FOOTER AREA */
 
-
.footerArea {
 
-
width: 960px;height: 88px;
 
-
background-color: #cfcfcf;
 
-
background-image: url(https://static.igem.org/mediawiki/2010/e/ec/Footer_bkgd.jpg);
 
-
background-repeat: no-repeat;
 
-
 
-
}
 
-
.copyright {
+
</style>
-
border-top: solid;
+
-
border-color: #737a90;
+
-
border-width: 2px;
+
-
margin-left: 240px;
+
-
margin-right: 30px;
+
-
padding-top: 12px;
+
-
+
-
color: #666666;
+
-
font-size: 10px;
+
-
font-family: Verdana,Arial, Helvetica, sans-serif;
+
-
}
+
-
.Accordion {
 
-
overflow: hidden;
 
-
width: 255px;
 
-
}
 
 +
<script type="text/javascript">
 +
// Copyright 2006-2007 javascript-array.com
-
.AccordionPanel {
+
var timeout = 500;
-
margin: 0px;
+
var closetimer = 1;
-
padding: 0px;
+
var ddmenuitem = 0;
-
}
+
 +
// open hidden layer
 +
function mopen(id)
 +
{
 +
// cancel close timer
 +
mcancelclosetime();
-
.AccordionPanelTab {
+
// close old layer
-
color: #394867;
+
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
-
margin: 0px;
+
-
cursor: pointer;
+
-
padding: 10px 30px 10px 20px;
+
-
font-weight: bold;
+
-
-moz-user-select: none;
+
-
-khtml-user-select: none;
+
-
background-repeat: no-repeat;
+
-
background-image: url(https://static.igem.org/mediawiki/2010/3/3f/Accordion_255_tab_normal.gif);
+
-
}
+
 +
// get new layer and show it
 +
ddmenuitem = document.getElementById(id);
 +
ddmenuitem.style.visibility = 'visible';
-
.AccordionPanelContent {
+
}
-
margin: 0px 0px 0px 0px;
+
// close showed layer
-
padding: 0px 0px 0px 0px;
+
function mclose()
-
background-image: url(https://static.igem.org/mediawiki/2010/9/9a/Accordion_255_tile.gif);
+
{
 +
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}
}
-
 
+
// go close timer
-
 
+
function mclosetime()
-
.AccordionPanelOpen .AccordionPanelTab {
+
{
-
color: #d88a37;
+
closetimer = window.setTimeout(mclose, timeout);
-
background-image: url(https://static.igem.org/mediawiki/2010/7/7d/Accordion_255_tab_down.gif);
+
}
}
-
 
+
// cancel close timer
-
 
+
function mcancelclosetime()
-
.AccordionPanelTabHover {
+
{
-
background-image: url(https://static.igem.org/mediawiki/2010/1/1f/Accordion_255_tab_over.gif);
+
if(closetimer)
 +
{
 +
window.clearTimeout(closetimer);
 +
closetimer = null;
 +
}
}
}
 +
// close layer when click-out
 +
document.onclick = mclose;
 +
</script>
-
.AccordionFocused .AccordionPanelTab {
 
-
background-color: #000000;
 
-
}
 
 +
</head>
 +
<body>
 +
<div id="all">
 +
<div id="search"></div>
 +
  <div id="header">
 +
 +
   
-
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
+
  </div>
-
background-color: #000000;
+
-
}
+
<div id="myContent" align="center">
 +
 +
    <div id="left">
 +
                         
 +
                           
 +
                             
 +
                              <div class="Title1">Team</div>
 +
                              <div class="left_grad">
 +
                                  <div class="categories">
 +
                                     
 +
                                          <a href="https://2010.igem.org/Team:Gothenburg-Sweden/About_us#intro">Introduction</a>
 +
                                          <a href="https://2010.igem.org/Team:Gothenburg-Sweden/About_us#cth">CHALMERS</a></li>
 +
                                          <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>
 +
       
 +
  </div>
 +
      </div> 
 +
                                <div class="list_border"></div> 
 +
                       
 +
                              <div class="Title1">FUSS</div>
 +
                           
 +
                                <div class="left_grad">
 +
                                  <div class="categories">
 +
                                   
 +
                                            <a href="#">What's all about?</a>
 +
                                            <a href="#">Background</a>
 +
                                            <a href="#">Protein Fusion</a>
 +
                                            <a href="#">Methods</a>
 +
                                            <a href="#">Preliminary Results</a>
 +
                                       
 +
                                  </div>
 +
                               
 +
                                </div>
 +
                            <div class="list_border"></div>
-
/* Custom AUC classes */
+
<SCRIPT language=javascript>
 +
$("#accordion > li").click(function(){
-
#accordion_255 {
+
if(false == $(this).next().is(':visible')) {
-
background-image: url(https://static.igem.org/mediawiki/2010/9/9a/Accordion_255_tile.gif);
+
$('#accordion > ul').slideUp(300);
-
background-repeat: repeat-y;
+
}
-
background-position: 0px 0px;
+
$(this).next().slideToggle(300);
-
}
+
});
-
.tabTop {
+
$('#accordion > ul:eq(0)').show();
-
background-position: 0px 0px;
+
-
padding-top: 15px;
+
-
}
+
-
.middleTab {
+
-
background-position: 0px -151px;
+
-
}
+
-
.accordion_255_tab {
+
</SCRIPT>
-
margin: 0px;
+
</div>
-
font-weight: bold;
+
     
-
}
+
-
.acontent {
+
<div id="center">
-
height:200px;
+
-
width:220px;
+
-
overflow: auto;
+
-
padding: 5px 10px 10px 20px;
+
-
}
+
-
.AccordionBottom {
+
<div id="Title2"><ul id="sddm">
-
width: 255px;
+
    <li id="active"><a href="https://2010.igem.org/Team:Gothenburg-Sweden">Home</a></li>
-
height: 33px;
+
    <li><a href="https://2010.igem.org/Team:Gothenburg-Sweden/Project"
-
background-repeat: no-repeat;
+
        onmouseover="mopen('m1')"
-
background-position: 0px bottom;
+
        onmouseout="mclosetime()"  >Project</a>
-
background-image: url(https://static.igem.org/mediawiki/2010/5/5d/Accordion_255_bottom.gif);
+
        <div id="m1"
-
}
+
            onmouseover="mcancelclosetime()"
 +
            onmouseout="mclosetime()">
 +
        <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"
 +
        onmouseover="mopen('m2')"
 +
        onmouseout="mclosetime()">Team</a>
 +
        <div id="m2"
 +
            onmouseover="mcancelclosetime()"
 +
            onmouseout="mclosetime()">
 +
<a href="#">Chalmers University of Technology</a>
 +
        <a href="#">Supervisors</a>
 +
        <a href="#">Students</a>
 +
        </div>
 +
    </li>
 +
 
 +
    <li><a href="https://2010.igem.org/Team:Gothenburg-Sweden/Sponsors">Sponsors</a></li>
 +
    <li><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>
-
</style>
+
                </div> </div>
-
</head>
+
 +
 +
 +
<div id="right">
 +
                <div class="Title3">Lab Notes</div>
 +
                         
 +
                             
 +
                                      <div id="lab">
 +
                                        <div class="numleft">
 +
                                          <p>11</p>
 +
                                        </div>
 +
                                          <div class="newsright"><a href="#">August 11, 2010</a>
 +
                                          <p> The PCR reaction from yesterday was checked on a gel. α should be ... </p>
 +
                                          </div>
 +
 
 +
                                          <div class="read"><a href="#">read more</a></div>
 +
                                          <div style="clear: both"></div>
 +
                                   
 +
           
 +
                               
 +
    </div>   
 +
  <div class="Title3">News</div>
 +
                              <div id="news">
 +
                                    <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></p>
 +
<div class="read"><a href="#">read more</a></div>
 +
                                          <div style="clear: both"></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>
-
<html>
+
</div></div>  
-
<head>
+
</body>
-
<title>iGEM-Gothenburg</title>
+
-
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
-
<meta name="description" content="Designed in Chalmers" />
+
-
+
-
+
-
</head>
+
-
<body>
+
-
<div class="container">  
+
-
<div class="bannerArea">
+
-
<div class="bannernav"><a href="https://2010.igem.org/Team:Gothenburg-Sweden/contacts" >Contact Us</a></div>
+
-
<a href="https://2010.igem.org/Team:Gothenburg-Sweden"></a> </div>
+
-
<div class="contentArea">
+
-
<ul class="leftnavigation">
+
-
                                        <li><a href="https://2010.igem.org/Team:Gothenburg-Sweden" >Home</a></li>
+
-
<li><a href="https://2010.igem.org/Team:Gothenburg-Sweden/chalmers" >Chalmers, GBG</a></li>
+
-
<li><a href="https://2010.igem.org/Team:Gothenburg-Sweden/members" >Members</a></li>
+
-
<li><a href="https://2010.igem.org/Team:Gothenburg-Sweden/project_description" >Project Description</a></li>
+
-
<li><a href="https://2010.igem.org/Team:Gothenburg-Sweden/materials" >Materials</a></li>
+
-
<li><a href="https://2010.igem.org/Team:Gothenburg-Sweden/procedure" >Procedure</a></li>
+
-
<li><a href="https://2010.igem.org/Team:Gothenburg-Sweden/lab_note" >Lab note</a></li>
+
-
<li><a href="https://2010.igem.org/Team:Gothenburg-Sweden/results" >Results</a></li>
+
-
<li><a href="https://2010.igem.org/Team:Gothenburg-Sweden/contacts" >Contacts</a></li>
+
-
<li><a href="https://2010.igem.org/Team:Gothenburg-Sweden/sponsor" >Sponsor</a></li>
+
-
</ul>
+
-
<div class="content">
+
-
<div class="contentleft">
+
-
<h1>iGEM team - Sweden, Gothenburg</h1>
+
-
<img src="https://static.igem.org/mediawiki/2010/d/d5/Gothenburg-Sweden_team_allmembers.jpg" width="270" height="197" border="0" class="imageright" />
+
-
<p>We are a team of 8 students from Chalmers University of Technology who will represent Gothenburg, SWEDEN in this year’s IGEM competition. IGEM stands for International Genetically Engineered Machines and is a competition based upon interdisciplinary collaboration of students on a Synthetic Biology project. The competition is held in MIT, Boston and is open to all universities from various countries world-wide. There are 180 teams participating this year with about 2000 students in total. We have started with a promising idea that combines the cutting edge technologies available in the field of Synthetic Biology. Our research basically includes the specification and designing of a biological system followed by the application of Molecular Biology techniques to build and test it experimentally. The premise of the competition for the students will be to learn engineering approaches and tools to organize, model, and assemble complex systems and to immerse themselves in applied molecular biology. In the project, we are investigating a biological phenomenon that is a part of insulin uptake mechanism, widely studied in Diabetic research. Our endeavor in the study is to visualize a part of the mechanism by making use of the Nobel Prize winning idea of the Green Fluorescent Proteins (GFPs). Hopefully, the project will provide us with auspicious outcomes to further improve the study of the disease.</p>
+
-
<img class="imageleft" src="images/content_photo_2.jpg" border="0" /><p>Consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien.</p>
+
-
<p>Nulla libero. Vivamus pharetra pos uere sapien. Nam consectetuer. Sed aliq uam, <a href="#">nunc eget euismod ullamcorper</a>, lectus nunc ullamcorper orci, fermentum bibendum enim nibh eget ipsum. Donec porttitor ligula eu dolor.</p>
+
-
</div>
+
-
<div class="contentright">
+
-
<div id="SpryAccordion1" class="Accordion" tabindex="0">
+
-
<div class="AccordionPanel">
+
-
<div class="AccordionPanelTab tabTop">
+
-
<div class="accordion_340_tab">
+
-
TELLUS PROIN EU ERAT
+
-
</div>
+
-
</div>
+
-
<div class="AccordionPanelContent">
+
-
<div class="acontent">
+
-
<p>Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Nam consectetuer. Sed aliquam, nunc eget euismod ullamcorper, lectus nunc ullamcorper orci, fermentum bibendum enim nibh eget ipsum. Donec porttitor ligula eu dolor.</p>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
<div class="AccordionPanel">
+
-
<div class="AccordionPanelTab middleTab">
+
-
<div class="accordion_340_tab">
+
-
UMA NON TEMPLUS NUNC
+
-
</div>
+
-
</div>
+
-
<div class="AccordionPanelContent">
+
-
<div class="acontent">
+
-
<p>Aliquam aliquet, est a ullamcorper condimentum, tellus nulla fringilla elit, a iaculis nulla turpis sed wisi. Fusce volutpat. Etiam sodales ante id nunc. Proin ornare dignissim lacus. Nunc porttitor nunc a sem. Sed sollicitudin velit eu magna. Aliquam erat volutpat. Vivamus ornare est non wisi. Proin vel quam. Vivamus egestas. Nunc tempor diam vehicula mauris. Nullam sapien eros, facilisis vel, eleifend non.</p>
+
-
<p>Sed sollicitudin velit eu magna. Aliquam erat volutpat. Vivamus ornare est non wisi. Proin vel quam. Vivamus egestas. Nunc tempor diam vehicula mauris.</p>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
<div class="AccordionPanel">
+
-
<div class="AccordionPanelTab middleTab">
+
-
<div class="accordion_340_tab">
+
-
CONSECTETUER ADIPICING ELIT
+
-
</div>
+
-
</div>
+
-
<div class="AccordionPanelContent">
+
-
<div class="acontent">
+
-
<img class="imageright" src="images/accordion_photo.jpg" border="0" />
+
-
<p>Cras tempor. Morbi egestas. Tempus, nunc arcu mollis enim, eu aliqu mam erat nullanon nibh consectetuer malesum adavelit. Nam ante nulla, interdum vel, tristique ac, condimentum non, tellus. Proin ornare feugiat nisl.</p>
+
-
<p>Suspendisse dolor nisl, ultrices at, eleifend vel, consequat at, dolor. Vivamus auctor leo vel dui. Aliquam erat volutpat. Phasellus nibh.</p>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
<div class="AccordionBottom"></div>
+
-
</div>
+
-
<div style="clear:both;"></div>
+
-
</div>
+
-
<div style="clear:both;"></div>
+
-
</div>
+
-
<div class="footerArea">
+
-
<div class="copyright">&copy; 2010 Chalmers University of Technology, All rights reserved.</div>
+
-
</div>
+
-
</div>
+
-
+
-
<script type="text/javascript">
+
-
<!--
+
-
var SpryAccordion1 = new Spry.Widget.Accordion("SpryAccordion1", {useFixedPanelHeights:true, defaultPanel:2});
+
-
//-->
+
-
</script>
+
-
</body>
+
</html>
</html>

Latest revision as of 11:56, 3 October 2010

Chalmers University of Technology

Team
Introduction CHALMERS Supervisors Students
FUSS
What's all about? Background Protein Fusion Methods Preliminary Results

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.

Home | CTH | Sponsors | About Us | Contact Us

Chalmers University of Technology, Gothenburg, SWEDEN

Retrieved from "http://2010.igem.org/Team:Gothenburg-Sweden"