Difference between revisions of "Team:Heidelberg/InterLab"

Line 1: Line 1:
 +
  
 
<html lang="en" dir="ltr" class="client-nojs">
 
<html lang="en" dir="ltr" class="client-nojs">
<head>
 
<meta charset="UTF-8" />
 
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 
<title>Team:Heidelberg/InterLab - 2017.igem.org</title>
 
<meta name="generator" content="MediaWiki 1.24.1" />
 
<link rel="alternate" type="application/x-wiki" title="Edit" href="/wiki/index.php?title=Team:Heidelberg/InterLab&amp;action=edit" />
 
<link rel="edit" title="Edit" href="/wiki/index.php?title=Team:Heidelberg/InterLab&amp;action=edit" />
 
<link rel="shortcut icon" href="/favicon.ico" />
 
<link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2017.igem.org (en)" />
 
<link rel="EditURI" type="application/rsd+xml" href="https://2017.igem.org/wiki/api.php?action=rsd" />
 
<link rel="alternate" hreflang="x-default" href="/Team:Heidelberg/InterLab" />
 
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
 
<link rel="alternate" type="application/atom+xml" title="2017.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" />
 
<link rel="stylesheet" href="https://2017.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: 2017_igem_org:resourceloader:filter:minify-css:7:faeec198b704588e6c9afc1a44274438 */</style>
 
<script src="https://2017.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:Heidelberg/InterLab","wgTitle":"Team:Heidelberg/InterLab","wgCurRevisionId":135530,"wgRevisionId":135530,"wgArticleId":1059,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":"Lukas Adam","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:Heidelberg/InterLab","wgUserId":2048,"wgUserEditCount":50,"wgUserRegistration":1496761953000,"wgUserNewMsgRevisionId":null,"wgIsProbablyEditable":true,"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":"61191cefb3cc1315abfb75538a4a7f0a+\\","patrolToken":"52d7d6f6517369e5f2adfb5dc196ad22+\\","watchToken":"8d8a4517486c47ae0dd7ee49d672bb1a+\\"});},{},{});
 
/* cache key: 2017_igem_org:resourceloader:filter:minify-js:7:cbd3c7c1fde4a87cbc59f6a2b4fd2fa7 */
 
}</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_Heidelberg_InterLab 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/2017_skin.js'></script>
 
 
 
    <div id='globalWrapper'>
 
        <div id='top_menu_under' class='noprint'></div>
 
        <div id='top_menu_14' class='noprint'></div> <!-- Will be replaced with the jQuery.load -->
 
<script>jQuery('#top_menu_14').load('https://2017.igem.org/cgi/top_menu_14/menubar_reply.cgi',
 
    {  t:"Team%3AHeidelberg%2FInterLab",
 
a:"View+%2FTeam%3AHeidelberg%2FInterLab++Edit+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AHeidelberg%2FInterLab%26action%3Dedit++History+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AHeidelberg%2FInterLab%26action%3Dhistory++Move+%2FSpecial%3AMovePage%2FTeam%3AHeidelberg%2FInterLab++Unwatch+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AHeidelberg%2FInterLab%26action%3Dunwatch%26token%3D0fce31321f5ccc1653e3b21c6ff4131f%252B%255C++Page+%2FTeam%3AHeidelberg%2FInterLab++Discussion+%2Fwiki%2Findex.php%3Ftitle%3DTalk%3ATeam%3AHeidelberg%2FInterLab%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_2017">
 
                    <a href="https://2017.igem.org">
 
                    <img src="https://static.igem.org/mediawiki/2017/8/8b/HQ_page_logo.jpg" width="100px">
 
                    </a>
 
                </div>
 
 
        <h1 id="firstHeading" class="firstHeading">
 
            <span dir="auto">Team:Heidelberg/InterLab</span>
 
        </h1>
 
            </div>
 
 
            <div id="HQ_page">
 
                <div id="bodyContent">
 
            <div id="mw-content-text" lang="en" dir="ltr" class="mw-content-ltr"><p>
 
 
<head>
 
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 
<meta name="generator" content="MediaWiki 1.16.5" />
 
<meta name="generator" content="MediaWiki 1.16.5" />
 
<link rel="shortcut icon" href="/favicon.ico" />
 
<link rel="shortcut icon" href="/favicon.ico" />
Line 180: Line 116:
 
}
 
}
 
