Difference between revisions of "Team:Edinburgh UG"

 
(149 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
<doctype html>
+
{{EdigemUG16_Home}}
 
<html>
 
<html>
−
<head>
+
 
−
<meta charset="utf-8">
+
<body>
−
<title>Team:Edinburgh UG - 2016.igem.org</title>
+
 
−
<meta name="generator" content="WYSIWYG Web Builder 11 Trial Version - http://www.wysiwygwebbuilder.com">
+
 
−
<style type="text/css">
+
    <head>
−
body
+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
−
{
+
<link href="http://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet" type="text/css">
−
  background-color: #FFFFFF;
+
<link rel="stylesheet" href="http://cdn.jsdelivr.net/jquery.slick/1.5.7/slick.css">
−
  background-image: url(none);
+
<script src="http://cdn.jsdelivr.net/jquery.slick/1.5.7/slick.min.js"></script>
−
  background-attachment: scroll;
+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
−
  background-position: left top;
+
    </head>
−
  background-repeat: repeat;
+
 
−
  color: #000000;
+
    <style type="text/css">
−
  font-family: Arial;
+
 
−
  font-weight: normal;
+
    #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear
−
  font-size: 13px;
+
 
−
  line-height: 1.1875;
+
    {
−
  margin: 0;
+
 
−
  padding: 0;
+
    display: none;
−
}
+
 
−
#wb_Text1
+
    }
−
{
+
 
−
  background-color: transparent;
+
    #top_menu_under
−
  background-image: none;
+
    {
−
  border: 0px #000000 solid;
+
    height: 0;
−
  padding: 0;
+
    }
−
  margin: 0;
+
 
−
  text-align: left;
+
    #top-section {
−
}
+
    height: 0px;
−
#wb_Text1 div
+
    border-top: 0;
−
{
+
    border-left: none;
−
  text-align: left;
+
    border-right: none;
−
}
+
    }
−
#wb_Text2
+
      #globalWrapper
−
{
+
        {
−
  background-color: transparent;
+
        width: 100%;
−
  background-image: none;
+
        height: 100%;
−
  border: 0px #000000 solid;
+
        border: 0px;
−
  padding: 0;
+
        background-color: #ffffff;
−
  margin: 0;
+
        margin: 0px;
−
  text-align: left;
+
        padding: 0px;
−
}
+
        font-size: 100%
−
#wb_Text2 div
+
        }
−
{
+
 
−
  text-align: left;
+
        #content
−
}
+
        {
−
#wb_Text3
+
          width: 100%;
−
{
+
          height: 100%;
−
  background-color: transparent;
+
          margin-left: auto;
−
  background-image: none;
+
          margin-right: auto;
−
  border: 0px #000000 solid;
+
          background-color: #ffffff;
−
  padding: 0;
+
          padding: 0px;
−
  margin: 0;
+
          font-size: 100%;
−
  text-align: left;
+
        }
−
}
+
 
−
#wb_Text3 div
+
 
−
{
+
 
−
  text-align: left;
+
    .image-bg-fluid-height,
−
}
+
    .image-bg-fixed-height {
−
#Image2
+
        text-align: center;
−
{
+
        -webkit-background-size: cover;
−
  border: 0px #000000 solid;
+
        -moz-background-size: cover;
−
  padding: 0px 0px 0px 0px;
+
        background-size: cover;
−
  left: 0;
+
        -o-background-size: cover;
−
  top: 0;
+
 
−
  width: 100%;
+
    }
−
  height: 100%;
+
 
−
}
+
    .image-bg-fluid-height {
−
#Image3
+
    background: url('https://static.igem.org/mediawiki/2016/1/15/Edinburgh2_front_page.jpeg');
−
{
+
      padding: 450px 0;
−
  border: 0px #000000 solid;
+
        margin-top: -30px;
−
  padding: 0px 0px 0px 0px;
+
    }
−
  left: 0;
+
 
−
  top: 0;
+
    .image-bg-fixed-height {
−
  width: 100%;
+
    background: url('http://lorempixel.com/g/1920/500/') no-repeat center center scroll;
−
  height: 100%;
+
        height: 450px;
−
}
+
    }
−
#wb_Text4
+
 
