Difference between revisions of "Team:Edinburgh UG"

Line 3: Line 3:
 
<meta charset="utf-8">
 
<meta charset="utf-8">
 
<title>Team:Edinburgh UG - 2016.igem.org</title>
 
<title>Team:Edinburgh UG - 2016.igem.org</title>
 +
<meta name="generator" content="WYSIWYG Web Builder 11 Trial Version - http://www.wysiwygwebbuilder.com">
 +
<link href="GOOD.css" rel="stylesheet">
 +
<link href="page1.css" rel="stylesheet">
 +
<script src="jquery-1.12.4.min.js"></script>
 
<style type="text/css">
 
<style type="text/css">
 
body
 
body
Line 558: Line 562:
 
   font-family: Arial;
 
   font-family: Arial;
 
   font-weight: normal;
 
   font-weight: normal;
   font-size: 17px;
+
   font-size: 16px;
 
   font-style: normal;
 
   font-style: normal;
 
   margin: 0 0px 0 0;
 
   margin: 0 0px 0 0;
   padding: 8px 26px 16px 13px;
+
   padding: 7px 23px 16px 13px;
 
   position: relative;
 
   position: relative;
 
   text-align: left;
 
   text-align: left;
Line 596: Line 600:
 
   border-top-color: #000000;
 
   border-top-color: #000000;
 
}
 
}
#wb_CssMenu1
+
#wb_CssMenu2
 
{
 
{
   border: 0px #000000 solid;
+
   border: 0px #C0C0C0 solid;
 
   background-color: transparent;
 
   background-color: transparent;
 
}
 
}
#wb_CssMenu1 ul
+
#wb_CssMenu2 ul
 
{
 
{
 
   list-style-type: none;
 
   list-style-type: none;
 
   margin: 0;
 
   margin: 0;
 
   padding: 0;
 
   padding: 0;
  position: relative;
+
   width: 171px;
  display: inline-block;
+
   width: 154px;
+
 
}
 
}
#wb_CssMenu1 li
+
#wb_CssMenu2 li
 
{
 
{
 
   float: left;
 
   float: left;
 
   margin: 0;
 
   margin: 0;
 
   padding: 0px 0px 4px 0px;
 
   padding: 0px 0px 4px 0px;
   width: 154px;
+
   width: 171px;
 
}
 
}
#wb_CssMenu1 a
+
#wb_CssMenu2 a
 
{
 
{
 
   display: block;
 
   display: block;
Line 626: Line 628:
 
   font-family: Arial;
 
   font-family: Arial;
 
   font-weight: normal;
 
   font-weight: normal;
   font-size: 17px;
+
   font-size: 16px;
 
   font-style: normal;
 
   font-style: normal;
 
   text-decoration: none;
 
   text-decoration: none;
   width: 142px;
+
   width: 159px;
 
   height: 26px;
 
   height: 26px;
  line-height: 26px;
 
 
   padding: 0px 5px 0px 5px;
 
   padding: 0px 5px 0px 5px;
 
   vertical-align: middle;
 
   vertical-align: middle;
 +
  line-height: 26px;
 
   text-align: center;
 
   text-align: center;
 
}
 
}
#wb_CssMenu1 li:hover a, #wb_CssMenu1 a:hover
+
#wb_CssMenu2 li:hover a, #wb_CssMenu2 a:hover
 
{
 
{
 
   color: #FFFFFF;
 
   color: #FFFFFF;
Line 643: Line 645:
 
   border: 1px #000000 solid;
 
   border: 1px #000000 solid;
 
}
 
}
#wb_CssMenu1 .firstmain a
+
#wb_CssMenu2 .firstmain a
 
{
 
{
 
   margin-top: 0px;
 
   margin-top: 0px;
 
}
 
}
#wb_CssMenu1 li.lastmain
+
#wb_CssMenu2 li.lastmain
 
{
 
{
 
   padding-bottom: 0px;
 
   padding-bottom: 0px;
 
}
 
}
#wb_CssMenu1 br
+
#wb_CssMenu2 br
 
{
 
{
 
   clear: both;
 
   clear: both;
Line 658: Line 660:
 
   line-height: 0;
 
   line-height: 0;
 
}
 
}
#wb_CssMenu3
+
#wb_CssMenu6
 
{
 
{
   border: 0px #000000 solid;
+
   border: 0px #C0C0C0 solid;
   background-color: #000000;
+
   background-color: transparent;
 
}
 
}
#wb_CssMenu3 ul
+
#wb_CssMenu6 ul
 
{
 
{
 
   list-style-type: none;
 
   list-style-type: none;
Line 670: Line 672:
 
   width: 171px;
 
   width: 171px;
 
}
 
}
#wb_CssMenu3 li
+
#wb_CssMenu6 li
 
