Difference between revisions of "Team:Edinburgh UG/Proof"

Line 1: Line 1:
 
{{EdigemUG16_Home}}
 
{{EdigemUG16_Home}}
 +
<html lang="en">
  
<html lang="en" dir="ltr" class="client-nojs">
 
 
<head>
 
<head>
<meta charset="UTF-8" />
+
 
<title>Team:Edinburgh/InterLab - 2015.igem.org</title>
+
    <meta charset="utf-8">
<meta name="generator" content="MediaWiki 1.24.1" />
+
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="shortcut icon" href="/favicon.ico" />
+
    <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2015.igem.org (en)" />
+
    <meta name="description" content="">
<link rel="EditURI" type="application/rsd+xml" href="https://2015.igem.org/wiki/api.php?action=rsd" />
+
    <meta name="author" content="">
<link rel="alternate" hreflang="x-default" href="/Team:Edinburgh/InterLab" />
+
 
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
+
    <title>Attribution</title>
<link rel="alternate" type="application/atom+xml" title="2015.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" />
+
 
<link rel="stylesheet" href="https://2015.igem.org/wiki/load.php?debug=false&amp;lang=en&amp;modules=mediawiki.legacy.commonPrint%2Cshared%7Cmediawiki.skinning.content.externallinks%7Cmediawiki.skinning.interface%7Cmediawiki.ui.button%7Cskins.igem.styles&amp;only=styles&amp;skin=igem&amp;*" />
+
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<!--[if IE 6]><link rel="stylesheet" href="/wiki/skins/Igem/IE60Fixes.css?303" media="screen" /><![endif]-->
+
    <link href="http://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet" type="text/css">
<!--[if IE 7]><link rel="stylesheet" href="/wiki/skins/Igem/IE70Fixes.css?303" media="screen" /><![endif]--><meta name="ResourceLoaderDynamicStyles" content="" />
+
 
<style>a:lang(ar),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}
+
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
/* cache key: 2015_igem_org:resourceloader:filter:minify-css:7:875d2068ffef0b9ce1dbab8400ce2379 */</style>
+
 
<script src="https://2015.igem.org/wiki/load.php?debug=false&amp;lang=en&amp;modules=startup&amp;only=scripts&amp;skin=igem&amp;*"></script>
+
 
