Team:Gothenburg-Sweden

From 2010.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
<head>
<head>
 +
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 +
<title>chalmers</title>
 +
<meta name="keywords" content="" />
 +
<meta name="description" content="" />
-
<script type="text/javascript">
+
<style type="text/css">
-
var Spry;
+
<!--
-
if (!Spry) Spry = {};
+
.STYLE1 {font-size: 15px}
-
if (!Spry.Widget) Spry.Widget = {};
+
-->
 +
</style>
 +
<style type="text/css">
-
Spry.Widget.Accordion = function(element, opts)
 
-
{
 
-
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;
 
-
this.nextPanelKeyCode = Spry.Widget.Accordion.KEY_DOWN;
 
-
this.useFixedPanelHeights = true;
 
-
this.fixedPanelHeight = 0;
 
-
 
-
Spry.Widget.Accordion.setOptions(this, opts, true);
 
-
 
-
this.attachBehaviors();
 
-
};
 
-
 
-
Spry.Widget.Accordion.prototype.getElement = function(ele)
 
{
{
-
if (ele && typeof ele == "string")
+
border: 0;
-
return document.getElementById(ele);
+
margin: 0;
-
return ele;
+
}
-
};
+
-
Spry.Widget.Accordion.prototype.addClassName = function(ele, className)
+
img
{
{
-
if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) != -1))
+
border: 0px;
-
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)
+
a{
-
{
+
color: #711419;
-
if (!optionsObj)
+
text-decoration:none;
-
return;
+
}
-
for (var optionName in optionsObj)
+
-
{
+
-
if (ignoreUndefinedProps && optionsObj[optionName] == undefined)
+
-
continue;
+
-
obj[optionName] = optionsObj[optionName];
+
-
}
+
-
};
+
-
Spry.Widget.Accordion.prototype.onPanelTabMouseOver = function(e, panel)
+
a:hover{
-
{
+
text-decoration: underline;
-
if (panel)
+
color: #000000;
-
this.addClassName(this.getPanelTab(panel), this.hoverClass);
+
}
-
return false;
+
-
};
+
-
Spry.Widget.Accordion.prototype.onPanelTabMouseOut = function(e, panel)
+
body{
-
{
+
font: 12px Arial, Helvetica, sans-serif;
-
if (panel)
+
color: #000000;
-
this.removeClassName(this.getPanelTab(panel), this.hoverClass);
+
background: url(images/all.jpg) top repeat-x #0B4B70;
-
return false;
+
line-height:20px;
-
};
+
}
-
Spry.Widget.Accordion.prototype.openPanel = function(elementOrIndex)
+
#bg { width:1034px;
-
{
+
background: url(images/bg.gif) repeat-y;
-
var panelA = this.currentPanel;
+
margin: 0px auto;
-
var panelB;
+
}
-
if (typeof elementOrIndex == "number")
+
#pol_left { background:url(images/left_sh.jpg) top no-repeat;
-
panelB = this.getPanels()[elementOrIndex];
+
width: 17px;
-
else
+
float:left;
-
panelB = this.getElement(elementOrIndex);
+
height:996px;
-
+
}
-
if (!panelB || panelA == panelB)
+
-
return null;
+
-
var contentA = panelA ? this.getPanelContent(panelA) : null;
+
#pol_right { background:url(images/right_sh.jpg) top no-repeat;
-
var contentB = this.getPanelContent(panelB);
+
width: 17px;
 +
float:left;
 +
height:996px;
 +
}
-
if (!contentB)
 
-
return null;
 
-
if (this.useFixedPanelHeights && !this.fixedPanelHeight)
+
#main{
-
this.fixedPanelHeight = (contentA.offsetHeight) ? contentA.offsetHeight : contentA.scrollHeight;
+
width: 1000px;
 +
margin: 0px auto;
 +
padding: 10px 0px 0px 0px;
 +
background: url(images/bg_b.jpg) top no-repeat;
 +
float:left;
 +
}
-
if (this.enableAnimation)
+
#main_g {
-
{
+
background: url(images/main_g.jpg) 0px 426px repeat-x;
-
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;
+
-
};
+
-
 