{
 
{
 
   float: left;
 
   float: left;
Line 677: Line 679:
 
   width: 171px;
 
   width: 171px;
 
}
 
}
#wb_CssMenu3 a
+
#wb_CssMenu6 a
 
{
 
{
 
   display: block;
 
   display: block;
Line 696: Line 698:
 
   text-align: center;
 
   text-align: center;
 
}
 
}
#wb_CssMenu3 li:hover a, #wb_CssMenu3 a:hover
+
#wb_CssMenu6 li:hover a, #wb_CssMenu6 a:hover
 
{
 
{
 
   color: #FFFFFF;
 
   color: #FFFFFF;
Line 703: Line 705:
 
   border: 1px #000000 solid;
 
   border: 1px #000000 solid;
 
}
 
}
#wb_CssMenu3 .firstmain a
+
#wb_CssMenu6 .firstmain a
 
{
 
{
 
   margin-top: 0px;
 
   margin-top: 0px;
 
}
 
}
#wb_CssMenu3 li.lastmain
+
#wb_CssMenu6 li.lastmain
 
{
 
{
 
   padding-bottom: 0px;
 
   padding-bottom: 0px;
 
}
 
}
#wb_CssMenu3 br
+
#wb_CssMenu6 br
 
{
 
{
 
   clear: both;
 
   clear: both;
Line 718: Line 720:
 
   line-height: 0;
 
   line-height: 0;
 
}
 
}
#wb_CssMenu4
+
#wb_CssMenu5
 
{
 
{
 
   border: 0px #C0C0C0 solid;
 
   border: 0px #C0C0C0 solid;
 
   background-color: transparent;
 
   background-color: transparent;
 
}
 
}
#wb_CssMenu4 ul
+
#wb_CssMenu5 ul
 
{
 
{
 
   list-style-type: none;
 
   list-style-type: none;
Line 730: Line 732:
 
   width: 171px;
 
   width: 171px;
 
}
 
}
#wb_CssMenu4 li
+
#wb_CssMenu5 li
 
{
 
{
 
   float: left;
 
   float: left;
Line 737: Line 739:
 
   width: 171px;
 
   width: 171px;
 
}
 
}
#wb_CssMenu4 a
+
#wb_CssMenu5 a
 
{
 
{
 
   display: block;
 
   display: block;
Line 756: Line 758:
 
   text-align: center;
 
   text-align: center;
 
}
 
}
#wb_CssMenu4 li:hover a, #wb_CssMenu4 a:hover
+
#wb_CssMenu5 li:hover a, #wb_CssMenu5 a:hover
 
{
 
{
 
   color: #FFFFFF;
 
   color: #FFFFFF;
Line 763: Line 765:
 
   border: 1px #000000 solid;
 
   border: 1px #000000 solid;
 
}
 
}
#wb_CssMenu4 .firstmain a
+
#wb_CssMenu5 .firstmain a
 
{
 
{
 
   margin-top: 0px;
 
   margin-top: 0px;
 
}
 
}
#wb_CssMenu4 li.lastmain
+
#wb_CssMenu5 li.lastmain
 
{
 
{
 
   padding-bottom: 0px;
 
   padding-bottom: 0px;
 
}
 
}
#wb_CssMenu4 br
+
#wb_CssMenu5 br
 
{
 
{
 
   clear: both;
 
   clear: both;
Line 778: Line 780:
 
   line-height: 0;
 
   line-height: 0;
 
}
 
}
#wb_CssMenu5
+
#wb_CssMenu4
 
{
 
{
   border: 0px #C0C0C0 solid;
+
   border: 0px #000000 solid;
 
   background-color: transparent;
 
   background-color: transparent;
 
}
 
}
#wb_CssMenu5 ul
+
#wb_CssMenu4 ul
 
{
 
{
 
   list-style-type: none;
 
   list-style-type: none;
 
   margin: 0;
 
   margin: 0;
 
   padding: 0;
 
   padding: 0;
   width: 171px;
+
  position: relative;
 +
  display: inline-block;
 +
   width: 154px;
 
}
 
}
#wb_CssMenu5 li
+
#wb_CssMenu4 li
 
{
 
{
 
   float: left;
 
   float: left;
 
   margin: 0;
 
   margin: 0;
 
   padding: 0px 0px 4px 0px;
 
   padding: 0px 0px 4px 0px;
   width: 171px;
+
   width: 154px;
 
}
 
}
#wb_CssMenu5 a
+
#wb_CssMenu4 a
 