−
{
+
    .img-center {
−
  background-color: transparent;
+
      position: absolute;
−
  background-image: none;
+
    margin: auto;
−
  border: 0px #000000 solid;
+
    top: 125px;
−
  padding: 0;
+
    left: 400px;
−
  margin: 0;
+
    right: 0px;
−
  text-align: center;
+
−
}
+
−
#wb_Text4 div
+
−
{
+
−
  text-align: center;
+
−
}
+
−
#wb_Text5
+
−
{
+
−
  background-color: transparent;
+
−
  background-image: none;
+
−
  border: 0px #000000 solid;
+
−
  padding: 0;
+
−
  margin: 0;
+
−
  text-align: center;
+
−
}
+
−
#wb_Text5 div
+
−
{
+
−
  text-align: center;
+
−
}
+
−
#wb_Text6
+
−
{
+
−
  background-color: transparent;
+
−
  background-image: none;
+
−
  border: 0px #000000 solid;
+
−
  padding: 0;
+
−
  margin: 0;
+
−
  text-align: center;
+
−
}
+
−
#wb_Text6 div
+
−
{
+
−
  text-align: center;
+
−
}
+
−
#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: left;
+
−
}
+
−
#wb_Text8 div
+
−
{
+
−
  text-align: left;
+
−
}
+
−
#Image4
+
−
{
+
−
  border: 0px #000000 solid;
+
−
  padding: 0px 0px 0px 0px;
+
−
  left: 0;
+
−
  top: 0;
+
−
  width: 100%;
+
−
  height: 100%;
+
−
}
+
−
#Button1
+
−
{
+
−
  border: 1px #2E6DA4 solid;
+
−
  -moz-border-radius: 4px;
+
−
  -webkit-border-radius: 4px;
+
−
  border-radius: 4px;
+
−
  background-color: #3370B7;
+
−
  background-image: none;
+
−
  color: #FFFFFF;
+
−
  font-family: Arial;
+
−
  font-weight: normal;
+
−
  font-size: 13px;
+
−
}
+
−
#Image5
+
−
{
+
−
  border: 0px #000000 solid;
+
−
  padding: 0px 0px 0px 0px;
+
−
  left: 0;
+
−
  top: 0;
+
−
  width: 100%;
+
−
  height: 100%;
+
−
}
+
−
#wb_Text9
+
−
{
+
−
  background-color: transparent;
+
−
  background-image: none;
+
−
  border: 0px #000000 solid;
+
−
  padding: 0;
+
−
  margin: 0;
+
−
  text-align: right;
+
−
}
+
−
#wb_Text9 div
+
−
{
+
−
  text-align: right;
+
−
}
+
−
#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;
+
−
  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%;