+
-
Spry.Widget.Accordion.prototype.closePanel = function()
+
-
{
+
-
// 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
+
-
// method does nothing.
+
-
 
+
-
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()
+
-
{
+
-
return this.openPanel(this.getCurrentPanelIndex() + 1);
+
-
};
+
-
 
+
-
Spry.Widget.Accordion.prototype.openPreviousPanel = function()
+
-
{
+
-
return this.openPanel(this.getCurrentPanelIndex() - 1);
+
-
};
+
-
 
+
-
Spry.Widget.Accordion.prototype.openFirstPanel = function()
+
-
{
+
-
return this.openPanel(0);
+
-
};
+
-
 
+
-
Spry.Widget.Accordion.prototype.openLastPanel = function()
+
-
{
+
-
var panels = this.getPanels();
+
-
return this.openPanel(panels[panels.length - 1]);
+
-
};
+
-
 
+
-
Spry.Widget.Accordion.prototype.onPanelTabClick = function(e, panel)
+
-
{
+
-
if (panel != this.currentPanel)
+
-
this.openPanel(panel);
+
-
else
+
-
this.closePanel();
+
-
 
+
-
if (this.enableKeyboardNavigation)
+
-
this.focus();
+
-
 
+
-
if (e.preventDefault) e.preventDefault();
+
-
else e.returnValue = false;
+
-
if (e.stopPropagation) e.stopPropagation();
+
-
else e.cancelBubble = true;
+
-
 
+
-
return false;
+
-
};
+
-
 
+
-
Spry.Widget.Accordion.prototype.onFocus = function(e)
+
-
{
+
-
this.hasFocus = true;
+
-
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)
+
-
{
+
-
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)
+
-
{
+
-
if (nextPanel.nodeType == 1 /* Node.ELEMENT_NODE */)
+
-
break;
+
-
nextPanel = (key == this.nextPanelKeyCode) ? nextPanel.nextSibling : nextPanel.previousSibling;
+
-
}
+
-
 
+
-
if (nextPanel && currentPanel != nextPanel)
+
-
this.openPanel(nextPanel);
+
-
 
+
-
if (e.preventDefault) e.preventDefault();
+
-
else e.returnValue = false;
+
-
if (e.stopPropagation) e.stopPropagation();
+
-
else e.cancelBubble = true;
+
-
 
+
-
return false;
+
-
};
+
-
 
+
-
Spry.Widget.Accordion.prototype.attachPanelHandlers = function(panel)
+
-
{
+
-
if (!panel)
+
-
return;
+
-
 
+
-
var tab = this.getPanelTab(panel);
+
-
 
+
-
if (tab)
+
-
{
+
-
var self = this;
+
-
Spry.Widget.Accordion.addEventListener(tab, "click", function(e) { return self.onPanelTabClick(e, panel); }, false);
+
-
Spry.Widget.Accordion.addEventListener(tab, "mouseover", function(e) { return self.onPanelTabMouseOver(e, panel); }, false);
+
-
Spry.Widget.Accordion.addEventListener(tab, "mouseout", function(e) { return self.onPanelTabMouseOut(e, panel); }, false);
+
-
}
+
-
};
+
-
 
+
-
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";
+
-
}
+
-
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)
+
-
{
+
-
content.style.height = "0px";
+
-
content.style.display = "none";
+
-
}
+
-
}
+
-
+
-
this.attachPanelHandlers(panel);
+
-
};
+
-
 
