Difference between revisions of "Team:Edinburgh UG"

 
(173 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
<!doctype html>
+
{{EdigemUG16_Home}}
 
<html>
 
<html>
−
<head>
 
−
<meta charset="utf-8">
 
−
<title>Untitled Page</title>
 
−
<meta name="generator" content="WYSIWYG Web Builder 11 Trial Version - http://www.wysiwygwebbuilder.com">
 
−
<script type="text/javascript">
 
−
/*
 
−
JSCookMenu v2.0.4 (c) Copyright 2002-2014 by Heng Yuan
 
  
−
http://jscook.sourceforge.net/JSCookMenu/
+
<body>
 +
 
  
−
Permission is hereby granted, free of charge, to any person obtaining a
+
    <head>
−
copy of this software and associated documentation files (the "Software"),
+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
−
to deal in the Software without restriction, including without limitation
+
<link href="http://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet" type="text/css">
−
the rights to use, copy, modify, merge, publish, distribute, sublicense,
+
<link rel="stylesheet" href="http://cdn.jsdelivr.net/jquery.slick/1.5.7/slick.css">
−
and/or sell copies of the Software, and to permit persons to whom the
+
<script src="http://cdn.jsdelivr.net/jquery.slick/1.5.7/slick.min.js"></script>
−
Software is furnished to do so, subject to the following conditions:
+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
 +
    </head>
  
−
The above copyright notice and this permission notice shall be included
+
    <style type="text/css">
−
in all copies or substantial portions of the Software.
+
  
−
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
+
    #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear
−
OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+
−
ITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+
−
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+
−
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+
−
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
+
−
DEALINGS IN THE SOFTWARE.
+
  
−
Modified for WYSIWYG Web Builder 11 by Pablo
+
    {
−
*/
+
 
−
var _cmNodeProperties={prefix:"",mainFolderLeft:"",mainFolderRight:"",mainItemLeft:"",mainItemRight:"",folderLeft:"",folderRight:"",itemLeft:"",itemRight:"",mainSpacing:0,subSpacing:0,delay:500,zIndexStart:1E3,zIndexInc:5,subMenuHeader:null,subMenuFooter:null,offsetHMainAdjust:[0,0],offsetVMainAdjust:[0,0],offsetSubAdjust:[0,0],clickOpen:0,effect:null},_cmIDCount=0,_cmIDName="cmSubMenuID",_cmTimeOut=null,_cmCurrentItem=null,_cmNoAction={},_cmNoClick={},_cmSplit={},_cmMenuList=[],_cmItemList=[],_cmFrameList=
+
    display:  none;
−
[],_cmFrameListSize=0,_cmFrameIDCount=0,_cmFrameMasking=!1,_cmClicked=!1,_cmHideObjects=0;function cmClone(a){var b={};for(v in a)b[v]=a[v];return b}function cmAllocMenu(a,b,c,d,e){var g={};g.div=a;g.menu=b;g.orient=c;g.nodeProperties=d;g.prefix=e;a=_cmMenuList.length;_cmMenuList[a]=g;return a}
+
 
−
function cmAllocFrame(){if(0<_cmFrameListSize)return cmGetObject(_cmFrameList[--_cmFrameListSize]);var a=document.createElement("iframe"),b=_cmFrameIDCount++;a.id="cmFrame"+b;a.frameBorder="0";a.style.display="none";a.src="javascript:false";document.body.appendChild(a);a.style.filter="alpha(opacity=0)";a.style.zIndex=99;a.style.position="absolute";a.style.border="0";a.scrolling="no";return a}function cmFreeFrame(a){_cmFrameList[_cmFrameListSize++]=a.id}
+
    }
−
function cmNewID(){return _cmIDName+ ++_cmIDCount}
+
 
−
function cmActionItem(a,b,c,d,e){_cmItemList[_cmItemList.length]=a;a=_cmItemList.length-1;d=d.nodeProperties.clickOpen;var g=3==d||2==d&&b;b="this,"+b+","+(c?"'"+c+"'":"null")+","+e+","+a;return null!=navigator.userAgent.match(/(iPad)|(iPhone)|(iPod)|(android)|(webOS)/i)||3==d?' onclick="cmItemMouseOver('+b+",false);cmItemMouseDownOpenSub("+b+");cmItemMouseUp("+b+')" onmouseover="cmItemMouseOver('+b+',true)"':(g?' onmouseover="cmItemMouseOver('+b+',true)" onmousedown="cmItemMouseDownOpenSub ('+b+
+
    #top_menu_under
−
')"':' onmouseover="cmItemMouseOverOpenSub ('+b+')" onmousedown="cmItemMouseDown ('+b+')"')+' onmouseout="cmItemMouseOut ('+b+')" onmouseup="cmItemMouseUp ('+b+')"'}function cmNoClickItem(a,b,c,d,e){_cmItemList[_cmItemList.length]=a;a=_cmItemList.length-1;b="this,"+b+","+(c?"'"+c+"'":"null")+","+e+","+a;return' onmouseover="cmItemMouseOver ('+b+')" onmouseout="cmItemMouseOut ('+b+')"'}function cmNoActionItem(a){return a[1]}
+
    {
−
function cmSplitItem(a,b,c){a="cm"+a;b?(a+="Main",a=c?a+"HSplit":a+"VSplit"):a+="HSplit";return eval(a)}
+
    height: 0;
−
function cmDrawSubMenu(a,b,c,d,e,g,k){var h='<div class="'+b+'SubMenu" id="'+c+'" style="z-index: '+e+';position: absolute; top: 0px; left: 0px;">';d.subMenuHeader&&(h+=d.subMenuHeader);var h=h+('<table summary="sub menu" id="'+c+'Table" cellspacing="'+d.subSpacing+'" class="'+b+'SubMenuTable">'),f="",m,p,l,q,n;for(q=5;q<a.length;++q)if(m=a[q])m==_cmSplit&&(m=cmSplitItem(b,0,!0)),m.parentItem=a,m.subMenuID=c,p=(l=5<m.length)?cmNewID():null,h+='<tr class="'+b+'MenuItem"',h=m[0]!=_cmNoClick?h+cmActionItem(m,
+
    }
−
0,p,g,k):h+cmNoClickItem(m,0,p,g,k),h+=">",m[0]==_cmNoAction||m[0]==_cmNoClick?(h+=cmNoActionItem(m),h+="</tr>"):(n=b+"Menu",n+=l?"Folder":"Item",h+='<td class="'+n+'Left">',h=null!=m[0]?h+m[0]:h+(l?d.folderLeft:d.itemLeft),h+='</td><td class="'+n+'Text">'+m[1],h+='</td><td class="'+n+'Right">',l?(h+=d.folderRight,f+=cmDrawSubMenu(m,b,p,d,e+d.zIndexInc,g,k)):h+=d.itemRight,h+="</td></tr>");h+="</table>";d.subMenuFooter&&(h+=d.subMenuFooter);return h+("</div>"+f)}
+
 
−
function cmDraw(a,b,c,d,e){var g=cmGetObject(a);e||(e=d.prefix);e||(e="");d||(d=_cmNodeProperties);c||(c="hbr");var k=cmAllocMenu(a,b,c,d,e),h=_cmMenuList[k];d.delay||(d.delay=_cmNodeProperties.delay);d.clickOpen||(d.clickOpen=_cmNodeProperties.clickOpen);d.zIndexStart||(d.zIndexStart=_cmNodeProperties.zIndexStart);d.zIndexInc||(d.zIndexInc=_cmNodeProperties.zIndexInc);d.offsetHMainAdjust||(d.offsetHMainAdjust=_cmNodeProperties.offsetHMainAdjust);d.offsetVMainAdjust||(d.offsetVMainAdjust=_cmNodeProperties.offsetVMainAdjust);
+
    #top-section {
−
d.offsetSubAdjust||(d.offsetSubAdjust=_cmNodeProperties.offsetSubAdjust);h.cmFrameMasking=_cmFrameMasking;c="h"!=c.charAt(0);var f=null;c?(f='<table cellspacing="0" cellpadding="0" border="0" ><tr><td '+(' class="'+e+'MenuOuter" >')+'<table summary="main menu" cellpadding="0" border="0" ',f+=' class="'+e+'Menu" cellspacing="'+d.mainSpacing+'" >'):(f='<table summary="main menu" cellpadding="0" border="0" '+(' cellspacing="0" class="'+e+'MenuOuter" >'),f+="<tr>");var m="",p,l,q,n,r;for(p=0;p<b.length;++p)if(l=
+
    height: 0px;
−
b[p]){l.menu=b;l.subMenuID=a;var t=l==_cmSplit||l[0]==_cmNoAction||l[0]==_cmNoClick,f=c?f+"<tr":t?f+"<td ":f+('<td><table class="'+e+'Menu" cellspacing="'+d.mainSpacing+'" cellpadding="0" border="0"><tr'),f=f+(' class="'+e+'MainItem"');q=(n=5<l.length)?cmNewID():null;f=t?f+(cmNoActionItem(l)+">"):f+(cmActionItem(l,1,q,h,k)+">");l==_cmSplit&&(l=cmSplitItem(e,1,c));if(l[0]==_cmNoAction||l[0]==_cmNoClick)f+=cmNoActionItem(l),f+=c?"</tr>":"</td>";else{var x=c;c=!0;r=e+"Main"+(n?"Folder":"Item");var u=
+
    border-top: 0;
−
n?d.mainFolderLeft:d.mainItemLeft,w=n?d.mainFolderRight:d.mainItemRight;""!=u&&(f+=c?"<td":"<span",f+=' class="'+r+'Left">',f+=null==l[0]?u:l[0],f+=c?"</td>":"</span>");f+=c?"<td":"<span";f+=' class="'+r+'Text">';f+=l[1];f+=c?"</td>":"</span>";""!=w&&(f+=c?"<td":"<span",f+=' class="'+r+'Right">',f+=w,f+=c?"</td>":"</span>");(c=x)?f+="</tr>":t||(f+="</tr></table>");n&&(m+=cmDrawSubMenu(l,e,q,d,d.zIndexStart,h,k))}}f=c?f+"</table></td></tr>":f+"</tr>";f+="</table>"+m;g.innerHTML=f}
+
    border-left: none;
−
function cmDrawFromText(a,b,c,d){for(var e=null,g=cmGetObject(a).firstChild;g;g=g.nextSibling)if(g.tagName){var k=g.tagName.toLowerCase();if("ul"==k||"ol"==k){e=cmDrawFromTextSubMenu(g);break}}e&&cmDraw(a,e,b,c,d)}
+
    border-right: none;