+
−
}
+
−
#Image8
+
−
{
+
−
  border: 0px #000000 solid;
+
−
  padding: 0px 0px 0px 0px;
+
−
  left: 0;
+
−
  top: 0;
+
−
  width: 100%;
+
−
  height: 100%;
+
−
}
+
−
#Image9
+
−
{
+
−
  border: 0px #000000 solid;
+
−
  padding: 0px 0px 0px 0px;
+
−
  left: 0;
+
−
  top: 0;
+
−
  width: 100%;
+
−
  height: 100%;
+
−
}
+
−
#Image10
+
−
{
+
−
  border: 0px #000000 solid;
+
−
  padding: 0px 0px 0px 0px;
+
−
  left: 0;
+
−
  top: 0;
+
−
  width: 100%;
+
−
  height: 100%;
+
−
}
+
−
#wb_Text11
+
−
{
+
−
  background-color: transparent;
+
−
  background-image: none;
+
−
  border: 0px #000000 solid;
+
−
  padding: 0;
+
−
  margin: 0;
+
−
  text-align: left;
+
−
}
+
−
#wb_Text11 div
+
−
{
+
−
  text-align: left;
+
−
}
+
−
#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;
+
−
}
+
−
#wb_Text16
+
−
{
+
−
  background-color: transparent;
+
−
  background-image: none;
+
−
  border: 0px #000000 solid;
+
−
  padding: 0;
+
−
  margin: 0;
+
−
  text-align: center;
+
−
}
+
−
#wb_Text16 div
+
−
{
+
−
  text-align: center;
+
−
}
+
−
#wb_Text17
+
−
{
+
−
  background-color: transparent;
+
−
  background-image: none;
+
−
  border: 0px #000000 solid;
+
−
  padding: 0;
+
−
  margin: 0;
+
−
  text-align: center;
+
−
}
+
−
#wb_Text17 div
+
−
{
+
−
  text-align: center;
+
−
}
+
−
#wb_Text18
+
−
{
+
−
  background-color: transparent;
+
−
  background-image: none;
+
−
  border: 0px #000000 solid;
+
−
  padding: 0;
+
−
  margin: 0;
+
−
  text-align: center;
+
−
}
+
−
#wb_Text18 div
+
−
{
+
−
  text-align: center;
+
−
}
+
−
#wb_Text19
+
−
{
+
−
  background-color: transparent;
+
−
  background-image: none;
+
−
  border: 0px #000000 solid;
+
−
  padding: 0;
+
−
  margin: 0;
+
−
  text-align: center;
+
−
}
+
−
#wb_Text19 div
+
−
{
+
−
  text-align: center;
+
−
}
+
−
#Image11
+
−
{
+
−
  border: 0px #000000 solid;
+
−
  padding: 0px 0px 0px 0px;
+
−
  left: 0;
+
−
  top: 0;
+
−
  width: 100%;
+
−
  height: 100%;
+
−
}
+
−
#Image12
+
−
{
+
−
  border: 0px #000000 solid;
+
−
  padding: 0px 0px 0px 0px;
+
−
  left: 0;
+
−
  top: 0;
+
−
  width: 100%;
+
−
  height: 100%;
+
−
}
+
−
#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;
+
−
}
+
−
#wb_Text21
+
−
{
+
−
  background-color: transparent;
+
−
  background-image: none;
+
−
  border: 0px #000000 solid;
+
−
  padding: 0;
+
−
  margin: 0;
+
−
  text-align: left;
+
−
}
+
−
#wb_Text21 div
+
−
{
+
−
  text-align: left;
+
−
}
+
−
#Image13
+
−
{
+
−
  border: 0px #000000 solid;
+
−
  padding: 0px 0px 0px 0px;
+
−
  left: 0;
+
−
  top: 0;
+
−
  width: 100%;
+
−
  height: 100%;
+
−
}
+
−
#Image14
+
−
{
+
−
  border: 0px #000000 solid;
+
−
  padding: 0px 0px 0px 0px;
+
−
  left: 0;
+
−
  top: 0;
+
−
  width: 100%;
+
−
  height: 100%;
+
−
}
+
−
#Image15
+
−
{
+
−
  border: 0px #000000 solid;
+
−
  padding: 0px 0px 0px 0px;
+
−
  left: 0;
+
−
  top: 0;
+
−
  width: 100%;
+
−
  height: 100%;
+
−
}
+
−
#wb_Text22
+
−
{
+
−
  background-color: transparent;
+
−
  background-image: none;
+
−
  border: 0px #000000 solid;
+
−
  padding: 0;
+
−
  margin: 0;
+
−
  text-align: left;
+
−
}
+
−
#wb_Text22 div
+
−
{
+
−
  text-align: left;
+
−
}
+
−
#wb_Text23
+
−
{
+
−
  background-color: transparent;
+
−
  background-image: none;
+
−
  border: 0px #000000 solid;
+
−
  padding: 0;
+
−
  margin: 0;
+
−
  text-align: left;
+
−
}
+
−
#wb_Text23 div
+
−
{
+
−
  text-align: left;
+
−
}
+
−
#Button2
+
−
{
+
−
  border: 1px #2E6DA4 solid;
+
−
  -moz-border-radius: 4px;
+
−
  -webkit-border-radius: 4px;
+
−
  border-radius: 4px;
+
−
  background-color: #3370B7;
+
−
  background-image: none;
+
−
  color: #FFFFFF;
+
−
  font-family: Arial;
+
−
  font-weight: normal;
+
−
  font-size: 13px;
+
−
}
+
−
#Button3
+
−
{
+
−
  border: 1px #2E6DA4 solid;
+
−
  -moz-border-radius: 4px;
+
−
  -webkit-border-radius: 4px;
+
−
  border-radius: 4px;
+
−
  background-color: #3370B7;
+
−
  background-image: none;
+
−
  color: #FFFFFF;
+
−
  font-family: Arial;
+
−
  font-weight: normal;
+
−
  font-size: 13px;
+
−
}
+
−
#wb_Text24
+
−
{
+
−
  background-color: transparent;
+
−
  background-image: none;
+
−
  border: 0px #000000 solid;
+
−
  padding: 0;
+
−
  margin: 0;
+
−
  text-align: left;
+
−
}
+
−
#wb_Text24 div
+
−
{
+
−
  text-align: left;
+
−
}
+
−
#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;
+
 
}
 
}
 +
 +
    }
 +
 +
    section {
 +
        padding: 75px 0;
 +
    }
 +
 +
    .section-heading {
 +
        margin: 30px 0;
 +
        font-size: 4em;
 +
    }
 +
 +
    .section-lead {
 +
        margin: 30px 0;
 +
    }
 +
 +
    .section-paragraph {
 +
        margin: 30px 0;
 +
    }
 +
 +
    .header-image {
 +
        display: block;
 +
        width: 100%;
 +
        text-align: center;
 +
 +
        -webkit-background-size: cover;
 +
        -moz-background-size: cover;
 +
        background-size: cover;
 +
        -o-background-size: cover;
 +
    }
 +
 +
    .headline {
 +
        padding: 120px 0;
 +
    }
 +
 +
    @media(max-width:768px) {
 +
        .container {
 +
            margin: 0 15px;
 +
        }
 +
      }
 +
 +
    p1 {
 +
    text-align: center;
 +
    font-size: 200%;
 +
    }
 +
 
</style>
 
</style>
 +
 
<script>
 
