Difference between revisions of "Team:Tuebingen/test lukas"

(Blanked the page)
Line 1: Line 1:
 +
<!DOCTYPE html>
 +
<html lang="en" dir="ltr" class="client-nojs">
 +
<head>
 +
<meta charset="UTF-8" />
 +
<title>Team:TUDelft - 2019.igem.org</title>
 +
<meta name="generator" content="MediaWiki 1.24.1" />
 +
<link rel="shortcut icon" href="/favicon.ico" />
 +
<link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2019.igem.org (en)" />
 +
<link rel="alternate" hreflang="x-default" href="/Team:TUDelft" />
 +
<link rel="copyright" href="https://creativecommons.org/licenses/by/3.0/" />
 +
<link rel="alternate" type="application/atom+xml" title="2019.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" />
 +
<link rel="stylesheet" href="https://2019.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;*" />
 +
<!--[if IE 6]><link rel="stylesheet" href="/wiki/skins/Igem/IE60Fixes.css?303" media="screen" /><![endif]-->
 +
<!--[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}
 +
/* cache key: 2019_igem_org:resourceloader:filter:minify-css:7:35f114711b15fda1f15f5df02b43e4bc */</style>
 +
<script src="https://2019.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:TUDelft","wgTitle":"Team:TUDelft","wgCurRevisionId":38709,"wgRevisionId":38709,"wgArticleId":2511,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":"Zeth","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:TUDelft","wgUserId":531,"wgUserEditCount":4,"wgUserRegistration":1553294862000,"wgUserNewMsgRevisionId":null,"wgIsProbablyEditable":false,"wgRestrictionEdit":[],"wgRestrictionMove":[]});
 +
}</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":"473aed25171e8965ccae11c4409cd60a+\\","patrolToken":"2707852c3811d5cc61bafd7952bbe72e+\\","watchToken":"5f44c5b51a74b3aa6597cf70cda20f1b+\\"});},{},{});
 +
/* cache key: 2019_igem_org:resourceloader:filter:minify-js:7:cc761cc017c905899499177fa3986f03 */
 +
}</script>
 +
<script>if(window.mw){
 +
mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
 +
}</script>
 +
</head>
 +
<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject page-Team_TUDelft skin-igem action-view">
  
 +
        <script type='text/javascript'        src ='/common/tablesorter/jquery.tablesorter.min.js'></script>
 +
        <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' />
 +
        <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
 +
 +
        <script type='text/javascript'        src ='/wiki/skins/Igem/resources/2019_skin.js'></script>
 +
 +
 +
    <div id='globalWrapper'>
 +
        <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://2019.igem.org/cgi/top_menu_14/menubar_reply.cgi',
 +
    {  t:"Team%3ATUDelft",
 +
a:"View+%2FTeam%3ATUDelft++View source+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3ATUDelft%26action%3Dedit++History+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3ATUDelft%26action%3Dhistory++Watch+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3ATUDelft%26action%3Dwatch%26token%3D0955035fce823cfbd4ec94328106524a%252B%255C++Page+%2FTeam%3ATUDelft++Discussion+%2Fwiki%2Findex.php%3Ftitle%3DTalk%3ATeam%3ATUDelft%26action%3Dedit%26redlink%3D1++" });
 +
</script>
 +
 +
        <!-- Content div contains HQ_page for HQ styles, Logo and title div, and USER CONTENT -->
 +
<div id="content" class="mw-body" role="main">
 +
    <a id="top"></a>
 +
 +
            <div id="top_title">
 +
                <div class="logo_2019">
 +
                    <a href="https://2019.igem.org">
 +
                    <img src="https://static.igem.org/mediawiki/2019/8/8b/HQ_page_logo.jpg" width="100px">
 +
                    </a>
 +
                </div>
 +
 +
        <h1 id="firstHeading" class="firstHeading">
 +
            <span dir="auto">Team:TUDelft</span>
 +
        </h1>
 +
            </div>
 +
 +
            <div id="HQ_page">
 +
                <div id="bodyContent">
 +
            <div id="mw-content-text" lang="en" dir="ltr" class="mw-content-ltr"><p>
 +
   
 +
    <!-- Basic
 +
    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
 +
    <meta charset="utf-8" />
 +
    <title> Sci-Phi 29 </title>
 +
    <meta name="description" content=" An iGEM project" />
 +
    <meta name="author" content=" Weronika Hoska van Aken and Huyen My Nguyen" />
 +
 +
    <!-- Mobile Specific Metas
 +
    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
 +
    <meta name="viewport" content="width=device-width, initial-scale=1" />
 +
   
 +
    <!-- FONT
 +
    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
 +
        <link href="http://fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css" />
 +
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 +
 +
   
 +
    <!-- CSS
 +
    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
 +
    <link rel="stylesheet" href="https://2019.igem.org/wiki/index.php?title=Team:TUDelft/bootstrap/3.3.7/css/bootstrap.min.css&amp;action=raw&amp;ctype=text">
 +
    <link rel="stylesheet" href="https://2019.igem.org/wiki/index.php?title=Team:TUDelft/ajax/libs/KaTeX/0.7.1/katex.min.css&amp;action=raw&amp;ctype=text" integrity="sha384-wITovz90syo1dJWVh32uuETPVEtGigN07tkttEqPv+uR2SE/mbQcG7ATL28aI9H0" crossorigin="anonymous">
 +
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">
 +
 +
    <!-- JS
 +
    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
 +
  <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
 +
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 +
    <script src="https://use.fontawesome.com/b31c04f526.js"></script>
 +
 +
 +
  <!-- KATEX
 +
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
 +
  <script src="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.7.1/katex.min.js" integrity="sha384-/y1Nn9+QQAipbNQWU65krzJralCnuOasHncUFXGkdwntGeSvQicrYkiUBwsgUqc1" crossorigin="anonymous"></script>
 +
    <script src="https://2019.igem.org/wiki/index.php?title=Team:TUDelft/js/auto-render&amp;action=raw&amp;ctype=text/javascript" type="text/javascript"></script>
 +
  <script>
 +
      document.addEventListener("DOMContentLoaded", function() {
 +
            renderMathInElement(document.body, {
 +
                delimiters: [{
 +
                        left: "$$",
 +
                        right: "$$",
 +
                        display: true
 +
                    },
 +
                    {
 +
                        left: "\\[",
 +
                        right: "\\]",
 +
                        display: true
 +
                    },
 +
                    {
 +
                        left: "$",
 +
                        right: "$",
 +
                        display: false
 +
                    },
 +
                    {
 +
                        left: "\\(",
 +
                        right: "\\)",
 +
                        display: false
 +
                    }
 +
                ],
 +
                throwOnError: false,
 +
                macros: {
 +
                    '\\tag': '\\pod\\text'
 +
                }
 +
            });
 +
            var eqno = document.querySelectorAll(".katex span > span.mspace.quad");
 +
            for (var i = 0; i < eqno.length; ++i) {
 +
                if (eqno[i].parentNode.className)
 +
                    continue;
 +
                var quad = eqno[i];
 +
                var span = quad.parentNode;
 +
                var text = span.nextSibling;
 +
                var pare = text.nextSibling;
 +
                span.removeChild(quad);
 +
                span.appendChild(text);
 +
                span.appendChild(pare);
 +
                span.className = 'eqno';
 +
            }
 +
        });
 +
    </script>
 +
 +
