Difference between revisions of "Team:UCL/InterLab"

 
(70 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
{{Team:UCL/CSS}}
 
{{Team:UCL/CSS}}
 
{{Team:UCL/Bootstrap}}
 
{{Team:UCL/Bootstrap}}
−
 
+
{{Team:UCL/Jquery}}
  
 
<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'>
 
−
 
−
    <!-- 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 165: 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 we did it</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 Study LIT FUN</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>
  
 +
                <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 style="border-left: none; border-right: none; border-bottom: none" class="text-content-new">We took part in the interlab study to contribute to the iGEM community and because it represents a key principle of 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. We have fully enjoyed participating in iGEM’s interlab and hope to have successfully contributed to this global endeavour.</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">All the protocols and methods were provided by iGEM and we followed that.</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>
−
                 <p class="text-content-new">Here’s a nice photo of us having fun with some GFP.</p>
+
                  <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-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>
 +
 
 +
                 <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>
 
             </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