</style>
 
</style>
 +
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Heidelberg/css/jasnybootstrapmin?action=raw&amp;ctype=text/css" />
  
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Heidelberg/css/bootstrapmin?action=raw&amp;ctype=text/css" />
 
<!-- Assets -->
 
<!-- Assets -->
 
<link rel="stylesheet" href="http://static.tildacdn.com/css/tilda-grid-3.0.min.css" type="text/css" media="all" />
 
<link rel="stylesheet" href="http://static.tildacdn.com/css/tilda-grid-3.0.min.css" type="text/css" media="all" />
Line 191: Line 130:
 
<link rel="stylesheet" href="http://azmind.com/demo/bootstrap-navbar-menu/layout-3/assets/font-awesome/css/font-awesome.min.css">
 
<link rel="stylesheet" href="http://azmind.com/demo/bootstrap-navbar-menu/layout-3/assets/font-awesome/css/font-awesome.min.css">
  
<style>
+
                <style>
 
+
 
+
 
p {
 
p {
     font-family: 'Roboto', sans-serif;
+
     font-family: 'Josefin Sans', sans-serif;
 
     font-size: 20px;
 
     font-size: 20px;
 
     font-weight: 300;
 
     font-weight: 300;
Line 203: Line 140:
 
     text-align: center;
 
     text-align: center;
 
}
 
}
 +
  
 
strong { font-weight: 500; }
 
strong { font-weight: 500; }
Line 212: Line 150:
  
  
h2 { font-family: 'Josefin Sans', sans-serif; font-size: 48px; font-weight: 300; color: #393939; line-height: 56px; opacity: 0.9; text-align:center}
+
h2 { margin-top: 10px; font-family: 'Josefin Sans', sans-serif; font-size: 48px; font-weight: 300; color: #393939; line-height: 56px; opacity: 0.9; text-align:center}
 
h3 { font-family: 'Josefin Sans', sans-serif; font-size: 22px; font-weight: 300; color: #555; line-height: 40px; }
 
h3 { font-family: 'Josefin Sans', sans-serif; font-size: 22px; font-weight: 300; color: #555; line-height: 40px; }
  
  
img { max-width: 100%;}
+
img { max-width: 100%; }
  
 
.medium-paragraph { font-size: 18px; line-height: 34px; }
 
.medium-paragraph { font-size: 18px; line-height: 34px; }
Line 239: Line 177:
 
.navbar {
 
.navbar {
 
margin-bottom: 0;
 
margin-bottom: 0;
 +
    z-index: 10;
 
     position: fixed;
 
     position: fixed;
   
 
 
background: white;
 
background: white;
 
border-bottom: 1px solid white;
 
border-bottom: 1px solid white;
 
     box-shadow: 2px 0px 30px black ;
 
     box-shadow: 2px 0px 30px black ;
 
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
 
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
-o-transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -ms-transition: all .6s; transition: all .6s;
 
 
}
 
}
  
Line 256: Line 193:
 
color: #fff;
 
color: #fff;
 
font-weight: 400;
 
font-weight: 400;
 +
    display: inline-block;
 
text-transform: uppercase;
 
text-transform: uppercase;
 
}
 
}
Line 266: Line 204:
 
width: 100%;
 
width: 100%;
 
     position: absolute;
 
     position: absolute;
     top: -10px;
+
     top: 0px;
 
}
 
}
  
Line 351: Line 289:
  
 
/***** MEDIA QUERIES *****/
 