<script>
−
$(document).ready(function()
+
  $(function(){
−
{
+
$('.your-class').slick({arrows:false});
−
  $('#LayerMenu1 li').hover(function()
+
    $('#next').click(function(){
−
  {
+
    $('.your-class').slick('slickNext');
−
      var top = $(this).find('.button').outerHeight();
+
    });
−
      $(this).find('.layer').css({'top': top});
+
    $('#prev').click(function(){
−
      $(this).find('.layer').show();
+
    $('.your-class').slick('slickPrev');
−
  }, function()
+
    });
−
  {
+
−
      $(this).find('.layer').hide();
+
−
  });
+
−
  $('#LayerMenu1 li .layer').hide();
+
 
});
 
});
 
</script>
 
</script>
−
</head>
+
 
−
<body>
+
<div id="custom-bootstrap-menu" class="navbar navbar-default navbar-fixed-top" role="navigation">
−
<div id="wb_Text1" style="position:absolute;left:2px;top:0px;width:1013px;height:16px;z-index:5;text-align:left;">
+
    <div class= "container-fluid">
−
&nbsp;</div>
+
      <!-- Navigation -->
−
<div id="wb_Text2" style="position:absolute;left:185px;top:64px;width:304px;height:24px;z-index:6;text-align:left;">
+
      <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
−
<span style="color:#FFFFFF;font-family:Arial;font-size:21px;">Team:Edinburgh UG</span></div>
+
          <div class="container">
−
<div id="wb_Text3" style="position:absolute;left:32px;top:114px;width:952px;height:624px;z-index:7;text-align:left;">
+
              <!-- Brand and toggle get grouped for better mobile display -->
−
<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 class="navbar-header">
−
<div id="wb_Image2" style="position:absolute;left:659px;top:3516px;width:152px;height:30px;z-index:8;">
+
                  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
−
<a href="http://www.wysiwygwebbuilder.com/"><img src="https://2016.igem.org/images/builtwithwwb11.png" id="Image2" alt="WYSIWYG Web Builder"></a></div>
+
                      <span class="sr-only">Toggle navigation</span>
−
<div id="wb_Image3" style="position:absolute;left:2px;top:0px;width:1403px;height:899px;z-index:9;">
+
                      <span class="icon-bar"></span>
−
<img src="images/EdiGEM16UGhogmannay.jpg" id="Image3" alt=""></div>
+
                      <span class="icon-bar"></span>
−
<div id="wb_Text4" style="position:absolute;left:562px;top:445px;width:318px;height:182px;text-align:center;z-index:10;">
+
                      <span class="icon-bar"></span>
−
<span style="color:#000000;font-family:Verdana;font-size:75px;">BabblED</span></div>
+
                  </button>
−
<div id="wb_Text5" style="position:absolute;left:459px;top:415px;width:525px;height:40px;text-align:center;z-index:11;">
+
                  <a class="navbar-brand" href="https://2016.igem.org/Team:Edinburgh_UG">
−
<span style="color:#000000;font-family:Verdana;font-size:17px;">The University of Edinburgh Undergraduate iGEM Team 2016 presents:</span></div>
+
                      <img src="https://static.igem.org/mediawiki/2016/9/92/Edinburgh_logo2_MINI.png" alt="">
−
<div id="wb_Text6" style="position:absolute;left:539px;top:607px;width:371px;height:40px;text-align:center;z-index:12;">
+
                  </a>
−
<span style="color:#000000;font-family:Verdana;font-size:17px;">The next generation of information storage</span></div>
+
              </div>
−
<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>
+
              <!-- Collect the nav links, forms, and other content for toggling -->
−
<div id="wb_Text8" style="position:absolute;left:132px;top:1109px;width:587px;height:125px;z-index:14;text-align:left;">
+
              <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
−
<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>
+
                  <ul class="nav navbar-nav">
−
<div id="wb_Image4" style="position:absolute;left:832px;top:961px;width:431px;height:398px;z-index:15;">
+
                      <li>
−
<img src="images/EdiGEM16UGppie.png" id="Image4" alt=""></div>
+
                          <a href="https://2016.igem.org/Team:Edinburgh_UG">Home</a>
−
<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;">
+
                      </li>
−
<div id="wb_Image5" style="position:absolute;left:20px;top:1408px;width:1407px;height:12px;z-index:17;">
+
                      <li class="dropdown">
−
<img src="images/EdiGEM16UGhome_line1.png" id="Image5" alt=""></div>
+
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Team<span class="caret"></span></a>
−
<div id="wb_Text9" style="position:absolute;left:962px;top:1474px;width:321px;height:76px;text-align:right;z-index:18;">
+
                        <ul class="dropdown-menu" role="menu">
−
<span style="color:#000000;font-family:Verdana;font-size:32px;">We have a solution.</span></div>
+
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Team">Team</a></li>
−
<div id="wb_Text10" style="position:absolute;left:1281px;top:1469px;width:3px;height:61px;text-align:right;z-index:19;">
+
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Attribution">Attribution</a></li>
−
<span style="color:#000000;font-family:Verdana;font-size:37px;"><br></span></div>
+
                        </ul>