+
-
Spry.Widget.Accordion.prototype.attachBehaviors = function()
+
-
{
+
-
var panels = this.getPanels();
+
-
for (var i = 0; i < panels.length; i++)
+
-
this.initPanel(panels[i], i == this.defaultPanel);
+
-
 
+
-
// Advanced keyboard navigation requires the tabindex attribute
+
-
// on the top-level element.
+
-
 
+
-
this.enableKeyboardNavigation = (this.enableKeyboardNavigation && this.element.attributes.getNamedItem("tabindex"));
+
-
if (this.enableKeyboardNavigation)
+
-
{
+
-
var self = this;
+
-
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()
+
-
{
+
-
return this.getElementChildren(this.element);
+
-
};
+
-
 
+
-
Spry.Widget.Accordion.prototype.getCurrentPanel = function()
+
-
{
+
-
return this.currentPanel;
+
-
};
+
-
 
+
-
Spry.Widget.Accordion.prototype.getPanelIndex = function(panel)
+
-
{
+
-
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()
+
-
{
+
-
return this.getPanelIndex(this.currentPanel);
+
-
};
+
-
 
+
-
Spry.Widget.Accordion.prototype.getPanelTab = function(panel)
+
-
{
+
-
if (!panel)
+
-
return null;
+
-
return this.getElementChildren(panel)[0];
+
-
};
+
-
 
+
-
Spry.Widget.Accordion.prototype.getPanelContent = function(panel)
+
-
{
+
-
if (!panel)
+
-
return null;
+
-
return this.getElementChildren(panel)[1];
+
-
};
+
-
 
+
-
Spry.Widget.Accordion.prototype.getElementChildren = function(element)
+
-
{
+
-
var children = [];
+
-
var child = element.firstChild;
+
-
while (child)
+
-
{
+
-
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";
+
-
}
+
-
}
+
-
}
+
-
};
+
-
 
+
-
Spry.Widget.Accordion.PanelAnimator.defaultTransition = function(time, begin, finish, duration) { time /= duration; return begin + ((2 - time) * time * finish); };
+
-
 
+
-
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;
+
-
}
+
-
}
+
-
 
+
-
this.timer = null;
+
-
};
+
-
 
+
-
Spry.Widget.Accordion.PanelAnimator.prototype.stepAnimation = function()
+
-
{
+
-
var curTime = (new Date).getTime();
+
-
var elapsedTime = curTime - this.startTime;
+
-
 
+
-
var i, obj;
+
-
 
+
-
if (elapsedTime >= this.duration)
+
-
{
+
-
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++)
+
-
{
+
-
obj = this.panelData[i];
+
-
var ht = this.transition(elapsedTime, obj.fromHeight, obj.distance, this.duration);
+
-
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;
+
}
}
-
h1 {
+
#header { width:1000px;
-
color: #4F6179;
+
padding: 0px 0px 0px 0px;
-
font-size: 24px;
+
height: 295px;
-
font-weight: normal;
+
-
margin: 3px 0px 25px 0px;
+
}
}
-
h2 { color: #333333; font-size: 14px; font-weight: normal; margin: 0px 0px 15px 0px; }
 
-
a          { color: #ba7007; }
+
#logo{
-
a:visited  { color: #ba7007; }
+
text-align: right;
-
a:hover    { color: black; }
+
padding-top: 180px;
-
 
+
padding-right: 20px;
-
 
+
-
.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;
+
}
}
-
 
+
#logo a {
-
/* BANNER AREA */
+
text-decoration: none;
-
.bannerArea {
+
text-transform: lowercase;
-
width: 960px;height: 145px;
+
font-style: italic;
-
background-color: #4971a2;
+
font-size: 16px;
-
background-image: url(https://static.igem.org/mediawiki/2010/c/cf/Banner_bkgd.jpg);
+
color: #FFFFFF;
-
background-repeat: no-repeat;
+
font-weight: bold;
}
}
-
 
+
#logo H2 a{
-
.bannernav {
+
-
padding-top: 10px;
+
-
padding-right: 40px;
+
-
float: right;
+
-
color: white;
+
font-size: 10px;
font-size: 10px;
-
font-family: Arial, Helvetica, Verdana, sans-serif;
 
}
}
-
.bannernav a {
+
#buttons{
-
color: white;
+
width: 1000px;
-
text-decoration: none;
+
height: 51px;
-
}
+
background: url(images/menu.jpg) left top no-repeat;
-
.bannernav a:visited {
+
text-align:center;
-
color: white;
+
-
}
+
-
.bannernav a:hover {
+
-
color: #ECBB7B;
+
}
}
-
.toplogo {
+
#buttons ul {
-
margin-left: 70px;
+
    padding-left: 0px;
-
padding-top: 20px;
+
    margin-left:11px;
}
}
-
 
