Difference between revisions of "Team:UCL/InterLab"

 
(72 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
{{Team:UCL/CSS}}
 
{{Team:UCL/CSS}}
 +
{{Team:UCL/Bootstrap}}
 +
{{Team:UCL/Jquery}}
  
−
<!DOCTYPE html>
 
 
<html lang="en">
 
<html lang="en">
 
<head>
 
<head>
−
    <script src="http://www.google.com/jsapi" type="text/javascript"></script>
 
  
−
    <script type="text/javascript">google.load("jquery", "1.3.2");</script>
 
  
 
     <meta charset="UTF-8">
 
     <meta charset="UTF-8">
 
     <title>Interlab</title>
 
     <title>Interlab</title>
−
    <link href='https://fonts.googleapis.com/css?family=Josefin+Sans' rel='stylesheet' type='text/css'>
 
−
<link href='https://fonts.googleapis.com/css?family=Orbitron' rel='stylesheet' type='text/css'>
 
−
<link href='https://fonts.googleapis.com/css?family=Noto+Sans' rel='stylesheet' type='text/css'>
 
−
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
 
  
−
    <!-- BOOTSTRAP -->
 
−
    <!-- Latest compiled and minified CSS -->
 
−
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 
−
 
−
    <!-- jQuery library -->
 
−
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 
−
 
−
    <!-- Latest compiled JavaScript -->
 
−
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
−
 
−
    <!-- a script that does the underlining for the side bar -->
 
−
    <script>
 
−
 
−
        $(document).ready(function(){
 
−
            //Take your div into one js variable
 
−
            var s1 = $("#step1");
 
−
            var s2 = $("#step2");
 
−
            var s3 = $("#step3");
 
−
 
−
            //Take the current position (vertical position from top) of your div in the variable
 
−
            var pos = s1.position();
 
−
            var pos1 = s2.position();
 
−
            var pos2 = s3.position();
 
−
 
−
            //Now when scroll event trigger do following
 
−
            $(window).scroll(function () {
 
−
 
−
                scrollFunction()
 
−
 
−
                var windowpos = $(window).scrollTop();
 
−
                //console.log(windowpos);
 
−
 
−
                //Now if you scroll more than 100 pixels vertically change the class to AfterScroll
 
−
                if (windowpos >= (pos.top + 100)) {
 
−
                    // div.addClass("AfterScroll");
 
−
                    s2.removeClass("active-link");
 
−
                    s1.addClass("active-link");
 
−
                }
 
−
 
−
                if (windowpos >= (pos1.top + 750)) {
 
−
                    // div1.addClass("AfterScroll");
 
−
                    s1.removeClass("active-link");
 
−
                    s3.removeClass("active-link");
 
−
                    s2.addClass("active-link");
 
−
 
−
                }
 
−
 
−
                if (windowpos >= (pos2.top + 1100)) {
 
−
                    //div2.addClass("AfterScroll");
 
−
                    s2.removeClass("active-link");
 
−
                    s3.addClass("active-link");
 
−
                }
 
−
 
−
            });
 
−
 
−
            function scrollFunction() {
 
−
                if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) {
 
−
                    document.getElementById("myBtn").style.display = "block";
 
−
                } else {
 
−
                    document.getElementById("myBtn").style.display = "none";
 
−
                }
 
−
            }
 
−
 
−
        });
 
−
    </script>
 
 
</head>
 
</head>
  
−
 
+
<body>
−
<body data-spy="scroll" data-target="#side-index">
+
  
 
<div style="margin:0 !important; padding:0 !important" class="container-fluid">
 
<div style="margin:0 !important; padding:0 !important" class="container-fluid">
 
     <div id="top" class="row">
 
     <div id="top" class="row">
  
−
 
+
      <a href="https://2017.igem.org/Team:UCL"><img src="https://static.igem.org/mediawiki/2017/9/92/Logotop.png" class="logo-top"></a>
−
        <img src="https://static.igem.org/mediawiki/2017/7/72/Logo-navbar.png" class="logo-top">
+
  
 
         <ul class="navy">
 
         <ul class="navy">
−
             <li id="drop1" class="navy-link"><a href="#">PROJECT</a>