−
<div id="wb_Image6" style="position:absolute;left:130px;top:1602px;width:181px;height:181px;z-index:20;">
+
                      </li>
−
<img src="images/EdiGEM16UGdensity.png" id="Image6" alt=""></div>
+
                      <li class="dropdown">
−
<div id="wb_Image7" style="position:absolute;left:737px;top:1594px;width:231px;height:196px;z-index:21;">
+
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Human Practices<span class="caret"></span></a>
−
<img src="EdiGEM16UGhourglass.jpeg" id="Image7" alt=""></div>
+
                        <ul class="dropdown-menu" role="menu">
−
<div id="wb_Image8" style="position:absolute;left:440px;top:1606px;width:163px;height:173px;z-index:22;">
+
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Overview">Overview</a> </li>
−
<img src="images/EdiGEM16UGdollar.png" id="Image8" alt=""></div>
+
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/HP/Silver">Silver</a> </li>
−
<div id="wb_Image9" style="position:absolute;left:1234px;top:1640px;width:0px;height:0px;z-index:23;">
+
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/HP/Gold">Gold</a> </li>
−
<img src="https://2016.igem.org/" id="Image9" alt=""></div>
+
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Medal_Criteria">Medal Criteria</a> </li>
−
<div id="wb_Image10" style="position:absolute;left:1063px;top:1616px;width:218px;height:152px;z-index:24;">
+
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Integrated_Practices">Integrated Practices</a> </li>
−
<img src="images/EdiGEM16UGpuzzle.png" id="Image10" alt=""></div>
+
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Engagement">Engagement</a> </li>
−
<div id="wb_Text11" style="position:absolute;left:683px;top:1490px;width:513px;height:130px;z-index:25;text-align:left;">
+
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Ethics">Ethics</a> </li>
−
<span style="color:#000000;font-family:Verdana;font-size:53px;">DNA Text Encoding</span></div>
+
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Mary_Queen_of _Scots">Mary Queen of Scots</a> </li>
−
<div id="wb_Text12" style="position:absolute;left:154px;top:1802px;width:134px;height:84px;text-align:center;z-index:26;">
+
                        </ul>
−
<span style="color:#000000;font-family:Verdana;font-size:35px;">Density</span></div>
+
                      </li>
−
<div id="wb_Text13" style="position:absolute;left:774px;top:1805px;width:158px;height:76px;text-align:center;z-index:27;">
+
                      <li class="dropdown">
−
<span style="color:#000000;font-family:Verdana;font-size:32px;">Longevity</span></div>
+
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Project<span class="caret"></span></a>
−
<div id="wb_Text14" style="position:absolute;left:424px;top:1804px;width:196px;height:76px;text-align:center;z-index:28;">
+
                        <ul class="dropdown-menu" role="menu">
−
<span style="color:#000000;font-family:Verdana;font-size:32px;">Affordability</span></div>
+
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Description">Description</a></li>
−
<div id="wb_Text15" style="position:absolute;left:1088px;top:1805px;width:171px;height:76px;text-align:center;z-index:29;">
+
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Design">Design</a></li>
−
<span style="color:#000000;font-family:Verdana;font-size:32px;">Modularity</span></div>
+
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Proof">Proof of Concept</a></li>
−
<div id="wb_Text16" style="position:absolute;left:132px;top:1886px;width:202px;height:80px;text-align:center;z-index:30;">
+
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Demonstrate">Demonstrate</a></li>
−
<span style="color:#000000;font-family:Verdana;font-size:17px;">DNA has 1000 times greater storage density than flash memory</span></div>
+
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Notebook">Notebook</a></li>
−
<div id="wb_Text17" style="position:absolute;left:782px;top:1886px;width:176px;height:120px;text-align:center;z-index:31;">
+
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Protocols">Protocols</a></li>
−
<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>
+
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Limitations">Advantages and Limitations</a></li>
−
<div id="wb_Text18" style="position:absolute;left:395px;top:1886px;width:270px;height:120px;text-align:center;z-index:32;">
+
                        </ul>
−
<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>
+
                      </li>
−
<div id="wb_Text19" style="position:absolute;left:1038px;top:1886px;width:275px;height:60px;text-align:center;z-index:33;">
+
                      <li class="dropdown">
−
<span style="color:#000000;font-family:Verdana;font-size:17px;">Assembly of our BabbleBricks is unrestricted and completely customisable</span></div>
+
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Informatics<span class="caret"></span></a>
−
<div id="wb_Image11" style="position:absolute;left:20px;top:2089px;width:1407px;height:12px;z-index:34;">
+
                        <ul class="dropdown-menu" role="menu">