−
function cmDrawFromTextSubMenu(a){var b=[];for(a=a.firstChild;a;a=a.nextSibling)if(a.tagName&&"li"==a.tagName.toLowerCase())if(null==a.firstChild)b[b.length]=_cmSplit;else{for(var c=[],d=a.firstChild,e=!1;d;d=d.nextSibling)if(d.tagName){if("cmNoClick"==d.className){c[0]=_cmNoClick;c[1]=getActionHTML(d);e=!0;break}if("cmNoAction"==d.className){c[0]=_cmNoAction;c[1]=getActionHTML(d);e=!0;break}var g=d.tagName.toLowerCase();if("span"==g){c[0]=d.firstChild?d.innerHTML:null;d=d.nextSibling;break}}if(e)b[b.length]=
+
    }
−
c;else if(d){for(;d;d=d.nextSibling)if(d.tagName){g=d.tagName.toLowerCase();if("a"==g)c[1]=d.innerHTML,c[2]=d.href,c[3]=d.target,c[4]=d.title,""==c[4]&&(c[4]=null);else if("span"==g||"div"==g)c[1]=d.innerHTML,c[2]=null,c[3]=null,c[4]=null;break}for(;d;d=d.nextSibling)if(d.tagName&&(g=d.tagName.toLowerCase(),"ul"==g||"ol"==g)){d=cmDrawFromTextSubMenu(d);for(i=0;i<d.length;++i)c[i+5]=d[i];break}b[b.length]=c}}return b}
+
      #globalWrapper
−
function getActionHTML(a){for(a=a.firstChild;a&&(!a.tagName||"table"!=a.tagName.toLowerCase());a=a.nextSibling);if(!a)return"<td></td><td></td><td></td>";for(a=a.firstChild;a&&(!a.tagName||"tbody"!=a.tagName.toLowerCase());a=a.nextSibling);if(!a)return"<td></td><td></td><td></td>";for(a=a.firstChild;a&&(!a.tagName||"tr"!=a.tagName.toLowerCase());a=a.nextSibling);return a?a.innerHTML:"<td></td><td></td><td></td>"}
+
        {
−
function cmGetMenuItem(a){if(!a.subMenuID)return null;var b=cmGetObject(a.subMenuID);if(a.menu){var c=a.menu,b=b.firstChild.firstChild.firstChild.firstChild,d;for(d=0;d<c.length;++d){if(c[d]==a)return b;b=b.nextSibling}}else if(a.parentItem){c=a.parentItem;b=cmGetObject(a.subMenuID+"Table");if(!b)return null;b=b.firstChild.firstChild;for(d=5;d<c.length;++d){if(c[d]==a)return b;b=b.nextSibling}}return null}
+
        width: 100%;
−
function cmDisableItem(a,b){if(a){var c=cmGetMenuItem(a);c&&(c.className=a.menu?b+"MainItemDisabled":b+"MenuItemDisabled",a.isDisabled=!0)}}function cmEnableItem(a,b){a&&cmGetMenuItem(a)&&(menu.className=a.menu?b+"MainItem":b+"MenuItem",a.isDisabled=!0)}
+
        height: 100%;
−
function cmItemMouseOver(a,b,c,d,e,g){if(!g&&_cmClicked)cmItemMouseOverOpenSub(a,b,c,d,e);else if(clearTimeout(_cmTimeOut),!_cmItemList[e].isDisabled){g=_cmMenuList[d].prefix;a.cmMenuID||(a.cmMenuID=d,a.cmIsMain=b);d=cmGetThisMenu(a,g);d.cmItems||(d.cmItems=[]);var k;for(k=0;k<d.cmItems.length&&d.cmItems[k]!=a;++k);k==d.cmItems.length&&(d.cmItems[k]=a);if(_cmCurrentItem){if(_cmCurrentItem==a||_cmCurrentItem==d){c=_cmItemList[e];cmSetStatus(c);return}k=_cmMenuList[_cmCurrentItem.cmMenuID];var h=k.prefix,
+
        border: 0px;
−
f=cmGetThisMenu(_cmCurrentItem,h);f!=d.cmParentMenu&&(_cmCurrentItem.className=_cmCurrentItem.cmIsMain?h+"MainItem":h+"MenuItem",f.id!=c&&cmHideMenu(f,d,k))}_cmCurrentItem=a;cmResetMenu(d,g);c=_cmItemList[e];cmIsDefaultItem(c)&&(a.className=b?g+"MainItemHover":g+"MenuItemHover");cmSetStatus(c)}}function cmItemMouseOverOpenSub(a,b,c,d,e){clearTimeout(_cmTimeOut);_cmItemList[e].isDisabled||(cmItemMouseOver(a,b,c,d,e,!0),c&&(c=cmGetObject(c),cmShowSubMenu(a,b,c,_cmMenuList[d])))}
+
        background-color: #ffffff;
−
function cmItemMouseOut(a,b,c,d,e){_cmTimeOut=window.setTimeout("cmHideMenuTime ()",_cmMenuList[d].nodeProperties.delay);window.defaultStatus=""}function cmItemMouseDown(a,b,c,d,e){!_cmItemList[e].isDisabled&&cmIsDefaultItem(_cmItemList[e])&&(b=_cmMenuList[d].prefix,a.className=a.cmIsMain?b+"MainItemActive":b+"MenuItemActive")}function cmItemMouseDownOpenSub(a,b,c,d,e){_cmItemList[e].isDisabled||(_cmClicked=!0,cmItemMouseDown(a,b,c,d,e),c&&(c=cmGetObject(c),cmShowSubMenu(a,b,c,_cmMenuList[d])))}
+
        margin: 0px;
−
function cmItemMouseUp(a,b,c,d,e){_cmItemList[e].isDisabled||((b=_cmItemList[e],c=null,e="_self",2<b.length&&(c=b[2]),3<b.length&&b[3]&&(e=b[3]),null!=c&&(_cmClicked=!1,window.open(c,e)),d=_cmMenuList[d],c=d.prefix,e=cmGetThisMenu(a,c),5<b.length)?cmIsDefaultItem(b)&&(a.className=a.cmIsMain?c+"MainItemHover":c+"MenuItemHover"):(cmIsDefaultItem(b)&&(a.className=a.cmIsMain?c+"MainItem":c+"MenuItem"),cmHideMenu(e,null,d)))}
+
        padding: 0px;
−
function cmMoveSubMenu(a,b,c,d){var e=d.orient;d=b?"h"==e.charAt(0)?d.nodeProperties.offsetHMainAdjust:d.nodeProperties.offsetVMainAdjust:d.nodeProperties.offsetSubAdjust;b||"h"!=e.charAt(0)||(e="v"+e.charAt(1)+e.charAt(2));b=String(e);var g=c.offsetParent,k=cmGetWidth(c),h=cmGetHorizontalAlign(a,b,g,k);"h"==b.charAt(0)?("b"==b.charAt(1)?c.style.top=cmGetYAt(a,g)+cmGetHeight(a)+d[1]+"px":c.style.top=cmGetYAt(a,g)-cmGetHeight(c)-d[1]+"px",c.style.left="r"==h?cmGetXAt(a,g)+d[0]+"px":cmGetXAt(a,g)+cmGetWidth(a)-
+
        font-size: 100%
−
k-d[0]+"px"):(c.style.left="r"==h?cmGetXAt(a,g)+cmGetWidth(a)+d[0]+"px":cmGetXAt(a,g)-k-d[0]+"px","b"==b.charAt(1)?c.style.top=cmGetYAt(a,g)+d[1]+"px":c.style.top=cmGetYAt(a,g)+cmGetHeight(a)-cmGetHeight(c)+d[1]+"px");h!=e.charAt(2)&&(e=e.charAt(0)+e.charAt(1)+h);return e}
+
        }
−
function cmGetHorizontalAlign(a,b,c,d){c=b.charAt(2);if(!document.body)return c;var e=document.body,g;if(window.innerWidth)g=window.pageXOffset,e=window.innerWidth+g;else if(e.clientWidth)g=e.clientLeft,e=e.clientWidth+g;else return c;"h"==b.charAt(0)?("r"==c&&cmGetXAt(a)+d>e&&(c="l"),"l"==c&&cmGetXAt(a)+cmGetWidth(a)-d<g&&(c="r")):("r"==c&&cmGetXAt(a)+cmGetWidth(a)+d>e&&(c="l"),"l"==c&&cmGetXAt(a)-d<g&&(c="r"));return c}
+
 