<!-- Favicon
 +
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
 +
    <link rel="icon" type="image/png" href="https://static.igem.org/mediawiki/2019/c/c2/T--TUDelft--favicon.png" />
 +
 +
 +
 +
 +
    <head>
 +
        <meta name="viewport" content="width=device-width, initial-scale=1">
 +
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 +
 +
        <script>
 +
            $(document).ready(function() {
 +
                $("#HQ_page").removeAttr('id');
 +
                $("#globalWrapper").removeAttr('id');
 +
                $("#content").removeAttr('id');
 +
                $("#bodyContent").removeAttr('id');
 +
                $("#mw-content-text").removeAttr('id');
 +
            });
 +
        </script>
 +
        <style>
 +
            /*  om MediaWiki style weg te halen*/
 +
            p{
 +
                margin-bottom: 0 !important;
 +
                margin: 0;
 +
            }
 +
 +
            h1 {
 +
                color: #def4fa 
 +
                    border-bottom: 0px !important;
 +
            }
 +
            h2 {
 +
                color: #00A6D6
 +
            }
 +
 +
            #home_logo, #sideMenu {
 +
                display:none;
 +
            }
 +
            #sideMenu, #top_title, .patrollink  {
 +
                display:none;
 +
            }
 +
 +
            /Bootstrap.min altered the way the top menu looks, by changing box-sizing: from border-box to initial, the damage is undone/
 +
            #top_menu_14 {
 +
                box-sizing: initial;
 +
            }
 +
            td a{
 +
                padding-right: 0px !important;
 +
            }
 +
 +
            .subttt{color: white !important;}
 +
            a.subtt { color: white !important; }
 +
            a.subtt:hover { color: #4a90e2 !important; } 
 +
 +
 +
 +
            /*  general font */
 +
                    * {
 +
              font-family: 'Open Sans', sans-serif;
 +
          }   
 +
 +
            /*    menu bar */
 +
            .navbartu {
 +
                background-color: #bce9f5;
 +
                top:18px;
 +
                width:100%;
 +
                overflow:hidden;
 +
 +
            }
 +
            .navbartu a {
 +
                float: left;
 +
                display:block;
 +
                font-size: 16px;
 +
                color: black;
 +
                text-align: center;
 +
                padding: 14px 16px;
 +
                text-decoration: none;
 +
 +
            }
 +
            .navbartu .test {
 +
                font-size: 16px;
 +
                color: black;
 +
                text-align: center;
 +
                padding: 25px 16px;
 +
                text-decoration: none;
 +
            }
 +
            .navbartu .social{
 +
                float:right;
 +
                overflow: hidden;
 +
                padding: 22px 4px;
 +
            }
 +
 +
            .dropdowntu {
 +
                float: left;
 +
                overflow: hidden;
 +
            }
 +
 +
            .dropdowntu .dropbtn {
 +
                font-size: 16px; 
 +
                border: none;
 +
                outline: none;
 +
                color: black;
 +
                padding: 25px 16px;
 +
                background-color: inherit;
 +
                font-family: inherit;
 +
                margin:0px;
 +
            }
 +
 +
            .navbartu a:hover, .dropdowntu:hover .dropbtn {
 +
                background-color: #bedde5;
 +
            }
 +
 +
            .dropdown-content {
 +
                display: none;
 +
                position: absolute;
 +
                background-color: #f9f9f9;
 +
                min-width: 160px;
 +
                box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
                z-index: 1;
 +
 +
            }
 +
 +
            .dropdown-content a {
 +
                float: none;
 +
                color: black;
 +
                padding: 12px 16px;
 +
                text-decoration: none;
 +
                display: block;
 +
                text-align: left;
 +
            }
 +
 +
            .dropdown-content a:hover {
 +
                background-color: #ddd;
 +
            }
 +
 +
            .dropdowntu:hover .dropdown-content {
 +
                display: block;
 +
            }
 +
            .navbartu .icon {
 +
                display: none;
 +
                padding:25px;
 +
            }
 +
 +
    /*        <!-- ---- Banner
 +
-------------------------------------------- --> */
 +
            .Banner{
 +
            background: linear-gradient(rgba(188, 233, 246,1), rgba(233, 248, 252,0.1));
 +
            background-size: cover;
 +
            background-position:center;
 +
          height: 40%;
 +
          } 
 +
    /*        <!-- ---- References
 +
-------------------------------------------- --> */
 +
      .reftu a:link {
 +
            color:black;
 +
            background-color:transparent;
 +
            text-decoration: none;
 +
        }
 +
        .reftu a:hover {
 +
            color: #00A6D6;
 +
            background-color: transparent;
 +
            text-decoration: underline;
 +
        }
 +
 +
          /*            <!-- ---- top button
 +
----------------------------------------------  -->*/
 +
            #myBtn {
 +
                display: none; /* Hidden by default */
 +
                position: fixed; /* Fixed/sticky position */
 +
                bottom: 20px; /* Place the button at the bottom of the page */
 +
                right: 30px; /* Place the button 30px from the right */
 +
                z-index: 99; /* Make sure it does not overlap */
 +
                border: none; /* Remove borders */
 +
                outline: none; /* Remove outline */
 +
                background-color: white; /* Set a background color */
 +
                opacity: 0.65;
 +
                cursor: pointer; /* Add a mouse pointer on hover */
 +
                padding: 10px; /* Some padding */
 +
                border-radius: 10px; /* Rounded corners */
 +
            }
 +
 +
            #myBtn:hover {
 +
                background-color: #def4fa; /* Add a background on hover */
 +
                opacity: 0.8;
 +
            }
 +
 +
 +
            #logo {
 +
                height:40px;}
 +
 +
            #social {
 +
                height:25px;}
 +
 +
            .main {
 +
                padding:16px;
 +
                margin-top: 60px;
 +
                height:1500px;
 +
            }
 +
            body {
 +
                background-color: #f8fcfe;
 +
  background-position: 0% 15%;
 +
                background-repeat: repeat;
 +
                background-size: 50%;
 +
            }
 +
            body{font-size:16px;}
 +
            .centerjustify {
 +
                margin-left: auto;
 +
                margin-right: auto;
 +
                width: 60%;
 +
                margin-top: 60px;
 +
                margin-bottom: 60px;
 +
text-align: justify;
 +
            }
 +
 +