+
             <li id="drop1" class="navy-link"><a href="https://2017.igem.org/Team:UCL/Description">PROJECT</a>
 
                 <ul class="navy-hidden">
 
                 <ul class="navy-hidden">
−
                     <li><a href="#" class="dropped">Description</a></li>
+
                     <li><a href="https://2017.igem.org/Team:UCL/Description" class="dropped">Description</a></li>
−
                     <li><a href="#" class="dropped">Results</a></li>
+
                     <li><a href="https://2017.igem.org/Team:UCL/Results" class="dropped">Results</a></li>
−
                     <li><a href="#" class="dropped">Parts</a></li>
+
                     <li><a href="https://2017.igem.org/Team:UCL/Parts" class="dropped">Basic Parts</a></li>
−
                     <li><a href="#" class="dropped">Gold Criteria</a></li>
+
                     <li><a href="https://2017.igem.org/Team:UCL/Composite_Part" class="dropped">Composites</a></li>
−
                     <li><a href="#" class="dropped">Interlab</a></li>
+
                    <li><a href="https://2017.igem.org/Team:UCL/Part_Improvement" class="dropped">Gold Part</a></li>
 +
                     <li><a href="https://2017.igem.org/Team:UCL/InterLab" class="dropped">Interlab</a></li>
  
 
                 </ul>
 
                 </ul>
 
             </li>
 
             </li>
  
−
             <li id="drop" class="navy-link"><a href="#">HUMAN PRACTICES</a>
+
             <li id="drop" class="navy-link"><a href="https://2017.igem.org/Team:UCL/Human_Practices">HUMAN PRACTICES</a>
 
                 <ul class="navy-hidden">
 
                 <ul class="navy-hidden">
−
                     <li><a href="#" class="dropped">Overview</a></li>
+
                     <li><a href="https://2017.igem.org/Team:UCL/Human_Practices" class="dropped">Overview</a></li>
−
                     <li><a href="#" class="dropped">Public Engagement</a></li>
+
                     <li><a href="https://2017.igem.org/Team:UCL/Engagement" class="dropped">Public Engagement</a></li>
−
                     <li><a href="#" class="dropped">Integrated Practices</a></li>
+
                     <li><a href="https://2017.igem.org/Team:UCL/HP/Gold_Integrated" class="dropped">Integrated Practices</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:UCL/HP/Silver" class="dropped">HP Silver</a></li>
 
                 </ul>
 
                 </ul>
 
             </li>
 
             </li>
  
−
            <li id="drop5" class="navy-link"><a href="#">MODELLING</a>
+
                <li id="drop5" class="navy-link"><a href="#">MODELLING</a>
 
                 <ul class="navy-hidden">
 
                 <ul class="navy-hidden">
−
                     <li><a href="#" class="dropped">Overview</a></li>
+
                     <li><a href="https://2017.igem.org/Team:UCL/Model" class="dropped">Overview</a></li>
−
                     <li><a href="#" class="dropped">Barchitecture</a></li>
+
                     <li><a href="https://2017.igem.org/Team:UCL/Model1" class="dropped">GOLIT</a></li>
−
                     <li><a href="#" class="dropped">Game of LIT</a></li>
+
                     <li><a href="https://2017.igem.org/Team:UCL/Model2" class="dropped">Optoflux</a></li>
−
                     <li><a href="#" class="dropped">Mammalian</a></li>
+
                     <li><a href="https://2017.igem.org/Team:UCL/Model4" class="dropped">LEGIT</a></li>
−
                     <li><a href="#" class="dropped">Light Bulb</a></li>
+
                     <li><a href="https://2017.igem.org/Team:UCL/Model3" class="dropped">MOM</a></li>
−
                     <li><a href="#" class="dropped">Glossary</a></li>
+
                     <li><a href="https://2017.igem.org/Team:UCL/Methods" class="dropped">Methods</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:UCL/Glossary" class="dropped">Glossary</a></li>
 
                 </ul>
 
                 </ul>
 
             </li>
 
             </li>
  
−
             <li id="drop3" class="navy-link"><a href="#">ENTREPRENEURSHIP</a>
+
             <li id="drop3" class="navy-link"><a href="https://2017.igem.org/Team:UCL/Entrepreneurship">ENTREPRENEURSHIP</a>
 
                 <ul class="navy-hidden">
 
                 <ul class="navy-hidden">