−
<img src="images/EdiGEM16UGhome_line1_01.png" id="Image11" alt=""></div>
+
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Lexicon_Encoding">Lexicon Encoding</a></li>
−
<div id="wb_Image12" style="position:absolute;left:114px;top:2178px;width:379px;height:379px;z-index:35;">
+
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Error_Correction">Error Correction</a></li>
−
<img src="images/Edigemug2016_final_logo.png" id="Image12" alt=""></div>
+
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Encryption">Encryption</a></li>
−
<div id="wb_Text20" style="position:absolute;left:598px;top:2171px;width:135px;height:76px;z-index:36;text-align:left;">
+
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Files">Files</a></li>
−
<span style="color:#000000;font-family:Verdana;font-size:32px;">Abstract</span></div>
+
                        </ul>
−
<div id="wb_Text21" style="position:absolute;left:598px;top:2245px;width:729px;height:184px;z-index:37;text-align:left;">
+
                      </li>
−
<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>
+
                      <li class="dropdown">
−
<div id="wb_Image13" style="position:absolute;left:20px;top:3012px;width:1407px;height:12px;z-index:38;">
+
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Parts<span class="caret"></span></a>
−
<img src="images/EdiGEM16UGhome_line1_01.png" id="Image13" alt=""></div>
+
                        <ul class="dropdown-menu" role="menu">
−
<div id="wb_Image14" style="position:absolute;left:20px;top:3451px;width:1407px;height:12px;z-index:39;">
+
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Basic_Part">Basic Parts</a></li>
−
<img src="images/EdiGEM16UGhome_line1_01.png" id="Image14" alt=""></div>
+
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Composite_Part">Composite Parts</a></li>
−
<div id="wb_Image15" style="position:absolute;left:832px;top:3043px;width:465px;height:298px;z-index:40;">
+
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Part_Collection">Part Collection</a> </li>
−
<img src="EdiGEM16UGautumncastle.jpeg" id="Image15" alt=""></div>
+
                        </ul>
−
<div id="wb_Text22" style="position:absolute;left:79px;top:3036px;width:225px;height:76px;z-index:41;text-align:left;">
+
                      </li>
−
<span style="color:#000000;font-family:Verdana;font-size:32px;">Medal Criteria</span></div>
+
                      <li>
−
<div id="wb_Text23" style="position:absolute;left:79px;top:3116px;width:701px;height:40px;z-index:42;text-align:left;">
+
                          <a href="https://2016.igem.org/Team:Edinburgh_UG/Collaboration">Collaboration</a>
−
<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>
+
                      </li>
−
<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;">
+
                      <li class="dropdown">
−
<input type="submit" id="Button3" name="Project" value="Project" style="position:absolute;left:80px;top:2946px;width:200px;height:45px;z-index:44;">
+
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Awards<span class="caret"></span></a>
−
<div id="wb_Text24" style="position:absolute;left:79px;top:2586px;width:1262px;height:212px;z-index:45;text-align:left;">
+
                        <ul class="dropdown-menu" role="menu">
−
<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>
+
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Software">Software</a> </li>
−
<div id="wb_Text25" style="position:absolute;left:79px;top:2932px;width:3px;height:32px;z-index:46;text-align:left;">
+
                        </ul>
−
<span style="color:#000000;font-family:Verdana;font-size:13px;"><br></span></div>
+
                      </li>
−
<div id="wb_Image16" style="position:absolute;left:1171px;top:16px;width:170px;height:60px;z-index:47;">
+
                      <li class="dropdown">
−
<img src="images/HQ_menu_logo.jpg" id="Image16" alt=""></div>
+
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Safety<span class="caret"></span></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>
+
                        <ul class="dropdown-menu" role="menu">
−
<div id="wb_LayerMenu1" style="position:absolute;left:463px;top:16px;width:600px;height:213px;z-index:49;">
+
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Safety/Biological Safety">Biological Safety</a></li>
−
  <ul id="LayerMenu1">
+
                        </ul>
−
      <li>
+
                      </li>
−
      <a href="#" title="Team" class="button">Team<span class="arrow-down"></span></a>
+
                      <li class="dropdown">
−
      <div class="layer" style="text-align:center;width:202px;height:94px">
+
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Interlab<span class="caret"></span></a>
−
<div id="wb_CssMenu3" style="position:absolute;left:14px;top:18px;width:171px;height:64px;z-index:0;">
+
                        <ul class="dropdown-menu" role="menu">
−
<ul>
+
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Plate_Reader">Plate Reader</a></li>
−
<li class="firstmain"><a href="#" target="_self" title="Team">Team</a>
+
                        </ul>
−
</li>
+
                      </li>
−
<li><a href="#" target="_self" title="Collaborations">Collaborations</a>
+
                  </ul>
−
</li>
+
              </div>
−
</ul>
+
              <!-- /.navbar-collapse -->
 +
          </div>
 +
          <!-- /.container -->
 +
      </nav>
 +
    </div>
 