−
function cmShowSubMenu(a,b,c,d){var e=d.prefix;c.cmParentMenu||(e=cmGetThisMenu(a,e),c.cmParentMenu=e,e.cmSubMenu||(e.cmSubMenu=[]),e.cmSubMenu[e.cmSubMenu.length]=c);if(e=c.cmEffect)e.showEffect(!0);else{a=cmMoveSubMenu(a,b,c,d);c.cmOrient=a;b=!1;if("visible"!=c.style.visibility&&d.nodeProperties.effect)try{e=d.nodeProperties.effect.getInstance(c,a),e.showEffect(!1)}catch(g){b=!0,c.cmEffect=null}else b=!0;b&&(c.style.visibility="visible")}if(!_cmHideObjects){_cmHideObjects=2;try{window.opera&&9>
+
        #content
−
parseInt(navigator.appVersion)&&(_cmHideObjects=1)}catch(k){}}1==_cmHideObjects&&(c.cmOverlap||(c.cmOverlap=[]),cmHideControl("IFRAME",c),cmHideControl("OBJECT",c))}function cmResetMenu(a,b){if(a.cmItems){var c,d,e=a.cmItems;for(c=0;c<e.length;++c){if(e[c].cmIsMain){if(e[c].className==b+"MainItemDisabled")continue}else if(e[c].className==b+"MenuItemDisabled")continue;d=e[c].cmIsMain?b+"MainItem":b+"MenuItem";e[c].className!=d&&(e[c].className=d)}}}
+
        {
−
function cmHideMenuTime(){_cmClicked=!1;if(_cmCurrentItem){var a=_cmMenuList[_cmCurrentItem.cmMenuID];cmHideMenu(cmGetThisMenu(_cmCurrentItem,a.prefix),null,a);_cmCurrentItem=null}}function cmHideThisMenu(a,b){var c=a.cmEffect;c?c.hideEffect(!0):(a.style.visibility="hidden",a.style.top="0px",a.style.left="0px",a.cmOrient=null);cmShowControl(a);a.cmItems=null}
+
          width: 100%;
−
function cmHideMenu(a,b,c){var d=c.prefix,e=d+"SubMenu";if(a.cmSubMenu){var g;for(g=0;g<a.cmSubMenu.length;++g)cmHideSubMenu(a.cmSubMenu[g],c)}for(;a&&a!=b;){cmResetMenu(a,d);if(a.className==e)cmHideThisMenu(a,c);else break;a=cmGetThisMenu(a.cmParentMenu,d)}}function cmHideSubMenu(a,b){if("hidden"!=a.style.visibility){if(a.cmSubMenu){var c;for(c=0;c<a.cmSubMenu.length;++c)cmHideSubMenu(a.cmSubMenu[c],b)}cmResetMenu(a,b.prefix);cmHideThisMenu(a,b)}}
+
          height: 100%;
−
function cmHideControl(a,b){var c=cmGetX(b),d=cmGetY(b),e=b.offsetWidth,g=b.offsetHeight,k;for(k=0;k<document.all.tags(a).length;++k){var h=document.all.tags(a)[k];if(h&&h.offsetParent){var f=cmGetX(h),m=cmGetY(h),p=h.offsetWidth,l=h.offsetHeight;f>c+e||f+p<c||m>d+g||m+l<d||"hidden"==h.style.visibility||(b.cmOverlap[b.cmOverlap.length]=h,""==h.id&&(h.style.visibility="hidden"))}}}
+
          margin-left: auto;
−
function cmShowControl(a){if(a.cmOverlap){var b;for(b=0;b<a.cmOverlap.length;++b)a.cmOverlap[b].style.visibility=""}a.cmOverlap=null}function cmGetThisMenu(a,b){for(var c=b+"SubMenu",d=b+"Menu";a;){if(a.className==c||a.className==d)return a;a=a.parentNode}return null}function cmTimeEffect(a,b,c){window.setTimeout('cmCallEffect("'+a+'",'+b+")",c)}function cmCallEffect(a,b){var c=cmGetObject(a);if(c&&c.cmEffect)try{b?c.cmEffect.showEffect(!1):c.cmEffect.hideEffect(!1)}catch(d){}}
+
          margin-right: auto;
−
function cmIsDefaultItem(a){return a==_cmSplit||a[0]==_cmNoAction||a[0]==_cmNoClick?!1:!0}function cmGetObject(a){return document.all?document.all[a]:document.getElementById(a)}function cmGetWidth(a){var b=a.offsetWidth;return 0<b||!cmIsTRNode(a)?b:a.firstChild?a.lastChild.offsetLeft-a.firstChild.offsetLeft+cmGetWidth(a.lastChild):0}function cmGetHeight(a){var b=a.offsetHeight;return 0<b||!cmIsTRNode(a)?b:a.firstChild?a.firstChild.offsetHeight:0}
+
          background-color: #ffffff;
−
function cmGetX(a){if(!a)return 0;var b=0;do b+=a.offsetLeft,a=a.offsetParent;while(a);return b}function cmGetXAt(a,b){for(var c=0;a&&a!=b;)c+=a.offsetLeft,a=a.offsetParent;return a==b?c:c-cmGetX(b)}function cmGetY(a){if(!a)return 0;var b=0;do b+=a.offsetTop,a=a.offsetParent;while(a);return b}function cmIsTRNode(a){a=a.tagName;return"TR"==a||"tr"==a||"Tr"==a||"tR"==a}
+
          padding: 0px;
−
function cmGetYAt(a,b){var c=0;if(!a.offsetHeight&&cmIsTRNode(a)){var d=a.parentNode.firstChild;a=a.firstChild;c-=d.firstChild.offsetTop}for(;a&&a!=b;)c+=a.offsetTop,a=a.offsetParent;return a==b?c:c-cmGetY(b)}function cmSetStatus(a){var b="";4<a.length?b=null!=a[4]?a[4]:a[2]?a[2]:b:2<a.length&&(b=a[2]?a[2]:b);window.defaultStatus=b}function cmGetProperties(a){if(void 0==a)return"undefined";if(null==a)return"null";var b=a+":\n",c;for(c in a)b+=c+" = "+a[c]+"; ";return b}
+
          font-size: 100%;
−
function CMSpecialEffectInstance(a,b){a.show=!0;a.menu=b;this.effect=b.cmEffect=a}CMSpecialEffectInstance.prototype.canShow=function(a){if(a){if(this.effect.show)return!1;this.effect.show=!0}else if(!this.effect.show)return!1;return!0};CMSpecialEffectInstance.prototype.canHide=function(a){var b=this.effect;if(a){if(!b.show)return!1;b.show=!1}else if(b.show)return!1;return!0};CMSpecialEffectInstance.prototype.startShowing=function(){this.effect.menu.style.visibility="visible"};
+
        }
−
CMSpecialEffectInstance.prototype.finishShowing=function(){};CMSpecialEffectInstance.prototype.finishHiding=function(){var a=this.effect.menu;a.style.visibility="hidden";a.style.top="0px";a.style.left="0px";a.cmEffect=null;a.cmOrient=null;this.effect.menu=null};
+
 
−
function CMSlidingEffectInstance(a,b,c){this.base=new CMSpecialEffectInstance(this,a);a.style.overflow="visible";this.x=a.offsetLeft;this.y=a.offsetTop;"h"==b.charAt(0)?(this.slideOrient="h",this.slideDir=b.charAt(1)):(this.slideOrient="v",this.slideDir=b.charAt(2));this.speed=c;this.fullWidth=a.offsetWidth;this.fullHeight=a.offsetHeight;this.percent=0}
+
 
−
CMSlidingEffectInstance.prototype.showEffect=function(a){this.base.canShow(a)&&(a=this.percent,"h"==this.slideOrient?this.slideMenuV():this.slideMenuH(),0==a&&this.base.startShowing(),100>a?(this.percent+=this.speed,cmTimeEffect(this.menu.id,this.show,10)):this.show&&this.base.finishShowing())};
+
 
−
CMSlidingEffectInstance.prototype.hideEffect=function(a){this.base.canHide(a)&&(a=this.percent,"h"==this.slideOrient?this.slideMenuV():this.slideMenuH(),0<a?(this.percent-=this.speed,cmTimeEffect(this.menu.id,this.show,10)):this.show||(this.menu.style.clip="auto",this.base.finishHiding()))};
+
    .image-bg-fluid-height,
−
CMSlidingEffectInstance.prototype.slideMenuH=function(){var a=this.percent;0>a&&(a=0);100<a&&(a=100);var b=this.fullWidth,c=this.fullHeight,d=this.x,a=a*b/100,e=this.menu;"l"==this.slideDir?(e.style.left=d+b-a+"px",e.style.clip="rect(0px "+a+"px "+c+"px 0px)"):(e.style.left=d-b+a+"px",e.style.clip="rect(0px "+b+"px "+c+"px "+(b-a)+"px)")};
+
    .image-bg-fixed-height {
−
CMSlidingEffectInstance.prototype.slideMenuV=function(){var a=this.percent;0>a&&(a=0);100<a&&(a=100);var b=this.fullWidth,c=this.fullHeight,d=this.y,a=a*c/100,e=this.menu;"b"==this.slideDir?(e.style.top=d-c+a+"px",e.style.clip="rect("+(c-a)+"px "+b+"px "+c+"px 0px)"):(e.style.top=d+c-a+"px",e.style.clip="rect(0px "+b+"px "+a+"px 0px)")};function CMSlidingEffect(a){a?0>=a?a=10:100<=a&&(a=100):a=10;this.speed=a}
+
        text-align: center;
−
CMSlidingEffect.prototype.getInstance=function(a,b){return new CMSlidingEffectInstance(a,b,this.speed)};function CMFadingEffectInstance(a,b,c){this.base=new CMSpecialEffectInstance(this,a);a.style.overflow="visible";this.showSpeed=b;this.hideSpeed=c;this.opacity=0}
+
        -webkit-background-size: cover;
−
CMFadingEffectInstance.prototype.showEffect=function(a){if(this.base.canShow(a)){a=this.menu;var b=this.opacity;this.setOpacity();0==b&&this.base.startShowing();100>b?(this.opacity+=10,cmTimeEffect(a.id,this.show,this.showSpeed)):this.show&&this.base.finishShowing()}};CMFadingEffectInstance.prototype.hideEffect=function(a){this.base.canHide(a)&&(a=this.menu,this.setOpacity(),0<this.opacity?(this.opacity-=10,cmTimeEffect(a.id,this.show,this.hideSpeed)):this.show||this.base.finishHiding())};
+
        -moz-background-size: cover;
−
CMFadingEffectInstance.prototype.setOpacity=function(){this.menu.style.opacity=this.opacity/100};function CMFadingEffect(a,b){this.showSpeed=a;this.hideSpeed=b}CMFadingEffect.prototype.getInstance=function(a,b){return new CMFadingEffectInstance(a,this.showSpeed,this.hideSpeed)};
+
        background-size: cover;
−
</script>
+
        -o-background-size: cover;
−
<style type="text/css">
+
 
−
a
+
    }
−
{
+
 
−
  color: #0000FF;
+
    .image-bg-fluid-height {
−
  text-decoration: underline;
+
    background: url('https://static.igem.org/mediawiki/2016/1/15/Edinburgh2_front_page.jpeg');
−
}
+
      padding: 450px 0;
−
a:visited
+
        margin-top: -30px;
−
{
+
    }
−
  color: #800080;
+
 
−
}
+
    .image-bg-fixed-height {
−
a:active
+
    background: url('http://lorempixel.com/g/1920/500/') no-repeat center center scroll;
−
{
+
        height: 450px;
−
  color: #FF0000;
+
    }
−
}
+
 
−
a:hover
+
    .img-center {
−
{
+
      position: absolute;
−
  color: #0000FF;
+
    margin: auto;
−
  text-decoration: underline;
+
    top: 125px;
−
}
+
    left: 400px;
−
h1
+
    right: 0px;
−
{
+
−
  font-family: Arial;
+
−
  font-weight: bold;
+
−
  font-size: 32px;
+
−
  font-style: normal;
+
−
  text-decoration: none;
+
−
  color: #000000;
+
−
  background-color: transparent;
+
−
  margin: 0px 0px 0px 0px;
+
−
  padding: 0px 0px 0px 0px;
+
−
  display: inline;
+
−
}
+
−
h2
+
−
{
+
−
  font-family: Arial;
+
−
  font-weight: bold;
+
−
  font-size: 27px;
+
−
  font-style: normal;
+
−
  text-decoration: none;
+
−
  color: #000000;
+
−
  background-color: transparent;
+
−
  margin: 0px 0px 0px 0px;
+
−
  padding: 0px 0px 0px 0px;
+
−
  display: inline;
+
−
}
+
−
h3
+
−
{
+
−
  font-family: Arial;
+
−
  font-weight: normal;
+
−
  font-size: 24px;
+
−
  font-style: normal;
+
−
  text-decoration: none;
+
−
  color: #000000;
+
−
  background-color: transparent;
+
−
  margin: 0px 0px 0px 0px;
+
−
  padding: 0px 0px 0px 0px;
+
−
  display: inline;
+
−
}
+
−
h4
+
−
{
+
−
  font-family: Arial;
+
−
  font-weight: normal;
+
−
  font-size: 21px;
+
−
  font-style: italic;
+
−
  text-decoration: none;
+
−
  color: #000000;
+
−
  background-color: transparent;
+
−
  margin: 0px 0px 0px 0px;
+
−
  padding: 0px 0px 0px 0px;
+
−
  display: inline;
+
−
}
+
−
h5
+
−
{
+
−
  font-family: Arial;
+
−
  font-weight: normal;
+
−
  font-size: 19px;
+
−
  font-style: normal;
+
−
  text-decoration: none;
+
−
  color: #000000;
+
−
  background-color: transparent;
+
−
  margin: 0px 0px 0px 0px;
+
−
  padding: 0px 0px 0px 0px;
+
−
  display: inline;
+
−
}
+
−
h6
+
−
{
+
−
  font-family: Arial;
+
−
  font-weight: normal;
+
−
  font-size: 16px;
+
−
  font-style: normal;
+
−
  text-decoration: none;
+
−
  color: #000000;
+
−
  background-color: transparent;
+
−
  margin: 0px 0px 0px 0px;
+
−
  padding: 0px 0px 0px 0px;
+
−
  display: inline;
+
−
}
+
−
.CustomStyle
+
−
{
+
−
  font-family: "Courier New";
+
−
  font-weight: bold;
+
−
  font-size: 16px;
+
−
  font-style: normal;
+
−
  text-decoration: none;
+
−
  color: #000080;
+
−
  background-color: transparent;
+
 
}
 
}
 +
 +
    }
 +
 +
    section {
 +
        padding: 75px 0;
 +
    }
 +
 +
    .section-heading {
 +
        margin: 30px 0;
 +
        font-size: 4em;
 +
    }
 +
 +
    .section-lead {
 +
        margin: 30px 0;
 +
    }
 +
 +
    .section-paragraph {
 +
        margin: 30px 0;
 +
    }
 +
 +
    .header-image {
 +
        display: block;
 +
        width: 100%;
 +
        text-align: center;
 +
 +
        -webkit-background-size: cover;
 +
        -moz-background-size: cover;
 +
        background-size: cover;
 +
        -o-background-size: cover;
 +
    }
 +
 +
    .headline {
 +
        padding: 120px 0;
 +
    }
 +
 +
    @media(max-width:768px) {
 +
        .container {
 +
            margin: 0 15px;
 +
        }
 +
      }
 +
 +
    p1 {
 +
    text-align: center;
 +
    font-size: 200%;
 +
    }
  
 
