Team:TU Munich/lab/notebook

From 2011.igem.org

(Difference between revisions)
 
(167 intermediate revisions not shown)
Line 1: Line 1:
{{Team:TU_Munich/Header}}
{{Team:TU_Munich/Header}}
 +
<html>
<html>
 +
 +
<style>
 +
.ui-tabs-hide {
 +
  display:none; 
 +
}
 +
 +
.litab {
 +
    background: none repeat scroll 0 0 #444444;
 +
    display: block;
 +
    float: left;
 +
    margin-left: 5px;
 +
    text-align: center;
 +
    top: 0;
 +
    margin-bottom: 0;
 +
    padding:0 10px 0 10px;
 +
}
 +
 +
.ui-tabs-selected {
 +
    background: none repeat scroll 0 0 #d15353;
 +
}
 +
 +
 +
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 {
 +
      border-color: #d15353;
 +
      padding-top:10px;
 +
      height:900px;
 +
      overflow:auto;
 +
      display:block;
 +
      margin-top:25px;
 +
}
 +
 +
 +
</style>
 +
 +
 +
<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>
<body>
<body>
<div id="labbook" class="content">
<div id="labbook" class="content">
-
  <div class="subcontent ui-corner-all sublab">
+
  <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 12: Line 63:
error: function( xhr, status, index, anchor ) {
error: function( xhr, status, index, anchor ) {
$( anchor.hash ).html(
$( anchor.hash ).html(
-
"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. ");
-
"If this wouldn't be a demo." );
+
}
}
 +
},
 +
            load: function(event, ui) {
 +
$('.labcheckbox').each(function() {
 +
  if ($(this).is(':checked')){
 +
    $('.'+this.value).css({display: 'block'})
 +
  } else {
 +
    $('.'+this.value).css({display: 'none'})
 +
  }
 +
});
}
}
});
});
Line 20: Line 79:
</script>
</script>
-
<div id='labmenu' class='' style="float:left;width:200px;">
+
<div id='labmenu' class=''>
 +
<script>
 +
$(document).ready(function() {
-
</div>
+
$('.labcheckbox').each(function() {
 +
  if ($(this).is(':checked')){
 +
  $('.'+this.value).css({display: 'block'})
 +
  } else {
 +
  $('.'+this.value).css({display: 'none'})
 +
  }
 +
});
-
<div id='tabs' class="ui-tabs ui-widget ui-widget-content" style="float:right;width:700px;">
+
$('.labcheckbox').click(function() {
 +
  if ($(this).is(':checked')){
 +
  $('.'+this.value).css({display: 'block'})
 +
  } else {
 +
  $('.'+this.value).css({display: 'none'})
 +
  }
 +
});
 +
});
 +
</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">
 +
        <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="cloning" id="ui-test2" checked="checked"/>Cloning
 +
<input class="labcheckbox" type="checkbox" name="category" value="testing" id="ui-test3" checked="checked"/>Testing
 +
<input class="labcheckbox" type="checkbox" name="category" value="otherwork" id="ui-test4" checked="checked"/>Other Work
 +
        </form>
 +
 
 +
</div>
 +
<div id="tabs" class="ui-tabs ui-widget ui-widget-content" style="clear:both">
<ul class="ultopic">
<ul class="ultopic">
-
<li "litopic ui-corner-all" ><a href="https://2011.igem.org/Team:TU_Munich/lab/notebook/solidmatrix?action=raw">Solid Matrix 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><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><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><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="ui-tabs-1" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide"></div>
 +
          <div id="ui-tabs-2" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide"></div>
 +
          <div id="ui-tabs-3" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide"></div>
 +
          <div id="ui-tabs-4" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide"></div>
 +
        </div>
</div>
</div>
 +
   </div>
   </div>
  </div>
  </div>
</div>
</div>

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