/***** MEDIA QUERIES *****/
 
 
@media (min-width: 992px) and (max-width: 1199px) {
 
   
 
    }
 
  
 
@media (max-width: 1211px) {
 
@media (max-width: 1211px) {
Line 371: Line 304:
 
         display: none!important;
 
         display: none!important;
 
     }
 
     }
     .navbar-brand {position: absolute; left: 170px;}
+
     .navbar-brand {position: absolute; left: 10px;top: 1px;}
 
     .navbar {
 
     .navbar {
 
         height: 77px;
 
         height: 77px;
Line 398: Line 331:
 
     }
 
     }
 
}
 
}
 +
   
 +
 +
 +
  
  
Line 403: Line 340:
 
#circle {
 
#circle {
 
     position: relative;
 
     position: relative;
     top: 15px;
+
      
 
     height: 100px;
 
     height: 100px;
 
     width: 100px;
 
     width: 100px;
   
 
 
     border-radius: 50%;
 
     border-radius: 50%;
 
     box-shadow: 2px 0px 30px black ;
 
     box-shadow: 2px 0px 30px black ;
Line 416: Line 352:
 
     content: "";
 
     content: "";
 
     width: 160%;
 
     width: 160%;
     height: 60%;
+
     height: 61%;
 
     left: -25%;
 
     left: -25%;
    top: -4%;
 
 
     background: white;
 
     background: white;
 
}
 
}
Line 468: Line 403:
 
color: #393939;
 
color: #393939;
 
}
 
}
   
 
  
 
</style>
 
</style>
 +
  
 
<link rel="stylesheet" href="../../iGEM/Wiki/Finished_Layouts/General_Layout2.css" type="text/css" media="all" />
 
<link rel="stylesheet" href="../../iGEM/Wiki/Finished_Layouts/General_Layout2.css" type="text/css" media="all" />
Line 477: Line 412:
 
                         <!-- Favicon and touch icons -->
 
                         <!-- Favicon and touch icons -->
 
                         <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
 
                         <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
 +
 +
<script type="text/javascript" src="https://2015.igem.org/Template:Heidelberg/js/jasnybootstrapmin?action=raw&amp;ctype=text/javascript"></script>
 
<script src="http://static.tildacdn.com/js/jquery-1.10.2.min.js"></script>
 
<script src="http://static.tildacdn.com/js/jquery-1.10.2.min.js"></script>
 
<script src="http://static.tildacdn.com/js/tilda-scripts-2.8.min.js"></script>
 
<script src="http://static.tildacdn.com/js/tilda-scripts-2.8.min.js"></script>
  
 
<script src="http://static.tildacdn.com/js/tilda-zoom-1.0.min.js"></script>
 
<script src="http://static.tildacdn.com/js/tilda-zoom-1.0.min.js"></script>
<script src="http://static.tildacdn.com/js/bootstrap.min.js"></script>
+
 
 
<script src="http://static.tildacdn.com/js/jquery.touchswipe.min.js"></script>
 
<script src="http://static.tildacdn.com/js/jquery.touchswipe.min.js"></script>
 
<script src="http://static.tildacdn.com/js/tilda-map-1.0.min.js"></script>
 
<script src="http://static.tildacdn.com/js/tilda-map-1.0.min.js"></script>
 
<script src="http://static.tildacdn.com/js/lazyload-1.3.min.js"></script>
 
<script src="http://static.tildacdn.com/js/lazyload-1.3.min.js"></script>
 
     <script src="https://2017.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>   
 
     <script src="https://2017.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>   
 