</style>
 
</style>
−
<style type="text/css">
+
 
−
body
+
−
{
+
−
  background-color: #FFFFFF;
+
−
  color: #000000;
+
−
  font-family: Arial;
+
−
  font-weight: normal;
+
−
  font-size: 13px;
+
−
  line-height: 1.1875;
+
−
  margin: 0;
+
−
  padding: 0;
+
−
}
+
−
#Image1
+
−
{
+
−
  border: 0px #000000 solid;
+
−
  padding: 0px 0px 0px 0px;
+
−
  left: 0;
+
−
  top: 0;
+
−
  width: 100%;
+
−
  height: 100%;
+
−
}
+
−
#wb_Text1
+
−
{
+
−
  background-color: transparent;
+
−
  background-image: none;
+
−
  border: 0px #000000 solid;
+
−
  padding: 0;
+
−
  margin: 0;
+
−
  text-align: center;
+
−
}
+
−
#wb_Text1 div
+
−
{
+
−
  text-align: center;
+
−
}
+
−
#wb_Text2
+
−
{
+
−
  background-color: transparent;
+
−
  background-image: none;
+
−
  border: 0px #000000 solid;
+
−
  padding: 0;
+
−
  margin: 0;
+
−
  text-align: center;
+
−
}
+
−
#wb_Text2 div
+
−
{
+
−
  text-align: center;
+
−
}
+
−
#wb_Text3
+
−
{
+
−
  background-color: transparent;
+
−
  background-image: none;
+
−
  border: 0px #000000 solid;
+
−
  padding: 0;
+
−
  margin: 0;
+
−
  text-align: center;
+
−
}
+
−
#wb_Text3 div
+
−
{
+
−
  text-align: center;
+
−
}
+
−
#wb_Text4
+
−
{
+
−
  background-color: transparent;
+
−
  background-image: none;
+
−
  border: 0px #000000 solid;
+
−
  padding: 0;
+
−
  margin: 0;
+
−
  text-align: left;
+
−
}
+
−
#wb_Text4 div
+
−
{
+
−
  text-align: left;
+
−
}
+
−
#wb_Text5
+
−
{
+
−
  background-color: transparent;
+
−
  background-image: none;
+
−
  border: 0px #000000 solid;
+
−
  padding: 0;
+
−
  margin: 0;
+
−
  text-align: left;
+
−
}
+
−
#wb_Text5 div
+
−
{
+
−
  text-align: left;
+
−
}
+
−
#Image2
+
−
{
+
−
  border: 0px #000000 solid;
+
−
  padding: 0px 0px 0px 0px;
+
−
  left: 0;
+
−
  top: 0;
+
−
  width: 100%;
+
−
  height: 100%;
+
−
}
+
−
#Button1
+
−
{
+
−
  border: 1px #000000 solid;
+
−
  -moz-border-radius: 4px;
+
−
  -webkit-border-radius: 4px;
+
−
  border-radius: 4px;
+
−
  background-color: transparent;
+
−
  background-image: none;
+
−
  color: #101010;
+
−
  font-family: "Courier New";
+
−
  font-weight: normal;
+
−
  font-size: 13px;
+
−
}
+
−
#Line1
+
−
{
+
−
  border-width: 0;
+
−
  height: 12px;
+
−
  width: 1407px;
+
−
}
+
−
#wb_Text6
+
−
{
+
−
  background-color: transparent;
+
−
  background-image: none;
+
−
  border: 0px #000000 solid;
+
−
  padding: 0;
+
−
  margin: 0;
+
−
  text-align: right;
+
−
}
+
−
#wb_Text6 div
+
−
{
+
−
  text-align: right;
+
−
}
+
−
#Image3
+
−
{
+
−
  border: 0px #000000 solid;
+
−
  padding: 0px 0px 0px 0px;
+
−
  left: 0;
+
−
  top: 0;
+
−
  width: 100%;
+
−
  height: 100%;
+
−
}
+
−
#Image4
+
−
{
+
−
  border: 0px #000000 solid;
+
−
  padding: 0px 0px 0px 0px;
+
−
  left: 0;
+
−
  top: 0;
+
−
  width: 100%;
+
−
  height: 100%;
+
−
}
+
−
#Image5
+
−
{
+
−
  border: 0px #000000 solid;
+
−
  padding: 0px 0px 0px 0px;
+
−
  left: 0;
+
−
  top: 0;
+
−
  width: 100%;
+
−
  height: 100%;
+
−
}
+
−
#Image7
+
−
{
+
−
  border: 0px #000000 solid;
+
−
  padding: 0px 0px 0px 0px;
+
−
  left: 0;
+
−
  top: 0;
+
−
  width: 100%;
+
−
  height: 100%;
+
−
}
+
−
#Image6
+
−
{
+
−
  border: 0px #000000 solid;
+
−
  padding: 0px 0px 0px 0px;
+
−
  left: 0;
+
−
  top: 0;
+
−
  width: 100%;
+
−
  height: 100%;
+
−
}
+
−
#wb_Text7
+
−
{
+
−
  background-color: transparent;
+
−
  background-image: none;
+
−
  border: 0px #000000 solid;
+
−
  padding: 0;
+
−
  margin: 0;
+
−
  text-align: left;
+
−
}
+
−
#wb_Text7 div
+
−
{
+
−
  text-align: left;
+
−
}
+
−
#wb_Text8
+
−
{
+
−
  background-color: transparent;
+
−
  background-image: none;
+
−
  border: 0px #000000 solid;
+
−
  padding: 0;
+
−
  margin: 0;
+
−
  text-align: center;
+
−
}
+
−
#wb_Text8 div
+
−
{
+
−
  text-align: center;
+
−
}
+
−
#wb_Text9
+
−
{
+
−
  background-color: transparent;
+
−
  background-image: none;
+
−
  border: 0px #000000 solid;
+
−
  padding: 0;
+
−
  margin: 0;
+
−
  text-align: center;
+
−
}
+
−
#wb_Text9 div
+
−
{
+
−
  text-align: center;
+
−
}
+
−
#wb_Text10
+
−
{
+
−
  background-color: transparent;
+
−
  background-image: none;
+
−
  border: 0px #000000 solid;
+
−
  padding: 0;
+
−
  margin: 0;
+
−
  text-align: center;
+
−
}
+
−
#wb_Text10 div
+
−
{
+
−
  text-align: center;
+
−
}
+
−
#wb_Text11
+
−
{
+
−
  background-color: transparent;
+
−
  background-image: none;
+
−
  border: 0px #000000 solid;
+
−
  padding: 0;
+
−
  margin: 0;
+
−
  text-align: center;
+
−
}
+
−
#wb_Text11 div
+
−
{
+
−
  text-align: center;
+
−
}
+
−
#wb_Text12
+
−
{
+
−
  background-color: transparent;
+
−
  background-image: none;
+
−
  border: 0px #000000 solid;
+
−
  padding: 0;
+
−
  margin: 0;
+
−
  text-align: center;
+
−
}
+
−
#wb_Text12 div
+
−
{
+
−
  text-align: center;
+
−
}
+
−
#wb_Text13
+
−
{
+
−
  background-color: transparent;
+
−
  background-image: none;
+
−
  border: 0px #000000 solid;
+
−
  padding: 0;
+
−
  margin: 0;
+
−
  text-align: center;
+
−
}
+
−
#wb_Text13 div
+
−
{
+
−
  text-align: center;
+
−
}
+
−
#wb_Text14
+
−
{
+
−
  background-color: transparent;
+
−
  background-image: none;
+
−
  border: 0px #000000 solid;
+
−
  padding: 0;
+
−
  margin: 0;
+
−
  text-align: center;
+
−
}
+
−
#wb_Text14 div
+
−
{
+
−
  text-align: center;
+
−
}
+
−
#wb_Text15
+
−
{
+
−
  background-color: transparent;
+
−
  background-image: none;
+
−
  border: 0px #000000 solid;
+
−
  padding: 0;
+
−
  margin: 0;
+
−
  text-align: center;
+
−
}
+
−
#wb_Text15 div
+
−
{
+
−
  text-align: center;
+
−
}
+
−
#Line2
+
−
{
+
−
  border-width: 0;
+
−
  height: 12px;
+
−
  width: 1407px;
+
−
}
+
−
#Image8
+
−
{
+
−
  border: 0px #000000 solid;
+
−
  padding: 0px 0px 0px 0px;
+
−
  left: 0;
+
−
  top: 0;
+
−
  width: 100%;
+
−
  height: 100%;
+
−
}
+
−
#wb_Text16
+
−
{
+
−
  background-color: transparent;
+
−
  background-image: none;
+
−
  border: 0px #000000 solid;
+
−
  padding: 0;
+
−
  margin: 0;
+
−
  text-align: left;
+
−
}
+
−
#wb_Text16 div
+
−
{
+
−
  text-align: left;
+
−
}
+
−
#wb_Text17
+
−
{
+
−
  background-color: transparent;
+
−
  background-image: none;
+
−
  border: 0px #000000 solid;
+
−
  padding: 0;
+
−
  margin: 0;
+
−
  text-align: left;
+
−
}
+
−
#wb_Text17 div
+
−
{
+
−
  text-align: left;
+
−
}
+
−
#Button2
+
−
{
+
−
  border: 1px #000000 solid;
+
−
  -moz-border-radius: 4px;
+
−
  -webkit-border-radius: 4px;
+
−
  border-radius: 4px;
+
−
  background-color: transparent;
+
−
  background-image: none;
+
−
  color: #101010;
+
−
  font-family: "Courier New";
+
−
  font-weight: normal;
+
−
  font-size: 13px;
+
−
}
+
−
#Line3
+
−
{
+
−
  border-width: 0;
+
−
  height: 12px;
+
−
  width: 1407px;
+
−
}
+
−
#Line4
+
−
{
+
−
  border-width: 0;
+
−
  height: 12px;
+
−
  width: 1407px;
+
−
}
+
−
#Image9
+
−
{
+
−
  border: 0px #000000 solid;
+
−
  padding: 0px 0px 0px 0px;
+
−
  left: 0;
+
−
  top: 0;
+
−
  width: 100%;
+
−
  height: 100%;
+
−
}
+
−
#wb_Text18
+
−
{
+
−
  background-color: transparent;
+
−
  background-image: none;
+
−
  border: 0px #000000 solid;
+
−
  padding: 0;
+
−
  margin: 0;
+
−
  text-align: left;
+
−
}
+
−
#wb_Text18 div
+
−
{
+
−
  text-align: left;
+
−
}
+
−
#wb_Text19
+
−
{
+
−
  background-color: transparent;
+
−
  background-image: none;
+
−
  border: 0px #000000 solid;
+
−
  padding: 0;
+
−
  margin: 0;
+
−
  text-align: left;
+
−
}
+
−
#wb_Text19 div
+
−
{
+
−
  text-align: left;
+
−
}
+
−
#Button3
+
−
{
+
−
  border: 1px #000000 solid;
+
−
  -moz-border-radius: 4px;
+
−
  -webkit-border-radius: 4px;
+
−
  border-radius: 4px;
+
−
  background-color: transparent;
+
−
  background-image: none;
+
−
  color: #101010;
+
−
  font-family: "Courier New";
+
−
  font-weight: normal;
+
−
  font-size: 13px;
+
−
}
+
−
#Button4
+
−
{
+
−
  border: 1px #000000 solid;
+
−
  -moz-border-radius: 4px;
+
−
  -webkit-border-radius: 4px;
+
−
  border-radius: 4px;
+
−
  background-color: transparent;
+
−
  background-image: none;
+
−
  color: #101010;
+
−
  font-family: "Courier New";
+
−
  font-weight: normal;
+
−
  font-size: 13px;
+
−
}
+
−
#MenuBar1
+
−
{
+
−
  background-color: transparent;
+
−
  border: 0px solid #AED0EA;
+
−
}
+
−
.MenuBar1SubMenu
+
−
{
+
−
  background-color: transparent;
+
−
  border: 1px solid #9199A4;
+
−
  position: absolute;
+
−
  visibility: hidden;
+
−
  overflow: visible;
+
−
  z-index: 100;
+
−
}
+
−
.MenuBar1SubMenuTable
+
−
{
+
−
  cursor: default;
+
−
  border: 0;
+
−
  padding: 0;
+
−
}
+
−
.MenuBar1SubMenuTable tr
+
−
{
+
−
  margin: 0;
+
−
  padding: 0;
+
−
}
+
−
.MenuBar1Menu
+
−
{
+
−
  background-color: transparent;
+
−
  margin: 0px 0 0px 0px;
+
−
  padding: 0;
+
−
}
+
−
.MenuBar1MenuOuter
+
−
{
+
−
  background-color: transparent;
+
−
  border: 0px solid #AED0EA;
+
−
}
+
−
.MenuBar1Menu tr
+
−
{
+
−
  margin: 0;
+
−
  padding: 0;
+
−
}
+
−
.MenuBar1MainItem .MenuBar1MainItemLeft,
+
−
.MenuBar1MainItem .MenuBar1MainFolderLeft
+
−
{
+
−
  width: 0px;
+
−
  cursor: pointer;
+
−
  border-width: 0;
+
−
  text-align: center;
+
−
  padding: 10px 0px 10px 0px;
+
−
  font-size: 1px;
+
−
}
+
−
.MenuBar1MainItem .MenuBar1MainItemText,
+
−
.MenuBar1MainItem .MenuBar1MainItemText a,
+
−
.MenuBar1MainItem .MenuBar1MainFolderText,
+
−
.MenuBar1MainItem .MenuBar1MainFolderText a
+
−
{
+
−
  background-color: transparent;
+
−
  background-image: url(images/ediGEM16UGhome_menuBar1_bkgrnd1.png);
+
−
  background-repeat: repeat-x;
+
−
  background-position: left top;
+
−
  color: #FFFFFF;
+
−
  font-size: 13px;
+
−
  font-family: Arial;
+
−
  font-weight: normal;
+
−
  line-height: 16px;
+
−
  text-align: left;
+
−
  text-decoration: none;
+
−
  white-space: nowrap;
+
−
  margin: 0;
+
−
  cursor: pointer;
+
−
  border-bottom: 0px solid #9199A4;
+
−
  border-right: 0px solid #9199A4;
+
−
  border-top: 0px solid #9199A4;
+
−
  border-left: 0px solid #9199A4;
+
−
  padding: 11px 11px 11px 11px;
+
−
  vertical-align: middle;
+
−
}
+
−
.MenuBar1MainItem .MenuBar1MainItemRight,
+
−
.MenuBar1MainItem .MenuBar1MainFolderRight
+
−
{
+
−
  width: 0px;
+
−
  cursor: pointer;
+
−
  border-width: 0;
+
−
  padding: 10px 0px 10px 0px;
+
−
  font-size: 1px;
+
−
}
+
−
.MenuBar1MainItemHover .MenuBar1MainItemLeft,
+
−
.MenuBar1MainItemActive .MenuBar1MainItemLeft,
+
−
.MenuBar1MainItemHover .MenuBar1MainFolderLeft,
+
−
.MenuBar1MainItemActive .MenuBar1MainFolderLeft
+
−
{
+
−
  width: 0px;
+
−
  cursor: pointer;
+
−
  border-width: 0;
+
−
  padding: 10px 0px 10px 0px;
+
−
  font-size: 1px;
+
−
}
+
−
.MenuBar1MainItemHover .MenuBar1MainItemText,
+
−
.MenuBar1MainItemActive .MenuBar1MainItemText,
+
−
.MenuBar1MainItemHover .MenuBar1MainItemText a,
+
−
.MenuBar1MainItemActive .MenuBar1MainItemText a,
+
−
.MenuBar1MainItemHover .MenuBar1MainFolderText,
+
−
.MenuBar1MainItemActive .MenuBar1MainFolderText,
+
−
.MenuBar1MainItemHover .MenuBar1MainFolderText a,
+
−
.MenuBar1MainItemActive .MenuBar1MainFolderText a
+
−
{
+
−
  background-color: transparent;
+
−
  background-image: url(images/ediGEM16UGhome_MenuBar1_bkgrnd4.png);
+
−
  background-repeat: repeat-x;
+
−
  background-position: left top;
+
−
  color: #FFFFFF;
+
−
  font-size: 13px;
+
−
  font-family: Arial;
+
−
  font-weight: normal;
+
−
  line-height: 16px;
+
−
  text-align: left;
+
−
  text-decoration: none;
+
−
  white-space: nowrap;
+
−
  margin: 0;
+
−
  cursor: pointer;
+
−
  border-bottom: 1px solid #9199A4;
+
−
  border-right: 1px solid #9199A4;
+
−
  border-top: 1px solid #9199A4;
+
−
  border-left: 1px solid #9199A4;
+
−
  padding: 10px 10px 10px 10px;
+
−
  vertical-align: middle;
+
−
}
+
−
.MenuBar1MainItemHover .MenuBar1MainItemRight,
+
−
.MenuBar1MainItemActive .MenuBar1MainItemRight,
+
−
.MenuBar1MainItemHover .MenuBar1MainFolderRight,
+
−
.MenuBar1MainItemActive .MenuBar1MainFolderRight
+
−
{
+
−
  width: 0px;
+
−
  cursor: pointer;
+
−
  border-width: 0;
+
−
  padding: 10px 0px 10px 0px;
+
−
  font-size: 1px;
+
−
}
+
−
.MenuBar1MenuItem .MenuBar1MenuItemLeft,
+
−
.MenuBar1MenuItem .MenuBar1MenuFolderLeft
+
−
{
+
−
  background-color: transparent;
+
−
  background-image: url(images/ediGEM16UGhome_MenuBar1_bkgrnd12.png);
+
−
  background-repeat: repeat-y;
+
−
  background-position: left top;
+
−
  width: 24px;
+
−
  cursor: pointer;
+
−
  border-bottom: 0px solid #FFBD69;
+
−
  border-left: 0px solid #FFBD69;
+
−
  border-top: 0px solid #FFBD69;
+
−
  border-right: 0;
+
−
  text-align: center;
+
−
  padding: 11px 0px 11px 1px;
+
−
  font-size: 1px;
+
−
}
+
−
.MenuBar1MenuItem .MenuBar1MenuItemText,
+
−
.MenuBar1MenuItem .MenuBar1MenuItemText a,
+
−
.MenuBar1MenuItem .MenuBar1MenuFolderText,
+
−
.MenuBar1MenuItem .MenuBar1MenuFolderText a
+
−
{
+
−
  background-color: #FFFFFF;
+
−
  color: #000000;
+
−
  font-size: 13px;
+
−
  font-family: Arial;
+
−
  font-weight: normal;
+
−
  line-height: 16px;
+
−
  text-align: left;
+
−
  text-decoration: none;
+
−
  white-space: nowrap;
+
−
  margin: 0;
+
−
  cursor: pointer;
+
−
  border-bottom: 0px solid #FFBD69;
+
−
  border-top: 0px solid #FFBD69;
+
−
  border-right: 0px solid #FFBD69;
+
−
  border-left: 0px solid #FFBD69;
+
−
  padding: 11px 10px 11px 10px;
+
−
  vertical-align: middle;
+
−
}
+
−
.MenuBar1MenuItem .MenuBar1MenuItemRight,
+
−
.MenuBar1MenuItem .MenuBar1MenuFolderRight
+
−
{
+
−
  background-color: #FFFFFF;
+
−
  width: 10px;
+
−
  cursor: pointer;
+
−
  border-bottom: 0px solid #FFBD69;
+
−
  border-right: 0px solid #FFBD69;
+
−
  border-top: 0px solid #FFBD69;
+
−
  border-left: 0;
+
−
  padding: 11px 1px 11px 0px;
+
−
  font-size: 1px;
+
−
}
+
−
.MenuBar1MenuItemHover .MenuBar1MenuItemLeft,
+
−
.MenuBar1MenuItemActive .MenuBar1MenuItemLeft,
+
−
.MenuBar1MenuItemHover .MenuBar1MenuFolderLeft,
+
−
.MenuBar1MenuItemActive .MenuBar1MenuFolderLeft
+
−
{
+
−
  background-color: transparent;
+
−
  background-image: url(images/ediGEM16UGhome_MenuBar1_bkgrnd15.png);
+
−
  background-repeat: repeat-y;
+
−
  background-position: left top;
+
−
  width: 24px;
+
−
  cursor: pointer;
+
−
  border-bottom: 1px solid #FFBD69;
+
−
  border-left: 1px solid #FFBD69;
+
−
  border-top: 1px solid #FFBD69;
+
−
  border-right: 0;
+
−
  padding: 10px 0px 10px 0px;
+
−
  font-size: 1px;
+
−
}
+
−
.MenuBar1MenuItemHover .MenuBar1MenuItemText,
+
−
.MenuBar1MenuItemActive .MenuBar1MenuItemText,
+
−
.MenuBar1MenuItemHover .MenuBar1MenuItemText a,
+
−
.MenuBar1MenuItemActive .MenuBar1MenuItemText a,
+
−
.MenuBar1MenuItemHover .MenuBar1MenuFolderText,
+
−
.MenuBar1MenuItemActive .MenuBar1MenuFolderText,
+
−
.MenuBar1MenuItemHover .MenuBar1MenuFolderText a,
+
−
.MenuBar1MenuItemActive .MenuBar1MenuFolderText a
+
−
{
+
−
  background-color: #FFE7A2;
+
−
  color: #000000;
+
−
  font-size: 13px;
+
−
  font-family: Arial;
+
−
  font-weight: normal;
+
−
  line-height: 16px;
+
−
  text-align: left;
+
−
  text-decoration: none;
+
−
  white-space: nowrap;
+
−
  margin: 0;
+
−
  cursor: pointer;
+
−
  border-bottom: 1px solid #FFBD69;
+
−
  border-top: 1px solid #FFBD69;
+
−
  border-right: 0px solid #FFBD69;
+
−
  border-left: 0px solid #FFBD69;
+
−
  padding: 10px 10px 10px 10px;
+
−
  vertical-align: middle;
+
−
}
+
−
.MenuBar1MenuItemHover .MenuBar1MenuItemRight,
+
−
.MenuBar1MenuItemActive .MenuBar1MenuItemRight,
+
−
.MenuBar1MenuItemHover .MenuBar1MenuFolderRight,
+
−
.MenuBar1MenuItemActive .MenuBar1MenuFolderRight
+
−
{
+
−
  background-color: #FFE7A2;
+
−
  width: 10px;
+
−
  cursor: pointer;
+
−
  border-bottom: 1px solid #FFBD69;
+
−
  border-right: 1px solid #FFBD69;
+
−
  border-top: 1px solid #FFBD69;
+
−
  border-left: 0;
+
−
  padding: 10px 0px 10px 0px;
+
−
  font-size: 1px;
+
−
}
+
−
.MenuBar1MenuItem .MenuBar1MenuFolderRight
+
−
{
+
−
  background-image: url(images/ediGEM16Ughome_MenuBar1_bkgrnd18.png);
+
−
  background-position: left center;
+
−
  background-repeat: no-repeat;
+
−
}
+
−
.MenuBar1MenuItemHover .MenuBar1MenuFolderRight,
+
−
.MenuBar1MenuItemActive .MenuBar1MenuFolderRight
+
−
{
+
−
  background-image: url(images/ediGEM16UGhome_MenuBar1_bkgrnd20.png);
+
−
  background-position: left center;
+
−
  background-repeat: no-repeat;
+
−
}
+
−
.MenuBar1SubMenu td,
+
−
.MenuBar1Menu td,
+
−
.MenuBar1Menu tr
+
−
{
+
−
  vertical-align: middle;
+
−
}
+
−
.MenuBar1MenuSplitText div
+
−
{
+
−
  height: 1px;
+
−
  padding: 0;
+
−
  background-color: #FFFFFF;
+
−
  overflow: hidden;
+
−
}
+
−
.MenuBar1MenuItem .MenuBar1MenuSplitLeft
+
−
{
+
−
  background-color: transparent;
+
−
  background-image: url(images/ediGEM16UGhome_MenuBar1_bkgrnd12.png);
+
−
  background-repeat: repeat-y;
+
−
  background-position: left top;
+
−
  height: 21px;
+
−
  padding: 0px 0px 0px 0px;
+
−
}
+
−
.MenuBar1MenuItem .MenuBar1MenuSplitText
+
−
{
+
−
  background-color: #FFFFFF;
+
−
  height: 21px;
+
−
  padding: 0px 6px 0px 6px;
+
−
}
+
−
.MenuBar1MenuItem .MenuBar1MenuSplitRight
+
−
{
+
−
  background-color: #FFFFFF;
+
−
  height: 21px;
+
−
  padding: 0px 0px 0px 0px;
+
−
}
+
−
.MenuBar1MainSplitText div
+
−
{
+
−
  background-color: #FFFFFF;
+
−
  height: 1px;
+
−
  padding: 0;
+
−
  overflow: hidden;
+
−
}
+
−
.MenuBar1MainItem .MenuBar1MainSplitLeft
+
−
{
+
−
  height: 23px;
+
−
  padding: 0px 0px 0px 0px;
+
−
}
+
−
.MenuBar1MainItem .MenuBar1MainSplitText
+
−
{
+
−
  background-color: transparent;
+
−
  background-image: url(images/ediGEM16UGhome_menuBar1_bkgrnd1.png);
+
−
  background-repeat: repeat-x;
+
−
  background-position: left top;
+
−
  height: 23px;
+
−
  padding: 0px 0px 0px 0px;
+
−
}
+
−
.MenuBar1MainItem .MenuBar1MainSplitRight
+
−
{
+
−
  height: 23px;
+
−
  padding: 0px 0px 0px 0px;
+
−
}
+
−
.MenuBar1MainItem
+
−
{
+
−
  vertical-align: middle;
+
−
}
+
−
.MenuBar1HorizontalSplit
+
−
{
+
−
  border-right: 0 solid #8080FF;
+
−
  border-left: 0 solid #8080FF;
+
−
  width: 27px;
+
−
  background-color: transparent;
+
−
  background-image: url(images/ediGEM16UGhome_menuBar1_bkgrnd1.png);
+
−
  background-repeat: repeat-x;
+
−
  background-position: left top;
+
−
  padding: 10px 0px 10px 0px;
+
−
  vertical-align: middle;
+
−
  text-align: center;
+
−
  text-decoration: none;
+
−
  color: #FFFFFF;
+
−
  font-size: 13px;
+
−
  font-family: Arial;
+
−
  font-style: normal;
+
−
}
+
−
.MenuBar1MainItem, .MenuBar1MainItemHover, .MenuBar1MainItemActive,
+
−
.MenuBar1MenuItem, .MenuBar1MenuItemHover, .MenuBar1MenuItemActive
+
−
{
+
−
  white-space: nowrap;
+
−
}
+
−
.MenuBar1SpacerDiv
+
−
{
+
−
  background: transparent;
+
−
  margin: 0;
+
−
  padding: 0;
+
−
  border: 0;
+
−
  font-size: 1px;
+
−
}
+
−
</style>
+
−
</head>
+
−
<body>
+
−
<a href="http://www.wysiwygwebbuilder.com" target="_blank"><img src="images/builtwithwwb11.png" alt="WYSIWYG Web Builder" style="position:absolute;left:656px;top:3125px;border-width:0;z-index:250"></a>
+
−
<div id="wb_Image1" style="position:absolute;left:1px;top:0px;width:1399px;height:899px;z-index:1;">
+
−
<img src= "[[File:EdiGEM16UGhogmannay.jpg]]" id="Image1" alt=""></div>
+
−
<div id="wb_Text1" style="position:absolute;left:424px;top:460px;width:552px;height:80px;text-align:center;z-index:2;">
+
−
<span style="color:#000000;font-family:'Courier New';font-size:75px;">BabblED</span></div>
+
−
<div id="wb_Text2" style="position:absolute;left:425px;top:395px;width:551px;height:40px;text-align:center;z-index:3;">
+
−
<span style="color:#000000;font-family:'Courier New';font-size:17px;">The University of Edinburgh Undergraduate iGEM Team 2016 presents:</span></div>
+
−
<div id="wb_Text3" style="position:absolute;left:468px;top:587px;width:470px;height:20px;text-align:center;z-index:4;">
+
−
<span style="color:#000000;font-family:'Courier New';font-size:17px;">The next generation of information storage</span></div>
+
−
<div id="wb_Text4" style="position:absolute;left:112px;top:943px;width:588px;height:117px;z-index:5;text-align:left;">
+
−
<span style="color:#000000;font-family:'Courier New';font-size:37px;">By 2040, we will run out of the materials needed to store digital data.</span></div>
+
−
<div id="wb_Text5" style="position:absolute;left:112px;top:1091px;width:588px;height:161px;z-index:6;text-align:left;">
+
−
<span style="color:#000000;font-family:'Courier New';font-size:21px;">If this happens, there will be no capacity for Twitter, Facebook or iGEM to function online. Last year, data centres worldwide used more electricity than the entire United Kingdom. By 2020, it will cost more than $13.7 billion to power data centres per year.</span><span style="color:#000000;font-family:'Courier New';font-size:16px;"> </span></div>
+
−
<div id="wb_Image2" style="position:absolute;left:812px;top:943px;width:431px;height:398px;z-index:7;">
+
−
<img src="images/ediGEM16UGppie.png" id="Image2" alt=""></div>
+
−
<input type="submit" id="Button1" name="Policy and Practices" value="Policy and Practices" style="position:absolute;left:112px;top:1296px;width:200px;height:45px;z-index:8;">
+
−
<div id="wb_Line1" style="position:absolute;left:0px;top:1382px;width:1399px;height:4px;z-index:9;">
+
−
<img src="images/ediGEM16UGHomeLine1.png" id="Line1" alt=""></div>
+
−
<div id="wb_Text6" style="position:absolute;left:673px;top:1461px;width:588px;height:52px;text-align:right;z-index:10;">
+
−
<span style="color:#000000;font-family:'Courier New';font-size:32px;">We have a solution.</span><span style="color:#000000;font-family:'Courier New';font-size:37px;"><br></span><span style="color:#000000;font-family:'Courier New';font-size:48px;"> </span></div>
+
−
<div id="wb_Image3" style="position:absolute;left:110px;top:1584px;width:181px;height:181px;z-index:11;">
+
−
<img src="images/ediGEM16UGdensity.png" id="Image3" alt=""></div>
+
−
<div id="wb_Image4" style="position:absolute;left:717px;top:1576px;width:231px;height:196px;z-index:12;">
+
−
<img src="images/ediGEM16UGhourglass.jpg" id="Image4" alt=""></div>
+
−
<div id="wb_Image5" style="position:absolute;left:420px;top:1588px;width:163px;height:173px;z-index:13;">
+
−
<img src="images/ediGEM16UGdollar.png" id="Image5" alt=""></div>
+
−
<div id="wb_Image7" style="position:absolute;left:1214px;top:1608px;width:0px;height:0px;z-index:14;">
+
−
<img src="" id="Image7" alt=""></div>
+
−
<div id="wb_Image6" style="position:absolute;left:1043px;top:1598px;width:218px;height:152px;z-index:15;">
+
−
<img src="images/ediGEM16UGpuzzle.png" id="Image6" alt=""></div>
+
−
<div id="wb_Text7" style="position:absolute;left:663px;top:1492px;width:609px;height:58px;z-index:16;text-align:left;">
+
−
<span style="color:#000000;font-family:'Courier New';font-size:53px;">DNA Text Encoding</span></div>
+
−
<div id="wb_Text8" style="position:absolute;left:76px;top:1793px;width:248px;height:39px;text-align:center;z-index:17;">
+
−
<span style="color:#000000;font-family:'Courier New';font-size:35px;">Density</span></div>
+
−
<div id="wb_Text9" style="position:absolute;left:707px;top:1794px;width:250px;height:36px;text-align:center;z-index:18;">
+
−
<span style="color:#000000;font-family:'Courier New';font-size:32px;">Longevity</span></div>
+
−
<div id="wb_Text10" style="position:absolute;left:376px;top:1793px;width:250px;height:72px;text-align:center;z-index:19;">
+
−
<span style="color:#000000;font-family:'Courier New';font-size:32px;">Affordability</span></div>
+
−
<div id="wb_Text11" style="position:absolute;left:1027px;top:1794px;width:250px;height:36px;text-align:center;z-index:20;">
+
−
<span style="color:#000000;font-family:'Courier New';font-size:32px;">Modularity</span></div>
+
−
<div id="wb_Text12" style="position:absolute;left:94px;top:1866px;width:212px;height:80px;text-align:center;z-index:21;">
+
−
<span style="color:#000000;font-family:'Courier New';font-size:17px;">DNA has 1000 times greater storage density than flash memory</span></div>
+
−
<div id="wb_Text13" style="position:absolute;left:732px;top:1866px;width:200px;height:120px;text-align:center;z-index:22;">
+
−
<span style="color:#000000;font-family:'Courier New';font-size:17px;">DNA can last for thousands of years without consuming resources; modern hard drives can only last 50</span></div>
+
−
<div id="wb_Text14" style="position:absolute;left:363px;top:1866px;width:277px;height:120px;text-align:center;z-index:23;">
+
−
<span style="color:#000000;font-family:'Courier New';font-size:17px;">All our encoding programmes are open source and initial synthesis of the lexicon is done for you providing significant cost reductions on existing methods</span></div>
+
−
<div id="wb_Text15" style="position:absolute;left:1016px;top:1866px;width:277px;height:80px;text-align:center;z-index:24;">
+
−
<span style="color:#000000;font-family:'Courier New';font-size:17px;">Assembly of our BabbleBricks is unrestricted and completely customisable</span></div>
+
−
<div id="wb_Line2" style="position:absolute;left:0px;top:2063px;width:1399px;height:4px;z-index:25;">
+
−
<img src="images/ediGEM16UGHomeLine2.png" id="Line2" alt=""></div>
+
−
<div id="wb_Image8" style="position:absolute;left:94px;top:2160px;width:379px;height:379px;z-index:26;">
+
−
<img src="images/ediGEM16UGLogo.jpg" id="Image8" alt=""></div>
+
−
<div id="wb_Text16" style="position:absolute;left:578px;top:2160px;width:250px;height:36px;z-index:27;text-align:left;">
+
−
<span style="color:#000000;font-family:'Courier New';font-size:32px;">Abstract</span></div>
+
−
<div id="wb_Text17" style="position:absolute;left:577px;top:2221px;width:728px;height:120px;z-index:28;text-align:left;">
+
−
<span style="color:#000000;font-family:'Courier New';font-size:17px;">Our team has produced a cheap and accessible modular system for encoding text into DNA. We have created a DNA lexicon of basic English, where each word is stored as a sequence in a standard PhytoBrick. In order to create a sentence, each word is excised from its PhytoBrick and assembled together through a rapid unidirectional assembly protocol to create a new standard for&nbsp; text encoding DNA: the BabbleBrick.</span></div>
+
−
<input type="submit" id="Button2" name="Project" value="Project" style="position:absolute;left:583px;top:2436px;width:200px;height:45px;z-index:29;">
+
−
<div id="wb_Line3" style="position:absolute;left:0px;top:2562px;width:1399px;height:4px;z-index:30;">
+
−
<img src="images/ediGEM16UGHomeLine3.png" id="Line3" alt=""></div>
+
−
<div id="wb_Line4" style="position:absolute;left:0px;top:3099px;width:1399px;height:4px;z-index:31;">
+
−
<img src="images/ediGEM16UGHomeLine4.png" id="Line4" alt=""></div>
+
−
<div id="wb_Image9" style="position:absolute;left:812px;top:2684px;width:465px;height:298px;z-index:32;">
+
−
<img src="images/ediGEM16UGautumncastle.jpg" id="Image9" alt=""></div>
+
−
<div id="wb_Text18" style="position:absolute;left:73px;top:2659px;width:367px;height:36px;z-index:33;text-align:left;">
+
−
<span style="color:#000000;font-family:'Courier New';font-size:32px;">Medal Criteria</span></div>
+
−
<div id="wb_Text19" style="position:absolute;left:76px;top:2730px;width:707px;height:40px;z-index:34;text-align:left;">
+
−
<span style="color:#000000;font-family:'Courier New';font-size:17px;">We've created a wiki page dedicated to outlining how we fulfilled each of the gold medal requirements. </span></div>
+
−
<input type="submit" id="Button3" name="Judging Criteria" value="Judging Criteria" style="position:absolute;left:73px;top:2822px;width:200px;height:45px;z-index:35;">
+
−
<input type="submit" id="Button4" name="Project" value="Project" style="position:absolute;left:583px;top:2436px;width:200px;height:45px;z-index:36;">
+
−
<div id="wb_MenuBar1" style="position:absolute;left:1px;top:16px;width:611px;height:46px;z-index:1037;">
+
−
<div id="MenuBar1">
+
−
<ul style="display:none;">
+
−
<li><span></span><a href="./home.html" target="_self" title="Home">Home</a>
+
−
</li>
+
−
<li><span></span><span>Team</span>
+
−
<ul>
+
−
<li><span></span><a href="./team.html" target="_self" title="Team">Team</a>
+
−
</li>
+
−
<li><span></span><span>Collaborations</span></li>
+
−
</ul>
+
−
</li>
+
−
<li><span></span><span>Project</span>
+
−
<ul>
+
−
<li><span></span><span>Description</span></li>
+
−
<li><span></span><span>Design</span></li>
+
−
<li><span></span><span>Experiments</span></li>
+
−
<li><span></span><span>Proof&nbsp;of&nbsp;Concept</span></li>
+
−
<li><span></span><span>Demonstrate</span></li>
+
−
<li><span></span><span>Results</span></li>
+
−
<li><span></span><span>Notebook</span></li>
+
−
</ul>
+
−
</li>
+
−
<li><span></span><span>Parts</span>
+
−
<ul>
+
−
<li><span></span><span>Basic&nbsp;Parts</span></li>
+
−
<li><span></span><span>Composite&nbsp;Parts</span></li>
+
−
<li><span></span><span>Part&nbsp;Collection</span></li>
+
−
</ul>
+
−
</li>
+
−
<li><span></span><span>Safety</span></li>
+
−
<li><span></span><span>Attributions</span></li>
+
−
<li><span></span><span>Human&nbsp;Pactices</span>
+
−
<ul>
+
−
<li><span></span><span>Human&nbsp;Practices</span></li>
+
−
<li><span></span><span>Silver</span></li>
+
−
<li><span></span><span>Gold</span></li>
+
−
<li><span></span><span>Integrated&nbsp;Practices</span></li>
+
−
<li><span></span><span>Engagement</span></li>
+
−
</ul>
+
−
</li>
+
−
<li><span></span><span>Awards</span>
+
−
<ul>
+
−
<li><span></span><span>Entrepreurship</span></li>
+
−
<li><span></span><span>Hardware</span></li>
+
−
<li><span></span><span>Software</span></li>
+
−
<li><span></span><span>Measurment</span></li>
+
−
<li><span></span><span>Model</span></li>
+
−
</ul>
+
−
</li>
+
−
</ul>
+
−
</div>
+
 