{
 
{
 
   display: block;
 
   display: block;
Line 806: Line 810:
 
   font-family: Arial;
 
   font-family: Arial;
 
   font-weight: normal;
 
   font-weight: normal;
   font-size: 16px;
+
   font-size: 17px;
 
   font-style: normal;
 
   font-style: normal;
 
   text-decoration: none;
 
   text-decoration: none;
   width: 159px;
+
   width: 142px;
 
   height: 26px;
 
   height: 26px;
 +
  line-height: 26px;
 
   padding: 0px 5px 0px 5px;
 
   padding: 0px 5px 0px 5px;
 
   vertical-align: middle;
 
   vertical-align: middle;
  line-height: 26px;
 
 
   text-align: center;
 
   text-align: center;
 
}
 
}
#wb_CssMenu5 li:hover a, #wb_CssMenu5 a:hover
+
#wb_CssMenu4 li:hover a, #wb_CssMenu4 a:hover
 
{
 
{
 
   color: #FFFFFF;
 
   color: #FFFFFF;
Line 823: Line 827:
 
   border: 1px #000000 solid;
 
   border: 1px #000000 solid;
 
}
 
}
#wb_CssMenu5 .firstmain a
+
#wb_CssMenu4 .firstmain a
 
{
 
{
 
   margin-top: 0px;
 
   margin-top: 0px;
 
}
 
}
#wb_CssMenu5 li.lastmain
+
#wb_CssMenu4 li.lastmain
 
{
 
{
 
   padding-bottom: 0px;
 
   padding-bottom: 0px;
 
}
 
}
#wb_CssMenu5 br
+
#wb_CssMenu4 br
 
{
 
{
 
   clear: both;
 
   clear: both;
Line 838: Line 842:
 
   line-height: 0;
 
   line-height: 0;
 
}
 
}
#wb_CssMenu6
+
#wb_CssMenu1
 
{
 
{
   border: 0px #C0C0C0 solid;
+
   border: 0px #000000 solid;
   background-color: transparent;
+
   background-color: #000000;
 
}
 
}
#wb_CssMenu6 ul
+
#wb_CssMenu1 ul
 
{
 
{
 
   list-style-type: none;
 
   list-style-type: none;
Line 850: Line 854:
 
   width: 171px;
 
   width: 171px;
 
}
 
}
#wb_CssMenu6 li
+
#wb_CssMenu1 li
 
{
 
{
 
   float: left;
 
   float: left;
Line 857: Line 861:
 
   width: 171px;
 
   width: 171px;
 
}
 
}
#wb_CssMenu6 a
+
#wb_CssMenu1 a
 
{
 
{
 
   display: block;
 
   display: block;
Line 876: Line 880:
 
   text-align: center;
 
   text-align: center;
 
}
 
}
#wb_CssMenu6 li:hover a, #wb_CssMenu6 a:hover
+
#wb_CssMenu1 li:hover a, #wb_CssMenu1 a:hover
 
{
 
{
 
   color: #FFFFFF;
 
   color: #FFFFFF;
Line 883: Line 887:
 
   border: 1px #000000 solid;
 
   border: 1px #000000 solid;
 
}
 
}
#wb_CssMenu6 .firstmain a
+
#wb_CssMenu1 .firstmain a
 
{
 
{
 
   margin-top: 0px;
 
   margin-top: 0px;
 
}
 
}
#wb_CssMenu6 li.lastmain
+
#wb_CssMenu1 li.lastmain
 
{
 
{
 
   padding-bottom: 0px;
 
   padding-bottom: 0px;
 
}
 
}
#wb_CssMenu6 br
+
#wb_CssMenu1 br
 