+
<style>
 +
                        .input_form {
 +
                        background-color: #939393;
 +
                        border: none;
 +
                        color: white;
 +
                        padding: 5px 32px;
 +
                        margin-top: 25px;
 +
                        text-align: center;
 +
                        text-decoration: none;
 +
                        display: inline-block;
 +
                        font-size: 16px; 
 +
                        }
 +
                       
 +
                        input[type="text"] {
 +
                          display: block;
 +
                          margin: 0;
 +
                          width: 100%;
 +
                          height: 30px;
 +
                          font-size: 18px;
 +
                          -webkit-appearance: none;
 +
                          -moz-appearance: none;
 +
                          appearance: none;
 +
                          -webkit-box-shadow: none;
 +
                          -moz-box-shadow: none;
 +
                          box-shadow: none;
 +
                          -webkit-border-radius: none;
 +
                          -moz-border-radius: none;
 +
                          -ms-border-radius: none;
 +
                          -o-border-radius: none;
 +
                          border-radius: none;
 +
                        }
 +
                       
 +
                        #sidenav {
 +
                            font-family: 'Josefin Sans', sans-serif;
 +
                            font-size: 14px;
 +
                            color: #fff;
 +
                            font-weight: 400;
 +
                            text-transform: uppercase;
 +
                           
 +
                        }
 +
                        #HP > li {
 +
                            list-style: none;
 +
                        }
 +
                        #HP > li > a {
 +
                            color: orange;
 +
                        }
 +
                        #HP > li > a:hover {
 +
                            color: #393939;
 +
                            transition: color 1s ease;
 +
                        }
 +
                       
 +
                        .navmenu-brand > img {
 +
                            border-radius: 200px;
 +
                            width: 100px;
 +
                            height: auto;
 +
                        }
 +
                       
 +
                        .navmenu-brand {
 +
                            text-align: center;
 +
                            font-size: 20px;
 +
                            color: #fff;
 +
                            font-weight: 400;
 +
                           
 +
                           
 +
                        }
 +
                    </style>
 
</head>
 
</head>
 
<body class="t-body">
 
<body class="t-body">
 
        
 
        
 
     <!-- Top menu -->
 
     <!-- Top menu -->
<nav class="navbar navbar-inverse navbar-fixed-top navbar-no-bg" role="navigation">
+
<nav class="navbar navbar-inverse navbar-fixed-top navbar-no-bg " role="navigation">
 
<div class="container">
 
<div class="container">
 
<div class="navbar-header">
 
<div class="navbar-header">
+
                 
<a class="navbar-brand" href="#"><div id="circle">
+
                    <a class="navbar-brand" href="https://2017.igem.org/Team:Heidelberg" data-canvas="body" type="button" id="sidebarCollapse"><div id="circle">
                    </div></a>
+
                        </div></a>
 +
                   
 
</div>
 
</div>
 
<!-- Collect the nav links, forms, and other content for toggling -->
 
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="top-navbar-1">
+
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 
<ul class="nav navbar-nav navbar-right">
 
<ul class="nav navbar-nav navbar-right">
 
<li><a href="#">Achievements</a></li>
 
<li><a href="#">Achievements</a></li>
Line 525: Line 528:
 
</div>
 
</div>
 
</nav>
 
</nav>
 +
 +
          <nav id="sidebar" style="background-color: white;border: none;box-shadow:1px 0px 0px #393939;" class="navmenu navmenu-default navmenu-fixed-left offcanvas" role="navigation">
 +
        <a class="navmenu-brand" href="#"><img src="https://static.igem.org/mediawiki/2017/8/8f/Heidelberg_2017_phage_logo.svg"><br><br> iGEM TEAM HEIDELBERG 2017</a>
 +
        <hr>
 +
        <ul class="nav navmenu-nav" id="sidenav">
 +
          <li><a href="#">Achievements</a></li>
 +
<li class="dropdown"><a href="#">Project <i class="fa fa-fw fa-caret-down"></i></a>
 +
 +
                        </li>
 +
<li><a href="#">Modeling</a></li>
 +
<li><a href="#">Software &amp; Hardware <i class="fa fa-fw fa-caret-down"></i></a></li>
 +