+
#buttons li {
-
 
+
display: inline;
-
.content {
+
-
padding-top: 20px;
+
-
padding-bottom: 20px;
+
-
background-image: url(https://static.igem.org/mediawiki/2010/3/38/Content_bkgd.jpg);
+
-
background-repeat: no-repeat;
+
-
 
+
}
}
-
 
+
#buttons a {
-
/* LEFT NAVIGATION */
+
font-family: Georgia, Arial, Helvetica, sans-serif;
-
 
+
font-size: 18px;
-
 
+
font-weight:normal;
-
.leftnavigation {
+
display: block;
-
width: 192px;
+
-
margin: 70px 0px 0px 0px;
+
-
padding-left: 8px;
+
float: left;
float: left;
-
list-style-type: none;
+
width: 158px;
 +
height: 34px;
 +
text-decoration: none;
 +
color: #FFFFFF;
 +
padding-top: 15px;
 +
text-align: center;
 +
background:url(images/but.jpg) 0px 0px no-repeat;
 +
margin-left:3px;
}
}
-
.leftnavigation a{
+
#buttons a:hover {
-
margin-left: 0px;
+
text-decoration: underline;
-
width: 156px;
+
background:url(images/but.jpg) 0px 0px no-repeat;
-
padding-left: 15px;
+
-
padding-top: 5px;
+
-
padding-right: 20px;
+
-
padding-bottom: 5px;
+
-
float: left;
+
-
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{
+
#content{
-
color: #364957;
+
width: 954px;
-
}
+
background: url(images/bg_png.png) ;
-
.leftnavigation a:hover{
+
margin: 0px 11px 0px 11px;
-
color: #ffffff;
+
padding: 12px 12px 12px 12px;
-
background-image: url(https://static.igem.org/mediawiki/2010/8/89/Nav_down.jpg);
+
}
}
-
/* CONTENT AREA */
+
#razd {
-
 
+
background: url(images/razd.gif) 680px 0px repeat-y;
-
.contentleft {
+
width: 954px;
-
width: 440px;
+
min-height: 50px;
-
padding-left: 30px;
+
-
padding-right: 20px;
+
-
float: left;
+
-
+
-
 
+
}
}
-
.contentright {
+
#left{
-
padding-top: 55px;
+
width: 667px;
-
float: left;
+
padding: 0px 0px 0px 0px;
-
width: 210px;
+
margin: 0px;
 +
float:left;
}
}
-
.imageright {
+
#center{float:left;
-
margin-top: 10px;
+
padding: 0px 0px 0px 11px;
-
margin-left: 10px;
+
width:315px;
-
float: right;
+
-
}
+
-
.imageleft {
+
-
margin-right: 10px;
+
-
float: left;
+
}
}
-
 
