|
|
| Line 1: |
Line 1: |
| − | <html> | + | <!DOCTYPE html> |
| | + | <html lang="en"> |
| | <head> | | <head> |
| − | <meta charset="utf-8"> | + | <title>Edinburgh_UG_Home</title> |
| − | <title>Team:Edinburgh UG - 2016.igem.org</title>
| + | <meta charset="utf-8"> |
| − | <meta name="generator" content="WYSIWYG Web Builder 11 Trial Version - http://www.wysiwygwebbuilder.com"> | + | <meta name="viewport" content="width=device-width, initial-scale=1"> |
| − | <link href="GOOD.css" rel="stylesheet"> | + | <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> |
| − | <link href="page1.css" rel="stylesheet">
| + | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> |
| − | <script src="jquery-1.12.4.min.js"></script> | + | <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> |
| − | <style type="text/css"> | + | |
| − | body
| + | |
| − | {
| + | |
| − | background-color: #FFFFFF;
| + | |
| − | background-image: url(none);
| + | |
| − | background-attachment: scroll;
| + | |
| − | background-position: left top;
| + | |
| − | background-repeat: repeat;
| + | |
| − | color: #000000;
| + | |
| − | font-family: Arial;
| + | |
| − | font-weight: normal;
| + | |
| − | font-size: 13px;
| + | |
| − | line-height: 1.1875;
| + | |
| − | margin: 0;
| + | |
| − | padding: 0;
| + | |
| − | }
| + | |
| − | #wb_Text1
| + | |
| − | {
| + | |
| − | background-color: transparent;
| + | |
| − | background-image: none;
| + | |
| − | border: 0px #000000 solid;
| + | |
| − | padding: 0;
| + | |
| − | margin: 0;
| + | |
| − | text-align: left;
| + | |
| − | }
| + | |
| − | #wb_Text1 div
| + | |
| − | {
| + | |
| − | text-align: left;
| + | |
| − | }
| + | |
| − | #wb_Text2
| + | |
| − | {
| + | |
| − | background-color: transparent;
| + | |
| − | background-image: none;
| + | |
| − | border: 0px #000000 solid;
| + | |
| − | padding: 0;
| + | |
| − | margin: 0;
| + | |
| − | text-align: left;
| + | |
| − | }
| + | |
| − | #wb_Text2 div
| + | |
| − | {
| + | |
| − | text-align: left;
| + | |
| − | }
| + | |
| − | #wb_Text3
| + | |
| − | {
| + | |
| − | background-color: transparent;
| + | |
| − | background-image: none;
| + | |
| − | border: 0px #000000 solid;
| + | |
| − | padding: 0;
| + | |
| − | margin: 0;
| + | |
| − | text-align: left;
| + | |
| − | }
| + | |
| − | #wb_Text3 div
| + | |
| − | {
| + | |
| − | text-align: left;
| + | |
| − | }
| + | |
| − | #Image2
| + | |
| − | {
| + | |
| − | border: 0px #000000 solid;
| + | |
| − | padding: 0px 0px 0px 0px;
| + | |
| − | left: 0;
| + | |
| − | top: 0;
| + | |
| − | width: 100%;
| + | |
| − | height: 100%;
| + | |
| − | }
| + | |
| − | #Image3
| + | |
| − | {
| + | |
| − | border: 0px #000000 solid;
| + | |
| − | padding: 0px 0px 0px 0px;
| + | |
| − | left: 0;
| + | |
| − | top: 0;
| + | |
| − | width: 100%;
| + | |
| − | height: 100%;
| + | |
| − | }
| + | |
| − | #wb_Text4
| + | |
| − | {
| + | |
| − | background-color: transparent;
| + | |
| − | background-image: none;
| + | |
| − | border: 0px #000000 solid;
| + | |
| − | padding: 0;
| + | |
| − | margin: 0;
| + | |
| − | 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: 16px;
| + | |
| − | font-style: normal;
| + | |
| − | margin: 0 0px 0 0;
| + | |
| − | padding: 7px 23px 16px 13px;
| + | |
| − | 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_CssMenu2
| + | |
| − | {
| + | |
| − | border: 0px #C0C0C0 solid;
| + | |
| − | background-color: transparent;
| + | |
| − | }
| + | |
| − | #wb_CssMenu2 ul
| + | |
| − | {
| + | |
| − | list-style-type: none;
| + | |
| − | margin: 0;
| + | |
| − | padding: 0;
| + | |
| − | width: 171px;
| + | |
| − | }
| + | |
| − | #wb_CssMenu2 li
| + | |
| − | {
| + | |
| − | float: left;
| + | |
| − | margin: 0;
| + | |
| − | padding: 0px 0px 4px 0px;
| + | |
| − | width: 171px;
| + | |
| − | }
| + | |
| − | #wb_CssMenu2 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_CssMenu2 li:hover a, #wb_CssMenu2 a:hover
| + | |
| − | {
| + | |
| − | color: #FFFFFF;
| + | |
| − | background-color: #000000;
| + | |
| − | background-image: none;
| + | |
| − | border: 1px #000000 solid;
| + | |
| − | }
| + | |
| − | #wb_CssMenu2 .firstmain a
| + | |
| − | {
| + | |
| − | margin-top: 0px;
| + | |
| − | }
| + | |
| − | #wb_CssMenu2 li.lastmain
| + | |
| − | {
| + | |
| − | padding-bottom: 0px;
| + | |
| − | }
| + | |
| − | #wb_CssMenu2 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_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_CssMenu4
| + | |
| − | {
| + | |
| − | border: 0px #000000 solid;
| + | |
| − | background-color: transparent;
| + | |
| − | }
| + | |
| − | #wb_CssMenu4 ul
| + | |
| − | {
| + | |
| − | list-style-type: none;
| + | |
| − | margin: 0;
| + | |
| − | padding: 0;
| + | |
| − | position: relative;
| + | |
| − | display: inline-block;
| + | |
| − | width: 154px;
| + | |
| − | }
| + | |
| − | #wb_CssMenu4 li
| + | |
| − | {
| + | |
| − | float: left;
| + | |
| − | margin: 0;
| + | |
| − | padding: 0px 0px 4px 0px;
| + | |
| − | width: 154px;
| + | |
| − | }
| + | |
| − | #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: 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_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_CssMenu1
| + | |
| − | {
| + | |
| − | border: 0px #000000 solid;
| + | |
| − | background-color: #000000;
| + | |
| − | }
| + | |
| − | #wb_CssMenu1 ul
| + | |
| − | {
| + | |
| − | list-style-type: none;
| + | |
| − | margin: 0;
| + | |
| − | padding: 0;
| + | |
| − | width: 171px;
| + | |
| − | }
| + | |
| − | #wb_CssMenu1 li
| + | |
| − | {
| + | |
| − | float: left;
| + | |
| − | margin: 0;
| + | |
| − | padding: 0px 0px 4px 0px;
| + | |
| − | width: 171px;
| + | |
| − | }
| + | |
| − | #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: 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_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;
| + | |
| − | }
| + | |
| − | </style>
| + | |
| − | <script>
| + | |
| − | $(document).ready(function()
| + | |
| − | {
| + | |
| − | $('#LayerMenu1 li').hover(function()
| + | |
| − | {
| + | |
| − | var top = $(this).find('.button').outerHeight();
| + | |
| − | $(this).find('.layer').css({'top': top});
| + | |
| − | $(this).find('.layer').slideDown();
| + | |
| − | }, function()
| + | |
| − | {
| + | |
| − | $(this).find('.layer').slideUp();
| + | |
| − | });
| + | |
| − | $('#LayerMenu1 li .layer').hide();
| + | |
| − | });
| + | |
| − | </script> | + | |
| | </head> | | </head> |
| | <body> | | <body> |
| − | <div id="wb_Text1" style="position:absolute;left:2px;top:0px;width:1013px;height:16px;z-index:5;text-align:left;">
| + | |
| − | </div>
| + | <div class="col-md-12"> |
| − | <div id="wb_Text2" style="position:absolute;left:185px;top:64px;width:304px;height:24px;z-index:6;text-align:left;">
| + | <img src="https://static.igem.org/mediawiki/2016/ 4/ 4c/ EdiGEM16UGhomeheader.jpeg" class="img- responsive"> |
| − | <span style="color:#FFFFFF;font-family:Arial;font-size:21px;">Team:Edinburgh UG</span></div>
| + | |
| − | <div id="wb_Text3" style="position:absolute;left:32px;top:114px;width:952px;height:624px;z-index:7;text-align:left;">
| + | |
| − | <span style="color:#FFFFFF;font-family:Arial;font-size:13px;"><!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; } </span></div>
| + | |
| − | <div id="wb_Image2" style="position:absolute;left:659px;top:3516px;width:152px;height:30px;z-index:8;">
| + | |
| − | <a href="http://www.wysiwygwebbuilder.com/"><img src="https://2016.igem.org/images/builtwithwwb11.png" id="Image2" alt="WYSIWYG Web Builder"></a></div>
| + | |
| − | <div id="wb_Image3" style="position:absolute;left:1px;top:0px;width:1440px;height:899px;z-index:9;">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2016/thumb/b/b6/EdiGEM16UGhogmannay.jpg/800px-EdiGEM16UGhogmannay.jpg" id="Image3" alt=""></div>
| + | |
| − | <div id="wb_Text4" style="position:absolute;left:562px;top:445px;width:318px;height:182px;text-align:center;z-index:10;">
| + | |
| − | <span style="color:#000000;font-family:Verdana;font-size:75px;">BabblED</span></div>
| + | |
| − | <div id="wb_Text5" style="position:absolute;left:459px;top:342px;width:525px;height:40px;text-align:center;z-index:11;">
| + | |
| − | <span style="color:#000000;font-family:Verdana;font-size:17px;">The University of Edinburgh Undergraduate iGEM Team 2016 presents:</span></div>
| + | |
| − | <div id="wb_Text6" style="position:absolute;left:539px;top:607px;width:371px;height:40px;text-align:center;z-index:12;">
| + | |
| − | <span style="color:#000000;font-family:Verdana;font-size:17px;">The next generation of information storage</span></div>
| + | |
| − | <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>
| + | |
| − | <div id="wb_Text8" style="position:absolute;left:132px;top:1109px;width:587px;height:125px;z-index:14;text-align:left;">
| + | |
| − | <span style="color:#000000;font-family:Verdana;font-size:21px;">If this happens, there will be no capacity for Twitter, Facebook or iGEM to function online. Last year, data centres worldwide used more electricity than the entire United Kingdom. By 2020, it will cost more than $13.7 billion to power data centres per year.</span></div>
| + | |
| − | <div id="wb_Image4" style="position:absolute;left:832px;top:961px;width:431px;height:398px;z-index:15;">
| + | |
| − | <img src="images/EdiGEM16UGppie.png" id="Image4" alt=""></div>
| + | |
| − | <input type="submit" id="Button1" name="Policy and Practices" value="Policy and Practices" style="position:absolute;left:133px;top:1315px;width:200px;height:45px;z-index:16;">
| + | |
| − | <div id="wb_Image5" style="position:absolute;left:20px;top:1408px;width:1407px;height:12px;z-index:17;">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2016/d/d5/EdiGEM16UGhome_menuBar1_bkgrnd1.png" id="Image5" alt=""></div> | + | |
| − | <div id="wb_Text9" style="position:absolute;left:962px;top:1474px;width:321px;height:76px;text-align:right;z-index:18;">
| + | |
| − | <span style="color:#000000;font-family:Verdana;font-size:32px;">We have a solution.</span></div>
| + | |
| − | <div id="wb_Text10" style="position:absolute;left:1281px;top:1469px;width:3px;height:61px;text-align:right;z-index:19;">
| + | |
| − | <span style="color:#000000;font-family:Verdana;font-size:37px;"><br></span></div>
| + | |
| − | <div id="wb_Image6" style="position:absolute;left:130px;top:1602px;width:181px;height:181px;z-index:20;">
| + | |
| − | <img src="images/EdiGEM16UGdensity.png" id="Image6" alt=""></div>
| + | |
| − | <div id="wb_Image7" style="position:absolute;left:737px;top:1594px;width:231px;height:196px;z-index:21;">
| + | |
| − | <img src="EdiGEM16UGhourglass.jpeg" id="Image7" alt=""></div>
| + | |
| − | <div id="wb_Image8" style="position:absolute;left:440px;top:1606px;width:163px;height:173px;z-index:22;">
| + | |
| − | <img src="images/EdiGEM16UGdollar.png" id="Image8" alt=""></div>
| + | |
| − | <div id="wb_Image9" style="position:absolute;left:1234px;top:1640px;width:0px;height:0px;z-index:23;">
| + | |
| − | <img src="https://2016.igem.org/" id="Image9" alt=""></div>
| + | |
| − | <div id="wb_Image10" style="position:absolute;left:1063px;top:1616px;width:218px;height:152px;z-index:24;">
| + | |
| − | <img src="images/EdiGEM16UGpuzzle.png" id="Image10" alt=""></div>
| + | |
| − | <div id="wb_Text11" style="position:absolute;left:683px;top:1490px;width:513px;height:130px;z-index:25;text-align:left;">
| + | |
| − | <span style="color:#000000;font-family:Verdana;font-size:53px;">DNA Text Encoding</span></div>
| + | |
| − | <div id="wb_Text12" style="position:absolute;left:154px;top:1802px;width:134px;height:84px;text-align:center;z-index:26;">
| + | |
| − | <span style="color:#000000;font-family:Verdana;font-size:35px;">Density</span></div>
| + | |
| − | <div id="wb_Text13" style="position:absolute;left:774px;top:1805px;width:158px;height:76px;text-align:center;z-index:27;">
| + | |
| − | <span style="color:#000000;font-family:Verdana;font-size:32px;">Longevity</span></div>
| + | |
| − | <div id="wb_Text14" style="position:absolute;left:424px;top:1804px;width:196px;height:76px;text-align:center;z-index:28;">
| + | |
| − | <span style="color:#000000;font-family:Verdana;font-size:32px;">Affordability</span></div>
| + | |
| − | <div id="wb_Text15" style="position:absolute;left:1088px;top:1805px;width:171px;height:76px;text-align:center;z-index:29;">
| + | |
| − | <span style="color:#000000;font-family:Verdana;font-size:32px;">Modularity</span></div>
| + | |
| − | <div id="wb_Text16" style="position:absolute;left:132px;top:1886px;width:202px;height:80px;text-align:center;z-index:30;">
| + | |
| − | <span style="color:#000000;font-family:Verdana;font-size:17px;">DNA has 1000 times greater storage density than flash memory</span></div>
| + | |
| − | <div id="wb_Text17" style="position:absolute;left:782px;top:1886px;width:176px;height:120px;text-align:center;z-index:31;">
| + | |
| − | <span style="color:#000000;font-family:Verdana;font-size:17px;">DNA can last for thousands of years without consuming resources; modern hard drives can only last 50</span></div>
| + | |
| − | <div id="wb_Text18" style="position:absolute;left:395px;top:1886px;width:270px;height:120px;text-align:center;z-index:32;">
| + | |
| − | <span style="color:#000000;font-family:Verdana;font-size:17px;">All our encoding programmes are open source and initial synthesis of the lexicon is done for you providing significant cost reductions on existing methods</span></div>
| + | |
| − | <div id="wb_Text19" style="position:absolute;left:1038px;top:1886px;width:275px;height:60px;text-align:center;z-index:33;">
| + | |
| − | <span style="color:#000000;font-family:Verdana;font-size:17px;">Assembly of our BabbleBricks is unrestricted and completely customisable</span></div>
| + | |
| − | <div id="wb_Image11" style="position:absolute;left:20px;top:2089px;width:1407px;height:12px;z-index:34;">
| + | |
| − | <img src="images/EdiGEM16UGhome_line1_01.png" id="Image11" alt=""></div>
| + | |
| − | <div id="wb_Image12" style="position:absolute;left:114px;top:2178px;width:379px;height:379px;z-index:35;">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2016/2/28/EdiGEM16UGLogo.jpeg" id="Image12" alt=""></div>
| + | |
| − | <div id="wb_Text20" style="position:absolute;left:598px;top:2171px;width:135px;height:76px;z-index:36;text-align:left;">
| + | |
| − | <span style="color:#000000;font-family:Verdana;font-size:32px;">Abstract</span></div>
| + | |
| − | <div id="wb_Text21" style="position:absolute;left:598px;top:2245px;width:729px;height:184px;z-index:37;text-align:left;">
| + | |
| − | <span style="color:#000000;font-family:Verdana;font-size:12px;">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. <br>Over the course of weeks 1 and 2 our team explored and researched ideas for a project utilising DNA as an information storage device. Our brainstorming process evolved through discussions about the advantages and disadvantages of DNA synthesis and encoding digital information into nucleotide sequences. Major points of debate were cost, fidelity and efficiency of data storage. Following some constructive feedback from our supervisors, our team focused on developing a method that is accessible, sustainable and fits the iGEM format. <br></span></div>
| + | |
| − | <div id="wb_Image13" style="position:absolute;left:20px;top:3012px;width:1407px;height:12px;z-index:38;">
| + | |
| − | <img src="images/EdiGEM16UGhome_line1_01.png" id="Image13" alt=""></div>
| + | |
| − | <div id="wb_Image14" style="position:absolute;left:20px;top:3451px;width:1407px;height:12px;z-index:39;">
| + | |
| − | <img src="images/EdiGEM16UGhome_line1_01.png" id="Image14" alt=""></div>
| + | |
| − | <div id="wb_Image15" style="position:absolute;left:832px;top:3043px;width:465px;height:298px;z-index:40;">
| + | |
| − | <img src="EdiGEM16UGautumncastle.jpeg" id="Image15" alt=""></div>
| + | |
| − | <div id="wb_Text22" style="position:absolute;left:79px;top:3036px;width:225px;height:76px;z-index:41;text-align:left;">
| + | |
| − | <span style="color:#000000;font-family:Verdana;font-size:32px;">Medal Criteria</span></div>
| + | |
| − | <div id="wb_Text23" style="position:absolute;left:79px;top:3116px;width:701px;height:40px;z-index:42;text-align:left;">
| + | |
| − | <span style="color:#000000;font-family:Verdana;font-size:17px;">We've created a wiki page dedicated to outlining how we fulfilled each of the gold medal requirements. </span></div>
| + | |
| − | <input type="submit" id="Button2" name="Judging Criteria" value="Judging Criteria" style="position:absolute;left:80px;top:3219px;width:200px;height:45px;z-index:43;">
| + | |
| − | <input type="submit" id="Button3" name="Project" value="Project" style="position:absolute;left:80px;top:2946px;width:200px;height:45px;z-index:44;">
| + | |
| − | <div id="wb_Text24" style="position:absolute;left:79px;top:2586px;width:1262px;height:212px;z-index:45;text-align:left;">
| + | |
| − | <span style="color:#000000;font-family:Verdana;font-size:12px;">Our project, given the name BabblED, is based on a simple idea: develop a modular system for encoding text, or any other unit of information, into DNA. We will prove the validity of our concept by encoding Ogden’s Basic English (a collection of 850-1,000 words that can be used to express most concepts in the English language). Each encoded word-a BabbleBrick -will be stored in a different PhytoBrick. Sentence assembly and unidirectionality is ensured by the stepwise addition of BabbleBricks that have alternating types of sticky ends; this also prevents repeats and minimizes the occurrence of missing words. The whole sentence construct can be melted off for easy retrieval and assembled back into a PhytoBrick for storage. Since the value that is assigned to each BabbleBrick is arbitrary, each one can be reused with any library or language. In this way, our encoding and assembly method can be optimized for many types of data. Furthermore, using tools such as checksums, optimal rectangular codes and, when appropriate, natural language processing techniques, we are able to ensure that each BabbleBrick sentence can be decoded with 100% accuracy. <br>As of week 4, we have developed the computer program that converts our vocabulary to BabbleBrick sequences. We have designed the DNA sequences for error-correcting codes and researched the benefits and potential ways to utilize encryption in our method. We are in the process of ordering our first BabbleBricks in the form of gBlocks from IDT and testing our assembly method for efficiency. We have commenced the 2016 Interlab study and are pursuing another exciting project on bacterial growth-based logic. We have already had some fascinating discussions with data specialists and librarians; their feedback and expertise are vital to how we are shaping our project. We have also been in touch with other iGEM teams, such as Newcastle and Dundee, and are hosting a Scottish team meet-up in the beginning of July. <br>References:<br>1.http://www.nature.com/nmat/journal/v15/n4/full/nmat4594.html#supplementary-information<br>2.http://www.greenpeace.org/international/Global/international/publications/climate/2011/Cool%20IT/dirty-data-report-greenpeace.pdf/ <br></span></div>
| + | |
| − | <div id="wb_Text25" style="position:absolute;left:79px;top:2932px;width:3px;height:32px;z-index:46;text-align:left;">
| + | |
| − | <span style="color:#000000;font-family:Verdana;font-size:13px;"><br></span></div>
| + | |
| − | <div id="wb_Image16" style="position:absolute;left:1157px;top:37px;width:170px;height:60px;z-index:47;">
| + | |
| − | <img src="images/HQ_menu_logo.jpg" id="Image16" alt=""></div>
| + | |
| − | <a href="http://www.wysiwygwebbuilder.com" target="_blank"><img src="images/builtwithwwb11.png" alt="WYSIWYG Web Builder" style="position:absolute;left:669px;top:3513px;border-width:0;z-index:250"></a>
| + | |
| − | <div id="wb_LayerMenu1" style="position:absolute;left:319px;top:114px;width:790px;height:110px;z-index:49;">
| + | |
| − | <ul id="LayerMenu1">
| + | |
| − | <li>
| + | |
| − | <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:126px;height:66px">
| + | |
| − | </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>
| + | |
| − | <li class="firstmain"><a href="#" target="_self" title="Team">Team</a>
| + | |
| − | </li>
| + | |
| − | <li><a href="#" target="_self" title="Collaborations">Collaborations</a>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| | </div> | | </div> |
| − | </div>
| + | |
| − | </li>
| + | <div class="container-fluid"> |
| − | <li>
| + | <div class="row"> |
| − | <a href="#" title="Project" class="button">Project<span class="arrow-down"></span></a>
| + | <div class="col-sm-6"> |
| − | <div class="layer" style="text-align:center;width:248px;height:240px"> | + | <p></p> |
| − | <div id="wb_CssMenu4" style="position:absolute;left:53px;top:14px;width:154px;height:224px;text-align:right;z-index:1;"> | + | <h3 style="font-size:250%;">By 2040, we will run out of the materials needed to store digital data.</h3> |
| − | <ul> | + | <p style="font-size:180%;">If this happens, there will be no capacity for Twitter, </p> |
| − | <li class="firstmain"><a href="https://2016.igem.org/Team:Edinburgh_UG/Description" target="_self" title="Decription">Description</a> | + | <p style="font-size:180%;">Facebook or iGEM to function online. Last year, data </p> |
| − | </li> | + | <p style="font-size:180%;">centres worldwide used more electricity than the entire </p> |
| − | <li><a href="#" target="_self" title="Design">Design</a>
| + | <p style="font-size:180%;">United Kingdom. By 2020, it will cost more than $13.7 </p> |
| − | </li> | + | <p style="font-size:180%;">billion to power data centres per year. </p> |
| − | <li><a href="#" target="_self" title="Experiments">Experiments</a>
| + | </div> |
| − | </li> | + | <div class="col-sm-6"> |
| − | <li><a href="#" target="_self" title="Proof of concept">Proof of concept</a>
| + | <p></p> |
| − | </li> | + | <img src="https://static.igem.org/mediawiki/2016/4/44/EdiGEM16UGppie.png"> |
| − | <li><a href="#" target="_self" title="Demonstrate">Demonstrate</a> | + | </div> |
| − | </li> | + | </div> |
| − | <li><a href="#" target="_self" title="Results">Results</a> | + | |
| − | </li>
| + | |
| − | <li><a href="#" target="_self" title="Notebook">Notebook</a>
| + | |
| − | </li> | + | |
| − | </ul> | + | |
| | </div> | | </div> |
| − | </div>
| + | |
| − | </li>
| + | <div class="container-fluid"> |
| − | <li>
| + | |
| − | <a href="#" title="Parts" class="button">Parts<span class="arrow-down"></span></a>
| + | |
| − | <div class=" layer" style="text-align:center;width:248px;height:173px"> | + | </div> |
| − | <div id="wb_CssMenu5" style="position:absolute;left:45px;top:12px;width:171px;height:128px;z-index:2;"> | + | <div class="col-sm-6"> |
| − | <ul> | + | <p></p> |
| − | <li class="firstmain"><a href="#" target="_self" title="Parts">Parts</a> | + | <h3 style="font-size:250%;">We have a solution: DNA Text Encoding</h3> |
| − | </li> | + | </div> |
| − | <li><a href="#" target="_self" title="Basic Parts">Basic Parts</a>
| + | </div> |
| − | </li>
| + | |
| − | <li><a href="#" target="_self" title="Composite Parts">Composite Parts</a>
| + | |
| − | </li> | + | |
| − | <li><a href="#" target="_self" title="Part Collection">Part Collection</a>
| + | |
| − | </li> | + | |
| − | </ul>
| + | |
| | </div> | | </div> |
| − | </div>
| + | |
| − | </li>
| + | <div class="container-fluid"> |
| − | <li>
| + | <div class="row"> |
| − | <a href="#" class="button">Human Practices<span class="arrow-down"></span></a>
| + | <div class="col-sm-3"> |
| − | <div class="layer" style="text-align:center;width:222px;height:184px"> | + | <p></p> |
| − | <div id="wb_CssMenu6" style="position:absolute;left:33px;top:7px;width:171px;height:160px;z-index:3;"> | + | <img src="https://static.igem.org/mediawiki/2016/5/55/EdiGEM16UGdensity.png"> |
| − | <ul> | + | </div> |
| − | <li class="firstmain"><a href="#" target="_self" title="Human Practices">Human Practices</a> | + | <div class="col-sm-3"> |
| − | </li> | + | <p></p> |
| − | <li><a href="#" target="_self" title="Silver">Silver</a> | + | <img src="https://static.igem.org/mediawiki/2016/2/26/EdiGEM16UGdollar.png"> |
| − | </li> | + | </div> |
| − | <li><a href="#" target="_self" title="Gold">Gold </a> | + | <div class="col-sm-3"> |
| − | </li> | + | <p></p> |
| − | <li><a href="#" target="_self" title="Integrated Practices">Integrated Practices</a> | + | <img src="https://static.igem.org/mediawiki/2016/1/1f/EdiGEM16UGhourglassResize.png"> |
| − | </li> | + | </div> |
| − | <li><a href="#" target="_self" title="Engagement">Engagement</a> | + | <div class="col-sm-3"> |
| − | </li> | + | <p></p> |
| − | </ul> | + | <img src="https://static.igem.org/mediawiki/2016/a/a4/EdiGEM16UGpuzzleResize.png"> |
| | + | </div> |
| | + | </div> |
| | </div> | | </div> |
| − | </div>
| + | |
| − | </li>
| + | <div class="container-fluid"> |
| − | <li>
| + | <div class="row"> |
| − | <a href="#" title="Awards" class="button">Awards<span class="arrow-down"></span></a>
| + | <div class="col-sm-3"> |
| − | <div class="layer" style="text-align:center;width:220px;height:183px"> | + | <p></p> |
| − | <div id="wb_CssMenu2" style="position:absolute;left:27px;top:14px;width:171px;height:160px;z-index:4;"> | + | <h3 style="font-size:250%;">Density</h3> |
| − | <ul> | + | <p>DNA has 1000 times</p> |
| − | <li class="firstmain"><a href="#" target="_self" title="Entrepreneurship">Entrepreneurship</a> | + | <p>greater storage density</p> |
| − | </li> | + | <p>than flash memory</p> |
| − | <li><a href="#" target="_self" title="Hardware">Hardware</a> | + | </div> |
| − | </li> | + | <div class="col-sm-3"> |
| − | <li><a href="#" target="_self" title="Software">Software</a> | + | <p></p> |
| − | </li> | + | <h3 style="font-size:250%;">Affordability</h3> |
| − | <li><a href="#" target="_self" title="Measurement">Measurement</a> | + | <p>All our encoding programmes </p> |
| − | </li> | + | <p>are open source and initial </p> |
| − | <li><a href="#" target="_self" title="Model">Model</a> | + | <p>synthesis of the lexicon is done </p> |
| − | </li> | + | <p>for you providing significant </p> |
| − | </ul> | + | <p>cost reductions on existing </p> |
| | + | <p>methods</p> |
| | + | </div> |
| | + | <div class="col-sm-3"> |
| | + | <p></p> |
| | + | <h3 style="font-size:250%;;">Longevity</h3> |
| | + | <p>DNA can last for </p> |
| | + | <p>thousands of years </p> |
| | + | <p>without consuming </p> |
| | + | <p>resources; modern </p> |
| | + | <p>hard drives can only </p> |
| | + | <p>last 50</p> |
| | + | </div> |
| | + | <div class="col-sm-3"> |
| | + | <p></p> |
| | + | <h3 style="font-size:250%;">Modularity</h3> |
| | + | <p>Assembly of our BabbleBricks </p> |
| | + | <p>is unrestricted and completely </p> |
| | + | <p>customisable </p> |
| | + | </div> |
| | + | </div> |
| | </div> | | </div> |
| − | </div>
| + | |
| − | </li>
| + | <div class="container-fluid"> |
| − | <li> | + | <div class = row> |
| − | <a href="#" title="Safety" class="button">Safety<span class="arrow-down"></span></a>
| + | <div class="col-sm-12"> |
| − | <div class="layer" style="text-align:center;width:248px;height:248px">
| + | <p></p> |
| − | </div>
| + | <h3 style="font-size:250%;;">Abstract</h3> |
| − | </li>
| + | <p>The last decade has seen an exponential increase in data and information |
| − | <li>
| + | generation, creating a storage demand that will soon outweigh supply. |
| − | <a href="#" title="Attributions" class="button"> Attributions< span class="arrow-down"></ span>< /a> | + | By 2040, global data storage demand will reach 3×10^24 (3 million billion billion) |
| − | <div class="layer" style="text-align:center;width:165px;height:151px">
| + | bits1.. Considering the amount of energy required to run a data centre |
| − | </div>
| + | (about 2% of global energy consumption2.) and the limited supply of raw materials |
| − | </li>
| + | like silicon for manufacturing memory devices, it is clear that novel storage |
| − | </ul>
| + | 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.</p> |
| | + | <p>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.</p> |
| | + | <p>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.</p> |
| | + | <p>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.</p> |
| | + | <p>References:</p> |
| | + | <p>1.http://www.nature.com/nmat/journal/v15/n4/full/nmat4594.html#supplementary-information</p> |
| | + | <p>2.http://www.greenpeace.org/international/Global/international/publications/climate/2011/ |
| | + | Cool%20IT/dirty-data-report-greenpeace.pdf/</p> |
| | + | </div> |
| | </div> | | </div> |
| | + | |
| | </body> | | </body> |
| | </html> | | </html> |