<li>
 +
                        <a href="#" data-toggle="collapse" data-target="#HP"> Human Practice <i class="fa fa-fw fa-caret-down"></i></a>
 +
                        <ul id="HP" class="collapse side">
 +
                            <li><a href="">Safety &amp; Security</a></li>
 +
                            <li class="divider"></li>
 +
                            <li><a href="">Integrated Human Practice</a></li>
 +
                            <li><a href="">Education</a></li>
 +
                            <li class="divider"></li>
 +
                            <li><a href="">Public Engagement</a></li>
 +
                            <li><a href="">Collaborations</a></li>
 +
                        </ul>
 +
                    </li>
 +
<li><a href="#">People</a></li>
 +
                        <li><a href="#">Toolbox</a></li>
 +
        </ul>
 +
    </nav>
 
                   
 
                   
  
Line 674: Line 704:
 
</div>
 
</div>
 
         </div>                                         
 
         </div>                                         
 +
<script>
  
 +
    window.onresize = window.onload = function() {
 +
    if(this.innerWidth<1211) {
 +
        $('#sidebarCollapse').attr("data-target", "#sidebar");
 +
        $('#sidebarCollapse').removeAttr("href");
 +
        $('#sidebarCollapse').attr("data-toggle", "offcanvas");
 +
    }  else {
 +
        $('#sidebarCollapse').attr("data-target", "");
 +
        $('#sidebarCollapse').removeAttr("data-toggle");
 +
        $('#sidebarCollapse').attr("href", "https://2017.igem.org/Team:Heidelberg");
 +
    }     
 +
}
 +
 
 +
    </script>
  
  
Line 834: Line 878:
  
 
<!-- Saved in parser cache with key 2017_igem_org:pcache:idhash:1059-0!*!*!*!*!*!* and timestamp 20170926075648 and revision id 136382
 
<!-- Saved in parser cache with key 2017_igem_org:pcache:idhash:1059-0!*!*!*!*!*!* and timestamp 20170926075648 and revision id 136382
 +
-->
 +
</div>             <div class="visualClear"></div>
 +
            </div>
 +
    </div>
 +
 +
        </div>
 +
 +
        <!-- Side Menubar -->
 +
        <div id="sideMenu">
 +
            <a href="https://2017.igem.org">
 +
                <div id="home_logo" >
 +
                <img src="https://static.igem.org/mediawiki/2017/b/bf/HQ_menu_logo.jpg">
 +
                </div>
 +
            </a>
 +
 +
            <div style="clear:both; height:5px;"></div>
 +
 +
            <div id="menuDisplay"></div>  <!- Menu will be loaded here ->
 +
        </div>
 +
 +
        <!-- Pop_Why Div is definded here -->
 +
        <div class="pop_why_cover"></div>
 +
 +
        <div class="pop_why_box" >
 +
            <div class="pop_close">× </div>
 +
            <div class="pop_why_content"><h3> Loading ... </h3></div>
 +
        </div>
 +
 +
    </div>
 +
 +
</p>
 +
<!--
 +
NewPP limit report
 +
CPU time usage: 0.004 seconds
 +
Real time usage: 0.004 seconds
 +
Preprocessor visited node count: 4/1000000
 +
Preprocessor generated node count: 24/1000000
 +
Post‐expand include size: 0/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 2017_igem_org:pcache:idhash:1059-0!*!*!*!*!*!* and timestamp 20170929170417 and revision id 136384
 
  -->
 
  -->
 
</div>             <div class="visualClear"></div>
 
</div>             <div class="visualClear"></div>

Revision as of 10:31, 30 September 2017


WikitemplateA home - 2014.igem.org

 

WikitemplateA home

From 2014.igem.org

1. Interlab Study