+
.text{
-
/* FOOTER AREA */
+
padding: 10px 0px 0px 0px;
-
.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 {
+
.img { float:left;
-
border-top: solid;
+
margin: 5px 10px 5px 0px;
-
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 {
+
span { color:#0B4B70;
-
overflow: hidden;
+
font-weight:bold;
-
width: 255px;
+
}
}
 +
.dat { text-decoration:underline;}
-
.AccordionPanel {
+
H1{
-
margin: 0px;
+
font-family: Georgia, Arial, Helvetica, sans-serif;
-
padding: 0px;
+
font-size:18px;
 +
font-weight:normal;
 +
color: #0B3B57;
 +
padding-bottom: 5px;
 +
padding-left: 0px;
 +
background: url(images/tit_bg.gif) bottom repeat-x;
}
}
-
 
+
.read{
-
.AccordionPanelTab {
+
text-align:right;
-
color: #394867;
+
padding-right:20px;
-
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);
+
}
}
-
 
+
#right{
-
.AccordionPanelContent {
+
float:right;
-
margin: 0px 0px 0px 0px;
+
width: 260px;
-
padding: 0px 0px 0px 0px;
+
background: url(images/right_bg.gif) left repeat-y;
-
background-image: url(https://static.igem.org/mediawiki/2010/9/9a/Accordion_255_tile.gif);
+
}
}
-
.AccordionPanelOpen .AccordionPanelTab {
+
#right ul
-
color: #d88a37;
+
{
-
background-image: url(https://static.igem.org/mediawiki/2010/7/7d/Accordion_255_tab_down.gif);
+
list-style: none;
 +
padding-left:0px;
 +
padding-top:10px;
 +
margin: 0px;
 +
display:block;
 +
padding-bottom: 0px;
}
}
-
 
+
#padding { padding-top: 5px;
-
 
+
background:url(images/tit_bg.gif) top repeat-x;
-
.AccordionPanelTabHover {
+
-
background-image: url(https://static.igem.org/mediawiki/2010/1/1f/Accordion_255_tab_over.gif);
+
}
}
-
 
+
#right li{
-
.AccordionFocused .AccordionPanelTab {
+
padding-top: 0px;
-
background-color: #000000;
+
background: url(images/fish.png) 0px 9px no-repeat;
 +
padding-left: 26px;
}
}
-
 
+
.munth { line-height: 25px;
-
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
+
padding-top:10px;
-
background-color: #000000;
+
}
}
 +
.munth li {padding-top:10px;}
-
/* Custom AUC classes */
+
#footer{
-
 
+
height: 40px;
-
#accordion_255 {
+
width: 986px;
-
background-image: url(https://static.igem.org/mediawiki/2010/9/9a/Accordion_255_tile.gif);
+
font-size: 10px;
-
background-repeat: repeat-y;
+
color: #FFFFFF;
-
background-position: 0px 0px;
+
padding-top: 8px;
 +
text-align: center;
 +
clear:both;
 +
padding: 15px 5px 15px 5px;
}
}
-
.tabTop {
+
#footer a{
-
background-position: 0px 0px;
+
color: #FFFFFF;
-
padding-top: 15px;
+
font-size: 10px;
-
}
+
text-decoration: none;
-
.middleTab {
+
-
background-position: 0px -151px;
+
}
}
-
.accordion_255_tab {
+
#footer a:hover{
-
margin: 0px;
+
color: #FFFFFF;
-
font-weight: bold;
+
font-size: 10px;
 +
text-decoration: underline;
}
}
-
.acontent {
 
-
height:200px;
 
-
width:220px;
 
-
overflow: auto;
 
-
padding: 5px 10px 10px 20px;
 
-
}
 
-
 