</div>
 
</div>
 +
 +
<!-- End of menu  -->
 +
 +
<!-- End of menu  -->
 +
 +
 +
 +
  <header class="image-bg-fluid-height">
 +
      <img class="img-responsive img-center" src="https://static.igem.org/mediawiki/2016/d/d0/Babbled_logo.png" alt="">
 +
  </header>
 +
 +
  <header class="header-image">
 +
      <div class="headline">
 +
          <div class="container">
 +
              <h1>The University of Edinburgh Undergraduate iGEM team 2016 presents:</h1>
 +
              <h2>The Next Generation of Information Storage</h2>
 +
          </div>
 
       </div>
 
       </div>
−
      </li>
+
  </header>
−
      <li>
+
 
−
      <a href="#" title="Project" class="button">Project<span class="arrow-down"></span></a>
+
  <div class="container-fluid">
−
      <div class="layer" style="text-align:center;width:238px;height:252px">
+
    <div class="row full-size">
−
<div id="wb_CssMenu1" style="position:absolute;left:44px;top:2px;width:154px;height:224px;text-align:right;z-index:1;">
+
        <img src="https://static.igem.org/mediawiki/2016/0/06/EdiGEM16ughomedata.jpeg" class="img-responsive center-block">
−
<ul>
+
  </div>
−
<li class="firstmain"><a href="https://2016.igem.org/Team:Edinburgh_UG/Description" target="_self" title="Decription">Description</a>
+
 
−
</li>
+
  <div class="row text-center">
−
<li><a href="#" target="_self" title="Design">Design</a>
+
      <div class="your-class">
−
</li>
+
          <div class="row">
−
<li><a href="#" target="_self" title="Experiments">Experiments</a>
+
              <div class="container">
−
</li>
+
                  <div class="col-xs-3"></div>
−
<li><a href="#" target="_self" title="Proof of concept">Proof&nbsp;of&nbsp;concept</a>
+
                  <div class="col-xs-3">
−
</li>
+
                      <div>
−
<li><a href="#" target="_self" title="Demonstrate">Demonstrate</a>
+
                      <img src="https://static.igem.org/mediawiki/2016/5/55/EdiGEM16UGdensity.png" class="img-responsive center-block">
−
</li>
+
                      </div>
−
<li><a href="#" target="_self" title="Results">Results</a>
+
                  </div>
−
</li>
+
                  <div class="col-xs-3">
−
<li><a href="#" target="_self" title="Notebook">Notebook</a>
+
                      <h3 style="font-size:200%;" class="text-center">Density</h3>
−
</li>
+
                      <p class="text-center">DNA has 1000 times the </p>
−
</ul>
+
                      <p class="text-center">density of flash storage</p>
−
</div>
+
                  </div>
 +
                  <div class="col-xs-3"></div>
 +
              </div>
 +
          </div>
 +
          <div class="row">
 +
              <div class="container">
 +
                  <div class="col-xs-3"></div>
 +
                  <div class="col-xs-3">
 +
                      <div>
 +
                      <img src="https://static.igem.org/mediawiki/2016/2/26/EdiGEM16UGdollar.png" class="img-responsive center-block">
 +
                      </div>
 +
                  </div>
 +
                  <div class="col-xs-3">
 +
                      <h3 style="font-size:200%;" class="text-center">Affordability</h3>
 +
                      <p class="text-center">All our encoding programmes </p>
 +
                      <p class="text-center">are open source and initial </p>
 +
                      <p class="text-center">synthesis of the lexicon is done </p>
 +
                      <p class="text-center">for you providing significant </p>
 +
                      <p class="text-center">cost reductions on existing </p>
 +
                      <p class="text-center">methods</p>
 +
                  </div>
 +
                  <div class="col-xs-3"></div>
 +
              </div>
 +
          </div>
 +
          <div class="row">
 +
              <div class="container">
 +
                  <div class="col-xs-3"></div>
 +
                  <div class="col-xs-3">
 +
                      <div>
 +
                      <img src="https://static.igem.org/mediawiki/2016/8/81/EdiGEM16UGhourglass.jpeg" class="img-responsive center-block">
 +
                      </div>
 +
                  </div>
 +
                  <div class="col-xs-3">
 +
                      <h3 style="font-size:200%;" class="text-center">Longevity</h3>
 +
                      <p class="text-center">DNA can last for </p>
 +
                      <p class="text-center">thousands of years </p>
 +
                      <p class="text-center">without consuming </p>
 +
                      <p class="text-center">resources; modern  </p>
 +
                      <p class="text-center">hard drives can only </p>
 +
                      <p class="text-center">last 50</p>
 +
                  </div>
 +
                  <div class="col-xs-3"></div>
 +
              </div>
 +
          </div>
 +
          <div class="row">
 +
              <div class="container">
 +
                  <div class="col-xs-3"></div>
 +
                  <div class="col-xs-3">
 +
                      <div>
 +
                      <img src="https://static.igem.org/mediawiki/2016/e/e0/EdiGEM16UGpuzzle.png" class="img-responsive center-block">
 +
                      </div>
 +
                  </div>
 +
                  <div class="col-xs-3">
 +
                      <h3 style="font-size:200%;" class="text-center">Modularity</h3>
 +
                      <p class="text-center">Assembly of our BabbleBricks </p>
 +
                      <p class="text-center">is unrestricted and completely </p>
 +
                      <p class="text-center">customisable </p>
 +
                  </div>
 +
                  <div class="col-xs-3"></div>
 +
              </div>
 +
          </div>
 
       </div>
 
       </div>