figcaption{
 +
text-align: left;
 +
font-size:13px;
 +
}
 +
.imagetu {
 +
width:60%;
 +
}
 +
 +
 +
            @media screen and (max-width: 1320px) {
 +
                .dropdown-content a {
 +
                    font-size: 15px;  }
 +
                .navbartu .test {font-size:15px;
 +
                    padding: 24px 15px;}
 +
                .navbartu .dropbtn{font-size:15px;
 +
                    padding: 24px 15px;}
 +
                #logo{height:37px;}
 +
                #social{height:21px;}
 +
 +
 +
            }
 +
 +
            @media screen and (max-width: 1220px) {
 +
                .dropdown-content a {
 +
                    font-size: 14px;  }
 +
                .navbartu .test {font-size:14px;
 +
                    padding: 23px 14px;}
 +
                .navbartu .dropbtn{font-size:14px;
 +
                    padding: 23px 14px;}
 +
                .navbartu .social{
 +
                    padding: 21px 4px;
 +
                }
 +
                #logo{height:34px;}
 +
                #social{height:18px;}
 +
 +
            }
 +
 +
            @media screen and (max-width: 1140px) {
 +
                .dropdown-content a {
 +
                    font-size: 13px;  }
 +
                .navbartu .test {font-size:13px;
 +
                    padding: 22px 13px;}
 +
                .navbartu .dropbtn{font-size:13px;
 +
                    padding: 22px 13px;}
 +
                .navbartu .social{
 +
                    padding: 20px 4px;
 +
                }
 +
                #logo{height:31px;}
 +
                #social{height:15px;}
 +
 +
            }
 +
 +
            @media screen and (max-width: 1060px) {
 +
                .dropdown-content a {
 +
                    font-size: 12px;  }
 +
                .navbartu .test {font-size:12px;
 +
                    padding: 21px 12px;}
 +
                .navbartu .dropbtn{font-size:12px;
 +
                    padding: 21px 12px;}
 +
                .navbartu .social{
 +
                    padding: 18.5px 4px;
 +
                }
 +
                #logo{height:28px;}
 +
                #social{height:12px;}
 +
 +
            }
 +
            @media screen and (max-width: 980px) {
 +
                .dropdown-content a {
 +
                    font-size: 11px;  }
 +
                .navbartu .test {font-size:11px;
 +
                    padding: 20px 11px;}
 +
                .navbartu .dropbtn{font-size:11px;
 +
                    padding: 20px 11px;}
 +
                .navbartu .social{
 +
                    padding: 16.5px 4px;
 +
                }
 +
                #logo{height:24px;}
 +
                #social{height:9px;}
 +
 +
            }
 +
 +
            @media screen and (max-width: 900px) {
 +
                .dropdown-content a {
 +
                    font-size: 10px;  }
 +
                .navbartu .test {font-size:10px;
 +
                    padding: 19px 10px;}
 +
                .navbartu .dropbtn{font-size:10px;
 +
                    padding: 19px 10px;}
 +
                .navbartu .social{
 +
                    padding: 15px 4px;
 +
                }
 +
                #logo{height:21px;}
 +
                #social{height:8px;}
 +
 +
            }
 +
 +
 +
            @media screen and (max-width: 800px) {
 +
                .navbartu a:not(:first-child), .dropdowntu .dropbtn {
 +
                    display: none;
 +
                }
 +
                .navbartu a.icon {
 +
                    float: right;
 +
                    display: block;
 +
                }
 +
 +
                .navbartu.responsive {position: relative;}
 +
                .navbartu.responsive .icon {
 +
                    position: absolute;
 +
                    right: 0;
 +
                    top: 0;
 +
                }
 +
                .navbartu.responsive a {
 +
                    float: none;
 +
                    display: block;
 +
                    text-align: left;
 +
                }
 +
 +
                .navbartu.responsive .dropdowntu {float: none;}
 +
                .navbartu.responsive .dropdown-content {position: relative;}
 +
                .navbartu.responsive .dropdowntu .dropbtn {
 +
                    display: block;
 +
                    width: 100%;
 +
                    text-align: left;
 +
                }
 +
            }     
 +
 +
            @media screen and (max-width: 800px) {
 +
                .dropdown-content a {font-size: 16px;}
 +
                .navbartu .test {font-size:16px;}
 +
                .navbartu .dropbtn{font-size:16px;}
 +
                #logo {height:40px;}
 +
                #social {height:25px;}
 +
                .centerjustify {width: 85%;}
 +
.imagetu {
 +
width:100%;
 +
}
 +
figure{margin:0px 0px}
 +
 +
            }
 +
 +
 +
 +
        </style>
 +
    </head>
 +
    <body>
 +
 +
 +
 +
        <button onclick="topFunction()" id="myBtn" title="Go to top"><img src="https://static.igem.org/mediawiki/2019/6/6d/T--TUDelft--Top.png" alt="Top" height="40px"></button>
 +
 +
        <!--de lijst
 +
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
 +
 +
        <div class="navbartu" id="myTopnav">
 +
            <a href="https://2019.igem.org/Team:TUDelft">
 +
                <img id="logo" src="https://static.igem.org/mediawiki/2019/c/c2/T--TUDELFT--logonavbar-3.png" alt=""></a>
 +
 +
            <a class="test" href="https://2019.igem.org/Team:TUDelft"><b>Home</b></a>
 +
 +
            <div class="dropdowntu">
 +
                <button class="dropbtn"><b>Project</b>
 +
                    <i class="fa fa-caret-down"></i>
 +
                </button>
 +
                <div class="dropdown-content">
 +
                    <a href="https://2019.igem.org/Team:TUDelft/Description">Description</a>
 +
                    <a href="https://2019.igem.org/Team:TUDelft/Design">Design</a>
 +
                    <a href="https://2019.igem.org/Team:TUDelft/Demonstrate">Demonstrate</a>
 +
 +
                </div>
 +
            </div>
 +
            <div class="dropdowntu">
 +
                <button class="dropbtn"><b>Wetlab</b>
 +
                    <i class="fa fa-caret-down"></i>
 +
                </button>
 +
                <div class="dropdown-content">
 +
                    <a href="https://2019.igem.org/Team:TUDelft/Experiments">Experiments</a>
 +
                    <a href="https://2019.igem.org/Team:TUDelft/Safety">Safety</a>
 +
                    <a href="https://2019.igem.org/Team:TUDelft/Notebook">Notebook</a>
 +
                    <a href="https://2019.igem.org/Team:TUDelft/Results">Results</a>
 +
                </div>
 +
            </div>
 +
            <div class="dropdowntu">
 +
                <button class="dropbtn"><b>Modeling</b>
 +
                    <i class="fa fa-caret-down"></i>
 +
                </button>
 +
                <div class="dropdown-content">
 +
                    <a href="#">Codon Optimization</a>
 +
                    <a href="#">Reaction Kinetics</a>
 +
 +
                </div>
 +
            </div>
 +
            <div class="dropdowntu">
 +
                <button class="dropbtn"><b>Parts</b>
 +
                    <i class="fa fa-caret-down"></i>
 +
                </button>
 +
                <div class="dropdown-content">
 +
                    <a href="https://2019.igem.org/Team:TUDelft/Parts">Parts Overview</a>
 +
                    <a href="https://2019.igem.org/Team:TUDelft/Basic_Part">Basic Parts</a>
 +
                    <a href="https://2019.igem.org/Team:TUDelft/Composite_Part">Parts Composite</a>
 +
                    <a href="https://2019.igem.org/Team:TUDelft/Part_Collection">Parts Collection</a>
 +
                    <a href="https://2019.igem.org/Team:TUDelft/Contribution">Contribution</a>
 +
                    <a href="https://2019.igem.org/Team:TUDelft/Improve">Improve</a>
 +
 +
                </div>
 +
            </div>
 +
            <div class="dropdowntu">
 +
                <button class="dropbtn"><b>Human Practices</b>
 +
                    <i class="fa fa-caret-down"></i>
 +
                </button>
 +
                <div class="dropdown-content">
 +
                    <a href="https://2019.igem.org/Team:TUDelft/Human_Practices">Human Practices</a>
 +
                    <a href="https://2019.igem.org/Team:TUDelft/Public_Engagement">Education &amp; Engagement</a>
 +
 +
                </div>
 +
            </div>
 +
            <div class="dropdowntu">
 +
                <button class="dropbtn"><b>Team</b>
 +
                    <i class="fa fa-caret-down"></i>
 +
                </button>
 +
                <div class="dropdown-content">
 +
                    <a href="https://2019.igem.org/Team:TUDelft/Team">Team Members</a>
 +
                    <a href="#">Supervisors</a>
 +
                    <a href="https://2019.igem.org/Team:TUDelft/Collaborations">Collaborations</a>
 +
                </div>
 +
            </div>
 +
            <div class="dropdowntu">
 +
                <button class="dropbtn"><b>Acknowledgements</b>
 +
                    <i class="fa fa-caret-down"></i>
 +
                </button>
 +
                <div class="dropdown-content">
 +
                    <a href="https://2019.igem.org/Team:TUDelft/Attributions">Attributions</a>
 +
                    <a href="#">Sponsors</a>
 +
                </div>
 +
            </div>
 +
 +
 +
            <a class="social" href="mailto:igem@tudelft.nl"><img id="social" src="https://static.igem.org/mediawiki/2019/b/b4/T--TUDELFT--mailicon.png" alt="Email" /></a>
 +
            <a class="social" href="https://www.instagram.com/igemtudelft/?hl=en" target="_blank" rel="noopener"><img id="social" src="https://static.igem.org/mediawiki/2019/5/58/T--TUDELFT--instaicon.png" alt="Instagram" /></a>
 +
 +
 +
            <a class="social" href="https://twitter.com/TUDelft_iGEM?lang=en" target="_blank" rel="noopener"><img id="social" src="https://static.igem.org/mediawiki/2019/8/83/T--TUDELFT--twittericon.png" alt="Twitter" /></a>
 +
            <a class="social" href="https://www.linkedin.com/company/igem-tu-delft/" target="_blank" rel="noopener"><img id="social" src="https://static.igem.org/mediawiki/2019/d/d7/T--TUDELFT--linkedin.png" alt="LinkedIn" /></a>
 +
            <a class="social"  href="https://www.facebook.com/TUDelft.iGEM2019/" target="_blank" rel="noopener"><img id="social" src="https://static.igem.org/mediawiki/2019/a/ad/T--TUDELFT--fbicon.png" alt="Facebook" /></a>
 +
 +
            <a href="javascript:void(0);" class="icon" onclick="myFunction()">
 +
                <i class="fa fa-bars"></i>
 +
            </a>
 +
 +
        </div>
 +
 +
 +
 +
        <script>// When the user scrolls down 20px from the top of the document, show the button
 +
            window.onscroll = function() {scrollFunction()};
 +
 +
            function scrollFunction() {
 +
                if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
 +
                    document.getElementById("myBtn").style.display = "block";
 +
                } else {
 +
                    document.getElementById("myBtn").style.display = "none";
 +
                }
 +
            }
 +
 +
            // When the user clicks on the button, scroll to the top of the document
 +
            function topFunction() {
 +
                document.body.scrollTop = 0; // For Safari
 +
                document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
 +
            }
 +
            //            <!-- hamburger -->
 +
            function myFunction() {
 +
                var x = document.getElementById("myTopnav");
 +
                if (x.className === "navbartu") {
 +
                    x.className += " responsive";
 +
                } else {
 +
                    x.className = "navbartu";
 +
                }
 +
            }
 +
 +
        </script>
 +
 +
    </body>
 +
 +
 +