-
.AccordionBottom {
 
-
width: 255px;
 
-
height: 33px;
 
-
background-repeat: no-repeat;
 
-
background-position: 0px bottom;
 
-
background-image: url(https://static.igem.org/mediawiki/2010/5/5d/Accordion_255_bottom.gif);
 
-
}
 
</style>
</style>
</head>
</head>
 +
<body>
-
 
+
<div id="bg">
-
<html>
+
<div id="pol_left"></div>
-
<head>
+
    <div id="main">
-
<title>iGEM-Gothenburg</title>
+
    <div id="main_g">
-
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
    <!-- header begins -->
-
<meta name="description" content="Designed in Chalmers" />
+
        <div id="header">
-
+
            <div id="buttons">
-
+
                <ul>
-
</head>
+
                  <li><a href="#"  title="" class="STYLE1">Home</a></li>
-
<body>
+
                  <li><a href="#" title="">Project</a></li>
-
<div class="container">  
+
                  <li><a href="#" title="">Lab Note </a></li>
-
<div class="bannerArea">
+
                  <li><a href="#" title="">Results</a></li>
-
<div class="bannernav"><a href="https://2010.igem.org/Team:Gothenburg-Sweden/contacts" >Contact Us</a></div>
+
  <li><a href="#" title="">About Us</a></li>
-
<a href="https://2010.igem.org/Team:Gothenburg-Sweden"></a> </div>
+
                  <li><a href="#" title="">Contact Us</a></li>
-
<div class="contentArea">
+
                </ul>
-
<ul class="leftnavigation">
+
            </div>
-
                                        <li><a href="https://2010.igem.org/Team:Gothenburg-Sweden" >Home</a></li>
+
            <div id="logo"><a href="#">igem - gothenburg </a>
-
<li><a href="https://2010.igem.org/Team:Gothenburg-Sweden/chalmers" >Chalmers, GBG</a></li>
+
                <h2><a href="http://www.metamorphozis.com/" id="metamorph">chalmers tekniska högskolan </a></h2>
-
<li><a href="https://2010.igem.org/Team:Gothenburg-Sweden/members" >Members</a></li>
+
            </div>
-
<li><a href="https://2010.igem.org/Team:Gothenburg-Sweden/project_description" >Project Description</a></li>
+
        </div>
-
<li><a href="https://2010.igem.org/Team:Gothenburg-Sweden/materials" >Materials</a></li>
+
        <!-- header ends -->
-
<li><a href="https://2010.igem.org/Team:Gothenburg-Sweden/procedure" >Procedure</a></li>
+
            <!-- content begins -->
-
<li><a href="https://2010.igem.org/Team:Gothenburg-Sweden/lab_note" >Lab note</a></li>
+
            <div id="content">
-
<li><a href="https://2010.igem.org/Team:Gothenburg-Sweden/results" >Results</a></li>
+
                <div id="razd">
-
<li><a href="https://2010.igem.org/Team:Gothenburg-Sweden/contacts" >Contacts</a></li>
+
                    <div id="left">
-
<li><a href="https://2010.igem.org/Team:Gothenburg-Sweden/sponsor" >Sponsor</a></li>
+
                        <h1>Welcome to our Wiki!</h1>
-
</ul>
+
                        <div class="text">
-
<div class="content">
+
                            <img src="images/team.jpg" alt="" width="252" height="181" class="img" />
-
<div class="contentleft">
+
                            <span>iGEM team - Gothenburg, Chalmers University of Technology </span> <br />
-
<h1>iGEM team - Sweden, Gothenburg</h1>
+
                            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.<br />
-
<img src="https://static.igem.org/mediawiki/2010/d/d5/Gothenburg-Sweden_team_allmembers.jpg" width="270" height="197" border="0" class="imageright" />
+
                      </div>
-
<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>
+
                        <div class="read"><a href="#"></a></div>
-
<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>
+
                        <br />
-
<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>
+
                        <h1>Project - Synthetic readout of cellular stress </h1>
-
</div>
+
                        <div class="text">
-
<div class="contentright">
+
                            <img src="images/cell stress.jpg" alt="" width="260" height="180" class="img" />                           Heat stress denaturases (distorts)  proteins, causing weakening of polar bonds, unfolding, and exposure of hydrophobic  groups. Stress beyond the cell's tolerance will induce cell death. The <strong>cellular stress response</strong> (<strong>heat-shock response</strong>) protects  organisms from damage resulting from environmental stressors such as heat, UV  light, trace metals, and xenobiotics. Stress genes are activated to rapidly  synthesize <strong>stress proteins</strong>, which are  highly conserved in biological evolution and play similar roles in organisms  from bacteria to humans.
-
<div id="SpryAccordion1" class="Accordion" tabindex="0">
+
                            <p>&nbsp; </p>
-
<div class="AccordionPanel">
+
                            <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. In humans this is the target of most anti-diabetic drugs in the market today  and is also implicated in many other metabolic disorders such as obesity and  atherosclerosis and also in developmental processes such as cell cycle and  ageing, etc. In yeast, this protein is called SNF1 and to  use the conformational change in the SNF1 complex to establish a FRET (Förster  Resonance Energy Transfer) system. </p>
-
<div class="AccordionPanelTab tabTop">
+
                      </div>
-
<div class="accordion_340_tab">
+
                        <div class="read"><a href="#"></a></div>
-
TELLUS PROIN EU ERAT
+
                    </div>
-
</div>
+
                    <div id="right">
-
</div>
+
                        <h1>Contact Information </h1>
-
<div class="AccordionPanelContent">
+
                        <p>&nbsp;</p>
-
<div class="acontent">
+
                        <p>iGEM team Gothenburg:</p>
-
<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>
+
                        <p>Chalmers University of Technology</p>
-
</div>
+
                        <p>Email: xxxx@xxxx.xxx</p>
-
</div>
+
                        <p>Adress: xxxxxxx  </p>
-
</div>
+
                        <p>&nbsp; </p>
-
<div class="AccordionPanel">
+
                        <br />
-
<div class="AccordionPanelTab middleTab">
+
                        <h1>Recently News</h1>
-
<div class="accordion_340_tab">
+
                        <ul>
-
UMA NON TEMPLUS NUNC
+
                            <li><span class="dat">06-11-2010</span> <br />
-
</div>
+
                              <span>xxxxxxxxxxxxx. </span><br />
-
</div>
+
                            xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
-
<div class="AccordionPanelContent">
+
                            <div class="read"><a href="#"></a></div>
-
<div class="acontent">
+
                            <h1 id="padding"></h1>
-
<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>
+
                            </li>
-
<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>
+
                            <li ><span class="dat">07-11-2010</span> <br />
-
</div>
+
                              <span>xxxxxxxxxxxxxxxxxxxx. </span><br />
-
</div>
+
                              xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
-
</div>
+
                              <div class="read"></div>
-
<div class="AccordionPanel">
+
                            </li>
-
<div class="AccordionPanelTab middleTab">
+
                        </ul>
-
<div class="accordion_340_tab">
+
                    </div>
-
CONSECTETUER ADIPICING ELIT
+
                    <div style="clear: both"><img src="images/spaser.gif" alt="" width="1" height="1" /></div>
-
</div>
+
                </div>
-
</div>
+
            </div>
-
<div class="AccordionPanelContent">
+
            <!-- content ends -->
-
<div class="acontent">
+
            <!-- footer begins -->
-
<img class="imageright" src="images/accordion_photo.jpg" border="0" />
+
      <div id="footer">
-
<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>
+
          Copyright  2010. Designed in Chalmers, Gothenburg, Sweden <br />
-
<p>Suspendisse dolor nisl, ultrices at, eleifend vel, consequat at, dolor. Vivamus auctor leo vel dui. Aliquam erat volutpat. Phasellus nibh.</p>
+
      <a href="#"></a></div>
-
</div>
+
        <!-- footer ends -->
-
</div>
+
   
-
</div>
+
    </div>
-
</div>
+
    </div>
-
<div class="AccordionBottom"></div>
+
    <div id="pol_right"></div>
-
</div>
+
<div style="clear: both"></div>
-
<div style="clear:both;"></div>
+
</div>
-
</div>
+
<div style="text-align: center; font-size: 0.75em;"></div>
-
<div style="clear:both;"></div>
+
</body>
-
</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>

Revision as of 13:30, 2 July 2010

chalmers

Welcome to our Wiki!

iGEM team - Gothenburg, Chalmers University of Technology
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.

Project - Synthetic readout of cellular stress

Heat stress denaturases (distorts) proteins, causing weakening of polar bonds, unfolding, and exposure of hydrophobic groups. Stress beyond the cell's tolerance will induce cell death. The cellular stress response (heat-shock response) protects organisms from damage resulting from environmental stressors such as heat, UV light, trace metals, and xenobiotics. Stress genes are activated to rapidly synthesize stress proteins, which are highly conserved in biological evolution and play similar roles in organisms from bacteria to humans.

 

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. In humans this is the target of most anti-diabetic drugs in the market today and is also implicated in many other metabolic disorders such as obesity and atherosclerosis and also in developmental processes such as cell cycle and ageing, etc. In yeast, this protein is called SNF1 and to use the conformational change in the SNF1 complex to establish a FRET (Förster Resonance Energy Transfer) system.

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