−
      </li>
+
  </div>
−
      <li>
+
  <div class="row text-center">
−
      <a href="#" title="Parts" class="button">Parts<span class="arrow-down"></span></a>
+
    <div id="prev" class="col-xs-2 col-xs-offset-4 well ">previous</div>
−
      <div class="layer" style="text-align:center;width:248px;height:144px">
+
    <div id="next" class="col-xs-2  well">next</div>
−
<div id="wb_CssMenu4" style="position:absolute;left:38px;top:0px;width:171px;height:128px;z-index:2;">
+
  </div>
−
<ul>
+
 
−
<li class="firstmain"><a href="#" target="_self" title="Parts">Parts</a>
+
  <div class="container-fluid">
−
</li>
+
    <div class = "row full-size">
−
<li><a href="#" target="_self" title="Basic Parts">Basic&nbsp;Parts</a>
+
        <div class="col-sm-2">
−
</li>
+
        </div>
−
<li><a href="#" target="_self" title="Composite Parts">Composite&nbsp;Parts</a>
+
        <div class="col-sm-8">
−
</li>
+
          <p></p>
−
<li><a href="#" target="_self" title="Part Collection">Part&nbsp;Collection</a>
+
          <h3 style="font-size:400%;" class="text-center">Abstract</h3>
−
</li>
+
          <br>
−
</ul>
+
          <h2>
−
</div>
+
In 2014, over 10 sextillion bits of data were digitally stored worldwide. To put this in context, there are only 1 sextillion grains of sand on this entire Earth. According to IBM, we generate over 2.5 billion gigabytes daily through tweets, emails and Facebook posts! The University of Edinburgh’s undergraduate team has designed a DNA storage system that is a sustainable, dense and long-lasting alternative to magnetic tape data storage. The storage system relies on modular DNA fragments that can flexibly and cost effectively store any type of data. Modularity makes BabblED the cheapest and most accessible DNA storage system available. The system also boasts new and novel techniques to incorporate error-correcting and encryption in DNA storage. In fact, this ‘DNA Typewriter’ has already been implemented by the National Library of Scotland to archive one of their most precious manuscripts: the last letter of Mary Queen of Scots.
 +
</h2>
 +
    </div>
 +
    <div class="col-sm-2">
 +
    </div>
 +
  </div>
 +
 
 +
  <div class="row">
 +
          <div class="box">
 +
              <div class="col-lg-12">
 +
                  <hr>
 +
                  <h2 class="intro-text text-center">Follow
 +
                      <strong>Us</strong>
 +
                  </h2>
 +
                  <hr>
 +
                  <div class="intro-text text-center">
 +
                      <ul class="list-inline banner-social-buttons">
 +
                          <li>
 +
                              <a href="https://twitter.com/EdiGEM2016"><img src="https://static.igem.org/mediawiki/2016/9/94/Edinburgh2_t2.jpg"></img></a>
 +
                          </li>
 +
                          <li>
 +
                              <a href="https://www.facebook.com/EdiGEM2016"><img src="https://static.igem.org/mediawiki/2016/c/ce/Edinburgh2_f2.png"></img></a>
 +
                          </li>
 +
                          <li>
 +
                              <a href="https://www.instagram.com/edigem2016/"><img src="https://static.igem.org/mediawiki/2016/6/64/Edinburgh2_insta2.png"></img></a>
 +
                          </li>
 +
                      </ul>
 +
                  </div>
 +
              </div>
 +
          </div>
 
       </div>
 
       </div>
−
       </li>
+
       <br>
−
       <li>
+
       <br>
−
      <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>

Latest revision as of 23:43, 19 October 2016

The University of Edinburgh Undergraduate iGEM team 2016 presents:

The Next Generation of Information Storage

Density

DNA has 1000 times the

density of flash storage

Affordability

All our encoding programmes

are open source and initial

synthesis of the lexicon is done

for you providing significant

cost reductions on existing

methods

Longevity

DNA can last for

thousands of years

without consuming

resources; modern

hard drives can only

last 50

Modularity

Assembly of our BabbleBricks

is unrestricted and completely

customisable

Abstract


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

Follow Us