−
                     <li><a href="#" class="dropped">Overview</a></li>
+
                     <li><a href="https://2017.igem.org/Team:UCL/Entrepreneurship" class="dropped">Overview</a></li>
−
                     <li><a href="#" class="dropped">Product</a></li>
+
                     <li><a href="https://2017.igem.org/Team:UCL/Applied_Design" class="dropped">Applied Design</a></li>
−
                    <li><a href="#" class="dropped">IP</a></li>
+
                     <li><a href="https://2017.igem.org/Team:UCL/Enterpreneurship/Business" class="dropped">Business Model</a></li>
−
                    <li><a href="#" class="dropped">Business Environment</a></li>
+
−
                     <li><a href="#" class="dropped">Marketing</a></li>
+
−
                    <li><a href="#" class="dropped">Management</a></li>
+
−
                    <li><a href="#" class="dropped">Economic Appraisal</a></li>
+
 
                 </ul>
 
                 </ul>
 
             </li>
 
             </li>
  
  
−
             <li id="drop2" class="navy-link"><a href="#about">MEDALS</a>
+
             <li id="drop2" class="navy-link"><a href="https://2017.igem.org/Team:UCL/Medals">OUR MEDALS</a></li>
−
                <ul class="navy-hidden">
+
−
                    <li><a href="#" class="dropped">Bronze</a></li>
+
−
                    <li><a href="#" class="dropped">Silver</a></li>
+
−
                    <li><a href="#" class="dropped">Gold</a></li>
+
−
                </ul>
+
−
            </li>
+
  
 
             <li id="drop6" class="navy-link"><a href="#about">PEOPLE</a>
 
             <li id="drop6" class="navy-link"><a href="#about">PEOPLE</a>
 
                 <ul class="navy-hidden">
 
                 <ul class="navy-hidden">
−
                     <li><a href="#" class="dropped">Team</a></li>
+
                     <li><a href="https://2017.igem.org/Team:UCL/Team" class="dropped">Team</a></li>
−
                     <li><a href="#" class="dropped">Collaborations</a></li>
+
                     <li><a href="https://2017.igem.org/Team:UCL/Collaborations" class="dropped">Collaborations</a></li>
−
                     <li><a href="#" class="dropped">Attributions</a></li>
+
                     <li><a href="https://2017.igem.org/Team:UCL/Attributions" class="dropped">Attributions</a></li>
 
                 </ul></li>
 
                 </ul></li>
  
−
             <li id="drop4" class="navy-link"><a href="#">NOTE BOOK</a>
+
             <li id="drop4" class="navy-link"><a href="https://2017.igem.org/Team:UCL/Notebook">LAB BOOK</a>
−
                <ul class="navy-hidden">
+
                <ul class="navy-hidden">
−
                     <li><a href="#" class="dropped">Protocols</a></li>
+
                     <li><a href="https://2017.igem.org/Team:UCL/Safety" class="dropped">Safety</a></li>
−
                    <li><a href="#" class="dropped">Safety</a></li>
+
        </ul></li>
−
                    <li><a href="#" class="dropped">Stuff</a></li>
+
−
                </ul>
+
−
            </li>
+
−
 
+
 
         </ul>
 
         </ul>
  
Line 167: Line 84:
 
     <div class="row">
 
     <div class="row">
  
−
         <!-- The side navbar -->
+
         <div style="margin-left:5% !important" class="col-sm-10">
−
        <nav id="side-index" class="col-sm-2">
+
−
            <ul class="nav nav-stacked" data-spy="affix" data-offset-top="205">
+
−
                <li id="step1" class="navy-link side-link"><a href="#section1">Why bother?</a></li>
+
−
                <li id="step2" class="navy-link side-link"><a href="#section2">Results</a></li>
+
−
                <li id="step3" class="navy-link side-link"><a href="#section3">Something something</a></li>
+
−
            </ul>
+
−
        </nav>
+
  
 +
            <div style="border-left: none; border-right: none !important; border-bottom: none !important" style="margin-top: 20px" class="text-section">
  
−
        <div style="float: right !important" class="col-sm-10">
+
            <div style="margin-top:20px"><h1 class="title" style="font-size: 50px!important; color: #E55190; margin-left:0">Interlab</h1></div>
  