<script>
 
<script>
−
var cmMenuBar1 =
+
  $(function(){
−
{
+
$('.your-class').slick({arrows:false});
−
  mainFolderLeft: '',
+
    $('#next').click(function(){
−
  mainFolderRight: '',
+
    $('.your-class').slick('slickNext');
−
  mainItemLeft: '',
+
    });
−
  mainItemRight: '',
+
    $('#prev').click(function(){
−
  folderLeft: '<div style="width:24px;height:16px" class="MenuBar1SpacerDiv" />',
+
    $('.your-class').slick('slickPrev');
−
  folderRight: '<div style="width:10px;height:16px" class="MenuBar1SpacerDiv" />',
+
    });
−
  itemLeft: '<div style="width:24px;height:16px" class="MenuBar1SpacerDiv" />',
+
});
−
  itemRight: '<div style="width:10px;height:16px" class="MenuBar1SpacerDiv" />',
+
−
  mainSpacing: 0,
+
−
  subSpacing: 0,
+
−
  delay: 100,
+
−
  offsetHMainAdjust: [0, 0],
+
−
  offsetSubAdjust: [0, 0]
+
−
};
+
−
var cmMenuBar1HSplit = [_cmNoClick, '<td class="MenuBar1MenuSplitLeft"><div></div></td>' +
+
−
                                      '<td class="MenuBar1MenuSplitText"><div></div></td>' +
+
−
                                      '<td class="MenuBar1MenuSplitRight"><div></div></td>'];
