Difference between revisions of "Team:Edinburgh UG"

Line 1: Line 1:
−
<!doctype html>
+
<doctype html>
 
<html>
 
<html>
 
<head>
 
<head>
 
<meta charset="utf-8">
 
<meta charset="utf-8">
−
<title>Untitled Page</title>
+
<title>Team:Edinburgh UG - 2016.igem.org</title>
 
<meta name="generator" content="WYSIWYG Web Builder 11 Trial Version - http://www.wysiwygwebbuilder.com">
 
<meta name="generator" content="WYSIWYG Web Builder 11 Trial Version - http://www.wysiwygwebbuilder.com">
 
<style type="text/css">
 
<style type="text/css">
Line 9: Line 9:
 
{
 
{
 
   background-color: #FFFFFF;
 
   background-color: #FFFFFF;
 +
  background-image: url(none);
 +
  background-attachment: scroll;
 +
  background-position: left top;
 +
  background-repeat: repeat;
 
   color: #000000;
 
   color: #000000;
 
   font-family: Arial;
 
   font-family: Arial;
Line 17: Line 21:
 
   padding: 0;
 
   padding: 0;
 
}
 
}
−
#Image1
+
#wb_Text1
 +
{
 +
  background-color: transparent;
 +
  background-image: none;
 +
  border: 0px #000000 solid;
 +
  padding: 0;
 +
  margin: 0;
 +
  text-align: left;
 +
}
 +
#wb_Text1 div
 +
{
 +
  text-align: left;
 +
}
 +
#wb_Text2
 +
{
 +
  background-color: transparent;
 +
  background-image: none;
 +
  border: 0px #000000 solid;
 +
  padding: 0;
 +
  margin: 0;
 +
  text-align: left;
 +
}
 +
#wb_Text2 div
 +
{
 +
  text-align: left;
 +
}
 +
#wb_Text3
 +
{
 +
  background-color: transparent;
 +
  background-image: none;
 +
  border: 0px #000000 solid;
 +
  padding: 0;
 +
  margin: 0;
 +
  text-align: left;
 +
}
 +
#wb_Text3 div
 +
{
 +
  text-align: left;
 +
}
 +
#Image2
 
{
 
{
 
   border: 0px #000000 solid;
 
   border: 0px #000000 solid;
Line 26: Line 69:
 
   height: 100%;
 
   height: 100%;
 
}
 
}
−
#wb_Text1
+
#Image3
 +
{
 +
  border: 0px #000000 solid;
 +
  padding: 0px 0px 0px 0px;
 +
  left: 0;
 +
  top: 0;
 +
  width: 100%;
 +
  height: 100%;
 +
}
 +
#wb_Text4
 
{
 
{
 
   background-color: transparent;
 
   background-color: transparent;
Line 35: Line 87:
 
   text-align: center;
 
   text-align: center;
 
}
 
}
−
#wb_Text1 div
+
#wb_Text4 div
 
{
 
{
 
   text-align: center;
 
   text-align: center;
 
}
 
}
−
#wb_Text2
+
#wb_Text5
 
{
 
{
 
   background-color: transparent;
 
   background-color: transparent;
Line 48: Line 100:
 
   text-align: center;
 
   text-align: center;
 
}
 
}
−
#wb_Text2 div
+
#wb_Text5 div
 
{
 
{
 
   text-align: center;
 
   text-align: center;
 
}
 
}
−
#wb_Text3
+
#wb_Text6
 
{
 
{
 
   background-color: transparent;
 
   background-color: transparent;
Line 61: Line 113:
 
   text-align: center;
 
   text-align: center;
 
}
 
}
−
#wb_Text3 div
+
#wb_Text6 div
 
{
 
{
 
   text-align: center;
 
   text-align: center;
 
}
 
}
−
#wb_Text4
+
#wb_Text7
 
{
 
{
 
   background-color: transparent;
 
   background-color: transparent;
Line 74: Line 126:
 
   text-align: left;
 
   text-align: left;
 
}
 
}
−
#wb_Text4 div
+
#wb_Text7 div
 
{
 
{
 
   text-align: left;
 
   text-align: left;
 
}
 
}
−
#wb_Text5
+
#wb_Text8
 
{
 
{
 
   background-color: transparent;
 
   background-color: transparent;
Line 87: Line 139:
 
   text-align: left;
 
   text-align: left;
 
}
 
}
−
#wb_Text5 div
+
#wb_Text8 div
 
{
 
{
 
   text-align: left;
 
   text-align: left;
 
}
 
}
−
#Image2
+
#Image4
 
