Team:TU Munich/lab/notebook

From 2011.igem.org

(Difference between revisions)
 
(91 intermediate revisions not shown)
Line 1: Line 1:
{{Team:TU_Munich/Header}}
{{Team:TU_Munich/Header}}
 +
<html>
<html>
-
<head>
+
 
<style>
<style>
.ui-tabs-hide {
.ui-tabs-hide {
   display:none;   
   display:none;   
}
}
-
/*
 
-
* jQuery UI Datepicker 1.8.16
 
-
*
 
-
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 
-
* Dual licensed under the MIT or GPL Version 2 licenses.
 
-
* http://jquery.org/license
 
-
*
 
-
* http://docs.jquery.com/UI/Datepicker#theming
 
-
*/
 
-
.ui-datepicker { width: 180px; padding: .2em .2em 0; display: none; }
 
-
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
 
-
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
 
-
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
 
-
.ui-datepicker .ui-datepicker-prev { left:2px; }
 
-
.ui-datepicker .ui-datepicker-next { right:2px; }
 
-
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
 
-
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
 
-
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
 
-
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
 
-
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
 
-
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
 
-
.ui-datepicker select.ui-datepicker-month,
 
-
.ui-datepicker select.ui-datepicker-year { width: 49%;}
 
-
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
 
-
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
 
-
.ui-datepicker td { border: 0; padding: 1px; }
 
-
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
 
-
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
 
-
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
 
-
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
 
-
/* with multiple calendars */
+
.litab {
-
.ui-datepicker.ui-datepicker-multi { width:auto; }
+
    background: none repeat scroll 0 0 #444444;
-
.ui-datepicker-multi .ui-datepicker-group { float:left; }
+
    display: block;
-
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
+
    float: left;
-
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
+
    margin-left: 5px;
-
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
+
    text-align: center;
-
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
+
    top: 0;
-
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
+
    margin-bottom: 0;
-
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
+
    padding:0 10px 0 10px;
-
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
+
}
-
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }
+
-
/* RTL support */
+
.ui-tabs-selected {
-
.ui-datepicker-rtl { direction: rtl; }
+
    background: none repeat scroll 0 0 #d15353;
-
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
+
}
-
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
+
-
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
+
-
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
+
-
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
+
-
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
+
-
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
+
-
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
+
-
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
+
-
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
+
 +
fieldset {
 +
    border: 1px none;
 +
    line-height: 1.2em;
 +
    margin-bottom: 0.5em;
 +
}
 +
#tabs .litab a:link {color:#CCCCCC;}
 +
#tabs .litab a:visited {color:#CCCCCC;}
 +
#tabs .litab a:hover {text-decoration:none;}
 +
 +
#tabs .ui-tabs-selected a:link {color:#f6b297;}
 +
#tabs .ui-tabs-selected a:visited {color:#f6b297;}
.tabcontent {
.tabcontent {
 +
      border-color: #d15353;
       padding-top:10px;
       padding-top:10px;
-
       height:1100px;
+
       height:900px;
       overflow:auto;
       overflow:auto;
       display:block;
       display:block;
Line 75: Line 48:
</style>
</style>
-
<script>
+
 
-
$(function () {
+
 
-
    var tabContainers = $('div.tabs > div');
+
<script src="https://2011.igem.org/Team:TU_Munich/jquery.getUrlParam.js?action=raw&ctype=text/js" type="text/javascript"></script>
-
   
+
<script src="https://2011.igem.org/Team:TU_Munich/jquery.scrollTo-min.js?action=raw&ctype=text/js" type="text/javascript"></script>
-
    $('div.tabs ul.tabNavigation a').click(function () {
+
-
        tabContainers.hide().filter(this.hash).show();
+
-
       
+
-
        $('div.tabs ul.tabNavigation a').removeClass('selected');
+
-
        $(this).addClass('selected');
+
-
       
+
-
        return false;
+
-
    }).filter(':first').click();
+
-
});
+
-
$(function () {
+
-
    var tabs = [];
+
-
    var tabContainers = [];
+
-
    $('ul.tabs a').each(function () {
+
-
      // note that this only compares the pathname, not the entire url
+
-
      // which actually may be required for a more terse solution.
+
-
        if (this.pathname == window.location.pathname) {
+
-
            tabs.push(this);
+
-
            tabContainers.push($(this.hash).get(0));
+
-
        }
+
-
    });
+
-
   
+
-
    $(tabs).click(function () {
+
-
        // hide all tabs
+
-
        $(tabContainers).hide().filter(this.hash).show();
+
-
       
+
-
        // set up the selected class
+
-
        $(tabs).removeClass('selected');
+
-
        $(this).addClass('selected');
+
-
       
+
-
        return false;
+
-
    });
+
-
});
+
-
</script>
+
-
</head>
+
<body>
<body>
<div id="labbook" class="content">
<div id="labbook" class="content">
-
  <div class="subcontent ui-corner-all sublab" style="height:1200px;display:block">
+
  <div class="subcontent ui-corner-all sublab" style="height:1170px;display:block">
-
   <div style="clear:both;display:block;height:200px;">
+
   <div style="clear:both;display:block;">
   <h1>Labbook</h1>
   <h1>Labbook</h1>
<script>
<script>
Line 126: Line 65:
"Couldn't load this tab. We'll try to fix this as soon as possible. ");
"Couldn't load this tab. We'll try to fix this as soon as possible. ");
}
}
 +
},
 +
            load: function(event, ui) {
 +
$('.labcheckbox').each(function() {
 +
  if ($(this).is(':checked')){
 +
    $('.'+this.value).css({display: 'block'})
 +
  } else {
 +
    $('.'+this.value).css({display: 'none'})
 +
  }
 +
});
}
}
});
});
Line 131: Line 79:
</script>
</script>
-
<div id='labmenu' class='' style="float:left;width:200px;">
+
<div id='labmenu' class=''>
<script>
<script>
$(document).ready(function() {
$(document).ready(function() {
 +
  $('.labcheckbox').each(function() {
  $('.labcheckbox').each(function() {
   if ($(this).is(':checked')){
   if ($(this).is(':checked')){
   $('.'+this.value).css({display: 'block'})
   $('.'+this.value).css({display: 'block'})
-
  console.log(this.value);
 
   } else {
   } else {
   $('.'+this.value).css({display: 'none'})
   $('.'+this.value).css({display: 'none'})
Line 146: Line 94:
   if ($(this).is(':checked')){
   if ($(this).is(':checked')){
   $('.'+this.value).css({display: 'block'})
   $('.'+this.value).css({display: 'block'})
-
  console.log(this.value);
 
   } else {
   } else {
   $('.'+this.value).css({display: 'none'})
   $('.'+this.value).css({display: 'none'})
Line 152: Line 99:
  });
  });
});
});
-
 
</script>
</script>
 +
 +
 +
<p>See <b>Methods</b> for a detailed description of the protocols we used. Solid Matrix enlists our experiments to find the optimal gel for our and gate. <b>Lightbox</b> describes the setup of the lightbox that was used to irradiate the bacteria at different wavelengths. <b>Cloning I</b> and <b>Cloning II</b> show our unsuccessful attempts to clone our construct. Finally <b>Cloning III + Results</b> displays our successful cloning attempts and our procedural method to characterize the parts. All work done after the European Jamboree is explained in <b>Cloning IV + Results</b>.</p>
 +
<p><b>To navigate the labbook more quickly, you can hide the different categories by deselecting them below.</b></p>
 +
<p><b>Click on the Images to enlarge them.</b></p>
         <form id="labselect"><fieldset class="ui-widget ui-widget-content ui-corner-all">
         <form id="labselect"><fieldset class="ui-widget ui-widget-content ui-corner-all">
-
         <h3>Display:</h3>
+
         <b>Display:</b>
<input class="labcheckbox" type="checkbox" name="category" value="results" id="ui-test1" checked="checked"/>Results
<input class="labcheckbox" type="checkbox" name="category" value="results" id="ui-test1" checked="checked"/>Results
-
        <br>
 
<input class="labcheckbox" type="checkbox" name="category" value="cloning" id="ui-test2" checked="checked"/>Cloning
<input class="labcheckbox" type="checkbox" name="category" value="cloning" id="ui-test2" checked="checked"/>Cloning
-
        <br>
 
<input class="labcheckbox" type="checkbox" name="category" value="testing" id="ui-test3" checked="checked"/>Testing
<input class="labcheckbox" type="checkbox" name="category" value="testing" id="ui-test3" checked="checked"/>Testing
-
        <br>
 
<input class="labcheckbox" type="checkbox" name="category" value="otherwork" id="ui-test4" checked="checked"/>Other Work
<input class="labcheckbox" type="checkbox" name="category" value="otherwork" id="ui-test4" checked="checked"/>Other Work
-
        <br>
 
-
        <br>
 
         </form>
         </form>
-
<script>
 
-
$(function() {
 
-
$( "#datepicker" ).datepicker();
 
-
});
 
-
</script>
 
-
<h3> Date:</h3>
 
-
<div id='datepicker' style="float:left">
 
-
</div>
 
</div>
</div>
-
 
+
<div id="tabs" class="ui-tabs ui-widget ui-widget-content" style="clear:both">
-
<div id="tabs" class="ui-tabs ui-widget ui-widget-content" style="float:right;width:650px;">
+
<ul class="ultopic">
<ul class="ultopic">
-
<li class="litopic ui-corner-all" title="labbookContent"><a href="https://2011.igem.org/Team:TU_Munich/lab/notebook/solidmatrix?action=raw">SM Experiments</a></li>
+
                <li class="litab ui-corner-top" title="labbookContent"><a href="https://2011.igem.org/Team:TU_Munich/lab/notebook/methods?action=raw">Methods</a></li>
-
<li class="litopic ui-corner-all" title="labbookContent"><a href="https://2011.igem.org/Team:TU_Munich/lab/notebook/part1?action=raw">Labbook Part 1</a></li>
+
<li class="litab ui-corner-top" title="labbookContent"><a href="https://2011.igem.org/Team:TU_Munich/lab/notebook/solidmatrix?action=raw">Solid Matrix</a></li>
-
<li class="litopic ui-corner-all" title="labbookContent"><a href="https://2011.igem.org/Team:TU_Munich/lab/notebook/part2?action=raw">Labbook Part 2</a></li>
+
                <li class="litab ui-corner-top" title="labbookContent"><a href="https://2011.igem.org/Team:TU_Munich/lab/notebook/lightbox?action=raw">Lightbox</a></li>
-
<li class="litopic ui-corner-all" title="labbookContent"><a href="https://2011.igem.org/Team:TU_Munich/lab/notebook/part3?action=raw">Labbook Part 3</a></li>
+
<li class="litab ui-corner-top" title="labbookContent"><a href="https://2011.igem.org/Team:TU_Munich/lab/notebook/part1?action=raw">Cloning I</a></li>
 +
<li class="litab ui-corner-top" title="labbookContent"><a href="https://2011.igem.org/Team:TU_Munich/lab/notebook/part2?action=raw">Cloning II</a></li>
 +
<li class="litab ui-corner-top" title="labbookContent"><a href="https://2011.igem.org/Team:TU_Munich/lab/notebook/part3?action=raw">Cloning III & Results</a></li>
 +
<li class="litab ui-corner-top" title="labbookContent"><a href="https://2011.igem.org/Team:TU_Munich/lab/notebook/part4?action=raw">Cloning IV & Results</a></li>
</ul>
</ul>
         <div id="labbookContent" style="clear:both;">
         <div id="labbookContent" style="clear:both;">

Latest revision as of 22:20, 28 October 2011

Labbook

See Methods for a detailed description of the protocols we used. Solid Matrix enlists our experiments to find the optimal gel for our and gate. Lightbox describes the setup of the lightbox that was used to irradiate the bacteria at different wavelengths. Cloning I and Cloning II show our unsuccessful attempts to clone our construct. Finally Cloning III + Results displays our successful cloning attempts and our procedural method to characterize the parts. All work done after the European Jamboree is explained in Cloning IV + Results.

To navigate the labbook more quickly, you can hide the different categories by deselecting them below.

Click on the Images to enlarge them.

Display: Results Cloning Testing Other Work

Retrieved from "http://2011.igem.org/Team:TU_Munich/lab/notebook"