+
−
var cmMenuBar1MainVSplit = [_cmNoClick, '<div><table width="27" cellspacing="0"><tr><td class="MenuBar1HorizontalSplit">|</td></tr></table></div>'];
+
−
var cmMenuBar1MainHSplit = [_cmNoClick, '<td colspan="3" class="MenuBar1MainSplitText"><div></div></td>'];
+
−
cmDrawFromText('MenuBar1', 'hbr', cmMenuBar1, 'MenuBar1');
+
 
</script>
 
</script>
 +
 +
<div id="custom-bootstrap-menu" class="navbar navbar-default navbar-fixed-top" role="navigation">
 +
    <div class= "container-fluid">
 +
      <!-- Navigation -->
 +
      <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
 +
          <div class="container">
 +
              <!-- Brand and toggle get grouped for better mobile display -->
 +
              <div class="navbar-header">
 +
                  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
 +
                      <span class="sr-only">Toggle navigation</span>
 +
                      <span class="icon-bar"></span>
 +
                      <span class="icon-bar"></span>
 +
                      <span class="icon-bar"></span>
 +
                  </button>
 +
                  <a class="navbar-brand" href="https://2016.igem.org/Team:Edinburgh_UG">
 +
                      <img src="https://static.igem.org/mediawiki/2016/9/92/Edinburgh_logo2_MINI.png" alt="">
 +
                  </a>
 +
              </div>
 +
 +
              <!-- Collect the nav links, forms, and other content for toggling -->
 +
              <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 +
                  <ul class="nav navbar-nav">
 +
                      <li>
 +
                          <a href="https://2016.igem.org/Team:Edinburgh_UG">Home</a>
 +
                      </li>
 +
                      <li class="dropdown">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Team<span class="caret"></span></a>
 +
                        <ul class="dropdown-menu" role="menu">
 +
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Team">Team</a></li>
 +
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Attribution">Attribution</a></li>
 +
                        </ul>
 +
                      </li>
 +
                      <li class="dropdown">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Human Practices<span class="caret"></span></a>
 +
                        <ul class="dropdown-menu" role="menu">
 +
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Overview">Overview</a> </li>
 +
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/HP/Silver">Silver</a> </li>
 +
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/HP/Gold">Gold</a> </li>
 +
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Medal_Criteria">Medal Criteria</a> </li>
 +
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Integrated_Practices">Integrated Practices</a> </li>
 +
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Engagement">Engagement</a> </li>
 +
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Ethics">Ethics</a> </li>
 +
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Mary_Queen_of _Scots">Mary Queen of Scots</a> </li>
 +
                        </ul>
 +
                      </li>
 +
                      <li class="dropdown">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Project<span class="caret"></span></a>
 +
                        <ul class="dropdown-menu" role="menu">
 +
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Description">Description</a></li>
 +
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Design">Design</a></li>
 +
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Proof">Proof of Concept</a></li>
 +
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Demonstrate">Demonstrate</a></li>
 +
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Notebook">Notebook</a></li>
 +
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Protocols">Protocols</a></li>
 +
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Limitations">Advantages and Limitations</a></li>
 +
                        </ul>
 +
                      </li>
 +
                      <li class="dropdown">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Informatics<span class="caret"></span></a>
 +
                        <ul class="dropdown-menu" role="menu">
 +
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Lexicon_Encoding">Lexicon Encoding</a></li>
 +
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Error_Correction">Error Correction</a></li>
 +
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Encryption">Encryption</a></li>
 +
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Files">Files</a></li>
 +
                        </ul>
 +
                      </li>
 +
                      <li class="dropdown">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Parts<span class="caret"></span></a>
 +
                        <ul class="dropdown-menu" role="menu">
 +
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Basic_Part">Basic Parts</a></li>
 +
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Composite_Part">Composite Parts</a></li>
 +
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Part_Collection">Part Collection</a> </li>
 +
                        </ul>
 +
                      </li>
 +
                      <li>
 +
                          <a href="https://2016.igem.org/Team:Edinburgh_UG/Collaboration">Collaboration</a>
 +
                      </li>
 +
                      <li class="dropdown">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Awards<span class="caret"></span></a>
 +
                        <ul class="dropdown-menu" role="menu">
 +
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Software">Software</a> </li>
 +
                        </ul>
 +
                      </li>
 +
                      <li class="dropdown">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Safety<span class="caret"></span></a>
 +
                        <ul class="dropdown-menu" role="menu">
 +
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Safety/Biological Safety">Biological Safety</a></li>
 +
                        </ul>
 +
                      </li>
 +
                      <li class="dropdown">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Interlab<span class="caret"></span></a>
 +
                        <ul class="dropdown-menu" role="menu">
 +
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Plate_Reader">Plate Reader</a></li>
 +
                        </ul>
 +
                      </li>
 +
                  </ul>
 +
              </div>
 +
              <!-- /.navbar-collapse -->
 +
          </div>
 +
          <!-- /.container -->
 +
      </nav>
 +
    </div>
 