<script>if(window.mw){
+
mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Team:Edinburgh/InterLab","wgTitle":"Team:Edinburgh/InterLab","wgCurRevisionId":417737,"wgRevisionId":417737,"wgArticleId":18783,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":"CatalinaRotaru","wgUserGroups":["*","user","autoconfirmed"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Team:Edinburgh/InterLab","wgUserId":5317,"wgUserEditCount":0,"wgUserRegistration":1465541809000,"wgUserNewMsgRevisionId":null,"wgIsProbablyEditable":false,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgWikiEditorEnabledModules":{"toolbar":false,"dialogs":false,"hidesig":true,"preview":false,"previewDialog":false,"publish":false}});
+
}</script><script>if(window.mw){
+
mw.loader.implement("user.options",function($,jQuery){mw.user.options.set({"ccmeonemails":0,"cols":80,"date":"default","diffonly":0,"disablemail":0,"editfont":"default","editondblclick":0,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":1,"extendwatchlist":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nickname":"","norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"rcdays":7,"rclimit":50,"rows":25,"showhiddencats":0,"shownumberswatching":1,"showtoolbar":1,"skin":"igem","stubthreshold":0,"thumbsize":5,"underline":2,"uselivepreview":0,"usenewrc":1,"watchcreations":1,"watchdefault":1,"watchdeletion":0,"watchlistdays":3,"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"watchrollback":0,
+
"wllimit":250,"useeditwarning":1,"prefershttps":1,"language":"en","variant-gan":"gan","variant-iu":"iu","variant-kk":"kk","variant-ku":"ku","variant-shi":"shi","variant-sr":"sr","variant-tg":"tg","variant-uz":"uz","variant-zh":"zh","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});},{},{});mw.loader.implement("user.tokens",function($,jQuery){mw.user.tokens.set({"editToken":"000ff7f7c0a4583a5616b388eb3a59be+\\","patrolToken":"5577c186d420563d68598f0034c949f9+\\","watchToken":"6db0a769071b0b5bf525f3f411a5ed85+\\"});},{},{});
+
/* cache key: 2015_igem_org:resourceloader:filter:minify-js:7:37231965141e18764cdcad73e5213140 */
+
}</script>
+
<script>if(window.mw){
+
mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
+
}</script>
+
 
</head>
 
</head>
<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject page-Team_Edinburgh_InterLab skin-igem action-view">
 
  
        <script type='text/javascript'        src ='/common/tablesorter/jquery.tablesorter.min.js'></script>
+
<body>
        <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' />
+
        <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
+
  
    <div id='globalWrapper'>
+
   <style>
        <div id='top_menu_under' class='noprint'></div>
+
        <div id='top_menu_14' class='noprint'>Loading menubar.....</div> <!-- Will be replaced with the jQuery.load -->
+
<script>jQuery('#top_menu_14').load('https://2015.igem.org/cgi/top_menu_14/menubar_reply.cgi',
+
    {   t:"Team%3AEdinburgh%2FInterLab",
+
a:"View+%2FTeam%3AEdinburgh%2FInterLab++View source+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AEdinburgh%2FInterLab%26action%3Dedit++History+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AEdinburgh%2FInterLab%26action%3Dhistory++Move+%2FSpecial%3AMovePage%2FTeam%3AEdinburgh%2FInterLab++Watch+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AEdinburgh%2FInterLab%26action%3Dwatch%26token%3Dfb2c5aaebacdfbdad68fcade47b5b55a%252B%255C++Page+%2FTeam%3AEdinburgh%2FInterLab++Discussion+%2Fwiki%2Findex.php%3Ftitle%3DTalk%3ATeam%3AEdinburgh%2FInterLab%26action%3Dedit%26redlink%3D1++" });
+
+
</script>
+
<div id="content" class="mw-body" role="main">
+
    <a id="top"></a>
+
    <h1 id="firstHeading" class="firstHeading">
+
        <span dir="auto">Team:Edinburgh/InterLab</span>
+
    </h1>
+
    <div id="bodyContent">
+
<div id="mw-content-text" lang="en" dir="ltr" class="mw-content-ltr"><p>
+
  
<!-- Start of CSS-->
 
<style type="text/css">
 
  
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear
 
  
{
 
  
display:  none;
+
  #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear
  
}
+
  {
  
#top_menu_under
+
  display: none;
{
+
height: 0;
+
}
+
  
#top-section {
+
   }
height: 0px;
+
border-top: 0;
+
border-left: none;
+
border-right: none;
+
}
+
   #globalWrapper
+
    {
+
width: 100%;
+
height: 100%;
+
border: 0px;
+
background-color: #fff;
+
margin: 0px;
+
padding: 0px;
+
font-size: 100%
+
}
+
  
#content
+
  #top_menu_under
{
+
  {
width: 100%;
+
  height: 0;
height: 100%;
+
  }
margin-left: auto;
+
margin-right: auto;
+
background-color: #fff;
+
padding: 0px;
+
font-size: 100%;
+
}
+
  
 +
  #top-section {
 +
  height: 0px;
 +
  border-top: 0;
 +
  border-left: none;
 +
  border-right: none;
 +
  }
 +
    #globalWrapper
 +
      {
 +
      width: 100%;
 +
      height: 100%;
 +
      border: 0px;
 +
      background-color: #ffffff;
 +
      margin: 0px;
 +
      padding: 0px;
 +
      font-size: 100%
 +
      }
  
html, body, .wrapper { /*-- changes default wiki settings --
+
      #content
 
+
      {
*/
+
        width: 100%;
width: 100%;  
+
        height: 100%;
height: 100%;  
+
         margin-left: auto;
         margin: 0px;
+
        margin-right: auto;
 +
        background-color: #ffffff;
 
         padding: 0px;
 
         padding: 0px;
         background-color: #fff;
+
         font-size: 100%;
        -webkit-background-size: cover;
+
      }
        -moz-background-size: cover;
+
        -o-background-size: cover;
+
        background-size: cover;
+
}
+
  
  
body {
+
  html, body, .wrapper { /*-- changes default wiki settings --
    width: 100%;
+
    height: 100%;
+
    font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif;
+
    color: #fff;
+
    background-color: #fff;
+
}
+
  
html {
+
  */
 
     width: 100%;
 
     width: 100%;
 
     height: 100%;
 
     height: 100%;
}
+
          margin: 0px;
 +
          padding: 0px;
 +
          background-color: #ffffff;
 +
          -webkit-background-size: cover;
 +
          -moz-background-size: cover;
 +
          -o-background-size: cover;
 +
          background-size: cover;
 +
  }
  
h1,
 
h2,
 
h3,
 
h4,
 
h5,
 
h6 {
 
    margin: none;
 
    text-transform: uppercase;
 
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
 
    font-weight: 700;
 
    letter-spacing: 1px;
 
border-bottom: none;
 
  
 +
  body {
 +
      width: 100%;
 +
      height: 100%;
 +
      font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif;
 +
      color: #fff;
 +
      background-color: #000;
 +
  }
  
}
+
  html {
 +
      width: 100%;
 +
      height: 100%;
 +
  }
  
p {
+
  p {
    margin: 0 0 25px;
+
      margin: 0 0 25px;
    font-size: 18px;
+
      font-size: 18px;
    line-height: 1.5;
+
      line-height: 1.5;
}
+
  }
  
@media(min-width:768px) {
+
  @media(min-width:768px) {
    p {
+
      p {
        margin: 0 0 35px;
+
          margin: 0 0 35px;
        font-size: 20px;
+
          font-size: 20px;
        line-height: 1.6;
+
          line-height: 1.6;
    }
+
      }
}
+
  }
  
 +
  /*foreword*/
  
.intro {
+
  .intro-header {
     display: table;
+
     background-color: #777777;
    width: 100%;
+
     background: no-repeat center center;
    height: 100%;
+
     background-attachment: scroll;
    text-align: center;
+
    color: #fff;
+
     background-color: #fff;
+
     background: url("https://static.igem.org/mediawiki/2015/e/eb/Edigem15_interlab_bannerimage.jpeg") no-repeat bottom center scroll;  
+
 
     -webkit-background-size: cover;
 
     -webkit-background-size: cover;
 
     -moz-background-size: cover;
 
     -moz-background-size: cover;
 
     background-size: cover;
 
     background-size: cover;
 
     -o-background-size: cover;
 
     -o-background-size: cover;
}
+
    margin-bottom: 50px;
 +
  }
 +
  .intro-header .site-heading,
 +
  .intro-header .post-heading,
 +
  .intro-header .page-heading {
 +
    padding: 100px 0 50px;
 +
    color: white;
  
.intro .intro-body {
 
    display: table-cell;
 
    vertical-align: middle;
 
    margin-left: auto;
 
}
 
  
.intro .intro-body .brand-heading {
+
  header .intro-text {
    margin-top: 15%;
+
      padding-top: 50px;
    font-size: 40px;
+
      padding-bottom: 50px;
border-bottom: none;
+
  }
}
+
  
.intro .intro-body .intro-text {  
+
  header .intro-text .intro-lead-in {
    display: block;
+
      margin-bottom: 25px;
    width: 100%;
+
      font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 18px;
+
      font-size: 22px;
}
+
      line-height: 22px;
 +
  text-color: #fff;
  
@media(min-width:768px) {
+
  }
    .intro {
+
        height: 100%;
+
        padding: 0;
+
        box-shadow: 0 -100px 100px #fff inset;
+
    }
+
  
    .intro .intro-body .brand-heading {
+
  header .intro-text .intro-heading {
        font-size: 100px;
+
      margin-bottom: 25px;
    }
+
      text-transform: uppercase;
 +
      font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
 +
      font-size: 50px;
 +
      font-weight: 700;
 +
      line-height: 50px;
 +
  }
  
    .intro .intro-body .intro-text {
+
  @media(min-width:768px) {
        font-size: 26px;
+
      header .intro-text {
    }
+
          padding-top: 50px;
}
+
          padding-bottom: 100px;
 +
      }
  
.arrowtext
+
      header .intro-text .intro-lead-in {
{
+
          margin-bottom: 25px;
    width: 100%;
+
          font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    display: block;
+
          font-size: 40px;
}
+
          line-height: 40px;
 +
      }
  
.arrow
+
      header .intro-text .intro-heading {
{
+
          margin-bottom: 50px;
    height: 50px;
+
          text-transform: uppercase;
    width: 100px;
+
          font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    opacity: 0.7;
+
          font-size: 75px;
}
+
          font-weight: 700;
 +
          line-height: 75px;
 +
      }
 +
  }
  
/*foreword*/
 
  
 +
  section {
 +
      padding: 0;
 +
  }
  
header .intro-text {
+
  section h2.section-heading
    padding-top: 50px;
+
  {
    padding-bottom: 50px;
+
      margin-top: 0;
}
+
      margin-bottom: 15px;
 +
      font-size: 40px;
 +
      color: white;
 +
  border-bottom: none;
  
header .intro-text .intro-lead-in {
 
    margin-bottom: 25px;
 
    font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
 
    font-size: 22px;
 
    line-height: 22px;
 
text-color: #fff;
 
  
}
+
  }
  
header .intro-text .intro-heading {
+
  section h3.section-subheading {
    margin-bottom: 25px;
+
      margin-bottom: 75px;
    text-transform: uppercase;
+
      text-transform: none;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
+
      font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 50px;
+
      font-size: 16px;
    font-weight: 700;
+
      font-weight: 400;
    line-height: 50px;
+
  }
}
+
  
@media(min-width:768px) {
+
  section h11.section-subheading {
    header .intro-text {
+
      margin-bottom: 75px;
        padding-top: 50px;
+
      font-size: 16px;
        padding-bottom: 100px;
+
      font-weight: 400;
    }
+
  
    header .intro-text .intro-lead-in {
+
  }
        margin-bottom: 25px;
+
        font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
+
        font-size: 40px;
+
        line-height: 40px;
+
    }
+
  
    header .intro-text .intro-heading {
+
  @media(min-width:768px) {
        margin-bottom: 50px;
+
      section {
        text-transform: uppercase;
+
          padding: 10px 0;
        font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
+
      }
        font-size: 75px;
+
  }
        font-weight: 700;
+
        line-height: 75px;
+
    }
+
}
+
  
 +
  .service-heading {
 +
      margin: 15px 0;
 +
      text-transform: none;
 +
  }
  
section {
+
  .arrowtext
    padding: 0;
+
  {
}
+
      width: 100%;
 +
      display: block;
 +
  }
  
section h2.section-heading
+
  .arrow
{
+
  {
    margin-top: 0;
+
      height: 50px;
    margin-bottom: 15px;
+
      width: 100px;
    font-size: 40px;
+
      opacity: 0.7;
    color: #000;
+
  }
border-bottom: none;
+
  
 +
  th
 +
  {
 +
      color: #fff;
 +
  }
  
}
+
  td
 +
  {
 +
      color: #fff;
 +
  }
  
section h3.section-subheading {
 
    margin-bottom: 75px;
 
    text-transform: none;
 
    font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
 
    font-size: 16px;
 
    font-weight: 400;
 
}
 
  
@media(min-width:768px) {
 
    section {
 
        padding: 10px 0;
 
    }
 
}
 
  
.service-heading {
 
    margin: 15px 0;
 
    text-transform: none;
 
}
 
  
 +
  </style>
  
 +
    <!-- Navigation -->
 +
    <div id="custom-bootstrap-menu" class="navbar navbar-default navbar-fixed-top" role="navigation">
 +
        <div class= "container-fluid">
 +
          <!-- Navigation -->
 +
          <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
 +
              <div class="container">
 +
                  <!-- Brand and toggle get grouped for better mobile display -->
 +
                  <div class="navbar-header">
 +
                      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
 +
                          <span class="sr-only">Toggle navigation</span>
 +
                          <span class="icon-bar"></span>
 +
                          <span class="icon-bar"></span>
 +
                          <span class="icon-bar"></span>
 +
                      </button>
 +
                      <a class="navbar-brand" href="#">
 +
                          <img src="https://static.igem.org/mediawiki/2016/9/92/Edinburgh_logo2_MINI.png" alt="">
 +
                      </a>
 +
                  </div>
  
/*menu*/
+
                  <!-- Collect the nav links, forms, and other content for toggling -->
 
+
                  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 
+
                      <ul class="nav navbar-nav">
 
+
                          <li>
/*end menu*/
+
                              <a href="https://2016.igem.org/Team:Edinburgh_UG">Home</a>
</style>
+
                          </li>
 
+
                          <li class="dropdown">
 
+
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Team<span class="caret"></span></a>
 
+
                            <ul class="dropdown-menu" role="menu">
 
+
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Team">Team</a></li>
 
+
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Attribution">Attribution</a></li>
 
+
                            </ul>
 
+
                          </li>
    <head>
+
                          <li class="dropdown">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
+
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Human Practices<span class="caret"></span></a>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+
                            <ul class="dropdown-menu" role="menu">
    </head>
+
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Silver">Silver</a> </li>
<!-- menu -->  
+
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Gold">Gold</a> </li>
<div id="custom-bootstrap-menu" class="navbar navbar-default navbar-fixed-top" role="navigation">
+
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Integrated_Practices">Integrated Practices</a> </li>
    <div class="container-fluid">
+
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Engagement">Engagement</a> </li>
        <div class="navbar-header">
+
                            </ul>
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-menubuilder"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
+
                          </li>
            </button>
+
                          <li class="dropdown">
        </div>
+
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Project<span class="caret"></span></a>
        <div class="collapse navbar-collapse navbar-menubuilder">
+
                            <ul class="dropdown-menu" role="menu">
            <ul class="nav navbar-nav navbar-right">
+
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Description">Description</a></li>
                <li class="active">
+
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Design">Design</a></li>
                  <a href="https://2016.igem.org/Team:Edinburgh_UG">Home</a></li>
+
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Proof">Proof of Concept</a></li>
                    <li class="dropdown">
+
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Demonstrate">Demonstrate</a></li>
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Team<span class="caret"></span></a>
+
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Notebook">Notebook</a></li>
                    <ul class="dropdown-menu" role="menu">
+
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Babbled2.0">Babbled2.0</a></li>
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Team">Team</a></li>
+
                            </ul>
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Collaborations">Collaboration</a></li>
+
                          </li>
                    </ul>
+
                          <li class="dropdown">
                  </li>
+
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Informatics<span class="caret"></span></a>
                  <li class="dropdown">
+
                            <ul class="dropdown-menu" role="menu">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Project<span class="caret"></span></a>
+
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Lexicon_Encoding">Lexicon Encoding</a></li>
                    <ul class="dropdown-menu" role="menu">
+
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Error_Correction">Error Correction</a></li>
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Description">Project</a></li>
+
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Encryption">Encryption</a></li>
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Description">Description</a></li>
+
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Files">Files</a></li>
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Design">Design</a></li>
+
                            </ul>
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Experiments">Experiments</a></li>
+
                          </li>
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Proof">Proof of Concept</a></li>
+
                          <li class="dropdown">
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Demonstrate">Demonstrate</a></li>
+
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Parts<span class="caret"></span></a>
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Results">Results</a></li>
+
                            <ul class="dropdown-menu" role="menu">
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Notebook">Notebook</a></li>
+
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Basic_Part">Basic Parts</a></li>
                    </ul>
+
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Composite_Part">Composite Parts</a></li>
                  </li>
+
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Part_Collection">Part Collection</a> </li>
                  <li class="dropdown">
+
                            </ul>
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Parts<span class="caret"></span></a>
+
                          </li>
                    <ul class="dropdown-menu" role="menu">
+
                          <li>
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Parts">Team Parts</a></li>
+
                              <a href="#">Collaboration</a>
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Basic_Part">Basic Parts</a></li>
+
                          </li>
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Composite_Part">Composite Parts</a></li>
+
                          <li class="dropdown">
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Part_Collection">Part Collection</a> </li>
+
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Awards<span class="caret"></span></a>
                    </ul>
+
                            <ul class="dropdown-menu" role="menu">
                  </li>
+
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Entrepreneurship">Entrepreneurship</a></li>
                  <li class="dropdown">
+
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Software">Software</a> </li>
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dry Lab<span class="caret"></span></a>
+
                            </ul>
                    <ul class="dropdown-menu" role="menu">
+
                          </li>
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Lexicon_Encoding">Lexicon Encoding</a></li>
+
                          <li class="dropdown">
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Error_Correction">Error Correction</a></li>
+
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Safety<span class="caret"></span></a>
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Files">Files</a></li>
+
                            <ul class="dropdown-menu" role="menu">
                    </ul>
+
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Safety">Lab Safety</a></li>
                  </li>
+
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Biological Safety">Biological Safety</a></li>
                    <li class="dropdown">
+
                            </ul>
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Safety<span class="caret"></span></a>
+
                          </li>
                    <ul class="dropdown-menu" role="menu">
+
                          <li class="dropdown">
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Safety">Safety</a></li>
+
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Interlab<span class="caret"></span></a>
                    </ul>
+
                            <ul class="dropdown-menu" role="menu">
                  </li>
+
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Plate_Reader">Plate Reader</a></li>
                  <li class="dropdown">
+
                            </ul>
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Human Practices<span class="caret"></span></a>
+
                          </li>
                    <ul class="dropdown-menu" role="menu">
+
                      </ul>
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Human_Practices">Human Practices</a></li>
+
                  </div>
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Silver">Silver</a> </li>
+
                  <!-- /.navbar-collapse -->
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Gold">Gold</a> </li>
+
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Integrated_Practices">Integrated Practices</a> </li>
+
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Engagement">Engagement</a> </li>
+
                    </ul>
+
                  </li>
+
                  <li class="dropdown">
+
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Awards<span class="caret"></span></a>
+
                    <ul class="dropdown-menu" role="menu">
+
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Entrepreneurship">Entrepreneurship</a></li>
+
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Hardware">Hardware</a> </li>
+
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Software">Software</a> </li>
+
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Measurement">Measurement</a> </li>
+
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Model">Model</a> </li>
+
                    </ul>
+
                  </li>
+
                  <li class="dropdown">
+
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Interlab<span class="caret"></span></a>
+
                    <ul class="dropdown-menu" role="menu">
+
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Plate_Reader">Plate Reader</a></li>
+
                    </ul>
+
                  </li>
+
            </ul>
+
        </div>
+
    </div>
+
</div>
+
 
+
 
+
    <!-- End of menu  -->
+
 
+
<body>
+
   
+
 
+
      <header class="intro">
+
        <div class="intro-body">
+
          <div class="container">
+
            <div class="row">
+
              <div class="col-md-12">
+
                <h1 class="brand-heading">Proof of concept</h1>
+
                <p class="intro-text">
+
                </p>
+
                <div align="center">
+
                    <a href="#about">
+
                        <span class="arrowtext">Scroll down to read more</span>
+
                        <img src="https://static.igem.org/mediawiki/2014/3/3e/Aalto_Helsinki_Nuoli.png" class="arrow">
+
                    </a>
+
                </div>
+
 
               </div>
 
               </div>
            </div>
+
              <!-- /.container -->
           </div>
+
           </nav>
 
         </div>
 
         </div>
      </header>
+
    </div>
  
 
+
 
    <section id="about">
+
    <!-- End of menu  -->
        <div class="container">
+
            <div class="row">
+
                <div class="col-lg-12 text-center">
+
                    <h2 class="section-heading">Introduction</h2>
+
                    <h3 class="section-subheading text-muted">
+
                      Introduction to the proof of concept.
+
 
<br>
 
<br>
 
<br>
 
<br>
<br>
+
    <!-- Page Header -->
<br>
+
    <!-- Set your background image for this header on the line below. -->
More detailed information regarding the concept are displayed below on this page.
+
    <header class="intro-header" style="background-image: url('https://static.igem.org/mediawiki/2016/c/c1/Pp1920.jpg')">
                    </h3>
+
        <div class="container">
                </div>
+
            </div>
+
 
+
 
+
<section id="about">
+
    <div class="container">
+
 
             <div class="row">
 
             <div class="row">
                 <div class="col-lg-12 text-center">
+
                 <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
                     <h2 class="section-heading">First Step</h2>  
+
                     <div class="site-heading">
                    <h3 class="section-subheading text-muted">
+
                        <h1>Proof of concept</h1>
                      All other things used in the process of the study can be found on the <a href="https://2016.igem.org/Team:Edinburgh_UG">protocols</a> page.
+
                        <hr class="small">
                     </h3>                  
+
                     </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
  </div>
 
</section>
 
 
<div class="container">
 
 
    <div id="accordion" class="panel-group">
 
 
        <div class="panel panel-default">
 
 
            <div class="panel-heading">
 
 
                <h4 class="panel-title">
 
 
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">Introduction</a>
 
 
                </h4>
 
 
            </div>
 
 
            <div id="collapseOne" class="panel-collapse collapse">
 
 
                <div class="panel-body">
 
 
                    <p>INtro 1
 
                    <br>
 
                    Intro 2</p>
 
 
                </div>
 
 
            </div>
 
 
 
         </div>
 
         </div>
 +
    </header>
  
        <div class="panel panel-default">
 
  
            <div class="panel-heading">
 
  
                <h4 class="panel-title">
 
  
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">Demo</a>
 
  
                 </h4>
+
    <!-- Main Content -->
 +
    <div class="container">
 +
        <div class="row">
 +
            <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
 +
                 <div class="post-preview">
  
            </div>
+
                        <br>
 
+
                        <p class="post-meta">BabblED have created a modular and accessible system to store data in DNA. We have demonstrated that data can be encoded into DNA, the DNA can be assembled using a modular system without the high expense of de novo synthesis, then read back with high fidelity and built-in error correction.
            <div id="collapseTwo" class="panel-collapse collapse">
+
                        </p>
 
+
                        <p class="post-meta">Our multi-step proof of concept: </p>
                <div class="panel-body">
+
                        <center><img class="img-responsive"
 
+
                            src="https://static.igem.org/mediawiki/2016/1/14/Proof_of_concept.docx.jpg" alt=""></center>
                    <p>This is a demo.
+
                        <br>
<br>
+
This is a demo.</p>
+
  
 
                 </div>
 
                 </div>
 
+
                <hr>
            </div>
+
                <div class="post-preview">
 
+
                        <h2 class="post-meta">
        </div>
+
                            Data-to-DNA software
 
+
                        </h2>
        <div class="panel panel-default">
+
                        <br>
 
+
                        <p class="post-meta">We have written software in python which allows input data to be converted to DNA in the format of BabbleBlocks. The data library (for example an input list of words) is matched to a corresponding list of coding DNA sequences. The desired data to be encoded is then uploaded, or typed. The software gives and output of which BabbleBricks are required, and which order they are to be assembled. For automated labs a protocol script can be provided.
            <div class="panel-heading">
+
</p>
 
+
                        <p class="post-meta"> </p>
                <h4 class="panel-title">
+
                        <p class="post-meta"> </p>
 
+
                        <p class="post-meta"> </p>
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">Demo</a>
+
                        <p class="post-meta"> </p>
 
+
                </h4>
+
 
+
            </div>
+
 
+
            <div id="collapseThree" class="panel-collapse collapse">
+
 
+
                <div class="panel-body">
+
 
+
                    <p>Demo.</p>
+
 
+
 
                 </div>
 
                 </div>
 +
                <hr>
 +
                <div class="post-preview">
 +
                        <h2 class="post-meta">
 +
                          Creation of BabbleBricks
 +
                        </h2>
 +
                        <br>
 +
                        <p class="post-meta">BabbleBricks are designed to be housed in phytobrick compatible plasmids for storage. The BabbleBrick can be excised from the phytobrick when needed for assembly use. </p>
 +
                        <p class="post-meta">Our BabbleBricks were created using complimentary primers with correct overhangs to be inserted into a plasmid. </p>
 +
                        <p class="post-meta">To maintain a stock levels of the BabbleBricks replication of the plasmid was done by transforming into competent TOP10 e.coli cells. From these, the plasmid was then extracted, purified and mini prepped. This miniprep is now ready to use for assembly.  </p>
 +
                        <p class="post-meta"> Part No XX is an example of a BabbleBrick. In our Lexicon No. 1 it codes for the word “good”.  </p>
  
            </div>
 
  
        </div>
 
     
 
       
 
       
 
             
 
 
                <div class="panel panel-default">
 
 
            <div class="panel-heading">
 
 
                <h4 class="panel-title">
 
 
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseSix">Demo</a>
 
 
                </h4>
 
 
            </div>
 
 
            <div id="collapseSix" class="panel-collapse collapse">
 
 
                <div class="panel-body">
 
 
                    <p>Demo</p>
 
  
 
                 </div>
 
                 </div>
 
+
                <hr>
            </div>
+
                <div class="post-preview">
 
+
                        <h2 class="post-meta">
        </div>
+
                          Assembly of BabbleBricks
 
+
                        </h2>
    </div>
+
                        <br>
</div>
+
                      <p class="post-meta">Creating BabbleBricks from BabbleBlocks (BioBrick device consisting of multiple BabbleBricks) is a demonstration of our new DNA assembly standard for encoding data. </p>
 
+
                      <p class="post-meta">The assembly method is the sequential addition of BabbleBricks onto a growing chain anchored by a magnetic bead. Alternating AB and BA overhangs ensures only one BabbleBrick is added on per ligation step.  </p>
<section id="about">
+
                      <p class="post-meta">Once construct is compete, the DNA is meted off the magnetic bead. This can be stored as is, or digested and ligated into a phytobrick compatible plasmid: </p>
    <div class="container">
+
                      <p class="post-meta">A polyagarose gel is used to ensure the correct product has been made. Here, we can see BabbleBlocks of varying lengths corresponding to the number of BabbleBricks added together. </p>
            <div class="row">
+
                      <p class="post-meta">This can be done because BabbleBricks are defined regular lengths, so we observe regular step-wise differences. BabbleBlocks are made of multiple BabbleBricks, and so are devices.  </p>
                <div class="col-lg-12 text-center">
+
                    <h2 class="section-heading">Results</h2>                  
+
 
                 </div>
 
                 </div>
            </div>
+
                <div class="post-preview">
  </div>
+
                        <h2 class="post-meta">
</section>
+
                          DNA-to-data Software
 
+
                        </h2>
<div class="container">
+
                        <br>
 
+
                        <p class="post-meta">To read the stored data the DNA is sequenced. In Edinburgh we have been using Sanger sequencing because our DNA constructs have repetitive sequences. These would be difficult to assemble using short read lengths of many next generation methods. Ideally however, we would want to use nanopore technology. The MiniION has long read lengths, and can be plugged into a USB port to be used with our software with the highest convenience for the end user.  </p>
    <div id="accordion" class="panel-group">
+
                        <p class="post-meta">The sequence is then read by the decoding software (link again). This uses XYZ to identify the coding regions of each BabbleBrick in order, and match it to the corresponding data fragment in the correct library.  </p>
 
+
                        <p class="post-meta">This software can check and correct errors that may have occurred by sequencing or mutations. To demonstrate its ability modelling was done to allow the software to correct various incorrect input sequences.  </p>
        <div class="panel panel-default">
+
                        <p class="post-meta">We can see that the software was able to identify an error X% of the time, and correct it as shown.  </p>
 
+
            <div class="panel-heading">
+
 
+
                <h4 class="panel-title">
+
 
+
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseSeven">Demo</a>
+
 
+
                </h4>
+
 
+
            </div>
+
 
+
            <div id="collapseSeven" class="panel-collapse collapse">
+
 
+
                <div class="panel-body">
+
  
                    <p>Demo</p>
 
  
 
                 </div>
 
                 </div>
 +
                <hr>
 +
                <!-- Pager -->
  
 
             </div>
 
             </div>
 
 
         </div>
 
         </div>
 
       
 
 
        <div class="panel panel-default">
 
 
            <div class="panel-heading">
 
 
                <h4 class="panel-title">
 
 
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseNine">Demo</a>
 
 
                </h4>
 
 
            </div>
 
 
            <div id="collapseNine" class="panel-collapse collapse">
 
 
                <div class="panel-body">
 
<p>1.) 1278.712 <br>  2.) 1216.887  <br>  3.) 1110.834</p>
 
 
                </div>
 
 
            </div>
 
 
        </div>
 
 
         
 
 
 
         
 
 
          <div class="panel panel-default">
 
 
            <div class="panel-heading">
 
 
                <h4 class="panel-title">
 
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwelve">Demo</a>
 
 
                </h4>
 
 
            </div>
 
 
            <div id="collapseTwelve" class="panel-collapse collapse">
 
 
                <div class="panel-body">
 
 
                    <p>
 
                      1.) 3185.188 <br> 2.) 3119.913 <br> 3.) 2396.115
 
                      <br>
 
                      Mean = 2900.405
 
                      <br>
 
                      Standard Deviation = 437.946
 
                  </p>
 
 
                </div>
 
 
            </div>
 
 
        </div>
 
 
 
         
 
 
     </div>
 
     </div>
</div>
 
  
<section id="about">
+
     <hr>
     <div class="container">
+
            <div class="row">
+
                <div class="col-lg-12 text-center">
+
                    <h2 class="section-heading">Demo - Something else</h2>                   
+
                </div>
+
            </div>
+
  </div>
+
</section>
+
 
+
<div class="container">
+
 
+
    <div id="accordion" class="panel-group">
+
 
+
       
+
 
+
        <div class="panel panel-default">
+
 
+
            <div class="panel-heading">
+
 
+
                <h4 class="panel-title">
+
 
+
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseSixteen">Demo</a>
+
 
+
                </h4>
+
 
+
            </div>
+
 
+
            <div id="collapseSixteen" class="panel-collapse collapse">
+
 
+
                <div class="panel-body">
+
 
+
                    <p>2nd Demo <br> Demo</p>
+
  
 +
    <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>
 
 
         </div>
 
         </div>
    </div>
+
<br>
</div>
+
<br>
 
+
  
  
 
</body>
 
</body>
  
</p>
 
 
 
 
</div> <div class="visualClear"></div>
 
    </div>
 
</div>
 
    </div>
 
</body>
 
 
</html>
 
</html>

Revision as of 20:48, 11 October 2016

Attribution

Proof of concept














Follow Us