As a first step to contribute to this year's iGEM competition we decided to participate in iGEM's fourth International Interlaboratory Study along with many other teams from around the world. This study is organized by iGEM's measurement committee in an effort to establish standardized, reliable and repeatable measurement tools for the iGEM community and the synthetic biology community as a whole. This year's iGEM InterLab study is about establishing a standardized protocol for the measurement of GFP using a plate reader. To start things off we needed a plate reader that is qualified to measure GFP fluorescence. Namely, Tecan Infinite M200 Pro plate reader. Additionally, we needed competent E.coli DH5α. These were prepared from glycerol stocks. Together with the material iGEM had provided we were ready for work. Throughout our experiments, we tested 8 plasmids (2 controls and 6 test devices) by measuring the OD600 and the fluorescence of the cells carrying the constructs. The workflow can be separated into four segments. The first segment is the transformation of all plasmids into competent DH5α cells.

1.1 Transformation of 8 test devices into competent DH5α cells

The transformation was successful for all the plasmids and resulted in a sufficient amount of colonies on all plates. Therefore, two colonies from each plate were picked and inoculated in LB medium containing chloramphenicol over night for approximately 16-18 hours at 37°C and 220 rpm.

1.2 Measurement of LUDOX-HS40 OD600 Reference Point

The second segment is the measurement of the LUDOX-HS40 solution to obtain a ratiometric conversion factor which allows us to transform the absorbance data into a standard OD600 measurement. This is necessary because plate readers in general do not have a 1 cm path length which means that measurements are volume dependent. By doing so, we obtained following data.

#

Figure 1.1: Measurement of the LUDOX-HS40 and water in four replicates and calculation of the ratiometric conversion factor

With these replicates measured, we obtained a ratiometric conversion factor of 4.30 for our specific plate reader when measured 100 μL of the provided LUDOX-HS40 to water.

1.3 Graphing a Fluorescein fluorescence standard curve

In the third segment we were instructed to measure a standard curve for fluorescence of Fluorescein which can be used to correct our cell based readings to an equivalent Fluorescein concentration. Following the instructions, we could obtain following results for the serial dilution of Fluorescein in phosphate buffered saline.

#

Figure 1.2: Measurement of a standard curve with four replicates by serial dilution of Fluorescein in phosphate buffered saline

#

Figure 1.3: Fluorescence is plotted against the Fluorescein concentration

#

Figure 1.4: Fluorescence is plotted against the Fluorescein concentration on a logarithmic scale

These data give us an approximate linear regression line when plotted in a logarithmic scale and show an expected exponential course when plotted in a linear form.

1.4 Measurement of OD600 and Fluorescence of Transformed Cells

In the last of the four segments the OD600 and the fluorescence of the transformed cells were measured according to the protocol after 0, 2, 4 and 6 hours. Measurements of all these time points gave us the following data and calculations which were conducted with the values we obtained from the standard curves and the reference point.

#

Figure 1.5: Raw data obtained from measurements

#

Figure 1.6: Raw data and measurements for the 0 and 2 hour time points

#

Figure 1.7: Raw data and measurements for the 4 and 6 hour time points

2. Discussion

The protocol was easy to follow and the constructs were nicely expressed which allowed reliable and comparable measurements. In the process of obtaining transformed DH5α cells we did not encounter any problems with transformation as bacteria showed exceptional growth. The specific ratiometric conversion factor of our plate reader could be determined without further adjustments using the LUDOX-HS40 solution. When measuring the Fluorescein standard curve on a logarithmic scale the data points showed a linear distribution. The final step, the measurement of the fluorescence emission and optical density of the cells, resulted in the raw data shown in figure 1.5. To make this data visually accessible the mean values for OD and fluorescence were calculated and plotted against their respective time points which is seen in the following graphs.

#

Figure 1.8: Calculated means from both replicates for the OD600 after each time point

#

Figure 1.9: Calculated means from both replicates for the fluorescence after each time point

Conclusively, these data suggest that the Interlab study was successful and that the provided protocol can be shared in the community for standardized fluorescence measurement with a plate reader.