</div>
 
</div>
 +
 +
<!-- End of menu  -->
 +
 +
<!-- End of menu  -->
 +
 +
 +
 +
  <header class="image-bg-fluid-height">
 +
      <img class="img-responsive img-center" src="https://static.igem.org/mediawiki/2016/d/d0/Babbled_logo.png" alt="">
 +
  </header>
 +
 +
  <header class="header-image">
 +
      <div class="headline">
 +
          <div class="container">
 +
              <h1>The University of Edinburgh Undergraduate iGEM team 2016 presents:</h1>
 +
              <h2>The Next Generation of Information Storage</h2>
 +
          </div>
 +
      </div>
 +
  </header>
 +
 +
  <div class="container-fluid">
 +
    <div class="row full-size">
 +
        <img src="https://static.igem.org/mediawiki/2016/0/06/EdiGEM16ughomedata.jpeg" class="img-responsive center-block">
 +
  </div>
 +
 +
  <div class="row text-center">
 +
      <div class="your-class">
 +
          <div class="row">
 +
              <div class="container">
 +
                  <div class="col-xs-3"></div>
 +
                  <div class="col-xs-3">
 +
                      <div>
 +
                      <img src="https://static.igem.org/mediawiki/2016/5/55/EdiGEM16UGdensity.png" class="img-responsive center-block">
 +
                      </div>
 +
                  </div>
 +
                  <div class="col-xs-3">
 +
                      <h3 style="font-size:200%;" class="text-center">Density</h3>
 +
                      <p class="text-center">DNA has 1000 times the </p>
 +
                      <p class="text-center">density of flash storage</p>
 +
                  </div>
 +
                  <div class="col-xs-3"></div>
 +
              </div>
 +
          </div>
 +
          <div class="row">
 +
              <div class="container">
 +
                  <div class="col-xs-3"></div>
 +
                  <div class="col-xs-3">
 +
                      <div>
 +
                      <img src="https://static.igem.org/mediawiki/2016/2/26/EdiGEM16UGdollar.png" class="img-responsive center-block">
 +
                      </div>
 +
                  </div>
 +
                  <div class="col-xs-3">
 +
                      <h3 style="font-size:200%;" class="text-center">Affordability</h3>
 +
                      <p class="text-center">All our encoding programmes </p>
 +
                      <p class="text-center">are open source and initial </p>
 +
                      <p class="text-center">synthesis of the lexicon is done </p>
 +
                      <p class="text-center">for you providing significant </p>
 +
                      <p class="text-center">cost reductions on existing </p>
 +
                      <p class="text-center">methods</p>
 +
                  </div>
 +
                  <div class="col-xs-3"></div>
 +
              </div>
 +
          </div>
 +
          <div class="row">
 +
              <div class="container">
 +
                  <div class="col-xs-3"></div>
 +
                  <div class="col-xs-3">
 +
                      <div>
 +
                      <img src="https://static.igem.org/mediawiki/2016/8/81/EdiGEM16UGhourglass.jpeg" class="img-responsive center-block">
 +
                      </div>
 +
                  </div>
 +
                  <div class="col-xs-3">
 +
                      <h3 style="font-size:200%;" class="text-center">Longevity</h3>
 +
                      <p class="text-center">DNA can last for </p>
 +
                      <p class="text-center">thousands of years </p>
 +
                      <p class="text-center">without consuming </p>
 +
                      <p class="text-center">resources; modern  </p>
 +
                      <p class="text-center">hard drives can only </p>
 +
                      <p class="text-center">last 50</p>
 +
                  </div>
 +
                  <div class="col-xs-3"></div>
 +
              </div>
 +
          </div>
 +
          <div class="row">
 +
              <div class="container">
 +
                  <div class="col-xs-3"></div>
 +
                  <div class="col-xs-3">
 +
                      <div>
 +
                      <img src="https://static.igem.org/mediawiki/2016/e/e0/EdiGEM16UGpuzzle.png" class="img-responsive center-block">
 +
                      </div>
 +
                  </div>
 +
                  <div class="col-xs-3">
 +
                      <h3 style="font-size:200%;" class="text-center">Modularity</h3>
 +
                      <p class="text-center">Assembly of our BabbleBricks </p>
 +
                      <p class="text-center">is unrestricted and completely </p>
 +
                      <p class="text-center">customisable </p>
 +
                  </div>
 +
                  <div class="col-xs-3"></div>
 +
              </div>
 +
          </div>
 +
      </div>
 +
  </div>
 +
  <div class="row text-center">
 +
    <div id="prev" class="col-xs-2 col-xs-offset-4 well ">previous</div>
 +
    <div id="next" class="col-xs-2  well">next</div>
 +
  </div>
 +
 +
  <div class="container-fluid">
 +
    <div class = "row full-size">
 +
        <div class="col-sm-2">
 +
        </div>
 +
        <div class="col-sm-8">
 +
          <p></p>
 +
          <h3 style="font-size:400%;" class="text-center">Abstract</h3>
 +
          <br>
 +
          <h2>
 +