−
            <div style="margin-top: 20px" class="text-section">
 
  
−
                 <h1 class="title">Interlab</h1>
+
                 <p class="text-content-new">With the multipurpose applications of our light induced technologies comes the consideration for reproducibility and reliability in different environments.</p>
  
−
                 <h2 class="subtitle">Why bother?</h2>
+
                 <p class="text-content-new">The aim of this year’s Interlab study was to analyse how bacterial cell culture optical density (OD) and green fluorescent protein (GFP) fluorescence measurements differ with a plate reader or flow cytometer across labs around the world. This will ultimately help to establish a reliable GFP measurement protocol that overcomes the variations observed between different measurement systems.  Therefore, this study contributes to improving the reproducibility and reliability in synthetic biology.</p>
  
−
                 <p class="text-content">To us, the interlab experiments represented a key principle to our project: reproducibility. The multipurpose applications of our light-induced technologies require every user to think about how reliable these light switches are, the methods that we use to measure their effectiveness and their intended purposes.</p>
+
                 <p class="text-content-new">All protocols and methods followed were provided by iGEM, each of which can be found at:</p>
  
−
                <p class="text-content">To standardize GFP (green fluorescent protein) measurements is one of the first steps towards transforming synthetic biology into a discipline more similar to engineering. We have fully enjoyed participating in iGEM’s interlab and hope to have successfully contributed to this global endeavour. </p>
+
<ul class=“text-content-new” style="margin-left:90px!important; padding-left:90px!important">
 +
                  <li class="text-hyperlink" style=“margin-left: 40px!important; text-decoration:none”><a href="http://parts.igem.org/Help:2017_Competent_Cell_Test_Kit">Competency test</a></li>
 +
                  <li class="text-hyperlink" style=“margin-left: 40px!important; text-decoration:none”><a href="http://parts.igem.org/Help:Protocols/Transformation">Transformation (single tube)</a></li>
 +
                  <li  class="text-hyperlink"style=“margin-left: 40px!important; text-decoration:none”><a href="https://static.igem.org/mediawiki/2017/8/85/InterLab_2017_Plate_Reader_Protocol.pdf">Plate Reader measurements</a></li>
 +
                  </ul>
  
−
                 <p class="text-content">As iGEM provided all the methods and the protocols, here are graphs of our GFP measurement results.</p>
+
                 <p class="text-content-new">Our results with the plate reader has been submitted to iGEM, but for those curious, our results can also be downloaded from this link:<a href="https://static.igem.org/mediawiki/2017/f/fd/UCL_InterLab_2017_Measurements.xls.xlsx"class="text-hyperlink"> UCL Interlab Measurement Data</a></p>
  
−
            </div>
+
                <p class="text-content-new">We have fully enjoyed participating in the Interlab study and hope to have successfully contributed to this global endeavour.</p>
  
−
 
−
            <div class="text-section">
 
−
                <h1 class="title">Results</h1>
 
 
             </div>
 
             </div>
  
 
         </div>
 
         </div>
−
 
+
<img src="https://static.igem.org/mediawiki/2017/1/17/19942865_1361198747297840_177833111941434553_o.jpg" class="image-content-graphs" style="width:80%; height: 50%">
 
         <a href="#" id="myBtn" title="Go to top">Back to Top</a>
 
         <a href="#" id="myBtn" title="Go to top">Back to Top</a>
  

Latest revision as of 02:21, 2 November 2017

Interlab

Interlab

With the multipurpose applications of our light induced technologies comes the consideration for reproducibility and reliability in different environments.

The aim of this year’s Interlab study was to analyse how bacterial cell culture optical density (OD) and green fluorescent protein (GFP) fluorescence measurements differ with a plate reader or flow cytometer across labs around the world. This will ultimately help to establish a reliable GFP measurement protocol that overcomes the variations observed between different measurement systems. Therefore, this study contributes to improving the reproducibility and reliability in synthetic biology.

All protocols and methods followed were provided by iGEM, each of which can be found at:

Our results with the plate reader has been submitted to iGEM, but for those curious, our results can also be downloaded from this link: UCL Interlab Measurement Data

We have fully enjoyed participating in the Interlab study and hope to have successfully contributed to this global endeavour.

Back to Top