{
 
{
 
   clear: both;
 
   clear: both;
Line 997: Line 1,001:
 
<div id="wb_Text25" style="position:absolute;left:79px;top:2932px;width:3px;height:32px;z-index:46;text-align:left;">
 
<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>
 
<span style="color:#000000;font-family:Verdana;font-size:13px;"><br></span></div>
<div id="wb_Image16" style="position:absolute;left:1127px;top:28px;width:170px;height:60px;z-index:47;">
+
<div id="wb_Image16" style="position:absolute;left:1157px;top:37px;width:170px;height:60px;z-index:47;">
 
<img src="images/HQ_menu_logo.jpg" id="Image16" alt=""></div>
 
<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>
 
<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:185px;top:114px;width:846px;height:40px;z-index:49;">
+
<div id="wb_LayerMenu1" style="position:absolute;left:319px;top:114px;width:790px;height:110px;z-index:49;">
 
   <ul id="LayerMenu1">
 
   <ul id="LayerMenu1">
 
       <li>
 
       <li>
 
       <a href="https://2016.igem.org/Team:Edinburgh_UG" title="Home" class="button">Home<span class="arrow-down"></span></a>
 
       <a href="https://2016.igem.org/Team:Edinburgh_UG" title="Home" class="button">Home<span class="arrow-down"></span></a>
       <div class="layer" style="text-align:center;width:202px;height:94px">
+
       <div class="layer" style="text-align:center;width:126px;height:66px">
<div id="wb_CssMenu3" style="position:absolute;left:14px;top:18px;width:171px;height:64px;z-index:0;">
+
      </div>
 +
      </li>
 +
      <li>
 +
      <a href="#" title="Team" class="button">Team<span class="arrow-down"></span></a>
 +
      <div class="layer" style="text-align:center;width:193px;height:93px">
 +
<div id="wb_CssMenu1" style="position:absolute;left:10px;top:13px;width:171px;height:64px;z-index:0;">
 
<ul>
 
<ul>
 
<li class="firstmain"><a href="#" target="_self" title="Team">Team</a>
 
<li class="firstmain"><a href="#" target="_self" title="Team">Team</a>
Line 1,016: Line 1,025:
 
       </li>
 
       </li>
 
       <li>
 
       <li>
       <a href="#" title="Team" class="button">Team<span class="arrow-down"></span></a>
+
       <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 class="layer" style="text-align:center;width:248px;height:240px">
<div id="wb_CssMenu1" style="position:absolute;left:44px;top:2px;width:154px;height:224px;text-align:right;z-index:1;">
+
<div id="wb_CssMenu4" style="position:absolute;left:53px;top:14px;width:154px;height:224px;text-align:right;z-index:1;">
 
<ul>
 
<ul>
 
<li class="firstmain"><a href="https://2016.igem.org/Team:Edinburgh_UG/Description" target="_self" title="Decription">Description</a>
 
<li class="firstmain"><a href="https://2016.igem.org/Team:Edinburgh_UG/Description" target="_self" title="Decription">Description</a>
Line 1,039: Line 1,048:
 
       </li>
 
       </li>
 
       <li>
 
       <li>
       <a href="#" title="Project" class="button">Project<span class="arrow-down"></span></a>
+
       <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 class="layer" style="text-align:center;width:248px;height:173px">
<div id="wb_CssMenu4" style="position:absolute;left:38px;top:0px;width:171px;height:128px;z-index:2;">
+
<div id="wb_CssMenu5" style="position:absolute;left:45px;top:12px;width:171px;height:128px;z-index:2;">
 
<ul>
 
<ul>
 
<li class="firstmain"><a href="#" target="_self" title="Parts">Parts</a>
 
<li class="firstmain"><a href="#" target="_self" title="Parts">Parts</a>
Line 1,056: Line 1,065:
 
       </li>
 
       </li>
 
       <li>
 
       <li>
       <a href="#" title="Parts" class="button">Parts<span class="arrow-down"></span></a>
+
       <a href="#" class="button">Human Practices<span class="arrow-down"></span></a>
       <div class="layer" style="text-align:center;width:248px;height:173px">
+
       <div class="layer" style="text-align:center;width:222px;height:184px">
<div id="wb_CssMenu5" style="position:absolute;left:38px;top:2px;width:171px;height:160px;z-index:3;">
+
<div id="wb_CssMenu6" style="position:absolute;left:33px;top:7px;width:171px;height:160px;z-index:3;">
 
<ul>
 
<ul>
 
<li class="firstmain"><a href="#" target="_self" title="Human Practices">Human&nbsp;Practices</a>
 
<li class="firstmain"><a href="#" target="_self" title="Human Practices">Human&nbsp;Practices</a>
Line 1,075: Line 1,084:
 
       </li>
 
       </li>
 
       <li>
 
       <li>
       <a href="#" class="button">Human Practices<span class="arrow-down"></span></a>
+
       <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 class="layer" style="text-align:center;width:220px;height:183px">
<div id="wb_CssMenu6" style="position:absolute;left:27px;top:14px;width:171px;height:160px;z-index:4;">
+
<div id="wb_CssMenu2" style="position:absolute;left:27px;top:14px;width:171px;height:160px;z-index:4;">
 
<ul>
 
<ul>
 
<li class="firstmain"><a href="#" target="_self" title="Entrepreneurship">Entrepreneurship</a>
 
<li class="firstmain"><a href="#" target="_self" title="Entrepreneurship">Entrepreneurship</a>
Line 1,091: Line 1,100:
 
</ul>
 
</ul>
 
</div>
 
</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:248px;height:248px">
 
 
       </div>
 
       </div>
 
       </li>
 
       </li>
Line 1,105: Line 1,109:
 
       <li>
 
       <li>
 
       <a href="#" title="Attributions" class="button">Attributions<span class="arrow-down"></span></a>
 
       <a href="#" title="Attributions" class="button">Attributions<span class="arrow-down"></span></a>
       <div class="layer" style="text-align:center;width:248px;height:248px">
+
       <div class="layer" style="text-align:center;width:165px;height:151px">
 
       </div>
 
       </div>
 
       </li>
 
       </li>

Revision as of 14:01, 18 July 2016

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