</p><p>
 +
<style>
 +
.Banner{
 +
background: linear-gradient( rgba(188, 233, 246,1), rgba(233, 248, 252,0.1));
 +
background-size: cover;
 +
    background-position:center;
 +
    width:100%;
 +
   
 +
 +
 +
     
 +
.text-center{text-align:center!important}
 +
 +
 +
 +
</style>
 +
 +
           
 +
 +
    <body>
 +
 +
<div class="Banner container-fluid text-center mb-0 align-items-center ">
 +
 +
        <div class="display-2 mb-0">
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<img src = "https://static.igem.org/mediawiki/2019/4/4e/T--TUDELFT--logowithtext.png" alt="Sci-Phi 29" style="width:80%";
 +
                   
 +
 
 +
 +
</div>
 +
</div>           
 +
       
 +
 +
</div>
 +
        <div class="centerjustify">
 +
            <h2>Project Description &amp; Inspiration</h2>
 +
            <p>
 +
                What if we could domesticate bacteria on the same scale as we have been doing with crops and livestock for thousands of years? That is the question that inspired the TU Delft iGEM team of 2019.
 +
                We realized that we live on a planet with an immensely rich biodiversity, including millions of different bacterial species <a href="#Schloss2016">(Schloss et al., 2016)</a>. On estimate only 1% of bacteria on Earth can be cultured, and from that small percentage only a few species can be genetically edited <a href="#Shapira2017">(Shapira, Kwon &amp; Youtie, 2017)</a>. Researchers still lack the necessary knowledge to use many non-model microorganisms to their full potential. Especially, host-specific regulatory parts need to be characterized before a novel organism strain is genetically adaptable <a href="#Bervoets2019">(Bervoets &amp; Charlier, 2019)</a>.
 +
                <br>
 +
                <br>
 +
                Unfortunately, it is very expensive and time-consuming to characterize the regulatory parts of only a single organism for future uses in synthetic biology <a href="#Shapira2017">(Shapira, Kwon &amp; Youtie, 2017)</a>.
 +
                Furthermore, these regulatory parts are host-specific. This means knowledge about the parts in one organism is probably not applicable to another organism. Many discoveries made in the field of synthetic biology thus have to be adapted to be functional in another cell platform <a href="#Bervoets2019">(Bervoets &amp; Charlier, 2019)</a>. These limitations restrict us to a handful of genetically adaptable organisms for biotechnological applications <a href="#Shapira2017">(Shapira, Kwon &amp; Youtie, 2017</a>; <a href="#Vartoukian2010">Vartoukian, Palmer &amp; Wade, 2010)</a>. Examples of such model organisms are <i>Escherichia coli</i> and <I>Bacillus subtilis</i>. We already use these bacteria to produce a wide range of products, including antibiotics, proteins and biofuels <a href="#Vartoukian2010">(Vartoukian, Palmer &amp; Wade, 2010)</a>.
 +
                <br>
 +
                <br>
 +
                Since researchers can already do so much with this handful of model organisms, our team wondered what we could achieve if we could utilize other bacteria as well. We had an initial interest in bacterial diversity, and in exploring the capabilities of non-model bacterial strains.
 +
                Many non-model bacterial organisms have interesting properties. Think of the ability to consume specific substrates (e.g. cellulose, organic waste matter); live in harsh conditions (e.g. high temperatures or salinity); or high growth rates. Because of these properties, non-model bacteria are of interest in the fields of synthetic biology and metabolic engineering, where researchers try to improve and utilize those metabolic capabilities. When we realized that a whole toolkit must be developed for each bacterial species in order to genetically adapt it, we decided on our final project: <b>Sci-Phi 29</b>.
 +
                <br>
 +
                <br>
 +
                Our team intends to create a universal toolbox based on orthogonal gene expression techniques. Our toolbox is based on the phi29 and T7 systems, which work independently from their environment. We will enhance the following properties (<b>Figure 1</b>):
 +
            </p>
 +
            <ul>
 +
                <li> <b>Orthogonal replication:</b> The Sci-Phi29 plasmid will replicate individually of the genome thanks to the replication system of the Phi29 bacteriophage. This consists of protein-primed DNA synthesis by terminal proteins (TP) and a specific DNA polymerase (ϕ29 Pol) that is activated when binding to the TP protein</li>
 +
                <li> <b>Orthogonal transcription:</b> The Sci-Phi29 plasmid will carry out transcription through the use of a set of T7 promoters and an encoded T7 polymerase</li>
 +
            </ul>
 +
            <br>
 +
            <figure>
 +
                <center>
 +
                  <a href="https://static.igem.org/mediawiki/2019/d/d1/T--TUDelft--orthogonalitywhite.png"><img src = "https://static.igem.org/mediawiki/2019/5/5d/T--TUDelft--Orthogonalityoverview.png" alt="Overview Universality" class="imagetu"> </a>
 +
                 
 +
<figcaption><b>Figure 1. Orthogonal replication and transcription.</b> Our approach consists of engineering a plasmid that incorporates orthogonal replication inspired by the Φ29 bacteriophage system (linear DNA with proteins covalently bound to the 5' termini) and T7 orthogonal transcription.</figcaption>
 +
                </center>
 +
            </figure>
 +
 +
            <br>
 +
 +
            <p>
 +
                Utilizing these properties, we will create a universal platform that can be used for a bacterium of your choice, without the need of the characterization as described above. This means that our system can even by used in non-model organisms (<b>Figure 2</b>). Furthermore, by combining this system with high-throughput tools, it will enable simultaneous testing of genetic circuits in dozens of bacterial strains. This will allow scientists to test which bacterium is best suited for production of a particular product. Sci-Phi 29 will function as the key to unlock organisms for everybody’s benefit, so we can help push synthetic biology to the next level.
 +
            </p>
 +
            <figure>
 +
                <center>
 +
                    <a href="https://static.igem.org/mediawiki/2019/e/e2/T--TUDelft--overviewuniversalitywhite.png"><img src = "https://static.igem.org/mediawiki/2019/c/ca/T--TUDELFT--overviewuniversality.png" alt="Overview Universality" class="imagetu"> </a>
 +
                    <figcaption><b>Figure 2. Universal gene expression platform.</b> The goal of our toolkit is to create a universal gene expression platform that would enable genetic engineering of any prokaryote.</figcaption>
 +
                </center>
 +
            </figure>
 +
            <br>
 +
            <br>
 +
            <br>
 +
            <br>
 +
            <br>
 +
            <br>
 +
 +
  <h3> References </h3>
 +
          <div class="reftu">
 +
                <ul style="list-style:none;">
 +
                    <li>
 +
                        <a id="Bervoets2019" href="https://doi.org/10.1093/femsre/fuz001" target="_blank">
 +
                            Bervoets, I., and Charlier, D. (2019). Diversity, versatility and complexity of bacterial gene regulation mechanisms: opportunities and drawbacks for applications in synthetic biology. <i>FEMS Microbiology Reviews</i>, 43(3), 304–339.
 +
                        </a>
 +
                    </li>
 +
                    <li>
 +
                        <a id="Schloss2016" href="https://doi.org/10.1128/mBio.00201-16" target="_blank">
 +
                            Schloss, P. D., Girard, R. A., Martin, T., Edwards, J., and Thrash, J. C. (2016). Status of the Archaeal and Bacterial Census: an Update. <i>MBio</i>, 7(3), e00201-16.
 +
                        </a>
 +
                    </li>
 +
                    <li>
 +
                        <a id="Shapira2017" href="https://doi.org/10.1007/s11192-017-2452-5" target="_blank">
 +
                            Shapira, P., Kwon, S., and Youtie, J. (2017). Tracking the emergence of synthetic biology. <i>Scientometrics</i>, 112(3), 1439–1469.
 +
                        </a>
 +
                    </li>
 +
                    <li>
 +
                        <a id="Vartoukian2010" href="https://doi.org/10.1111/j.1574-6968.2010.02000.x" target="_blank">
 +
                            Vartoukian, S. R., Palmer, R. M., and Wade, W. G. (2010). Strategies for culture of ‘unculturable’ bacteria. <i>FEMS Microbiology Letters</i>, 309(1), 1-7.
 +
                        </a>
 +
                    </li>
 +
                </ul>
 +
            </div>
 +
        </div>
 +
    </body>
 +
 +
 +
<style>
 +
/* FOOTER */
 +
.footer {
 +
background: linear-gradient(rgba(233, 248, 252,0.1), rgba(188, 233, 246,1));
 +
position: relative;
 +
right: 0;
 +
bottom: -30px;
 +
left: 0;
 +
padding: 1rem;
 +
}
 +
 +
.sponsoring1 {
 +
max-height: 50px;
 +
width: auto;
 +
padding: 10px 10px;
 +
}
 +
 +
.sponsoring2 {
 +
max-height: 40px;
 +
width: auto;
 +
padding: 10px 10px;
 +
}
 +
 +
.sponsoring3 {
 +
max-height: 30px;
 +
width: auto;
 +
padding: 10px 10px;
 +
}
 +
 +
.sponsors {
 +
display: block;
 +
position: relative;
 +
}
 +
</style>
 +
 +
<body>
 +
    <footer class="footer">
 +
 +
<center>        <h5 class="center"><b> Special thanks to our sponsors: </b></h5>
 +
<br>
 +
<br>
 +
        <div class="sponsors center">
 +
           
 +
            <a href="http://tudelft.nl/en">
 +
                <img src="https://static.igem.org/mediawiki/2019/5/55/T--TUDelft--TUDelft_logo.png" alt="TU Delft" title="TU Delft" class="sponsoring2" style="height:100%;"/>
 +
            </a>
 +
           
 +
            <a href="https://www.tudelft.nl/en/faculty-of-applied-sciences/">
 +
<img src="https://static.igem.org/mediawiki/2019/a/a8/T--TUDELFT--sponsor-appliedsciences.png" alt="Faculty of Applied Sciences" title="Faculty of Applied Sciences" class="sponsoring3">
 +
            </a>
 +
           
 +
            <a href="https://www.tudelft.nl/en/faculty-of-applied-sciences/about-faculty/departments/bionanoscience/">
 +
                <img src="https://static.igem.org/mediawiki/2019/f/f4/T--TUDELFT--BNdepartment.png" alt="TU Delft Bionanoscience Department" title="Bionanoscience" class="sponsoring1">
 +
            </a>
 +
 +
<a href="https://www.tudelft.nl/en/faculty-of-applied-sciences/about-faculty/departments/biotechnology/"><img src="https://static.igem.org/mediawiki/2019/5/5e/T--TUDelft--Biotechnology_logo.png" title="Biotechnology" class="sponsoring1"></a>
 +
 +
 +
<a href="https://www.tudelft.nl/bioengineering/">
 +
            <img src="https://static.igem.org/mediawiki/2019/5/5a/T--TUDELFT--BioEngineeringInstitute.png" alt="TU Delft Bioengineering Institute" title="TU Delft Bioengineering Institute" class="sponsoring3"></a>       
 +
           
 +
            <a href="http://www.snapgene.com"><img src="https://static.igem.org/mediawiki/2019/e/ea/T--TUDelft--Snapgene_logo.png" alt="SnapGene" title="Snapgene" class="sponsoring3">
 +
            </a>
 +
               
 +
<a href="https://www.skylinedx.com/"><img src="https://static.igem.org/mediawiki/2019/5/58/T--TUDelft--SkylineDX_logo.png" alt="SkylineDx" title="SkylineDx" class="sponsoring3"></a>
 +
   
 +
<a href="https://www.carebo.nl/"><img src="https://static.igem.org/mediawiki/2019/8/8e/T--TUDelft--Carebo_logo.png" alt="SkylineDx" title="Carebo" class="sponsoring3"></a>
 +
 +
<a href="https://promega.com/"><img src="https://static.igem.org/mediawiki/2019/0/03/T--TUDelft--Promega_logo.png" alt="Promega" title="Promega" class="sponsoring2"></a>
 +
 +
<a href="https://opentrons.com/"><img src="https://static.igem.org/mediawiki/2019/9/93/T--TUDelft--Opentrons_logo.png" alt="Opentrons" title="Opentrons" class="sponsoring3"></a>
 +
 +
<a href="https://www.tudelft.nl/health/"><img src="https://static.igem.org/mediawiki/2019/4/48/T--TUDelft--healthinitiative.png" alt="Health Initiative" title="Health Initiative" class="sponsoring3"></a>
 +
 +
<a href="https://www.stud.nl"><img src="https://static.igem.org/mediawiki/2019/2/29/T--TUDelft--Stud.png" alt="Stud" title="Stud" class="sponsoring2"></a>
 +
 +
<a href="http://www.merckmillipore.com/NL/en"><img src="https://static.igem.org/mediawiki/2019/e/e0/T--TUDelft--Merck_logo.png" alt="Merck" title="Merck" class="sponsoring3"></a>
 +
 +
</div>   
 +
    </center>
 +
 +
    </footer>
 +
</body>
 +
 +
<html>
 +
</p>
 +
<!--
 +
NewPP limit report
 +
CPU time usage: 0.007 seconds
 +
Real time usage: 0.009 seconds
 +
Preprocessor visited node count: 26/1000000
 +
Preprocessor generated node count: 102/1000000
 +
Post‐expand include size: 206/2097152 bytes
 +
Template argument size: 0/2097152 bytes
 +
Highest expansion depth: 2/40
 +
Expensive parser function count: 0/100
 +
-->
 +
 +
<!-- Saved in parser cache with key 2019_igem_org:pcache:idhash:2511-0!*!*!*!*!*!* and timestamp 20190824094556 and revision id 38709
 +
-->
 +
</div>             <div class="visualClear"></div>
 +
            </div>
 +
    </div>
 +
 +
        </div>
 +
    </div>
 +
</html>

Revision as of 23:11, 24 August 2019

<!DOCTYPE html> Team:TUDelft - 2019.igem.org

Loading menubar.....

Team:TUDelft

Sci-Phi 29

Project Description & Inspiration

What if we could domesticate bacteria on the same scale as we have been doing with crops and livestock for thousands of years? That is the question that inspired the TU Delft iGEM team of 2019. We realized that we live on a planet with an immensely rich biodiversity, including millions of different bacterial species (Schloss et al., 2016). On estimate only 1% of bacteria on Earth can be cultured, and from that small percentage only a few species can be genetically edited (Shapira, Kwon & Youtie, 2017). Researchers still lack the necessary knowledge to use many non-model microorganisms to their full potential. Especially, host-specific regulatory parts need to be characterized before a novel organism strain is genetically adaptable (Bervoets & Charlier, 2019).

Unfortunately, it is very expensive and time-consuming to characterize the regulatory parts of only a single organism for future uses in synthetic biology (Shapira, Kwon & Youtie, 2017). Furthermore, these regulatory parts are host-specific. This means knowledge about the parts in one organism is probably not applicable to another organism. Many discoveries made in the field of synthetic biology thus have to be adapted to be functional in another cell platform (Bervoets & Charlier, 2019). These limitations restrict us to a handful of genetically adaptable organisms for biotechnological applications (Shapira, Kwon & Youtie, 2017; Vartoukian, Palmer & Wade, 2010). Examples of such model organisms are Escherichia coli and Bacillus subtilis. We already use these bacteria to produce a wide range of products, including antibiotics, proteins and biofuels (Vartoukian, Palmer & Wade, 2010).

Since researchers can already do so much with this handful of model organisms, our team wondered what we could achieve if we could utilize other bacteria as well. We had an initial interest in bacterial diversity, and in exploring the capabilities of non-model bacterial strains. Many non-model bacterial organisms have interesting properties. Think of the ability to consume specific substrates (e.g. cellulose, organic waste matter); live in harsh conditions (e.g. high temperatures or salinity); or high growth rates. Because of these properties, non-model bacteria are of interest in the fields of synthetic biology and metabolic engineering, where researchers try to improve and utilize those metabolic capabilities. When we realized that a whole toolkit must be developed for each bacterial species in order to genetically adapt it, we decided on our final project: Sci-Phi 29.

Our team intends to create a universal toolbox based on orthogonal gene expression techniques. Our toolbox is based on the phi29 and T7 systems, which work independently from their environment. We will enhance the following properties (Figure 1):

  • Orthogonal replication: The Sci-Phi29 plasmid will replicate individually of the genome thanks to the replication system of the Phi29 bacteriophage. This consists of protein-primed DNA synthesis by terminal proteins (TP) and a specific DNA polymerase (ϕ29 Pol) that is activated when binding to the TP protein
  • Orthogonal transcription: The Sci-Phi29 plasmid will carry out transcription through the use of a set of T7 promoters and an encoded T7 polymerase

Overview Universality
Figure 1. Orthogonal replication and transcription. Our approach consists of engineering a plasmid that incorporates orthogonal replication inspired by the Φ29 bacteriophage system (linear DNA with proteins covalently bound to the 5' termini) and T7 orthogonal transcription.

Utilizing these properties, we will create a universal platform that can be used for a bacterium of your choice, without the need of the characterization as described above. This means that our system can even by used in non-model organisms (Figure 2). Furthermore, by combining this system with high-throughput tools, it will enable simultaneous testing of genetic circuits in dozens of bacterial strains. This will allow scientists to test which bacterium is best suited for production of a particular product. Sci-Phi 29 will function as the key to unlock organisms for everybody’s benefit, so we can help push synthetic biology to the next level.

Overview Universality
Figure 2. Universal gene expression platform. The goal of our toolkit is to create a universal gene expression platform that would enable genetic engineering of any prokaryote.






References

Special thanks to our sponsors: