Difference between revisions of "Team:HebrewU/InterLab"

 
(79 intermediate revisions by the same user not shown)
Line 5: Line 5:
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
  
−
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
+
<!--- Own CSS --->
−
     
+
<link rel="stylesheet" href="https://2018.igem.org/Template:HebrewU/CSS?action=raw&ctype=text/css">
−
   
+
−
 
+
−
  <script type="text/javascript">
+
−
  //particle standart curve
+
−
  google.charts.load('current', {'packages':['corechart']});
+
−
      google.charts.setOnLoadCallback(drawChart);
+
−
      function drawChart() {
+
−
        var data = google.visualization.arrayToDataTable([
+
−
          ['Abs 600', 'Particle Count/ 100uL'],
+
−
          [ 2.35E+08, 0.977],
+
−
          [ 1.18E+08, 0.568],
+
−
          [ 5.88E+07, 0.305],
+
−
          [ 2.94E+07, 0.195],
+
−
          [ 1.47E+07, 0.139],
+
−
          [ 7.35E+06, 0.113],
+
−
          [ 3.68E+06, 0.098],
+
−
          [ 1.84E+06, 0.092],
+
−
          [ 9.19E+05, 0.086],
+
−
          [ 4.60E+05, 0.087],
+
−
          [ 2.30E+05, 0.086],
+
−
          [ 0, 0.086]
+
−
         
+
−
        ]);
+
  
 +
<!--- Main Menu script --->
 +
<script type="text/javascript" src="https://2018.igem.org/Template:Hebrewu/Javascript?action=raw&ctype=text/javascript"></script>
  
 +
<!--- w3 Css --->
 +
<link rel="stylesheet" href="https://2018.igem.org/Template:HebrewU/w3?action=raw&ctype=text/css">
  
−
var options = {
+
<!--- Bootstrap Css --->
−
 
+
  <script src="https://2018.igem.org/Template:HebrewU/boot?action=raw&ctype=text/javascript"></script>
−
        };
+
  <link rel="stylesheet" href="https://2018.igem.org/Template:HebrewU/strap?action=raw&ctype=text/css">
−
 
+
 
−
        var options = {
+
<style>
−
          pointSize: 12,
+
/* Disable I-GEM defult properties for blank page */
−
          dataOpacity: 0.3,
+
    #sideMenu, #top_title {display:none;}
−
          colors: ['black'],
+
    #sideMenu, #sideMenu *, #top_menu_inside, #top_menu_inside *{box-sizing: initial; -webkit-box-sizing: initial;}
−
          backgroundColor: '#edeadc',
+
    #content { padding:0px; width:100%; margin-top:-12px; margin-left:0px;}
−
          hAxis: {minValue: 0, maxValue: 10},
+
    #body {background-color:#EDEADC; }
−
          vAxis: {minValue: 0, maxValue: 1},
+
    #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
−
          hAxis: {title: 'Particle Count/ 100uL'},         
+
−
          vAxis: {title: 'Abs 600'},
+
     .w3-container {
−
         
+
  overflow: auto;
−
          chartArea: {width:'60%'},
+
−
          trendlines: {
+
−
            0: {
+
−
           
+
−
              color: '#262d2e',
+
−
              type: 'linear',
+
−
              showR2: true,
+
−
              visibleInLegend: true
+
−
 
+
−
            }
+
−
 
+
−
          }
+
−
 
+
−
        };
+
−
 
+
−
        var chartLinear = new google.visualization.ScatterChart(document.getElementById('chartLinear'));
+
−
        chartLinear.draw(data, options);
+
−
 
+
−
      }
+
−
      </script>
+
−
 
+
−
<script>
+
−
     var timeout    = 500;
+
−
    var closetimer = 0;
+
−
    var ddmenuitem = 0;
+
−
       
+
−
    function ddmenu_open(){
+
−
        ddmenu_canceltimer();
+
−
          ddmenu_close();
+
−
          ddmenuitem = $(this).find('ul').css('visibility', 'visible');
+
 
     }
 
     }
−
       
+
−
    function ddmenu_close(){  
+
* {
−
        if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');
+
  -webkit-box-sizing:content-box ;
 +
    -moz-box-sizing:content-box ;
 +
    box-sizing:content-box ;
 
     }
 
     }
−
       
 
−
    function ddmenu_timer(){
 
−
        closetimer = window.setTimeout(ddmenu_close, timeout);
 
−
    }
 
−
       
 
−
    function ddmenu_canceltimer(){ 
 
−
        if(closetimer){ 
 
−
            window.clearTimeout(closetimer);
 
−
                closetimer = null;
 
−
    }}
 
−
       
 
−
    $(document).ready(function(){ 
 
−
        $('#ddmenu_hebrewu > li').bind('mouseover', ddmenu_open)
 
−
        $('#ddmenu_hebrewu > li').bind('mouseout',  ddmenu_timer)
 
−
    });
 
−
       
 
−
    document.onclick = ddmenu_close;
 
−
</script>
 
  
  
−
<style>
+
.ahuji {
 +
    color:black
 +
    }
  
−
            #sideMenu, #top_title {display:none;}
 
−
            #sideMenu, #sideMenu *, #top_menu_inside, #top_menu_inside *{box-sizing: initial; -webkit-box-sizing: initial;}
 
−
            #content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;}
 
−
            body {background-color:white; }
 
−
            #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
  
−
#ddmenu_hebrewu {
 
−
    background:#262d2e;
 
−
    margin: 0;
 
−
    padding: 0;
 
−
    height:35px;
 
−
    font: 15px Calibri, Calibri;}
 
−
   
 
−
#ddmenu_hebrewu li {   
 
−
    float: left;
 
−
    list-style: none;
 
−
    font: 20px Calibri, Calibri;}
 
−
 
−
#ddmenu_hebrewu li a { 
 
−
    background:#262d2e;
 
−
    display: block;
 
−
    padding: 5px 20px;
 
−
    text-decoration: none;
 
−
    color: white;
 
−
}
 
−
 
  
−
+
@media (max-width: 1000px) {  
−
#ddmenu_hebrewu li a:hover {  
+
     .fixed {
−
    background: #2c3635;
+
    display: none;
−
}
+
    }
−
      
+
−
#ddmenu_hebrewu li ul {  
+
−
    margin: 3px 0 0 10px;
+
−
    padding: 0;
+
−
    position: absolute;
+
−
    visibility: hidden;
+
−
}
+
−
+
−
#ddmenu_hebrewu li ul li { 
+
−
    display:inline;
+
−
}
+
−
+
−
#ddmenu_hebrewu li ul li a {
+
−
    width: auto;   
+
−
    background: none;
+
−
    display: inline;
+
−
    color: black;
+
−
    font: 20px Calibri, Calibri;
+
−
    padding: 2px 10px;
+
−
}
+
−
+
−
#ddmenu_hebrewu li ul li a:hover { 
+
−
    background: none;
+
−
    color: #106375;
+
−
    padding: 2px 10px;
+
−
}
+
−
 
+
−
/* Homebutton 10% space */
+
−
.huji_homebutton {
+
−
    float: left;
+
−
    width: 13%;
+
  
 +
.ulogo { display:none; }
 
}
 
}
  
−
/* Create three unequal columns that floats next to each other */
+
#panel, #flip_experts #panel_industry {
−
.columnhuji {
+
     padding: 5px;
−
     float: left;
+
     text-align: center;
−
     padding: 10px;
+
 
}
 
}
  
−
/* Left and right column */
+
#panel panel_industry{
−
.columnhuji.side {
+
     padding: 50px;
−
     width: 12%;
+
    display: none;
−
 
+
 
}
 
}
  
−
/* Middle column */
+
body {
−
.columnhuji.middle {
+
background-color:w3-blue-gray;
−
    width: 70%;
+
−
    background-color:#edeadc;
+
−
    padding: 10px;
+
−
   
+
−
   
+
−
   
+
 
}
 
}
  
−
/* Clear floats after the columns */
+
ul {
−
.rowhuji:after {
+
−
    content: "";
+
padding-left:150px;
−
    display: table;
+
padding-right:100px;
−
    clear: both;
+
−
}
+
  
−
/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
+
−
@media screen and (max-width: 600px) {
+
−
    .columnhuji.side, .columnhuji.middle {
+
−
        width: 100%;
+
−
    }
+
 
}
 
}
  
−
h2.ahuji {
+
a {
−
     font: 50px Calibri, Calibri;
+
     color: hotpink;
−
    text-align: center;
+
 
}
 
}
  
−
h2.chuji {
+
#HQ_page p {
−
     font: 20px Calibri, Calibri;
+
     font-family: Tahoma, Geneva, sans-serif;
−
     text-align: center;
+
     font-size:20px;
 +
    color: white;
 
}
 
}
  
−
p.ahuji {
+
a:visited {
−
    font: 18px Calibri, Calibri;
+
     color: white;
−
margin-left:5%;
+
−
margin-right:5%;
+
−
text-align:justify;
+
−
}
+
−
 
+
−
p.bhuji {
+
−
     font: 18px Calibri, Calibri;
+
−
text-align:center;
+
 
}
 
}
  
  
−
.buttonhuji {
+
buttonhuji {
 
font: 18px Calibri, Calibri;
 
font: 18px Calibri, Calibri;
 
     border: none;
 
     border: none;
Line 250: Line 111:
 
.buttonhuji1:hover {
 
.buttonhuji1:hover {
 
     background-color: #829c8c;
 
     background-color: #829c8c;
−
    color: white;
 
−
}
 
−
 
−
.centerhujiimg {
 
−
    margin: auto;
 
−
    width: 10%;
 
−
text-align: center;
 
−
}
 
−
 
−
#tablevalues_hujigem {
 
−
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 
−
    border-collapse: collapse;
 
−
    width:80%;
 
−
}
 
−
 
−
#tablevalues_hujigem td, #tablevalues_hujigem th {
 
−
    border: 1px solid #ddd;
 
−
    padding: 3px;
 
−
}
 
−
 
−
#tablevalues_hujigem tr:nth-child(even){background-color: white;}
 
−
 
−
#tablevalues_hujigem tr:hover {background-color: #edeadc;}
 
−
 
−
#tablevalues_hujigem th {
 
−
    padding-top: 12px;
 
−
    padding-bottom: 12px;
 
−
    text-align: center;
 
−
    background-color: #262d2e;
 
 
     color: white;
 
     color: white;
 
}
 
}
Line 288: Line 120:
 
   color: white;
 
   color: white;
 
   padding: 10px 10px;
 
   padding: 10px 10px;
−
  text-align: center;
+
   font-size: 20px;
−
   font-size: 16px;
+
 
   margin: 4px 2px;
 
   margin: 4px 2px;
 
   opacity: 0.6;
 
   opacity: 0.6;
Line 295: Line 126:
 
   text-decoration: none;
 
   text-decoration: none;
 
   cursor: pointer;
 
   cursor: pointer;
 +
  text-align:center
 
    
 
    
 
    
 
    
 
}
 
}
  
−
.hujigem_showdata_button:hover {opacity: 1}
+
.hujigem_showdata_button:hover {opacity: 0.9}
−
 
+
  
 
#hujigem_display_data{
 
#hujigem_display_data{
Line 311: Line 142:
 
}
 
}
  
−
#hujigem_showdata1{
+
#hujigem_showdata1,#hujigem_showdata2 {
 
display:none;
 
display:none;
 
}
 
}
 +
 +
table_huji {
 +
    border-collapse: collapse;
 +
text-align: center;
 +
font-size-adjust:inherit;
 +
font-family:Calibri
 +
 +
}
 +
 +
th_huji, td_huji {
 +
    text-align: center;
 +
border: 1px solid #829c8c;
 +
    padding: 2px;
 +
    font-size-adjust:inherit;
 +
font-family:Calibri;
 +
 +
}
 +
 +
body {background-color: #EDEADC;}
 +
 +
 +
#tablevalues_hujigem {
 +
background-color:white;
 +
font-family:Calibri;
 +
    text-align: center;
 +
border: 1px solid #829c8c;
 +
 +
 +
 +
}
 +
  
 
</style>
 
</style>
−
<body>
 
  
−
<ul id="ddmenu_hebrewu">
+
<script>
 +
google.charts.load('current', {'packages':['corechart', 'line']});
 +
    google.charts.setOnLoadCallback(drawChart1);
 +
google.charts.setOnLoadCallback(drawChart2);
 +
 
 +
<!--- Graph 1 --->
 +
 
 +
    function drawChart1() {
 +
 
 +
      var data = new google.visualization.DataTable();
 +
      data.addColumn('number', 'Pcounts');
 +
      data.addColumn('number', 'Abs');
 +
 
 +
      data.addRows([
 +
          [ 2.35E+08, 0.977],
 +
          [ 1.18E+08, 0.568],
 +
          [ 5.88E+07, 0.305],
 +
          [ 2.94E+07, 0.195],
 +
          [ 1.47E+07, 0.139],
 +
          [ 7.35E+06, 0.113],
 +
          [ 3.68E+06, 0.098],
 +
          [ 1.84E+06, 0.092],
 +
          [ 9.19E+05, 0.086],
 +
          [ 4.60E+05, 0.087],
 +
          [ 2.30E+05, 0.086],
 +
      ]);
 +
 
 +
      var linearOptions = {
 +
        title: 'Particle Standard Curve (Linear Scale), R^2 = 0.9986',
 +
        legend: 'none',
 +
        width: 350,
 +
        height: 300,
 +
pointSize: 12,
 +
        dataOpacity: 0.3,
 +
        colors: ['black'],
 +
        backgroundColor: '#edeadc',
 +
        hAxis: {
 +
          title: 'Particle Count / 100 uL',
 +
  format: 'scientific'
 +
 
 +
 
 +
        },
 +
        vAxis: {
 +
          title: 'Abs 600',
 +
          ticks: [0, 0.2, 0.4, 0.6, 0.8, 1, 1.2]
 +
        }
 +
 +
      };
 +
 
 +
      var logOptions = {
 +
        title: 'Particle Standard Curve (Log Scale)',
 +
        legend: 'none',
 +
        width: 350,
 +
        height: 300,
 +
pointSize: 12,
 +
        dataOpacity: 0.3,
 +
        colors: ['black'],
 +
        backgroundColor: '#edeadc',
 +
        hAxis: {
 +
          title: 'Particle Count / 100 uL',
 +
  format: 'scientific',
 +
          ticks: [1E5, 1E6, 1E7, 1E8]
 +
 
 +
        },
 +
        vAxis: {
 +
          title: 'Abs 600',
 +
          scaleType: 'log',
 +
          ticks: [0.01, 0.1, 1]
 +
        }
 +
 +
      };
 +
 
 +
      var linearChart = new google.visualization.LineChart(document.getElementById('linear_div'));
 +
      linearChart.draw(data, linearOptions);
 +
 
 +
      var logChart = new google.visualization.LineChart(document.getElementById('log_div'));
 +
      logChart.draw(data, logOptions);
 +
    }
 
 
−
     <div class="huji_homebutton" >
+
<!--- Graph 2 information--->
−
    <li><a href="#">HebrewU</a></li>
+
 
−
    </div>  
+
function drawChart2() {
−
   
+
 
−
     <li><a href="#">Project</a>
+
      var data = new google.visualization.DataTable();
 +
      data.addColumn('number', 'Pcounts');
 +
      data.addColumn('number', 'Abs');
 +
 
 +
      data.addRows([
 +
          [10.00, 6.461E+06],
 +
          [5.00, 3.551E+06],
 +
          [2.5, 1.900E+06],
 +
          [1.25, 9.253E+05],
 +
          [0.625, 4.844E+05],
 +
          [0.313, 2.420E+05],
 +
          [0.156, 1.162E+05],
 +
          [0.078, 5.755E+04],
 +
          [0.039, 3.016E+04],
 +
          [0.0195,1.527E+04],
 +
          [0.0098,7.731E+03],
 +
      ]);
 +
 
 +
 +
 +
 +
 +
      var linearOptions2 = {
 +
        title: 'Fluorescein Standard Curve (Linear Scale), R² = 0.997',
 +
        legend: 'none',
 +
        width: 350,
 +
        height: 300,
 +
pointSize: 12,
 +
        dataOpacity: 0.3,
 +
        colors: ['black'],
 +
        backgroundColor: '#edeadc',
 +
        hAxis: {
 +
          title: 'Fluorescein Concentration (uM)',
 +
  ticks: [0,2,4,6,8,10]
 +
 
 +
        },
 +
        vAxis: {
 +
          title: 'Fluorescence',
 +
 
 +
        }
 +
 +
      };
 +
 
 +
      var logOptions2 = {
 +
        title: 'Fluorescein Standard Curve (Log Scale)',
 +
        legend: 'none',
 +
        width: 350,
 +
        height: 300,
 +
pointSize: 12,
 +
        dataOpacity: 0.3,
 +
        colors: ['black'],
 +
        backgroundColor: '#edeadc',
 +
        hAxis: {
 +
        title: 'Fluorescein Concentration (uM)',
 +
ticks: [0.01, 0.1, 1, 10]
 +
 
 +
 
 +
        },
 +
        vAxis: {
 +
          title: 'Fluorescence',
 +
          scaleType: 'log',
 +
  format: 'scientific',
 +
  ticks: [1E5, 2E6, 3E7, 4E8, 5E8, 6E8, 7E8, 8E8]
 +
 
 +
        }
 +
 +
      };
 +
 
 +
      var linearChart2 = new google.visualization.LineChart(document.getElementById('linear_div2'));
 +
      linearChart2.draw(data, linearOptions2);
 +
 
 +
      var logChart2 = new google.visualization.LineChart(document.getElementById('log_div2'));
 +
      logChart2.draw(data, logOptions2);
 +
     }
 +
 +
 +
 +
</script>
 +
 
 +
 
 +
<script>
 +
function myFunction() {
 +
    var x = document.getElementById("Industry_display");
 +
    if (x.className.indexOf("w3-show") == -1) {
 +
        x.className += " w3-show";
 +
    } else {
 +
        x.className = x.className.replace(" w3-show", "");
 +
    }
 +
}
 +
</script>
 +
 
 +
<script>
 +
function myFunction_2() {
 +
    var x = document.getElementById("Interviews_display");
 +
    if (x.className.indexOf("w3-show") == -1) {
 +
        x.className += " w3-show";
 +
    } else {
 +
        x.className = x.className.replace(" w3-show", "");
 +
    }
 +
}
 +
</script>
 +
 
 +
<body>
 +
<div class="w3-blue-gray">
 +
<ul id="ddmenu_hebrewu">
 +
            <li style="float:left;margin-top:12px;padding-left:15px;"><br />Hebrew</li>
 +
 
 +
    <div class="huji_homebutton">
 +
           
 +
        <a href="javascript:void(0);" class="icon" onClick="show_small_nav()">
 +
            <img src="https://static.igem.org/mediawiki/2018/d/dc/T--Hebrewu--huji_small_manu.png" width="20" height="20" padding:"2px">
 +
        </a>
 +
   
 +
        <a href="https://2018.igem.org/Team:HebrewU">
 +
                <img class="ulogo" src="https://static.igem.org/mediawiki/2018/d/d3/T--Hebrewu--huji_boiling_logo.png" width="60" height="60" style="margin-left:-27px;">
 +
                </a>
 +
  </div>  
 +
 
 +
     <li><a>Project</a>
 
         <ul>
 
         <ul>
−
             <li><a href="#">Motivation</a></li>
+
             <li><a href="https://2018.igem.org/Team:HebrewU/Description">Description</a></li>
−
             <li><a href="https://2018.igem.org/Team:HebrewU/description">Description</a></li>
+
             <li><a href="https://2018.igem.org/Team:HebrewU/Model">Model</a></li>
−
             <li><a href="#">Results</a></li>
+
             <li><a href="https://2018.igem.org/Team:HebrewU/Demonstrate">Results</a></li>
−
             <li><a href="#">BioBricks</a></li>
+
             <li><a href="https://2018.igem.org/Team:HebrewU/Parts">Parts</a></li>
−
         </ul>
+
            <li><a href="https://2018.igem.org/Team:HebrewU/Software">MOOLTi</a></li>
−
               
+
 
 +
         </ul>      
 
     </li>
 
     </li>
−
    <li><a href="#">Team</a>
+
    <li><a>Lab</a>
 
         <ul>
 
         <ul>
−
             <li><a href="https://2018.igem.org/Team:HebrewU/Team">Members</a></li>
+
             <li><a href="https://2018.igem.org/Team:HebrewU/Design">Yeast Design</a></li>
−
             <li><a href="#">Attribiutions</a></li>
+
            <li><a href="https://2018.igem.org/Team:HebrewU/Plant">Plant Design</a></li>
−
             <li><a href="#">Sponsors</a></li>
+
             <li><a href="https://2018.igem.org/Team:HebrewU/Notebook">Notebook</a></li>
−
             <li><a href="#">Photo Gallery</a></li>
+
             <li><a href="https://2018.igem.org/Team:HebrewU/InterLab">Inter-lab</a></li>
 +
             <li><a href="https://2018.igem.org/Team:HebrewU/Safety">Safety</a></li>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Protocols">Protocols</a></li>
 
         </ul>
 
         </ul>
 +
       
 
     </li>
 
     </li>
 +
 
 
      
 
      
−
     <li><a href="#">Human Practice</a>
+
     <li><a href="https://2018.igem.org/Team:HebrewU/Human_Practices">Human Practices</a>
 
         <ul>
 
         <ul>
−
             <li><a href="#">Citizen Survey</a></li>
+
             <li><a href="https://2018.igem.org/Team:HebrewU/Ethics">Ethics</a></li>
−
             <li><a href="#">Expert Interviews</a></li>
+
             <li><a href="https://2018.igem.org/Team:HebrewU/Global_aspects">Global Aspects</a></li>
−
             <li><a href="#">Community</a></li>
+
             <li><a href="https://2018.igem.org/Team:HebrewU/Public_engagment">Public Engagment</a></li>
−
             <li><a href="#">Industry</a></li>
+
             <li><a href="https://2018.igem.org/Team:HebrewU/Open_Source">Open Source</a></li>
 
         </ul>
 
         </ul>
 
     </li>
 
     </li>
 
      
 
      
−
        <li><a href="#">Our Lab</a>
+
    <li><a>Team</a>
 
         <ul>
 
         <ul>
−
             <li><a href="#">Protocols</a></li>
+
             <li><a href="https://2018.igem.org/Team:HebrewU/Team">Members</a></li>
−
             <li><a href="#">Notebooks</a></li>
+
             <li><a href="https://2018.igem.org/Team:HebrewU/Attributions">Attributions</a></li>
−
             <li><a href="#">Inter-lab</a></li>
+
             <li><a href="https://2018.igem.org/Team:HebrewU/Collaborations">Collaborations</a></li>
−
             <li><a href="#">Safety</a></li>
+
             <li><a href="https://2018.igem.org/Team:HebrewU/Photo_Gallery">Photo Gallery</a></li>
−
            <li><a href="#">Media Criteria</a></li>
+
−
 
+
 
         </ul>
 
         </ul>
 
     </li>
 
     </li>
−
      
+
            <li ><a href="https://2018.igem.org/Team:HebrewU/Judging">Judging</a></li>
 +
           
 +
     <div class="social_huji">
 +
            <a href="https://twitter.com/GemHuji"> <img class="social_icons" src="https://static.igem.org/mediawiki/2018/3/39/T--Hebrewu--twitter_logo.png" width="25" height="25"></a>
 +
            <a href="https://www.facebook.com/HUJiGEM"> <img class="social_icons" src="https://static.igem.org/mediawiki/2018/8/8a/T--Hebrewu--facebook_logo.png" width="25" height="25"></a>
 +
            <a href="https://www.instagram.com/hujigem/"> <img class="social_icons" src="https://static.igem.org/mediawiki/2018/5/54/T--Hebrewu--insta_logo.png" width="25" height="25"></a>
 +
            <a href="https://www.igem.org/Main_Page"> <img class="social_icons" src="https://static.igem.org/mediawiki/2018/1/1a/T--Hebrewu--IGEM_logo.png" width="30"></a>
  
−
</ul>    
+
    </div>  
  
−
<div><br><br><div>
+
</ul>  
  
 +
<!----------- Responsive Navbar --------------->   
 +
<div class="huji_smallnav" id="huji_shownav">
 +
    <button class="huji_small_navbar">Project</button>
 +
        <div class="huji_small_navbar_panel">
 +
            <a href="https://2018.igem.org/Team:HebrewU/Description"><button class="b_huji_small_subnav">Description</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Model"><button class="b_huji_small_subnav">Model</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Demonstrate"><button class="b_huji_small_subnav">Results</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Parts"><button class="b_huji_small_subnav">Parts</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Software"><button class="b_huji_small_subnav">MOOLTi</button></a>
 +
        </div>
  
−
<div class="rowhuji">
+
    <button class="huji_small_navbar">Lab</button>
 +
        <div class="huji_small_navbar_panel">
 +
            <a href="https://2018.igem.org/Team:HebrewU/Design"><button class="b_huji_small_subnav">Yeast Design</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Plant"><button class="b_huji_small_subnav">Plant Design</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Notebook"><button class="b_huji_small_subnav">Notebook</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/InterLab"><button class="b_huji_small_subnav">InterLab</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Safety"><button class="b_huji_small_subnav">Safety</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Protocols"><button class="b_huji_small_subnav">Protocols</button></a>
  
−
  <div class="columnhuji side">
+
        </div>
−
  </div>
+
−
 
+
−
  <div class="columnhuji middle">
+
−
  <div class="grid-container">
+
−
  <h2 class="ahuji"> Inter-Lab </h2>
+
−
  <p class="ahuji">
+
  
 +
    <button class="huji_small_navbar">Human Practice</button>
 +
        <div class="huji_small_navbar_panel">
 +
            <a href="https://2018.igem.org/Team:HebrewU/Human_Practices"><button class="b_huji_small_subnav">Human Practice - Main Page</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Ethics"><button class="b_huji_small_subnav">Ethics</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Global_aspects"><button class="b_huji_small_subnav">Global Aspects</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Public_Engagment"><button class="b_huji_small_subnav">Public Engagment</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Open_Source"><button class="b_huji_small_subnav">Open Source</button></a>
 +
        </div>
  
  
−
Universal and Standardized units are important in all disciplines of science, and especially in engineering. One important issue biology, and specifically genetic engineering faces today is a lack of standardized units. In synthetic biology we often employ marker proteins to assist in both real time assessment and in depth result interpretation. For these results to be consistent both between experiments, and between labs it is of paramount importance to create a standardized unit for said markers. Such a unit would also allow for the comparison of results from different labs and machines.
+
     
 +
          <button class="huji_small_navbar">Team</button>
 +
        <div class="huji_small_navbar_panel">
 +
            <a href="https://2018.igem.org/Team:HebrewU/Members"><button class="b_huji_small_subnav">Members</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Attributions"><button class="b_huji_small_subnav">Attributions</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Collaborations"><button class="b_huji_small_subnav">Collaborations</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Photo_Gallery"><button class="b_huji_small_subnav">Photo Gallery</button></a>
 +
        </div>
 +
       
 +
            <a href="https://2018.igem.org/Team:HebrewU/Judging"><button class="huji_small_navbar">Judging</button></a>
 +
</div>
 +
<!----------- Script 1 for small navbar --------------->
 +
<script>
 +
        function show_small_nav() {
 +
              var x = document.getElementById("huji_shownav");
 +
            if (x.style.display === "none") {
 +
                x.style.display = "block";
 +
            } else {
 +
                x.style.display = "none";
 +
            }
 +
        }
 +
    </script>
  
−
<br></br>
+
<!------------ Script 2 for small navbar ------------->
 +
<script>
 +
    var acc = document.getElementsByClassName("huji_small_navbar");
 +
    var i;
 +
   
 +
    for (i = 0; i < acc.length; i++) {
 +
        acc[i].addEventListener("click", function() {
 +
            this.classList.toggle("active");
 +
            var huji_small_navbar_panel = this.nextElementSibling;
 +
            if (huji_small_navbar_panel.style.display === "block") {
 +
                huji_small_navbar_panel.style.display = "none";
 +
            } else {
 +
                huji_small_navbar_panel.style.display = "block";
 +
            }
 +
        });
 +
    }
 +
    </script>
 +
   
 +
   
 +
    <a onClick="topFunction()" id="myBtn_up" title="Go to top"><img src="https://static.igem.org/mediawiki/2018/1/1e/T--hebrewu--arrow_up.png" width="40px" /></a>
  
−
The InterLab Study utilizes the wide access that iGEM has to biology teams all over the world. Taking advantage of this rare opportunity, the InterLab aims to improve the measurement tools available to both the iGEM community and the synthetic biology community as a whole. By measuring the fluorescence on a wide range of machines, in a wide range of labs, and regulating the results to a single control group, we hope to gather enough data to create this standard unit. As GFP is one of the most used markers today, this has been the focus of the InterLab studies over the past 5 years.
 
  
−
<br></br>
+
<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_up").style.display = "block";
 +
    } else {
 +
        document.getElementById("myBtn_up").style.display = "none";
 +
    }
 +
}
  
−
Our team too believes in the need for a standardization of units with in the world of biology. We want to help make progress towards quantitative measurements between labs, and not be constrained to relative compassions. As such, were excited to take part in such a project and hope are data will support the progress of synthetic biology and genetic engineering.  
+
// When the user clicks on the button, scroll to the top of the document
−
 
+
function topFunction() {
−
  <div align="center">
+
    document.body.scrollTop = 0;
−
 
+
    document.documentElement.scrollTop = 0;
−
<div id="chartLinear" style="height: 80%; width: 80%;">  
+
}
−
</div>
+
</script>
−
<button onclick="myFunction()" class="hujigem_showdata_button">Raw data</button>
+
   
 +
   
 +
    <br /><br />
 +
<!--- Page header --->
 +
<div class="w3-blue-gray">
 +
<div class="w3-center">
 +
            <img src="https://static.igem.org/mediawiki/2018/6/6a/T--hebrewu--interlab_HL.png" width="50%">
  
−
<div id="hujigem_showdata1">
+
</div> 
 +
<!--- Page content start --->
 +
        <p style="padding-left:150px;padding-right:150px;text-align:justify;line-height:1.5">  
 +
Universal and standardized units are important in all disciplines of science. It allows students and professionals everywhere to understand the same language when describing substances or functions. However, the fields of biology and synthetic biology in particular often lack standardized units. For example, in genetic studies or modifications, we often employ marker proteins to assist in both real-time assessments and result interpretation. For results to be consistent between experiments and labs, it is of paramount importance to create a standardized unit for said markers. Such a unit would also allow for the precise comparison of results from different labs and machines, instead of relying on visual comparisons.  <br>
 +
    <br>
 +
    The InterLab Study utilizes iGEM’s broad network of biology students from around the world to improve the measurement tools available to the iGEM community and the synthetic biology community as a whole. By measuring GFP fluorescence on a wide range of machines in many different labs and relating the results to a single control group, we hope to gather enough data to create a standardized unit for it. Since GFP is one of the most frequently used markers today, this has been a major focus of the InterLab studies over the past 5 years.
 +
 <br>
 +
    <br>
 +
    Our team understands the need for unit standardization within the world of biology. We want to help make progress towards more precise quantitative measurements in biology research. As such, we are excited to take part in the Interlab Study and hope our data will support the progress of synthetic biology and genetic engineering.
  
 +
 
 +
  <div align="center"><br />
 +
    <img src="https://static.igem.org/mediawiki/2018/6/63/T--Hebrewu--interlab_chart1.png" width="70%">
 +
    <br /> <br />
 +
    <button onClick="myFunction()" class="hujigem_showdata_button" style>Raw data 1</button>
  
−
<br><br>
+
<div id="hujigem_showdata1" style="overflow-x:auto;">
−
<b>
+
−
</b>
+
 
<table id="tablevalues_hujigem">
 
<table id="tablevalues_hujigem">
  
 
   <tr>
 
   <tr>
 
     <th>N. of Particles</th>
 
     <th>N. of Particles</th>
−
     <td>2.35E+08</td>
+
     <td>2.35E8</td>
−
     <td>1.18E+08</td>
+
     <td>1.18E8</td>
−
     <td>5.88E+07</td>
+
     <td>5.88E7</td>
−
     <td>2.94E+07</td>
+
     <td>2.94E7</td>
−
     <td>1.47E+07</td>
+
     <td>1.47E7</td>
−
     <td>7.35E+06</td>
+
     <td>7.35E6</td>
−
     <td>3.68E+06</td>
+
     <td>3.68E6</td>
−
     <td>1.84E+06</td>
+
     <td>1.84E6</td>
−
     <td>9.19E+05</td>
+
     <td>9.19E5</td>
−
     <td>4.60E+05</td>
+
     <td>4.60E5</td>
−
     <td>2.30E+05</td>
+
     <td>2.30E5</td>
  
  
Line 441: Line 590:
 
      
 
      
 
</table>
 
</table>
−
 
−
 
 
</div>
 
</div>
  
  
 +
 +
  <br />
 +
<br />
 +
 +
 
<script>
 
<script>
 
function myFunction() {
 
function myFunction() {
Line 459: Line 611:
  
  
−
<br><br>
 
  
  
−
<b>
+
<script>
−
#Table 2: Fluorescein uM to Abs
+
function myFunction2() {
−
</b>
+
    var x = document.getElementById("hujigem_showdata2");
 +
    if (x.style.display === "block") {
 +
        x.style.display = "none";
 +
    } else {
 +
        x.style.display = "block";
 +
    }
 +
}
 +
</script>
 +
<div id="tableempty_hujigem";border:none; background-color:transparent">
 +
 
 +
<img src="https://static.igem.org/mediawiki/2018/1/19/T--Hebrewu--interlab_chart2.png" width="70%">
 +
</div><br />
 +
 
 +
 +
 +
 +
 +
<button onClick="myFunction2()" class="hujigem_showdata_button">Raw data 2</button>
 +
 
 +
<div id="hujigem_showdata2" style="overflow-x:auto;">
 +
 
  
 
<table id="tablevalues_hujigem">
 
<table id="tablevalues_hujigem">
Line 486: Line 657:
 
   <tr>
 
   <tr>
 
     <th>Abs mean</th>
 
     <th>Abs mean</th>
−
     <td>6.461E+06</td>
+
     <td>6.461E6</td>
−
     <td>3.551E+06</td>
+
     <td>3.551E6</td>
−
     <td>1.900E+06</td>
+
     <td>1.900E6</td>
−
     <td>9.253E+05</td>
+
     <td>9.253E5</td>
−
     <td>4.844E+05</td>
+
     <td>4.844E5</td>
−
     <td>2.420E+05</td>
+
     <td>2.420E5</td>
−
     <td>1.162E+05</td>
+
     <td>1.162E5</td>
−
     <td>5.755E+04</td>
+
     <td>5.755E4</td>
−
     <td>3.016E+04</td>
+
     <td>3.016E4</td>
−
     <td>1.527E+04</td>
+
     <td>1.527E4</td>
−
     <td>7.731E+03</td>
+
     <td>7.731E3</td>
  
  
Line 504: Line 675:
 
      
 
      
 
</table>
 
</table>
−
 
+
</div>
 +
<div class="w3-blue-gray" style="height:100px;"
 +
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 17:31, 12 December 2018

HebrewU HujiGEM 2018



Universal and standardized units are important in all disciplines of science. It allows students and professionals everywhere to understand the same language when describing substances or functions. However, the fields of biology and synthetic biology in particular often lack standardized units. For example, in genetic studies or modifications, we often employ marker proteins to assist in both real-time assessments and result interpretation. For results to be consistent between experiments and labs, it is of paramount importance to create a standardized unit for said markers. Such a unit would also allow for the precise comparison of results from different labs and machines, instead of relying on visual comparisons.  

The InterLab Study utilizes iGEM’s broad network of biology students from around the world to improve the measurement tools available to the iGEM community and the synthetic biology community as a whole. By measuring GFP fluorescence on a wide range of machines in many different labs and relating the results to a single control group, we hope to gather enough data to create a standardized unit for it. Since GFP is one of the most frequently used markers today, this has been a major focus of the InterLab studies over the past 5 years.  

Our team understands the need for unit standardization within the world of biology. We want to help make progress towards more precise quantitative measurements in biology research. As such, we are excited to take part in the Interlab Study and hope our data will support the progress of synthetic biology and genetic engineering.  




N. of Particles 2.35E8 1.18E8 5.88E7 2.94E7 1.47E7 7.35E6 3.68E6 1.84E6 9.19E5 4.60E5 2.30E5
Abs mean 0.977 0.568 0.305 0.195 0.139 0.113 0.098 0.092 0.087 0.086 0.086



Fluorescein (uM) 10.00 5.00 2.5 1.25 0.625 0.313 0.156 0.078 0.039 0.0195 0.0098
Abs mean 6.461E6 3.551E6 1.900E6 9.253E5 4.844E5 2.420E5 1.162E5 5.755E4 3.016E4 1.527E4 7.731E3