{
 
{
 
   border: 0px #000000 solid;
 
   border: 0px #000000 solid;
Line 102: Line 154:
 
#Button1
 
#Button1
 
{
 
{
−
   border: 1px #000000 solid;
+
   border: 1px #2E6DA4 solid;
 
   -moz-border-radius: 4px;
 
   -moz-border-radius: 4px;
 
   -webkit-border-radius: 4px;
 
   -webkit-border-radius: 4px;
 
   border-radius: 4px;
 
   border-radius: 4px;
−
   background-color: transparent;
+
   background-color: #3370B7;
 
   background-image: none;
 
   background-image: none;
−
   color: #101010;
+
   color: #FFFFFF;
−
   font-family: Verdana;
+
   font-family: Arial;
 
   font-weight: normal;
 
   font-weight: normal;
 
   font-size: 13px;
 
   font-size: 13px;
 
}
 
}
−
#Line1
+
#Image5
 
{
 
{
−
   border-width: 0;
+
   border: 0px #000000 solid;
−
   height: 12px;
+
  padding: 0px 0px 0px 0px;
−
   width: 1407px;
+
  left: 0;
 +
   top: 0;
 +
   width: 100%;
 +
  height: 100%;
 
}
 
}
−
#wb_Text6
+
#wb_Text9
 
{
 
{
 
   background-color: transparent;
 
   background-color: transparent;
Line 128: Line 183:
 
   text-align: right;
 
   text-align: right;
 
}
 
}
−
#wb_Text6 div
+
#wb_Text9 div
 
{
 
{
 
   text-align: right;
 
   text-align: right;
 
}
 
}
−
#Image3
+
#wb_Text10
 +
{
 +
  background-color: transparent;
 +
  background-image: none;
 +
  border: 0px #000000 solid;
 +
  padding: 0;
 +
  margin: 0;
 +
  text-align: right;
 +
}
 +
#wb_Text10 div
 +
{
 +
  text-align: right;
 +
}
 +
#Image6
 
{
 
{
 
   border: 0px #000000 solid;
 
   border: 0px #000000 solid;
Line 141: Line 209:
 
   height: 100%;
 
   height: 100%;
 
}
 
}
−
#Image4
+
#Image7
 
{
 
{
 
   border: 0px #000000 solid;
 
   border: 0px #000000 solid;
Line 150: Line 218:
 
   height: 100%;
 
   height: 100%;
 
}
 
}
−
#Image5
+
#Image8
 
{
 
{
 
   border: 0px #000000 solid;
 
   border: 0px #000000 solid;
Line 159: Line 227:
 
   height: 100%;
 
   height: 100%;
 
}
 
}
−
#Image7
+
#Image9
 
{
 
{
 
   border: 0px #000000 solid;
 
   border: 0px #000000 solid;
Line 168: Line 236:
 
   height: 100%;
 
   height: 100%;
 
}
 
}
−
#Image6
+
#Image10
 
{
 
{
 
   border: 0px #000000 solid;
 
   border: 0px #000000 solid;
Line 177: Line 245:
 
   height: 100%;
 
   height: 100%;
 
}
 
}
−
#wb_Text7
+
#wb_Text11
 
{
 
{
 
   background-color: transparent;
 
   background-color: transparent;
Line 186: Line 254:
 
   text-align: left;
 
   text-align: left;
 
}
 
}
−
#wb_Text7 div
+
#wb_Text11 div
 
{
 
{
 
   text-align: left;
 
   text-align: left;
 
}
 
}
−
#wb_Text8
+
#wb_Text12
 
{
 
{
 
   background-color: transparent;
 
   background-color: transparent;
Line 199: Line 267:
 
   text-align: center;
 
   text-align: center;
 
}
 
}
−
#wb_Text8 div
+
#wb_Text12 div
 
{
 
{
 
   text-align: center;
 
   text-align: center;
 
}
 
}
−
#wb_Text9
+
#wb_Text13
 
{
 
{
 
   background-color: transparent;
 
   background-color: transparent;
Line 212: Line 280:
 
   text-align: center;
 
   text-align: center;
 
}
 
}
−
#wb_Text9 div
+
#wb_Text13 div
 
{
 
{
 
   text-align: center;
 
   text-align: center;
 
}
 
}
−
#wb_Text10
+
#wb_Text14
 
{
 
{
 
   background-color: transparent;
 
   background-color: transparent;
Line 225: Line 293:
 
   text-align: center;
 
   text-align: center;
 
}
 
}
−
#wb_Text10 div
+
#wb_Text14 div
 
{
 
{
 
   text-align: center;
 
   text-align: center;
 
}
 
}
−
#wb_Text11
+
#wb_Text15
 
{
 
{
 
   background-color: transparent;
 
   background-color: transparent;
Line 238: Line 306:
 
   text-align: center;
 
   text-align: center;
 
}
 
}
−
#wb_Text11 div
+
#wb_Text15 div
 
{
 
{
 
   text-align: center;
 
   text-align: center;
 
}
 
}
−
#wb_Text12
+
#wb_Text16
 
{
 
{
 
   background-color: transparent;
 
   background-color: transparent;
Line 251: Line 319:
 
   text-align: center;
 
   text-align: center;
 
}
 
}
−
#wb_Text12 div
+
#wb_Text16 div
 
{
 
{
 
   text-align: center;
 
   text-align: center;
 
}
 
}
−
#wb_Text13
+
#wb_Text17
 
{
 
{
 
   background-color: transparent;
 
   background-color: transparent;
Line 264: Line 332:
 
   text-align: center;
 
   text-align: center;
 
}
 
}
−
#wb_Text13 div
+
#wb_Text17 div
 
{
 
{
 
   text-align: center;
 
   text-align: center;
 
}
 
}
−
#wb_Text14
+
#wb_Text18
 
{
 
{
 
   background-color: transparent;
 
   background-color: transparent;
Line 277: Line 345:
 
   text-align: center;
 
   text-align: center;
 
}
 
}
−
#wb_Text14 div
+
#wb_Text18 div
 
{
 
{
 
   text-align: center;
 
   text-align: center;
 
}
 
}
−
#wb_Text15
+
#wb_Text19
 
{
 
{
 
   background-color: transparent;
 
   background-color: transparent;
Line 290: Line 358:
 
   text-align: center;
 
   text-align: center;
 
}
 
}
−
#wb_Text15 div
+
#wb_Text19 div
 
{
 
{
 
   text-align: center;
 
   text-align: center;
 
}
 
}
−
#Line2
+
#Image11
 
{
 
{
−
   border-width: 0;
+
   border: 0px #000000 solid;
−
   height: 12px;
+
  padding: 0px 0px 0px 0px;
−
   width: 1407px;
+
  left: 0;
 +
   top: 0;
 +
   width: 100%;
 +
  height: 100%;
 
}
 
}
−
#Image8
+
#Image12
 
{
 
{
 
   border: 0px #000000 solid;
 
   border: 0px #000000 solid;
Line 309: Line 380:
 
   height: 100%;
 
   height: 100%;
 
}
 
}
−
#wb_Text16
+
#wb_Text20
 
{
 
{
 
   background-color: transparent;
 
   background-color: transparent;
Line 318: Line 389:
 
   text-align: left;
 
   text-align: left;
 
}
 
}
−
#wb_Text16 div
+
#wb_Text20 div
 
{
 
{
 
   text-align: left;
 
   text-align: left;
 
}
 
}
−
#wb_Text17
+
#wb_Text21
 
{
 
{
 
   background-color: transparent;
 
   background-color: transparent;
Line 331: Line 402:
 
   text-align: left;
 
   text-align: left;
 
}
 
}
−
#wb_Text17 div
+
#wb_Text21 div
 
{
 
{
 
   text-align: left;
 
   text-align: left;
−
  white-space: nowrap;
 
 
}
 
}
−
#Line3
+
#Image13
 
{
 
{
−
   border-width: 0;
+
   border: 0px #000000 solid;
−
   height: 12px;
+
  padding: 0px 0px 0px 0px;
−
   width: 1407px;
+
  left: 0;
 +
   top: 0;
 +
   width: 100%;
 +
  height: 100%;
 
}
 
}
−
#Line4
+
#Image14
 
{
 
{
−
   border-width: 0;
+
   border: 0px #000000 solid;
−
   height: 12px;
+
  padding: 0px 0px 0px 0px;
−
   width: 1407px;
+
  left: 0;
 +
   top: 0;
 +
   width: 100%;
 +
  height: 100%;
 
}
 
}
−
#Image9
+
#Image15
 
{
 
{
 
   border: 0px #000000 solid;
 
   border: 0px #000000 solid;
Line 357: Line 433:
 
   height: 100%;
 
   height: 100%;
 
}
 
}
−
#wb_Text18
+
#wb_Text22
 
{
 
{
 
   background-color: transparent;
 
   background-color: transparent;
Line 366: Line 442:
 
   text-align: left;
 
   text-align: left;
 
}
 
}
−
#wb_Text18 div
+
#wb_Text22 div
 
{
 
{
 
   text-align: left;
 
   text-align: left;
 
}
 
}
−
#wb_Text19
+
#wb_Text23
 
{
 
{
 
   background-color: transparent;
 
   background-color: transparent;
Line 379: Line 455:
 
   text-align: left;
 
   text-align: left;
 
}
 
}
−
#wb_Text19 div
+
#wb_Text23 div
 
{
 
{
 
   text-align: left;
 
   text-align: left;
 
}
 
}
−
#Button3
+
#Button2
 
{
 
{
−
   border: 1px #000000 solid;
+
   border: 1px #2E6DA4 solid;
 
   -moz-border-radius: 4px;
 
   -moz-border-radius: 4px;
 
   -webkit-border-radius: 4px;
 
   -webkit-border-radius: 4px;
 
   border-radius: 4px;
 
   border-radius: 4px;
−
   background-color: transparent;
+
   background-color: #3370B7;
 
   background-image: none;
 
   background-image: none;
−
   color: #101010;
+
   color: #FFFFFF;
−
   font-family: Verdana;
+
   font-family: Arial;
 
   font-weight: normal;
 
   font-weight: normal;
 
   font-size: 13px;
 
   font-size: 13px;
 
}
 
}
−
#Button4
+
#Button3
 
{
 
{
−
   border: 1px #000000 solid;
+
   border: 1px #2E6DA4 solid;
 
   -moz-border-radius: 4px;
 
   -moz-border-radius: 4px;
 
   -webkit-border-radius: 4px;
 
   -webkit-border-radius: 4px;
 
   border-radius: 4px;
 
   border-radius: 4px;
−
   background-color: transparent;
+
   background-color: #3370B7;
 
   background-image: none;
 
   background-image: none;
−
   color: #101010;
+
   color: #FFFFFF;
−
   font-family: Verdana;
+
   font-family: Arial;
 
   font-weight: normal;
 
   font-weight: normal;
 
   font-size: 13px;
 
   font-size: 13px;
 
}
 
}
−
#wb_Text20
+
#wb_Text24
 
{
 
{
 
   background-color: transparent;
 
   background-color: transparent;
Line 418: Line 494:
 
   text-align: left;
 
   text-align: left;
 
}
 
}
−
#wb_Text20 div
+
#wb_Text24 div
 
{
 
{
 
   text-align: left;
 
   text-align: left;
−
   white-space: nowrap;
+
}
 +
#wb_Text25
 +
{
 +
   background-color: transparent;
 +
  background-image: none;
 +
  border: 0px #000000 solid;
 +
  padding: 0;
 +
  margin: 0;
 +
  text-align: left;
 +
}
 +
#wb_Text25 div
 +
{
 +
  text-align: left;
 +
}
 +
#Image16
 +
{
 +
  border: 0px #000000 solid;
 +
  padding: 0px 0px 0px 0px;
 +
  left: 0;
 +
  top: 0;
 +
  width: 100%;
 +
  height: 100%;
 +
}
 +
#LayerMenu1
 +
{
 +
  float: left;
 +
  list-style: none;
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
#LayerMenu1 li
 +
{
 +
  float: left;
 +
  margin: 0;
 +
  padding: 0;
 +
  position: relative;
 +
}
 +
#LayerMenu1 li a
 +
{
 +
  float: left;
 +
}
 +
#LayerMenu1 li .layer
 +
{
 +
  display: none;
 +
  float: left;
 +
  left: 0;
 +
  position: absolute;
 +
  top: 0;
 +
  border: 1px solid #000000;
 +
  background-color: #000000;
 +
  background-image: none;
 +
  -moz-box-shadow: 8px 0px 0px #000000;
 +
  -webkit-box-shadow: 8px 0px 0px #000000;
 +
  box-shadow: 8px 0px 0px #000000;
 +
}
 +
#LayerMenu1 .button
 +
{
 +
  cursor: pointer;
 +
  color: #FFFFFF;
 +
  background-color: #000000;
 +
  border: 1px groove #000000;
 +
  font-family: Arial;
 +
  font-weight: normal;
 +
  font-size: 17px;
 +
  font-style: normal;
 +
  margin: 0 1px 0 0;
 +
  padding: 4px 20px 4px 8px;
 +
  position: relative;
 +
  text-align: left;
 +
  text-decoration: none !important;
 +
}
 +
#LayerMenu1 .button:hover
 +
{
 +
  color: #000000;
 +
  background-color: #000000;
 +
  border: 1px groove #000000;
 +
}
 +
#LayerMenu1 li:last-child .button
 +
{
 +
  margin-right: 0;
 +
}
 +
#LayerMenu1 .arrow-down
 +
{
 +
  border-top: 4px solid #FFFFFF;
 +
  border-right: 4px solid transparent;
 +
  border-left: 4px solid transparent;
 +
  border-bottom: 0 dotted;
 +
  position: absolute;
 +
  top: 50%;
 +
  right: 4px;
 +
  left: auto;
 +
  width: 0;
 +
  height: 0;
 +
  margin-top: -2px;
 +
  margin-left: 0;
 +
  vertical-align: middle;
 +
}
 +
#LayerMenu1 li a:hover .arrow-down
 +
{
 +
  border-top-color: #000000;
 +
}
 +
#wb_CssMenu1
 +
{
 +
  border: 0px #C0C0C0 solid;
 +
  background-color: transparent;
 +
}
 +
#wb_CssMenu1 ul
 +
{
 +
  list-style-type: none;
 +
  margin: 0;
 +
  padding: 0;
 +
  position: relative;
 +
  display: inline-block;
 +
  width: 154px;
 +
}
 +
#wb_CssMenu1 li
 +
{
 +
  float: left;
 +
  margin: 0;
 +
  padding: 0px 0px 4px 0px;
 +
  width: 154px;
 +
}
 +
#wb_CssMenu1 a
 +
{
 +
  display: block;
 +
  color: #FFFFFF;
 +
  border: 1px #000000 solid;
 +
  background-color: #000000;
 +
  background-image: none;
 +
  font-family: Arial;
 +
  font-weight: normal;
 +
  font-size: 17px;
 +
  font-style: normal;
 +
  text-decoration: none;
 +
  width: 142px;
 +
  height: 26px;
 +
  line-height: 26px;
 +
  padding: 0px 5px 0px 5px;
 +
  vertical-align: middle;
 +
  text-align: center;
 +
}
 +
#wb_CssMenu1 li:hover a, #wb_CssMenu1 a:hover
 +
{
 +
  color: #FFFFFF;
 +
  background-color: #000000;
 +
  background-image: none;
 +
  border: 1px #000000 solid;
 +
}
 +
#wb_CssMenu1 .firstmain a
 +
{
 +
  margin-top: 0px;
 +
}
 +
#wb_CssMenu1 li.lastmain
 +
{
 +
  padding-bottom: 0px;
 +
}
 +
#wb_CssMenu1 br
 +
{
 +
  clear: both;
 +
  font-size: 1px;
 +
  height: 0;
 +
  line-height: 0;
 +
}
 +
#wb_CssMenu2
 +
{
 +
  border: 0px #000000 solid;
 +
  background-color: #FFFFFF;
 +
  background: -moz-linear-gradient(bottom,#FFFFFF 0%,#FFFFFF 100%);
 +
  background: -webkit-linear-gradient(bottom,#FFFFFF 0%,#FFFFFF 100%);
 +
  background: -o-linear-gradient(bottom,#FFFFFF 0%,#FFFFFF 100%);
 +
  background: -ms-linear-gradient(bottom,#FFFFFF 0%,#FFFFFF 100%);
 +
  background: linear-gradient(bottom,#FFFFFF 0%,#FFFFFF 100%);
 +
}
 +
#wb_CssMenu2 ul
 +
{
 +
  list-style-type: none;
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
#wb_CssMenu2 li
 +
{
 +
  float: left;
 +
  margin: 0;
 +
  padding: 0px 4px 0px 0px;
 +
  width: 80px;
 +
}
 +
#wb_CssMenu2 a
 +
{
 +
  display: block;
 +
  float: left;
 +
  color: #FFFFFF;
 +
  border: 1px #000000 solid;
 +
  background-color: #000000;
 +
  background-image: none;
 +
  font-family: Arial;
 +
  font-weight: normal;
 +
  font-size: 17px;
 +
  font-style: normal;
 +
  text-decoration: none;
 +
  width: 68px;
 +
  height: 26px;
 +
  padding: 0px 5px 0px 5px;
 +
  vertical-align: middle;
 +
  line-height: 26px;
 +
  text-align: center;
 +
  -moz-box-shadow: 0px 0px 13px #000000;
 +
  -webkit-box-shadow: 0px 0px 13px #000000;
 +
  box-shadow: 0px 0px 13px #000000;
 +
}
 +
#wb_CssMenu2 li:hover a, #wb_CssMenu2 a:hover
 +
{
 +
  color: #FFFFFF;
 +
  background-color: #000000;
 +
  background-image: none;
 +
  border: 1px #000000 solid;
 +
}
 +
#wb_CssMenu2 li.firstmain
 +
{
 +
  padding-left: 0px;
 +
}
 +
#wb_CssMenu2 li.lastmain
 +
{
 +
  padding-right: 0px;
 +
}
 +
#wb_CssMenu2 br
 +
{
 +
  clear: both;
 +
  font-size: 1px;
 +
  height: 0;
 +
  line-height: 0;
 +
}
 +
#wb_CssMenu3
 +
{
 +
  border: 0px #C0C0C0 solid;
 +
  background-color: transparent;
 +
}
 +
#wb_CssMenu3 ul
 +
{
 +
  list-style-type: none;
 +
  margin: 0;
 +
  padding: 0;
 +
  width: 171px;
 +
}
 +
#wb_CssMenu3 li
 +
{
 +
  float: left;
 +
  margin: 0;
 +
  padding: 0px 0px 4px 0px;
 +
  width: 171px;
 +
}
 +
#wb_CssMenu3 a
 +
{
 +
  display: block;
 +
  color: #FFFFFF;
 +
  border: 1px #000000 solid;
 +
  background-color: #000000;
 +
  background-image: none;
 +
  font-family: Arial;
 +
  font-weight: normal;
 +
  font-size: 16px;
 +
  font-style: normal;
 +
  text-decoration: none;
 +
  width: 159px;
 +
  height: 26px;
 +
  padding: 0px 5px 0px 5px;
 +
  vertical-align: middle;
 +
  line-height: 26px;
 +
  text-align: center;
 +
}
 +
#wb_CssMenu3 li:hover a, #wb_CssMenu3 a:hover
 +
{
 +
  color: #FFFFFF;
 +
  background-color: #000000;
 +
  background-image: none;
 +
  border: 1px #000000 solid;
 +
}
 +
#wb_CssMenu3 .firstmain a
 +
{
 +
  margin-top: 0px;
 +
}
 +
#wb_CssMenu3 li.lastmain
 +
{
 +
  padding-bottom: 0px;
 +
}
 +
#wb_CssMenu3 br
 +
{
 +
  clear: both;
 +
  font-size: 1px;
 +
  height: 0;
 +
  line-height: 0;
 +
}
 +
#wb_CssMenu4
 +
{
 +
  border: 0px #C0C0C0 solid;
 +
  background-color: transparent;
 +
}
 +
#wb_CssMenu4 ul
 +
{
 +
  list-style-type: none;
 +
  margin: 0;
 +
  padding: 0;
 +
  width: 171px;
 +
}
 +
#wb_CssMenu4 li
 +
{
 +
  float: left;
 +
  margin: 0;
 +
  padding: 0px 0px 4px 0px;
 +
  width: 171px;
 +
}
 +
#wb_CssMenu4 a
 +
{
 +
  display: block;
 +
  color: #FFFFFF;
 +
  border: 1px #000000 solid;
 +
  background-color: #000000;
 +
  background-image: none;
 +
  font-family: Arial;
 +
  font-weight: normal;
 +
  font-size: 16px;
 +
  font-style: normal;
 +
  text-decoration: none;
 +
  width: 159px;
 +
  height: 26px;
 +
  padding: 0px 5px 0px 5px;
 +
  vertical-align: middle;
 +
  line-height: 26px;
 +
  text-align: center;
 +
}
 +
#wb_CssMenu4 li:hover a, #wb_CssMenu4 a:hover
 +
{
 +
  color: #FFFFFF;
 +
  background-color: #000000;
 +
  background-image: none;
 +
  border: 1px #000000 solid;
 +
}
 +
#wb_CssMenu4 .firstmain a
 +
{
 +
  margin-top: 0px;
 +
}
 +
#wb_CssMenu4 li.lastmain
 +
{
 +
  padding-bottom: 0px;
 +
}
 +
#wb_CssMenu4 br
 +
{
 +
  clear: both;
 +
  font-size: 1px;
 +
  height: 0;
 +
  line-height: 0;
 +
}
 +
#wb_CssMenu5
 +
{
 +
  border: 0px #C0C0C0 solid;
 +
  background-color: transparent;
 +
}
 +
#wb_CssMenu5 ul
 +
{
 +
  list-style-type: none;
 +
  margin: 0;
 +
  padding: 0;
 +
  width: 171px;
 +
}
 +
#wb_CssMenu5 li
 +
{
 +
  float: left;
 +
  margin: 0;
 +
  padding: 0px 0px 4px 0px;
 +
  width: 171px;
 +
}
 +
#wb_CssMenu5 a
 +
{
 +
  display: block;
 +
  color: #FFFFFF;
 +
  border: 1px #000000 solid;
 +
  background-color: #000000;
 +
  background-image: none;
 +
  font-family: Arial;
 +
  font-weight: normal;
 +
  font-size: 16px;
 +
  font-style: normal;
 +
  text-decoration: none;
 +
  width: 159px;
 +
  height: 26px;
 +
  padding: 0px 5px 0px 5px;
 +
  vertical-align: middle;
 +
  line-height: 26px;
 +
  text-align: center;
 +
}
 +
#wb_CssMenu5 li:hover a, #wb_CssMenu5 a:hover
 +
{
 +
  color: #FFFFFF;
 +
  background-color: #000000;
 +
  background-image: none;
 +
  border: 1px #000000 solid;
 +
}
 +
#wb_CssMenu5 .firstmain a
 +
{
 +
  margin-top: 0px;
 +
}
 +
#wb_CssMenu5 li.lastmain
 +
{
 +
  padding-bottom: 0px;
 +
}
 +
#wb_CssMenu5 br
 +
{
 +
  clear: both;
 +
  font-size: 1px;
 +
  height: 0;
 +
  line-height: 0;
 +
}
 +
#wb_CssMenu6
 +
{
 +
  border: 0px #C0C0C0 solid;
 +
  background-color: transparent;
 +
}
 +
#wb_CssMenu6 ul
 +
{
 +
  list-style-type: none;
 +
  margin: 0;
 +
  padding: 0;
 +
  width: 171px;
 +
}
 +
#wb_CssMenu6 li
 +
{
 +
  float: left;
 +
  margin: 0;
 +
  padding: 0px 0px 4px 0px;
 +
  width: 171px;
 +
}
 +
#wb_CssMenu6 a
 +
{
 +
  display: block;
 +
  color: #FFFFFF;
 +
  border: 1px #000000 solid;
 +
  background-color: #000000;
 +
  background-image: none;
 +
  font-family: Arial;
 +
  font-weight: normal;
 +
  font-size: 16px;
 +
  font-style: normal;
 +
  text-decoration: none;
 +
  width: 159px;
 +
  height: 26px;
 +
  padding: 0px 5px 0px 5px;
 +
  vertical-align: middle;
 +
  line-height: 26px;
 +
  text-align: center;
 +
}
 +
#wb_CssMenu6 li:hover a, #wb_CssMenu6 a:hover
 +
{
 +
  color: #FFFFFF;
 +
  background-color: #000000;
 +
  background-image: none;
 +
  border: 1px #000000 solid;
 +
}
 +
#wb_CssMenu6 .firstmain a
 +
{
 +
  margin-top: 0px;
 +
}
 +
#wb_CssMenu6 li.lastmain
 +
{
 +
  padding-bottom: 0px;
 +
}
 +
#wb_CssMenu6 br
 +
{
 +
  clear: both;
 +
  font-size: 1px;
 +
  height: 0;
 +
  line-height: 0;
 +
}
 +
#wb_CssMenu7
 +
{
 +
  border: 0px #000000 solid;
 +
  background-color: #000000;
 +
  background: -moz-linear-gradient(bottom,#000000 0%,#000000 100%);
 +
  background: -webkit-linear-gradient(bottom,#000000 0%,#000000 100%);
 +
  background: -o-linear-gradient(bottom,#000000 0%,#000000 100%);
 +
  background: -ms-linear-gradient(bottom,#000000 0%,#000000 100%);
 +
  background: linear-gradient(bottom,#000000 0%,#000000 100%);
 +
}
 +
#wb_CssMenu7 ul
 +
{
 +
  list-style-type: none;
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
#wb_CssMenu7 li
 +
{
 +
  float: left;
 +
  margin: 0;
 +
  padding: 0px 4px 0px 0px;
 +
}
 +
#wb_CssMenu7 a
 +
{
 +
  display: block;
 +
  float: left;
 +
  color: #FFFFFF;
 +
  border: 1px #000000 solid;
 +
  background-color: #000000;
 +
  background-image: none;
 +
  font-family: Arial;
 +
  font-weight: normal;
 +
  font-size: 17px;
 +
  font-style: normal;
 +
  text-decoration: none;
 +
  height: 26px;
 +
  line-height: 26px;
 +
  padding: 0px 5px 0px 5px;
 +
  vertical-align: middle;
 +
  text-align: center;
 +
  -moz-box-shadow: 0px 0px 13px #000000;
 +
  -webkit-box-shadow: 0px 0px 13px #000000;
 +
  box-shadow: 0px 0px 13px #000000;
 +
}
 +
#wb_CssMenu7 li:hover a, #wb_CssMenu7 a:hover
 +
{
 +
  color: #FFFFFF;
 +
  background-color: #000000;
 +
  background-image: none;
 +
  border: 1px #000000 solid;
 +
}
 +
#wb_CssMenu7 li.firstmain
 +
{
 +
  padding-left: 0px;
 +
}
 +
#wb_CssMenu7 li.lastmain
 +
{
 +
  padding-right: 0px;
 +
}
 +
#wb_CssMenu7 br
 +
{
 +
  clear: both;
 +
  font-size: 1px;
 +
  height: 0;
 +
  line-height: 0;
 
}
 
}
 
</style>
 
</style>
−
<link href="homeWikiWithDescription.css" rel="stylesheet">
+
<script>
 +
$(document).ready(function()
 +
{
 +
  $('#LayerMenu1 li').hover(function()
 +
  {
 +
      var top = $(this).find('.button').outerHeight();
 +
      $(this).find('.layer').css({'top': top});
 +
      $(this).find('.layer').show();
 +
  }, function()
 +
  {
 +
      $(this).find('.layer').hide();
 +
  });
 +
  $('#LayerMenu1 li .layer').hide();
 +
});
 +
</script>
 
</head>
 
</head>
 
<body>
 
<body>
−
<a href="http://www.wysiwygwebbuilder.com" target="_blank"><img src="images/builtwithwwb11.png" alt="WYSIWYG Web Builder" style="position:absolute;left:639px;top:3498px;border-width:0;z-index:250"></a>
+
<div id="wb_Text1" style="position:absolute;left:2px;top:0px;width:1013px;height:16px;z-index:5;text-align:left;">
−
<div id="wb_Image1" style="position:absolute;left:1px;top:0px;width:1399px;height:899px;z-index:1;">
+
&nbsp;</div>
−
<img src="https://static.igem.org/mediawiki/2016/b/b6/EdiGEM16UGhogmannay.jpg" id="Image1" alt=""></div>
+
<div id="wb_Text2" style="position:absolute;left:185px;top:64px;width:304px;height:24px;z-index:6;text-align:left;">
−
<div id="wb_Text1" style="position:absolute;left:424px;top:460px;width:552px;height:91px;text-align:center;z-index:2;">
+
<span style="color:#FFFFFF;font-family:Arial;font-size:21px;">Team:Edinburgh UG</span></div>
 +
<div id="wb_Text3" style="position:absolute;left:32px;top:114px;width:952px;height:624px;z-index:7;text-align:left;">
 +
<span style="color:#FFFFFF;font-family:Arial;font-size:13px;">&lt;!doctype html&gt;&nbsp;&nbsp;&nbsp; Untitled Page&nbsp;&nbsp; body {&nbsp;&nbsp;&nbsp; background-color: #FFFFFF;&nbsp;&nbsp;&nbsp; color: #000000;&nbsp;&nbsp;&nbsp; font-family: Arial;&nbsp;&nbsp;&nbsp; font-weight: normal;&nbsp;&nbsp;&nbsp; font-size: 13px;&nbsp;&nbsp;&nbsp; line-height: 1.1875;&nbsp;&nbsp;&nbsp; margin: 0;&nbsp;&nbsp;&nbsp; padding: 0; } #Image1 {&nbsp;&nbsp;&nbsp; border: 0px #000000 solid;&nbsp;&nbsp;&nbsp; padding: 0px 0px 0px 0px;&nbsp;&nbsp;&nbsp; left: 0;&nbsp;&nbsp;&nbsp; top: 0;&nbsp;&nbsp;&nbsp; width: 100%;&nbsp;&nbsp;&nbsp; height: 100%; } #wb_Text1&nbsp; {&nbsp;&nbsp;&nbsp; background-color: transparent;&nbsp;&nbsp;&nbsp; background-image: none;&nbsp;&nbsp;&nbsp; border: 0px #000000 solid;&nbsp;&nbsp;&nbsp; padding: 0;&nbsp;&nbsp;&nbsp; margin: 0;&nbsp;&nbsp;&nbsp; text-align: center; } #wb_Text1 div {&nbsp;&nbsp;&nbsp; text-align: center; } #wb_Text2&nbsp; {&nbsp;&nbsp;&nbsp; background-color: transparent;&nbsp;&nbsp;&nbsp; background-image: none;&nbsp;&nbsp;&nbsp; border: 0px #000000 solid;&nbsp;&nbsp;&nbsp; padding: 0;&nbsp;&nbsp;&nbsp; margin: 0;&nbsp;&nbsp;&nbsp; text-align: center; } #wb_Text2 div {&nbsp;&nbsp;&nbsp; text-align: center; } #wb_Text3&nbsp; {&nbsp;&nbsp;&nbsp; background-color: transparent;&nbsp;&nbsp;&nbsp; background-image: none;&nbsp;&nbsp;&nbsp; border: 0px #000000 solid;&nbsp;&nbsp;&nbsp; padding: 0;&nbsp;&nbsp;&nbsp; margin: 0;&nbsp;&nbsp;&nbsp; text-align: center; } #wb_Text3 div {&nbsp;&nbsp;&nbsp; text-align: center; } #wb_Text4&nbsp; {&nbsp;&nbsp;&nbsp; background-color: transparent;&nbsp;&nbsp;&nbsp; background-image: none;&nbsp;&nbsp;&nbsp; border: 0px #000000 solid;&nbsp;&nbsp;&nbsp; padding: 0;&nbsp;&nbsp;&nbsp; margin: 0;&nbsp;&nbsp;&nbsp; text-align: left; } #wb_Text4 div {&nbsp;&nbsp;&nbsp; text-align: left; } #wb_Text5&nbsp; {&nbsp;&nbsp;&nbsp; background-color: transparent;&nbsp;&nbsp;&nbsp; background-image: none;&nbsp;&nbsp;&nbsp; border: 0px #000000 solid;&nbsp;&nbsp;&nbsp; padding: 0;&nbsp;&nbsp;&nbsp; margin: 0;&nbsp;&nbsp;&nbsp; text-align: left; } #wb_Text5 div {&nbsp;&nbsp;&nbsp; text-align: left; } #Image2 {&nbsp;&nbsp;&nbsp; border: 0px #000000 solid;&nbsp;&nbsp;&nbsp; padding: 0px 0px 0px 0px;&nbsp;&nbsp;&nbsp; left: 0;&nbsp;&nbsp;&nbsp; top: 0;&nbsp;&nbsp;&nbsp; width: 100%;&nbsp;&nbsp;&nbsp; height: 100%; } #Button1 {&nbsp;&nbsp;&nbsp; border: 1px #000000 solid;&nbsp;&nbsp;&nbsp; -moz-border-radius: 4px;&nbsp;&nbsp;&nbsp; -webkit-border-radius: 4px;&nbsp;&nbsp;&nbsp; border-radius: 4px;&nbsp;&nbsp;&nbsp; background-color: transparent;&nbsp;&nbsp;&nbsp; background-image: none;&nbsp;&nbsp;&nbsp; color: #101010;&nbsp;&nbsp;&nbsp; font-family: Verdana;&nbsp;&nbsp;&nbsp; font-weight: normal;&nbsp;&nbsp;&nbsp; font-size: 13px; } #Line1 {&nbsp;&nbsp;&nbsp; border-width: 0;&nbsp;&nbsp;&nbsp; height: 12px;&nbsp;&nbsp;&nbsp; width: 1407px; } #wb_Text6&nbsp; {&nbsp;&nbsp;&nbsp; background-color: transparent;&nbsp;&nbsp;&nbsp; background-image: none;&nbsp;&nbsp;&nbsp; border: 0px #000000 solid;&nbsp;&nbsp;&nbsp; padding: 0;&nbsp;&nbsp;&nbsp; margin: 0;&nbsp;&nbsp;&nbsp; text-align: right; } #wb_Text6 div {&nbsp;&nbsp;&nbsp; text-align: right; } #Image3 {&nbsp;&nbsp;&nbsp; border: 0px #000000 solid;&nbsp;&nbsp;&nbsp; padding: 0px 0px 0px 0px;&nbsp;&nbsp;&nbsp; left: 0;&nbsp;&nbsp;&nbsp; top: 0;&nbsp;&nbsp;&nbsp; width: 100%;&nbsp;&nbsp;&nbsp; height: 100%; } #Image4 {&nbsp;&nbsp;&nbsp; border: 0px #000000 solid;&nbsp;&nbsp;&nbsp; padding: 0px 0px 0px 0px;&nbsp;&nbsp;&nbsp; left: 0;&nbsp;&nbsp;&nbsp; top: 0;&nbsp;&nbsp;&nbsp; width: 100%;&nbsp;&nbsp;&nbsp; height: 100%; } #Image5 {&nbsp;&nbsp;&nbsp; border: 0px #000000 solid;&nbsp;&nbsp;&nbsp; padding: 0px 0px 0px 0px;&nbsp;&nbsp;&nbsp; left: 0;&nbsp;&nbsp;&nbsp; top: 0;&nbsp;&nbsp;&nbsp; width: 100%;&nbsp;&nbsp;&nbsp; height: 100%; } #Image7 {&nbsp;&nbsp;&nbsp; border: 0px #000000 solid;&nbsp;&nbsp;&nbsp; padding: 0px 0px 0px 0px;&nbsp;&nbsp;&nbsp; left: 0;&nbsp;&nbsp;&nbsp; top: 0;&nbsp;&nbsp;&nbsp; width: 100%;&nbsp;&nbsp;&nbsp; height: 100%; } #Image6 {&nbsp;&nbsp;&nbsp; border: 0px #000000 solid;&nbsp;&nbsp;&nbsp; padding: 0px 0px 0px 0px;&nbsp;&nbsp;&nbsp; left: 0;&nbsp;&nbsp;&nbsp; top: 0;&nbsp;&nbsp;&nbsp; width: 100%;&nbsp;&nbsp;&nbsp; height: 100%; } #wb_Text7&nbsp; {&nbsp;&nbsp;&nbsp; background-color: transparent;&nbsp;&nbsp;&nbsp; background-image: none;&nbsp;&nbsp;&nbsp; border: 0px #000000 solid;&nbsp;&nbsp;&nbsp; padding: 0;&nbsp;&nbsp;&nbsp; margin: 0;&nbsp;&nbsp;&nbsp; text-align: left; } #wb_Text7 div {&nbsp;&nbsp;&nbsp; text-align: left; } #wb_Text8&nbsp; {&nbsp;&nbsp;&nbsp; background-color: transparent;&nbsp;&nbsp;&nbsp; background-image: none;&nbsp;&nbsp;&nbsp; border: 0px #000000 solid;&nbsp;&nbsp;&nbsp; padding: 0;&nbsp;&nbsp;&nbsp; margin: 0;&nbsp;&nbsp;&nbsp; text-align: center; } #wb_Text8 div {&nbsp;&nbsp;&nbsp; text-align: center; } #wb_Text9&nbsp; {&nbsp;&nbsp;&nbsp; background-color: transparent;&nbsp;&nbsp;&nbsp; background-image: none;&nbsp;&nbsp;&nbsp; border: 0px #000000 solid;&nbsp;&nbsp;&nbsp; padding: 0;&nbsp;&nbsp;&nbsp; margin: 0;&nbsp;&nbsp;&nbsp; text-align: center; } #wb_Text9 div {&nbsp;&nbsp;&nbsp; text-align: center; } #wb_Text10&nbsp; {&nbsp;&nbsp;&nbsp; background-color: transparent;&nbsp;&nbsp;&nbsp; background-image: none;&nbsp;&nbsp;&nbsp; border: 0px #000000 solid;&nbsp;&nbsp;&nbsp; padding: 0;&nbsp;&nbsp;&nbsp; margin: 0;&nbsp;&nbsp;&nbsp; text-align: center; } #wb_Text10 div {&nbsp;&nbsp;&nbsp; text-align: center; } #wb_Text11&nbsp; {&nbsp;&nbsp;&nbsp; background-color: transparent;&nbsp;&nbsp;&nbsp; background-image: none;&nbsp;&nbsp;&nbsp; border: 0px #000000 solid;&nbsp;&nbsp;&nbsp; padding: 0;&nbsp;&nbsp;&nbsp; margin: 0;&nbsp;&nbsp;&nbsp; text-align: center; } #wb_Text11 div {&nbsp;&nbsp;&nbsp; text-align: center; } #wb_Text12&nbsp; {&nbsp;&nbsp;&nbsp; background-color: transparent;&nbsp;&nbsp;&nbsp; background-image: none;&nbsp;&nbsp;&nbsp; border: 0px #000000 solid;&nbsp;&nbsp;&nbsp; padding: 0;&nbsp;&nbsp;&nbsp; margin: 0;&nbsp;&nbsp;&nbsp; text-align: center; } #wb_Text12 div {&nbsp;&nbsp;&nbsp; text-align: center; } #wb_Text13&nbsp; {&nbsp;&nbsp;&nbsp; background-color: transparent;&nbsp;&nbsp;&nbsp; background-image: none;&nbsp;&nbsp;&nbsp; border: 0px #000000 solid;&nbsp;&nbsp;&nbsp; padding: 0;&nbsp;&nbsp;&nbsp; margin: 0;&nbsp;&nbsp;&nbsp; text-align: center; } #wb_Text13 div {&nbsp;&nbsp;&nbsp; text-align: center; } #wb_Text14&nbsp; {&nbsp;&nbsp;&nbsp; background-color: transparent;&nbsp;&nbsp;&nbsp; background-image: none;&nbsp;&nbsp;&nbsp; border: 0px #000000 solid;&nbsp;&nbsp;&nbsp; padding: 0;&nbsp;&nbsp;&nbsp; margin: 0;&nbsp;&nbsp;&nbsp; text-align: center; } #wb_Text14 div {&nbsp;&nbsp;&nbsp; text-align: center; } #wb_Text15&nbsp; {&nbsp;&nbsp;&nbsp; background-color: transparent;&nbsp;&nbsp;&nbsp; background-image: none;&nbsp;&nbsp;&nbsp; border: 0px #000000 solid;&nbsp;&nbsp;&nbsp; padding: 0;&nbsp;&nbsp;&nbsp; margin: 0;&nbsp;&nbsp;&nbsp; text-align: center; } #wb_Text15 div {&nbsp;&nbsp;&nbsp; text-align: center; } #Line2 {&nbsp;&nbsp;&nbsp; border-width: 0;&nbsp;&nbsp;&nbsp; height: 12px;&nbsp;&nbsp;&nbsp; width: 1407px; } #Image8 {&nbsp;&nbsp;&nbsp; border: 0px #000000 solid;&nbsp;&nbsp;&nbsp; padding: 0px 0px 0px 0px;&nbsp;&nbsp;&nbsp; left: 0;&nbsp;&nbsp;&nbsp; top: 0;&nbsp;&nbsp;&nbsp; width: 100%;&nbsp;&nbsp;&nbsp; height: 100%; } #wb_Text16&nbsp; {&nbsp;&nbsp;&nbsp; background-color: transparent;&nbsp;&nbsp;&nbsp; background-image: none;&nbsp;&nbsp;&nbsp; border: 0px #000000 solid;&nbsp;&nbsp;&nbsp; padding: 0;&nbsp;&nbsp;&nbsp; margin: 0;&nbsp;&nbsp;&nbsp; text-align: left; } #wb_Text16 div {&nbsp;&nbsp;&nbsp; text-align: left; } #wb_Text17&nbsp; {&nbsp;&nbsp;&nbsp; background-color: transparent;&nbsp;&nbsp;&nbsp; background-image: none;&nbsp;&nbsp;&nbsp; border: 0px #000000 solid;&nbsp;&nbsp;&nbsp; padding: 0;&nbsp;&nbsp;&nbsp; margin: 0;&nbsp;&nbsp;&nbsp; text-align: left; } #wb_Text17 div {&nbsp;&nbsp;&nbsp; text-align: left;&nbsp;&nbsp;&nbsp; white-space: nowrap; } #Line3 {&nbsp;&nbsp;&nbsp; border-width: 0;&nbsp;&nbsp;&nbsp; height: 12px;&nbsp;&nbsp;&nbsp; width: 1407px; } #Line4 {&nbsp;&nbsp;&nbsp; border-width: 0;&nbsp;&nbsp;&nbsp; height: 12px;&nbsp;&nbsp;&nbsp; width: 1407px; } #Image9 {&nbsp;&nbsp;&nbsp; border: 0px #000000 solid;&nbsp;&nbsp;&nbsp; padding: 0px 0px 0px 0px;&nbsp;&nbsp;&nbsp; left: 0;&nbsp;&nbsp;&nbsp; top: 0;&nbsp;&nbsp;&nbsp; width: 100%;&nbsp;&nbsp;&nbsp; height: 100%; } #wb_Text18&nbsp; {&nbsp;&nbsp;&nbsp; background-color: transparent;&nbsp;&nbsp;&nbsp; background-image: none;&nbsp;&nbsp;&nbsp; border: 0px #000000 solid;&nbsp;&nbsp;&nbsp; padding: 0;&nbsp;&nbsp;&nbsp; margin: 0;&nbsp;&nbsp;&nbsp; text-align: left; } #wb_Text18 div {&nbsp;&nbsp;&nbsp; text-align: left; } #wb_Text19&nbsp; {&nbsp;&nbsp;&nbsp; background-color: transparent;&nbsp;&nbsp;&nbsp; background-image: none;&nbsp;&nbsp;&nbsp; border: 0px #000000 solid;&nbsp;&nbsp;&nbsp; padding: 0;&nbsp;&nbsp;&nbsp; margin: 0;&nbsp;&nbsp;&nbsp; text-align: left; } #wb_Text19 div {&nbsp;&nbsp;&nbsp; text-align: left; } #Button3 {&nbsp;&nbsp;&nbsp; border: 1px #000000 solid;&nbsp;&nbsp;&nbsp; -moz-border-radius: 4px;&nbsp;&nbsp;&nbsp; -webkit-border-radius: 4px;&nbsp;&nbsp;&nbsp; border-radius: 4px;&nbsp;&nbsp;&nbsp; background-color: transparent;&nbsp;&nbsp;&nbsp; background-image: none;&nbsp;&nbsp;&nbsp; color: #101010;&nbsp;&nbsp;&nbsp; font-family: Verdana;&nbsp;&nbsp;&nbsp; font-weight: normal;&nbsp;&nbsp;&nbsp; font-size: 13px; } #Button4 {&nbsp;&nbsp;&nbsp; border: 1px #000000 solid;&nbsp;&nbsp;&nbsp; -moz-border-radius: 4px;&nbsp;&nbsp;&nbsp; -webkit-border-radius: 4px;&nbsp;&nbsp;&nbsp; border-radius: 4px;&nbsp;&nbsp;&nbsp; background-color: transparent;&nbsp;&nbsp;&nbsp; background-image: none;&nbsp;&nbsp;&nbsp; color: #101010;&nbsp;&nbsp;&nbsp; font-family: Verdana;&nbsp;&nbsp;&nbsp; font-weight: normal;&nbsp;&nbsp;&nbsp; font-size: 13px; } #wb_Text20&nbsp; {&nbsp;&nbsp;&nbsp; background-color: transparent;&nbsp;&nbsp;&nbsp; background-image: none;&nbsp;&nbsp;&nbsp; border: 0px #000000 solid;&nbsp;&nbsp;&nbsp; padding: 0;&nbsp;&nbsp;&nbsp; margin: 0;&nbsp;&nbsp;&nbsp; text-align: left; } #wb_Text20 div {&nbsp;&nbsp;&nbsp; text-align: left;&nbsp;&nbsp;&nbsp; white-space: nowrap; } </span></div>
 +
<div id="wb_Image2" style="position:absolute;left:659px;top:3516px;width:152px;height:30px;z-index:8;">
 +
<a href="http://www.wysiwygwebbuilder.com/"><img src="https://2016.igem.org/images/builtwithwwb11.png" id="Image2" alt="WYSIWYG Web Builder"></a></div>
 +
<div id="wb_Image3" style="position:absolute;left:2px;top:0px;width:1403px;height:899px;z-index:9;">
 +
<img src="images/EdiGEM16UGhogmannay.jpg" id="Image3" alt=""></div>
 +
<div id="wb_Text4" style="position:absolute;left:562px;top:445px;width:318px;height:182px;text-align:center;z-index:10;">
 
<span style="color:#000000;font-family:Verdana;font-size:75px;">BabblED</span></div>
 
<span style="color:#000000;font-family:Verdana;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;">
+
<div id="wb_Text5" style="position:absolute;left:459px;top:415px;width:525px;height:40px;text-align:center;z-index:11;">
 
<span style="color:#000000;font-family:Verdana;font-size:17px;">The University of Edinburgh Undergraduate iGEM Team 2016 presents:</span></div>
 
<span style="color:#000000;font-family:Verdana;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;">
+
<div id="wb_Text6" style="position:absolute;left:539px;top:607px;width:371px;height:40px;text-align:center;z-index:12;">
 
<span style="color:#000000;font-family:Verdana;font-size:17px;">The next generation of information storage</span></div>
 
<span style="color:#000000;font-family:Verdana;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:135px;z-index:5;text-align:left;">
+
<div id="wb_Text7" style="position:absolute;left:132px;top:951px;width:579px;height:135px;z-index:13;text-align:left;">
 
<span style="color:#000000;font-family:Verdana;font-size:37px;">By 2040, we will run out of the materials needed to store digital data.</span></div>
 
<span style="color:#000000;font-family:Verdana;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:125px;z-index:6;text-align:left;">
+
<div id="wb_Text8" style="position:absolute;left:132px;top:1109px;width:587px;height:125px;z-index:14;text-align:left;">
−
<span style="color:#000000;font-family:Verdana;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>
+
<span style="color:#000000;font-family:Verdana;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></div>
−
<div id="wb_Image2" style="position:absolute;left:812px;top:943px;width:431px;height:398px;z-index:7;">
+
<div id="wb_Image4" style="position:absolute;left:832px;top:961px;width:431px;height:398px;z-index:15;">
−
<img src="https://static.igem.org/mediawiki/2016/4/44/EdiGEM16UGppie.png" id="Image2" alt=""></div>
+
<img src="images/EdiGEM16UGppie.png" id="Image4" 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;">
+
<input type="submit" id="Button1" name="Policy and Practices" value="Policy and Practices" style="position:absolute;left:133px;top:1315px;width:200px;height:45px;z-index:16;">
−
<div id="wb_Line1" style="position:absolute;left:0px;top:1382px;width:1399px;height:4px;z-index:9;">
+
<div id="wb_Image5" style="position:absolute;left:20px;top:1408px;width:1407px;height:12px;z-index:17;">
−
<img src="https://static.igem.org/mediawiki/2016/7/7f/EdiGEM16UGhome_line1.png" id="Line1" alt=""></div>
+
<img src="images/EdiGEM16UGhome_line1.png" id="Image5" alt=""></div>
−
<div id="wb_Text6" style="position:absolute;left:673px;top:1461px;width:588px;height:54px;text-align:right;z-index:10;">
+
<div id="wb_Text9" style="position:absolute;left:962px;top:1474px;width:321px;height:76px;text-align:right;z-index:18;">
−
<span style="color:#000000;font-family:Verdana;font-size:32px;">We have a solution.</span><span style="color:#000000;font-family:Verdana;font-size:37px;"><br></span><span style="color:#000000;font-family:'Courier New';font-size:48px;"> </span></div>
+
<span style="color:#000000;font-family:Verdana;font-size:32px;">We have a solution.</span></div>
−
<div id="wb_Image3" style="position:absolute;left:110px;top:1584px;width:181px;height:181px;z-index:11;">
+
<div id="wb_Text10" style="position:absolute;left:1281px;top:1469px;width:3px;height:61px;text-align:right;z-index:19;">
−
<img src="https://static.igem.org/mediawiki/2016/5/55/EdiGEM16UGdensity.png" id="Image3" alt=""></div>
+
<span style="color:#000000;font-family:Verdana;font-size:37px;"><br></span></div>
−
<div id="wb_Image4" style="position:absolute;left:717px;top:1576px;width:231px;height:196px;z-index:12;">
+
<div id="wb_Image6" style="position:absolute;left:130px;top:1602px;width:181px;height:181px;z-index:20;">
−
<img src="https://static.igem.org/mediawiki/2016/8/81/EdiGEM16UGhourglass.jpeg" id="Image4" alt=""></div>
+
<img src="images/EdiGEM16UGdensity.png" id="Image6" alt=""></div>
−
<div id="wb_Image5" style="position:absolute;left:420px;top:1588px;width:163px;height:173px;z-index:13;">
+
<div id="wb_Image7" style="position:absolute;left:737px;top:1594px;width:231px;height:196px;z-index:21;">
−
<img src="https://static.igem.org/mediawiki/2016/2/26/EdiGEM16UGdollar.png" id="Image5" alt=""></div>
+
<img src="EdiGEM16UGhourglass.jpeg" id="Image7" alt=""></div>
−
<div id="wb_Image7" style="position:absolute;left:1214px;top:1608px;width:0px;height:0px;z-index:14;">
+
<div id="wb_Image8" style="position:absolute;left:440px;top:1606px;width:163px;height:173px;z-index:22;">
−
<img src="" id="Image7" alt=""></div>
+
<img src="images/EdiGEM16UGdollar.png" id="Image8" alt=""></div>
−
<div id="wb_Image6" style="position:absolute;left:1043px;top:1598px;width:218px;height:152px;z-index:15;">
+
<div id="wb_Image9" style="position:absolute;left:1234px;top:1640px;width:0px;height:0px;z-index:23;">
−
<img src="https://static.igem.org/mediawiki/2016/e/e0/EdiGEM16UGpuzzle.png" id="Image6" alt=""></div>
+
<img src="https://2016.igem.org/" id="Image9" alt=""></div>
−
<div id="wb_Text7" style="position:absolute;left:663px;top:1492px;width:609px;height:65px;z-index:16;text-align:left;">
+
<div id="wb_Image10" style="position:absolute;left:1063px;top:1616px;width:218px;height:152px;z-index:24;">
 +
<img src="images/EdiGEM16UGpuzzle.png" id="Image10" alt=""></div>
 +
<div id="wb_Text11" style="position:absolute;left:683px;top:1490px;width:513px;height:130px;z-index:25;text-align:left;">
 
<span style="color:#000000;font-family:Verdana;font-size:53px;">DNA Text Encoding</span></div>
 
<span style="color:#000000;font-family:Verdana;font-size:53px;">DNA Text Encoding</span></div>
−
<div id="wb_Text8" style="position:absolute;left:76px;top:1793px;width:248px;height:42px;text-align:center;z-index:17;">
+
<div id="wb_Text12" style="position:absolute;left:154px;top:1802px;width:134px;height:84px;text-align:center;z-index:26;">
 
<span style="color:#000000;font-family:Verdana;font-size:35px;">Density</span></div>
 
<span style="color:#000000;font-family:Verdana;font-size:35px;">Density</span></div>
−
<div id="wb_Text9" style="position:absolute;left:707px;top:1794px;width:250px;height:38px;text-align:center;z-index:18;">
+
<div id="wb_Text13" style="position:absolute;left:774px;top:1805px;width:158px;height:76px;text-align:center;z-index:27;">
 
<span style="color:#000000;font-family:Verdana;font-size:32px;">Longevity</span></div>
 
<span style="color:#000000;font-family:Verdana;font-size:32px;">Longevity</span></div>
−
<div id="wb_Text10" style="position:absolute;left:376px;top:1793px;width:250px;height:38px;text-align:center;z-index:19;">
+
<div id="wb_Text14" style="position:absolute;left:424px;top:1804px;width:196px;height:76px;text-align:center;z-index:28;">
 
<span style="color:#000000;font-family:Verdana;font-size:32px;">Affordability</span></div>
 
<span style="color:#000000;font-family:Verdana;font-size:32px;">Affordability</span></div>
−
<div id="wb_Text11" style="position:absolute;left:1027px;top:1794px;width:250px;height:38px;text-align:center;z-index:20;">
+
<div id="wb_Text15" style="position:absolute;left:1088px;top:1805px;width:171px;height:76px;text-align:center;z-index:29;">
 
<span style="color:#000000;font-family:Verdana;font-size:32px;">Modularity</span></div>
 
<span style="color:#000000;font-family:Verdana;font-size:32px;">Modularity</span></div>
−
<div id="wb_Text12" style="position:absolute;left:94px;top:1866px;width:212px;height:60px;text-align:center;z-index:21;">
+
<div id="wb_Text16" style="position:absolute;left:132px;top:1886px;width:202px;height:80px;text-align:center;z-index:30;">
 
<span style="color:#000000;font-family:Verdana;font-size:17px;">DNA has 1000 times greater storage density than flash memory</span></div>
 
<span style="color:#000000;font-family:Verdana;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;">
+
<div id="wb_Text17" style="position:absolute;left:782px;top:1886px;width:176px;height:120px;text-align:center;z-index:31;">
 
<span style="color:#000000;font-family:Verdana;font-size:17px;">DNA can last for thousands of years without consuming resources; modern hard drives can only last 50</span></div>
 
<span style="color:#000000;font-family:Verdana;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;">
+
<div id="wb_Text18" style="position:absolute;left:395px;top:1886px;width:270px;height:120px;text-align:center;z-index:32;">
 
<span style="color:#000000;font-family:Verdana;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>
 
<span style="color:#000000;font-family:Verdana;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:60px;text-align:center;z-index:24;">
+
<div id="wb_Text19" style="position:absolute;left:1038px;top:1886px;width:275px;height:60px;text-align:center;z-index:33;">
 
<span style="color:#000000;font-family:Verdana;font-size:17px;">Assembly of our BabbleBricks is unrestricted and completely customisable</span></div>
 
<span style="color:#000000;font-family:Verdana;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;">
+
<div id="wb_Image11" style="position:absolute;left:20px;top:2089px;width:1407px;height:12px;z-index:34;">
−
<img src="https://static.igem.org/mediawiki/2016/7/7f/EdiGEM16UGhome_line1.png" id="Line2" alt=""></div>
+
<img src="images/EdiGEM16UGhome_line1_01.png" id="Image11" alt=""></div>
−
<div id="wb_Image8" style="position:absolute;left:94px;top:2160px;width:379px;height:379px;z-index:26;">
+
<div id="wb_Image12" style="position:absolute;left:114px;top:2178px;width:379px;height:379px;z-index:35;">
−
<img src="https://static.igem.org/mediawiki/2016/4/44/Edigemug2016_final_logo.png" id="Image8" alt=""></div>
+
<img src="images/Edigemug2016_final_logo.png" id="Image12" alt=""></div>
−
<div id="wb_Text16" style="position:absolute;left:578px;top:2160px;width:250px;height:38px;z-index:27;text-align:left;">
+
<div id="wb_Text20" style="position:absolute;left:598px;top:2171px;width:135px;height:76px;z-index:36;text-align:left;">
 
<span style="color:#000000;font-family:Verdana;font-size:32px;">Abstract</span></div>
 
<span style="color:#000000;font-family:Verdana;font-size:32px;">Abstract</span></div>
−
<div id="wb_Text17" style="position:absolute;left:578px;top:2221px;width:728px;height:323px;z-index:28;text-align:left;">
+
<div id="wb_Text21" style="position:absolute;left:598px;top:2245px;width:729px;height:184px;z-index:37;text-align:left;">
−
<span style="color:#000000;font-family:Verdana;font-size:12px;line-height:19px;">The last decade has seen an exponential increase in data and information generation, creating a storage demand that will soon outweigh supply. By 2040, global data storage demand will reach 3×10^24 (3 million billion billion) bits<sup>1.</sup>. Considering the amount of energy required to run a data centre (about 2% of global energy consumption<sup>2.</sup>) and the limited supply of raw materials like silicon for manufacturing memory devices, it is clear that novel storage methods are of the utmost importance in meeting demand and providing a sustainable, long term solution to the data storage&nbsp; problem. The University of Edinburgh 2016 undergraduate iGEM team held these considerations in mind when we set out to create a new DNA-based storage system. <br>Over the course of weeks 1 and 2 our team explored and researched ideas for a project utilising DNA as an information storage device. Our brainstorming process evolved through discussions about the advantages and disadvantages of DNA synthesis and encoding digital information into nucleotide sequences. Major points of debate were cost, fidelity and efficiency of data storage. Following some constructive feedback from our supervisors, our team focused on developing a method that is accessible, sustainable and fits the iGEM format. <br></span></div>
+
<span style="color:#000000;font-family:Verdana;font-size:12px;">The last decade has seen an exponential increase in data and information generation, creating a storage demand that will soon outweigh supply. By 2040, global data storage demand will reach 3×10^24 (3 million billion billion) bits1.. Considering the amount of energy required to run a data centre (about 2% of global energy consumption2.) and the limited supply of raw materials like silicon for manufacturing memory devices, it is clear that novel storage methods are of the utmost importance in meeting demand and providing a sustainable, long term solution to the data storage&nbsp; problem. The University of Edinburgh 2016 undergraduate iGEM team held these considerations in mind when we set out to create a new DNA-based storage system. <br>Over the course of weeks 1 and 2 our team explored and researched ideas for a project utilising DNA as an information storage device. Our brainstorming process evolved through discussions about the advantages and disadvantages of DNA synthesis and encoding digital information into nucleotide sequences. Major points of debate were cost, fidelity and efficiency of data storage. Following some constructive feedback from our supervisors, our team focused on developing a method that is accessible, sustainable and fits the iGEM format. <br></span></div>
−
<div id="wb_Line3" style="position:absolute;left:0px;top:2986px;width:1399px;height:4px;z-index:29;">
+
<div id="wb_Image13" style="position:absolute;left:20px;top:3012px;width:1407px;height:12px;z-index:38;">
−
<img src="https://static.igem.org/mediawiki/2016/7/7f/EdiGEM16UGhome_line1.png" id="Line3" alt=""></div>
+
<img src="images/EdiGEM16UGhome_line1_01.png" id="Image13" alt=""></div>
−
<div id="wb_Line4" style="position:absolute;left:0px;top:3425px;width:1399px;height:4px;z-index:30;">
+
<div id="wb_Image14" style="position:absolute;left:20px;top:3451px;width:1407px;height:12px;z-index:39;">
−
<img src="https://static.igem.org/mediawiki/2016/7/7f/EdiGEM16UGhome_line1.png" id="Line4" alt=""></div>
+
<img src="images/EdiGEM16UGhome_line1_01.png" id="Image14" alt=""></div>
−
<div id="wb_Image9" style="position:absolute;left:812px;top:3025px;width:465px;height:298px;z-index:31;">
+
<div id="wb_Image15" style="position:absolute;left:832px;top:3043px;width:465px;height:298px;z-index:40;">
−
<img src="https://static.igem.org/mediawiki/2016/5/54/EdiGEM16UGautumncastle.jpeg" id="Image9" alt=""></div>
+
<img src="EdiGEM16UGautumncastle.jpeg" id="Image15" alt=""></div>
−
<div id="wb_Text18" style="position:absolute;left:59px;top:3025px;width:367px;height:38px;z-index:32;text-align:left;">
+
<div id="wb_Text22" style="position:absolute;left:79px;top:3036px;width:225px;height:76px;z-index:41;text-align:left;">
 
<span style="color:#000000;font-family:Verdana;font-size:32px;">Medal Criteria</span></div>
 
<span style="color:#000000;font-family:Verdana;font-size:32px;">Medal Criteria</span></div>
−
<div id="wb_Text19" style="position:absolute;left:59px;top:3096px;width:707px;height:40px;z-index:33;text-align:left;">
+
<div id="wb_Text23" style="position:absolute;left:79px;top:3116px;width:701px;height:40px;z-index:42;text-align:left;">
 
<span style="color:#000000;font-family:Verdana;font-size:17px;">We've created a wiki page dedicated to outlining how we fulfilled each of the gold medal requirements. </span></div>
 
<span style="color:#000000;font-family:Verdana;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:59px;top:3200px;width:200px;height:45px;z-index:34;">
+
<input type="submit" id="Button2" name="Judging Criteria" value="Judging Criteria" style="position:absolute;left:80px;top:3219px;width:200px;height:45px;z-index:43;">
−
<input type="submit" id="Button4" name="Project" value="Project" style="position:absolute;left:59px;top:2927px;width:200px;height:45px;z-index:35;">
+
<input type="submit" id="Button3" name="Project" value="Project" style="position:absolute;left:80px;top:2946px;width:200px;height:45px;z-index:44;">
−
<div id="wb_Text20" style="position:absolute;left:59px;top:2562px;width:1262px;height:341px;z-index:36;text-align:left;">
+
<div id="wb_Text24" style="position:absolute;left:79px;top:2586px;width:1262px;height:212px;z-index:45;text-align:left;">
−
<span style="color:#000000;font-family:Verdana;font-size:12px;line-height:19px;">Our project, given the name <strong>BabblED</strong>, is based on a simple idea: develop a modular system for encoding text, or any other unit of information, into DNA. We will prove the validity of our concept by encoding Ogden’s Basic English (a collection of 850-1,000 words that can be used to express most concepts in the English language). Each encoded word-a BabbleBrick </strong>-will be stored in a different PhytoBrick. Sentence assembly and unidirectionality is ensured by the stepwise addition of BabbleBricks that have alternating types of sticky ends; this also prevents repeats and minimizes the occurrence of missing words. The whole sentence construct can be melted off for easy retrieval and assembled back into a PhytoBrick for storage. Since the value that is assigned to each <strong>BabbleBrick </strong>is arbitrary, each one can be reused with any library or language. In this way, our encoding and assembly method can be optimized for many types of data. Furthermore, using tools such as checksums, optimal rectangular codes and, when appropriate, natural language processing techniques, we are able to ensure that each <strong>BabbleBrick</strong> sentence can be decoded with 100% accuracy. <br>As of week 4, we have developed the computer program that converts our vocabulary to BabbleBrick sequences. We have designed the DNA sequences for error-correcting codes and researched the benefits and potential ways to utilize encryption in our method. We are in the process of ordering our first <strong>BabbleBricks</strong> in the form of gBlocks from IDT and testing our assembly method for efficiency. We have commenced the 2016 Interlab study and are pursuing another exciting project on bacterial growth-based logic. We have already had some fascinating discussions with data specialists and librarians; their feedback and expertise are vital to how we are shaping our project. We have also been in touch with other iGEM teams, such as Newcastle and Dundee, and are hosting a Scottish team meet-up in the beginning of July. <br>References:<br>1.http://www.nature.com/nmat/journal/v15/n4/full/nmat4594.html#supplementary-information<br>2.http://www.greenpeace.org/international/Global/international/publications/climate/2011/Cool%20IT/dirty-data-report-greenpeace.pdf/ <br></span><span style="color:#000000;font-family:Verdana;font-size:13px;line-height:18px;"><br></span></div>
+
<span style="color:#000000;font-family:Verdana;font-size:12px;">Our project, given the name BabblED, is based on a simple idea: develop a modular system for encoding text, or any other unit of information, into DNA. We will prove the validity of our concept by encoding Ogden’s Basic English (a collection of 850-1,000 words that can be used to express most concepts in the English language). Each encoded word-a BabbleBrick -will be stored in a different PhytoBrick. Sentence assembly and unidirectionality is ensured by the stepwise addition of BabbleBricks that have alternating types of sticky ends; this also prevents repeats and minimizes the occurrence of missing words. The whole sentence construct can be melted off for easy retrieval and assembled back into a PhytoBrick for storage. Since the value that is assigned to each BabbleBrick is arbitrary, each one can be reused with any library or language. In this way, our encoding and assembly method can be optimized for many types of data. Furthermore, using tools such as checksums, optimal rectangular codes and, when appropriate, natural language processing techniques, we are able to ensure that each BabbleBrick sentence can be decoded with 100% accuracy. <br>As of week 4, we have developed the computer program that converts our vocabulary to BabbleBrick sequences. We have designed the DNA sequences for error-correcting codes and researched the benefits and potential ways to utilize encryption in our method. We are in the process of ordering our first BabbleBricks in the form of gBlocks from IDT and testing our assembly method for efficiency. We have commenced the 2016 Interlab study and are pursuing another exciting project on bacterial growth-based logic. We have already had some fascinating discussions with data specialists and librarians; their feedback and expertise are vital to how we are shaping our project. We have also been in touch with other iGEM teams, such as Newcastle and Dundee, and are hosting a Scottish team meet-up in the beginning of July. <br>References:<br>1.http://www.nature.com/nmat/journal/v15/n4/full/nmat4594.html#supplementary-information<br>2.http://www.greenpeace.org/international/Global/international/publications/climate/2011/Cool%20IT/dirty-data-report-greenpeace.pdf/ <br></span></div>
 +
<div id="wb_Text25" style="position:absolute;left:79px;top:2932px;width:3px;height:32px;z-index:46;text-align:left;">
 +
<span style="color:#000000;font-family:Verdana;font-size:13px;"><br></span></div>
 +
<div id="wb_Image16" style="position:absolute;left:1171px;top:16px;width:170px;height:60px;z-index:47;">
 +
<img src="images/HQ_menu_logo.jpg" id="Image16" alt=""></div>
 +
<a href="http://www.wysiwygwebbuilder.com" target="_blank"><img src="images/builtwithwwb11.png" alt="WYSIWYG Web Builder" style="position:absolute;left:669px;top:3513px;border-width:0;z-index:250"></a>
 +
<div id="wb_LayerMenu1" style="position:absolute;left:463px;top:16px;width:600px;height:213px;z-index:49;">
 +
  <ul id="LayerMenu1">
 +
      <li>
 +
      <a href="#" title="Team" class="button">Team<span class="arrow-down"></span></a>
 +
      <div class="layer" style="text-align:center;width:202px;height:94px">
 +
<div id="wb_CssMenu3" style="position:absolute;left:14px;top:18px;width:171px;height:64px;z-index:0;">
 +
<ul>
 +
<li class="firstmain"><a href="#" target="_self" title="Team">Team</a>
 +
</li>
 +
<li><a href="#" target="_self" title="Collaborations">Collaborations</a>
 +
</li>
 +
</ul>
 +
</div>
 +
      </div>
 +
      </li>
 +
      <li>
 +
      <a href="#" title="Project" class="button">Project<span class="arrow-down"></span></a>
 +
      <div class="layer" style="text-align:center;width:238px;height:252px">
 +
<div id="wb_CssMenu1" style="position:absolute;left:44px;top:2px;width:154px;height:224px;text-align:right;z-index:1;">
 +
<ul>
 +
<li class="firstmain"><a href="https://2016.igem.org/Team:Edinburgh_UG/Description" target="_self" title="Decription">Description</a>
 +
</li>
 +
<li><a href="#" target="_self" title="Design">Design</a>
 +
</li>
 +
<li><a href="#" target="_self" title="Experiments">Experiments</a>
 +
</li>
 +
<li><a href="#" target="_self" title="Proof of concept">Proof&nbsp;of&nbsp;concept</a>
 +
</li>
 +
<li><a href="#" target="_self" title="Demonstrate">Demonstrate</a>
 +
</li>
 +
<li><a href="#" target="_self" title="Results">Results</a>
 +
</li>
 +
<li><a href="#" target="_self" title="Notebook">Notebook</a>
 +
</li>
 +
</ul>
 +
</div>
 +
      </div>
 +
      </li>
 +
      <li>
 +
      <a href="#" title="Parts" class="button">Parts<span class="arrow-down"></span></a>
 +
      <div class="layer" style="text-align:center;width:248px;height:144px">
 +
<div id="wb_CssMenu4" style="position:absolute;left:38px;top:0px;width:171px;height:128px;z-index:2;">
 +
<ul>
 +
<li class="firstmain"><a href="#" target="_self" title="Parts">Parts</a>
 +
</li>
 +
<li><a href="#" target="_self" title="Basic Parts">Basic&nbsp;Parts</a>
 +
</li>
 +
<li><a href="#" target="_self" title="Composite Parts">Composite&nbsp;Parts</a>
 +
</li>
 +
<li><a href="#" target="_self" title="Part Collection">Part&nbsp;Collection</a>
 +
</li>
 +
</ul>
 +
</div>
 +
      </div>
 +
      </li>
 +
      <li>
 +
      <a href="#" title="Human Practices" class="button">Human Practices<span class="arrow-down"></span></a>
 +
      <div class="layer" style="text-align:center;width:248px;height:173px">
 +
<div id="wb_CssMenu5" style="position:absolute;left:38px;top:2px;width:171px;height:160px;z-index:3;">
 +
<ul>
 +
<li class="firstmain"><a href="#" target="_self" title="Human Practices">Human&nbsp;Practices</a>
 +
</li>
 +
<li><a href="#" target="_self" title="Silver">Silver</a>
 +
</li>
 +
<li><a href="#" target="_self" title="Gold">Gold&nbsp;</a>
 +
</li>
 +
<li><a href="#" target="_self" title="Integrated Practices">Integrated&nbsp;Practices</a>
 +
</li>
 +
<li><a href="#" target="_self" title="Engagement">Engagement</a>
 +
</li>
 +
</ul>
 +
</div>
 +
      </div>
 +
      </li>
 +
      <li>
 +
      <a href="#" title="Awards" class="button">Awards<span class="arrow-down"></span></a>
 +
      <div class="layer" style="text-align:center;width:222px;height:184px">
 +
<div id="wb_CssMenu6" style="position:absolute;left:27px;top:14px;width:171px;height:160px;z-index:4;">
 +
<ul>
 +
<li class="firstmain"><a href="#" target="_self" title="Entrepreneurship">Entrepreneurship</a>
 +
</li>
 +
<li><a href="#" target="_self" title="Hardware">Hardware</a>
 +
</li>
 +
<li><a href="#" target="_self" title="Software">Software</a>
 +
</li>
 +
<li><a href="#" target="_self" title="Measurement">Measurement</a>
 +
</li>
 +
<li><a href="#" target="_self" title="Model">Model</a>
 +
</li>
 +
</ul>
 +
</div>
 +
      </div>
 +
      </li>
 +
  </ul>
 +
</div>
 +
<div id="wb_CssMenu2" style="position:absolute;left:379px;top:16px;width:84px;height:28px;z-index:50;">
 +
<ul>
 +
<li class="firstmain"><a href="https://2016.igem.org/Team:Edinburgh_UG" target="_self" title="Home">Home</a>
 +
</li>
 +
</ul>
 +
</div>
 +
<div id="wb_CssMenu7" style="position:absolute;left:946px;top:16px;width:168px;height:28px;z-index:51;">
 +
<ul>
 +
<li class="firstmain"><a href="https://2016.igem.org/Team:Edinburgh_UG" target="_self" title="Safety">Safety</a>
 +
</li>
 +
<li><a href="#" target="_self" title="Attributions">Attributions</a>
 +
</li>
 +
</ul>
 +
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 15:44, 13 July 2016

<doctype html> Team:Edinburgh UG - 2016.igem.org

 
Team:Edinburgh UG
<!doctype html>    Untitled Page   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: Verdana;    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;    white-space: nowrap; } #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: Verdana;    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: Verdana;    font-weight: normal;    font-size: 13px; } #wb_Text20  {    background-color: transparent;    background-image: none;    border: 0px #000000 solid;    padding: 0;    margin: 0;    text-align: left; } #wb_Text20 div {    text-align: left;    white-space: nowrap; }
WYSIWYG Web Builder
BabblED
The University of Edinburgh Undergraduate iGEM Team 2016 presents:
The next generation of information storage
By 2040, we will run out of the materials needed to store digital data.
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.
We have a solution.

DNA Text Encoding
Density
Longevity
Affordability
Modularity
DNA has 1000 times greater storage density than flash memory
DNA can last for thousands of years without consuming resources; modern hard drives can only last 50
All our encoding programmes are open source and initial synthesis of the lexicon is done for you providing significant cost reductions on existing methods
Assembly of our BabbleBricks is unrestricted and completely customisable
Abstract
The last decade has seen an exponential increase in data and information generation, creating a storage demand that will soon outweigh supply. By 2040, global data storage demand will reach 3×10^24 (3 million billion billion) bits1.. Considering the amount of energy required to run a data centre (about 2% of global energy consumption2.) and the limited supply of raw materials like silicon for manufacturing memory devices, it is clear that novel storage methods are of the utmost importance in meeting demand and providing a sustainable, long term solution to the data storage  problem. The University of Edinburgh 2016 undergraduate iGEM team held these considerations in mind when we set out to create a new DNA-based storage system.
Over the course of weeks 1 and 2 our team explored and researched ideas for a project utilising DNA as an information storage device. Our brainstorming process evolved through discussions about the advantages and disadvantages of DNA synthesis and encoding digital information into nucleotide sequences. Major points of debate were cost, fidelity and efficiency of data storage. Following some constructive feedback from our supervisors, our team focused on developing a method that is accessible, sustainable and fits the iGEM format.
Medal Criteria
We've created a wiki page dedicated to outlining how we fulfilled each of the gold medal requirements.
Our project, given the name BabblED, is based on a simple idea: develop a modular system for encoding text, or any other unit of information, into DNA. We will prove the validity of our concept by encoding Ogden’s Basic English (a collection of 850-1,000 words that can be used to express most concepts in the English language). Each encoded word-a BabbleBrick -will be stored in a different PhytoBrick. Sentence assembly and unidirectionality is ensured by the stepwise addition of BabbleBricks that have alternating types of sticky ends; this also prevents repeats and minimizes the occurrence of missing words. The whole sentence construct can be melted off for easy retrieval and assembled back into a PhytoBrick for storage. Since the value that is assigned to each BabbleBrick is arbitrary, each one can be reused with any library or language. In this way, our encoding and assembly method can be optimized for many types of data. Furthermore, using tools such as checksums, optimal rectangular codes and, when appropriate, natural language processing techniques, we are able to ensure that each BabbleBrick sentence can be decoded with 100% accuracy.
As of week 4, we have developed the computer program that converts our vocabulary to BabbleBrick sequences. We have designed the DNA sequences for error-correcting codes and researched the benefits and potential ways to utilize encryption in our method. We are in the process of ordering our first BabbleBricks in the form of gBlocks from IDT and testing our assembly method for efficiency. We have commenced the 2016 Interlab study and are pursuing another exciting project on bacterial growth-based logic. We have already had some fascinating discussions with data specialists and librarians; their feedback and expertise are vital to how we are shaping our project. We have also been in touch with other iGEM teams, such as Newcastle and Dundee, and are hosting a Scottish team meet-up in the beginning of July.
References:
1.http://www.nature.com/nmat/journal/v15/n4/full/nmat4594.html#supplementary-information
2.http://www.greenpeace.org/international/Global/international/publications/climate/2011/Cool%20IT/dirty-data-report-greenpeace.pdf/

WYSIWYG Web Builder