In 2014, over 10 sextillion bits of data were digitally stored worldwide. To put this in context, there are only 1 sextillion grains of sand on this entire Earth. According to IBM, we generate over 2.5 billion gigabytes daily through tweets, emails and Facebook posts! The University of Edinburgh’s undergraduate team has designed a DNA storage system that is a sustainable, dense and long-lasting alternative to magnetic tape data storage. The storage system relies on modular DNA fragments that can flexibly and cost effectively store any type of data. Modularity makes BabblED the cheapest and most accessible DNA storage system available. The system also boasts new and novel techniques to incorporate error-correcting and encryption in DNA storage. In fact, this ‘DNA Typewriter’ has already been implemented by the National Library of Scotland to archive one of their most precious manuscripts: the last letter of Mary Queen of Scots.
 +
</h2>
 +
    </div>
 +
    <div class="col-sm-2">
 +
    </div>
 +
  </div>
 +
 +
  <div class="row">
 +
          <div class="box">
 +
              <div class="col-lg-12">
 +
                  <hr>
 +
                  <h2 class="intro-text text-center">Follow
 +
                      <strong>Us</strong>
 +
                  </h2>
 +
                  <hr>
 +
                  <div class="intro-text text-center">
 +
                      <ul class="list-inline banner-social-buttons">
 +
                          <li>
 +
                              <a href="https://twitter.com/EdiGEM2016"><img src="https://static.igem.org/mediawiki/2016/9/94/Edinburgh2_t2.jpg"></img></a>
 +
                          </li>
 +
                          <li>
 +
                              <a href="https://www.facebook.com/EdiGEM2016"><img src="https://static.igem.org/mediawiki/2016/c/ce/Edinburgh2_f2.png"></img></a>
 +
                          </li>
 +
                          <li>
 +
                              <a href="https://www.instagram.com/edigem2016/"><img src="https://static.igem.org/mediawiki/2016/6/64/Edinburgh2_insta2.png"></img></a>
 +
                          </li>
 +
                      </ul>
 +
                  </div>
 +
              </div>
 +
          </div>
 +
      </div>
 +
      <br>
 +
      <br>
 +
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 23:43, 19 October 2016

The University of Edinburgh Undergraduate iGEM team 2016 presents:

The Next Generation of Information Storage

Density

DNA has 1000 times the

density of flash storage

Affordability

All our encoding programmes

are open source and initial

synthesis of the lexicon is done

for you providing significant

cost reductions on existing

methods

Longevity

DNA can last for

thousands of years

without consuming

resources; modern

hard drives can only

last 50

Modularity

Assembly of our BabbleBricks

is unrestricted and completely

customisable

Abstract


In 2014, over 10 sextillion bits of data were digitally stored worldwide. To put this in context, there are only 1 sextillion grains of sand on this entire Earth. According to IBM, we generate over 2.5 billion gigabytes daily through tweets, emails and Facebook posts! The University of Edinburgh’s undergraduate team has designed a DNA storage system that is a sustainable, dense and long-lasting alternative to magnetic tape data storage. The storage system relies on modular DNA fragments that can flexibly and cost effectively store any type of data. Modularity makes BabblED the cheapest and most accessible DNA storage system available. The system also boasts new and novel techniques to incorporate error-correcting and encryption in DNA storage. In fact, this ‘DNA Typewriter’ has already been implemented by the National Library of Scotland to archive one of their most precious manuscripts: the last letter of Mary Queen of Scots.

Follow Us