Lukas Adam (Talk | contribs) |
Lukas Adam (Talk | contribs) |
||
Line 1: | Line 1: | ||
+ | |||
<html lang="en" dir="ltr" class="client-nojs"> | <html lang="en" dir="ltr" class="client-nojs"> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<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&ctype=text/css" /> | ||
+ | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Heidelberg/css/bootstrapmin?action=raw&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: ' | + | 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; | ||
− | |||
} | } | ||
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: | + | top: 0px; |
} | } | ||
Line 351: | Line 289: | ||
/***** MEDIA QUERIES *****/ | /***** MEDIA QUERIES *****/ | ||
− | |||
− | |||
− | |||
− | |||
− | |||
@media (max-width: 1211px) { | @media (max-width: 1211px) { | ||
Line 371: | Line 304: | ||
display: none!important; | display: none!important; | ||
} | } | ||
− | .navbar-brand {position: absolute; left: | + | .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; | ||
− | + | ||
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: | + | height: 61%; |
left: -25%; | left: -25%; | ||
− | |||
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&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/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="https://2017.igem.org/Team:Heidelberg" data-canvas="body" type="button" id="sidebarCollapse"><div id="circle"> | |
− | + | </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=" | + | <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 & 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 & 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
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.
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.
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.
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.
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.