Difference between revisions of "Team:TUDelft/Wetlab/Notebook"

Line 1: Line 1:
 +
    <!-- WRITE YOUR STUFF RIGHT HERE -->
 
<html>
 
<html>
  
 
<body data-spy="scroll" data-target="#myScrollspy" data-offset="20">
 
<body data-spy="scroll" data-target="#myScrollspy" data-offset="20">
−
         <center><div class="spcmkr nowbg"></div>
+
         <center>
 
         <div class="container nowbg">
 
         <div class="container nowbg">
 
             <div class="text-center nowbg">
 
             <div class="text-center nowbg">
Line 9: Line 10:
 
             </center>
 
             </center>
 
          
 
          
−
        <div class="spcmkr nowbg"></div>
 
 
         <div class="spcmkr hidden-xs hidden-sm nowbg"></div>
 
         <div class="spcmkr hidden-xs hidden-sm nowbg"></div>
 +
   
 +
    <div class="container">
 +
        <div class="row">
 +
            <div class="hidden-xs col-lg-3 col-md-3 hidden-sm"></div>
 +
            <div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
 +
                <p>Select which experiments of which module you would like to study more in-depth.</p>
 +
                <p><span class="selector">Sample Preparation <input type="radio" name="radio1" id="r2" value="Nothing" onClick="getResults()"></span>
 +
                <span class="selector">Pre-screen <input type="radio" name="radio1" id="r1" value="Nothing" onClick="getResults()"></span>
 +
                <span class="selector"><i>In Vitro</i><input type="radio" name="radio1" id="r3" value="Nothing" onClick="getResults()"></span>
 +
                <span class="selector"><i>In Vivo</i><input type="radio" name="radio1" id="r4" value="Nothing" onClick="getResults()"></span>
 +
                <span class="selector">Strain Construction <input type="radio" name="radio1" id="r5" value="Nothing" onClick="getResults()"></span>
 +
                <span class="selector">Purifiction <input type="radio" name="radio1" id="r6" value="Nothing" onClick="getResults()"></span>
 +
                <span class="selector">Sequencing <input type="radio" name="radio1" id="r7" value="Nothing" onClick="getResults()"></span></p>
 +
            </div>
 +
            <div class="hidden-xs col-lg-1 col-md-1 hidden-sm"></div>
 +
        </div>
 +
    </div>
 
          
 
          
−
<div class="container nowbg">
+
 
 +
 
 +
<div class="container nowbg" id="SamplePrep">
 
<div class="row nowbg">
 
<div class="row nowbg">
 
          
 
          
Line 18: Line 37:
 
       <nav id="myScrollspy" class="hidden-xs hidden-sm">
 
       <nav id="myScrollspy" class="hidden-xs hidden-sm">
 
       <ul class="nav nav-pills nav-stacked" data-spy="affix">
 
       <ul class="nav nav-pills nav-stacked" data-spy="affix">
−
         <li class="active"><a href="#week1" class="adpbl">Week 1</a></li>
+
         <li class="dropdown">
−
         <li><a href="#week2" class="adpbl">Week 2</a></li>
+
          <a class="dropdown-toggle adpbl" data-toggle="dropdown" href="#">June<span class="caret"></span></a>
−
         <li><a href="#week3" class="adpbl">Week 3</a></li>  
+
          <ul class="dropdown-menu">
−
         <li><a href="#week4" class="adpbl">Week 4</a></li>
+
            <li><a href="#JunePreScreen1" class="adpbl">Week: XX/06/2018 - xx/06/2018</a>        
 +
            </li>
 +
            <li><a href="#JunePreScreen2" class="adpbl">Week: XX/06/2018 - xx/06/2018</a>         
 +
            </li>
 +
            <li><a href="#JunePreScreen3" class="adpbl">Week: XX/06/2018 - xx/06/2018</a>         
 +
            </li>
 +
            <li><a href="#JunePreScreen4" class="adpbl">Week: XX/06/2018 - xx/06/2018</a>         
 +
            </li>
 +
          </ul>
 +
         </li>
 +
        <li class="dropdown">
 +
          <a class="dropdown-toggle adpbl" data-toggle="dropdown" href="#">July<span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="#JulyPreScreen1" class="adpbl">Week: XX/07/2018 - xx/07/2018</a>        
 +
            </li>
 +
            <li><a href="#JulyPreScreen2" class="adpbl">Week: XX/07/2018 - xx/07/2018</a>         
 +
            </li>
 +
            <li><a href="#JulyPreScreen3" class="adpbl">Week: XX/07/2018 - xx/07/2018</a>         
 +
            </li>
 +
            <li><a href="#JulyPreScreen4" class="adpbl">Week: XX/07/2018 - xx/07/2018</a>         
 +
            </li>
 +
          </ul>
 +
         </li>  
 +
        <li class="dropdown">
 +
          <a class="dropdown-toggle adpbl" data-toggle="dropdown" href="#">August<span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="#AugustPreScreen1" class="adpbl">Week: XX/08/2018 - xx/08/2018</a>        
 +
            </li>
 +
            <li><a href="#AugustPreScreen2" class="adpbl">Week: XX/08/2018 - xx/08/2018</a>         
 +
            </li>
 +
            <li><a href="#AugustPreScreen3" class="adpbl">Week: XX/08/2018 - xx/08/2018</a>         
 +
            </li>
 +
            <li><a href="#AugustPreScreen4" class="adpbl">Week: XX/08/2018 - xx/08/2018</a>         
 +
            </li>
 +
          </ul>
 +
         </li>  
 +
        <li class="dropdown">
 +
          <a class="dropdown-toggle adpbl" data-toggle="dropdown" href="#">September<span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="#SeptemberPreScreen1" class="adpbl">Week: XX/09/2018 - xx/09/2018</a>         
 +
            </li>
 +
            <li><a href="#SeptemberPreScreen2" class="adpbl">Week: XX/09/2018 - xx/09/2018</a>         
 +
            </li>
 +
            <li><a href="#SeptemberPreScreen3" class="adpbl">Week: XX/09/2018 - xx/09/2018</a>         
 +
            </li>
 +
            <li><a href="#SeptemberPreScreen4" class="adpbl">Week: XX/09/2018 - xx/09/2018</a>         
 +
            </li>
 +
          </ul>
 +
        </li>
 +
      </ul>
 +
    </nav>
 +
</div>
 +
       
 +
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12 nowbg" style="margin-right:20px;">
 +
 
 +
<h3>June</h3>   
 +
<button class="collapsible cadpbl"><span id="June"></span>Week xx/06/2018 - xx/06/2018</button>
 +
<div class="content">
 +
    <form>
 +
    <input id="check01" type="checkbox" class="inputhide" />
 +
    <label for="check01" class="subdropdown cadpbl">Monday</label>
 +
    <ul class="submenu">
 +
        <div class="subcontent">
 +
        <p>blabkbfdsipov</p>
 +
        </div>
 +
    <li>Item 1</li>
 +
    <li>Item 2</li>
 +
   
 +
    </ul>
 +
    </form>
 +
 
 +
    <form>   
 +
    <input id="check02" type="checkbox"  />
 +
    <label for="check02" class="subdropdown cadpbl">Tuesday</label>
 +
    <ul class="submenu">
 +
        <div class="subcontent">
 +
        <p>blabkbfdsipov</p>
 +
        </div>   
 +
        <li>Item 1</li>
 +
        <li>Item 2</li>
 +
    </ul>
 +
    </form>
 +
         
 +
    <form>
 +
    <input id="check03" type="checkbox"  />
 +
    <label for="check03" class="subdropdown cadpbl">Wednesday</label>
 +
    <ul class="submenu">
 +
        <div class="subcontent">
 +
        <p>blabkbfdsipov</p>
 +
        </div>
 +
    <li>Item 1</li>
 +
    <li>Item 2</li>
 +
   
 +
    </ul>
 +
    </form>
 +
 
 +
    <form>   
 +
    <input id="check04" type="checkbox"  />
 +
    <label for="check04" class="subdropdown cadpbl">Thursday</label>
 +
    <ul class="submenu">
 +
        <div class="subcontent">
 +
        <p>blabkbfdsipov</p>
 +
        </div>   
 +
        <li>Item 1</li>
 +
        <li>Item 2</li>
 +
    </ul>
 +
    </form>
 +
         
 +
    <form>   
 +
    <input id="check05" type="checkbox"  />
 +
    <label for="check05" class="subdropdown cadpbl">Thursday</label>
 +
    <ul class="submenu">
 +
        <div class="subcontent">
 +
        <p>blabkbfdsipov</p>
 +
        </div>   
 +
        <li>Item 1</li>
 +
        <li>Item 2</li>
 +
    </ul>
 +
    </form>
 +
</div>
 +
 
 +
 
 +
<button class="collapsible cadpbl" ><span id="week2"></span>Week 2</button>
 +
<div class="content">
 +
</div>
 +
 
 +
 
 +
<button class="collapsible cadpbl" ><span id="week3"></span>Week 3</button>
 +
<div class="content">
 +
 
 +
</div>
 +
 
 +
 
 +
<button class="collapsible cadpbl" ><span id="week4"></span>Week 4</button>
 +
<div class="content">
 +
 
 +
</div>
 +
         
 +
         
 +
<div class="col-lg-1 col-md-1 hidden-xs hidden-sm" nowbg> </div>
 +
</div>
 +
       
 +
</div>
 +
</div> 
 +
 
 +
<div class="container nowbg" id="PreScreen">
 +
<div class="row nowbg">
 +
       
 +
<div class="col-xs-12 col-sm-3 col-lg-3">
 +
      <nav id="myScrollspy" class="hidden-xs hidden-sm">
 +
      <ul class="nav nav-pills nav-stacked" data-spy="affix">
 +
        <li class="dropdown">
 +
          <a class="dropdown-toggle adpbl" data-toggle="dropdown" href="#">June<span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="#JunePreScreen1" class="adpbl">Week: XX/06/2018 - xx/06/2018</a>         
 +
            </li>
 +
            <li><a href="#JunePreScreen2" class="adpbl">Week: XX/06/2018 - xx/06/2018</a>         
 +
            </li>
 +
            <li><a href="#JunePreScreen3" class="adpbl">Week: XX/06/2018 - xx/06/2018</a>         
 +
            </li>
 +
            <li><a href="#JunePreScreen4" class="adpbl">Week: XX/06/2018 - xx/06/2018</a>         
 +
            </li>
 +
          </ul>
 +
        </li>
 +
        <li class="dropdown">
 +
          <a class="dropdown-toggle adpbl" data-toggle="dropdown" href="#">July<span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="#JulyPreScreen1" class="adpbl">Week: XX/07/2018 - xx/07/2018</a>         
 +
            </li>
 +
            <li><a href="#JulyPreScreen2" class="adpbl">Week: XX/07/2018 - xx/07/2018</a>         
 +
            </li>
 +
            <li><a href="#JulyPreScreen3" class="adpbl">Week: XX/07/2018 - xx/07/2018</a>         
 +
            </li>
 +
            <li><a href="#JulyPreScreen4" class="adpbl">Week: XX/07/2018 - xx/07/2018</a>         
 +
            </li>
 +
          </ul>
 +
        </li>
 +
        <li class="dropdown">
 +
          <a class="dropdown-toggle adpbl" data-toggle="dropdown" href="#">August<span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="#AugustPreScreen1" class="adpbl">Week: XX/08/2018 - xx/08/2018</a>         
 +
            </li>
 +
            <li><a href="#AugustPreScreen2" class="adpbl">Week: XX/08/2018 - xx/08/2018</a>         
 +
            </li>
 +
            <li><a href="#AugustPreScreen3" class="adpbl">Week: XX/08/2018 - xx/08/2018</a>         
 +
            </li>
 +
            <li><a href="#AugustPreScreen4" class="adpbl">Week: XX/08/2018 - xx/08/2018</a>         
 +
            </li>
 +
          </ul>
 +
        </li>
 +
        <li class="dropdown">
 +
          <a class="dropdown-toggle adpbl" data-toggle="dropdown" href="#">September<span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="#SeptemberPreScreen1" class="adpbl">Week: XX/09/2018 - xx/09/2018</a>         
 +
            </li>
 +
            <li><a href="#SeptemberPreScreen2" class="adpbl">Week: XX/09/2018 - xx/09/2018</a>         
 +
            </li>
 +
            <li><a href="#SeptemberPreScreen3" class="adpbl">Week: XX/09/2018 - xx/09/2018</a>         
 +
            </li>
 +
            <li><a href="#SeptemberPreScreen4" class="adpbl">Week: XX/09/2018 - xx/09/2018</a>         
 +
            </li>
 +
          </ul>
 +
        </li>
 +
      </ul>
 +
    </nav>
 +
</div>
 +
       
 +
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12 nowbg" style="margin-right:20px;">
 +
            <!------- JUNE ----------->   
 +
<h3 class="adpbl">June</h3>
 +
    <!------- JUNE WEEK 1----------->   
 +
 
 +
<form>   
 +
<input id="WeekPS1" type="checkbox" class="dropinput" />
 +
<label for="WeekPS1" class="subdropdown cadpbl"><a class="repositioner" id="JunePreScreen1"></a>Week 1 xx/06/2018 - xx/06/2018</label>
 +
<ul class="submenu">
 +
    <div class="subcontent">
 +
       
 +
<!-------------- MONDAY ------------------->
 +
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#MondayPS1">Monday, xx/06/2018</button>
 +
<!-- Modal -->
 +
<div id="MondayPS1" class="modal fade" role="dialog">
 +
  <div class="modal-dialog">
 +
    <!-- Modal content-->
 +
    <div class="modal-content">
 +
      <div class="modal-body">
 +
<!-- PASTE THE NOTEBOOK TEMPLATE HERE -->
 +
      </div>
 +
      <div class="modal-footer">
 +
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
 +
<br>
 +
<!-------------- TUESDAY ------------------->
 +
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#TuesdayPS1">Tuesday, xx/06/2018</button>
 +
<!-- Modal -->
 +
<div id="TuesdayPS1" class="modal fade" role="dialog">
 +
  <div class="modal-dialog">
 +
    <!-- Modal content-->
 +
    <div class="modal-content">
 +
      <div class="modal-body">
 +
<!-- PASTE THE NOTEBOOK TEMPLATE HERE -->
 +
      </div>
 +
      <div class="modal-footer">
 +
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
 +
<br>
 +
<!-------------- WEDNESDAY ------------------->
 +
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#WednesdayPS1">Wednesday, xx/06/2018</button>
 +
<!-- Modal -->
 +
<div id="WednesdayPS1" class="modal fade" role="dialog">
 +
  <div class="modal-dialog">
 +
    <!-- Modal content-->
 +
    <div class="modal-content">
 +
      <div class="modal-body">
 +
<!-- PASTE THE NOTEBOOK TEMPLATE HERE -->
 +
      </div>
 +
      <div class="modal-footer">
 +
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
 +
<br>
 +
<!-------------- THURSDAY ------------------->
 +
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#ThursdayPS1">Thursday, xx/06/2018</button>
 +
<!-- Modal -->
 +
<div id="ThursdayPS1" class="modal fade" role="dialog">
 +
  <div class="modal-dialog">
 +
    <!-- Modal content-->
 +
    <div class="modal-content">
 +
      <div class="modal-body">
 +
<!-- PASTE THE NOTEBOOK TEMPLATE HERE -->
 +
      </div>
 +
      <div class="modal-footer">
 +
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
 +
<br>
 +
<!-------------- FRIDAY ------------------->
 +
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#FridayPS1">Friday, xx/06/2018</button>
 +
<!-- Modal -->
 +
<div id="FridayPS1" class="modal fade" role="dialog">
 +
  <div class="modal-dialog">
 +
    <!-- Modal content-->
 +
    <div class="modal-content">
 +
      <div class="modal-body">
 +
<!-- PASTE THE NOTEBOOK TEMPLATE HERE -->
 +
      </div>
 +
      <div class="modal-footer">
 +
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
 +
<br>
 +
 
 +
         
 +
    </div>   
 +
</ul>
 +
</form>
 +
 
 +
    <!------- JUNE WEEK 2----------->   
 +
 
 +
<form>   
 +
<input id="WeekPS2" type="checkbox" class="dropinput" />
 +
<label for="WeekPS2" class="subdropdown cadpbl"><a class="repositioner" id="JunePreScreen2"></a>Week 2 xx/06/2018 - xx/06/2018</label>
 +
<ul class="submenu">
 +
    <div class="subcontent">
 +
       
 +
<!-------------- MONDAY ------------------->
 +
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#MondayPS2">Monday, xx/06/2018</button>
 +
<!-- Modal -->
 +
<div id="MondayPS2" class="modal fade" role="dialog">
 +
  <div class="modal-dialog">
 +
    <!-- Modal content-->
 +
    <div class="modal-content">
 +
      <div class="modal-body">
 +
<!-- PASTE THE NOTEBOOK TEMPLATE HERE -->
 +
      </div>
 +
      <div class="modal-footer">
 +
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
 +
<br>
 +
<!-------------- TUESDAY ------------------->
 +
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#TuesdayPS2">Tuesday, xx/06/2018</button>
 +
<!-- Modal -->
 +
<div id="TuesdayPS2" class="modal fade" role="dialog">
 +
  <div class="modal-dialog">
 +
    <!-- Modal content-->
 +
    <div class="modal-content">
 +
      <div class="modal-body">
 +
<!-- PASTE THE NOTEBOOK TEMPLATE HERE -->
 +
      </div>
 +
      <div class="modal-footer">
 +
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
 +
<br>
 +
<!-------------- WEDNESDAY ------------------->
 +
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#WednesdayPS2">Wednesday, xx/06/2018</button>
 +
<!-- Modal -->
 +
<div id="WednesdayPS2" class="modal fade" role="dialog">
 +
  <div class="modal-dialog">
 +
    <!-- Modal content-->
 +
    <div class="modal-content">
 +
      <div class="modal-body">
 +
<!-- PASTE THE NOTEBOOK TEMPLATE HERE -->
 +
      </div>
 +
      <div class="modal-footer">
 +
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
 +
<br>
 +
<!-------------- THURSDAY ------------------->
 +
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#ThursdayPS2">Thursday, xx/06/2018</button>
 +
<!-- Modal -->
 +
<div id="ThursdayPS2" class="modal fade" role="dialog">
 +
  <div class="modal-dialog">
 +
    <!-- Modal content-->
 +
    <div class="modal-content">
 +
      <div class="modal-body">
 +
<!-- PASTE THE NOTEBOOK TEMPLATE HERE -->
 +
      </div>
 +
      <div class="modal-footer">
 +
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
 +
<br>
 +
<!-------------- FRIDAY ------------------->
 +
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#FridayPS2">Friday, xx/06/2018</button>
 +
<!-- Modal -->
 +
<div id="FridayPS2" class="modal fade" role="dialog">
 +
  <div class="modal-dialog">
 +
    <!-- Modal content-->
 +
    <div class="modal-content">
 +
      <div class="modal-body">
 +
<!-- PASTE THE NOTEBOOK TEMPLATE HERE -->
 +
      </div>
 +
      <div class="modal-footer">
 +
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
 +
<br>
 +
 
 +
         
 +
    </div>   
 +
</ul>
 +
</form>
 +
   
 +
        <!------- JUNE WEEK 3----------->   
 +
 
 +
<form>   
 +
<input id="WeekPS3" type="checkbox" class="dropinput" />
 +
<label for="WeekPS3" class="subdropdown cadpbl"><a class="repositioner" id="JunePreScreen3"></a>Week 3 xx/06/2018 - xx/06/2018</label>
 +
<ul class="submenu">
 +
    <div class="subcontent">
 +
       
 +
<!-------------- MONDAY ------------------->
 +
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#MondayPS3">Monday, xx/06/2018</button>
 +
<!-- Modal -->
 +
<div id="MondayPS3" class="modal fade" role="dialog">
 +
  <div class="modal-dialog">
 +
    <!-- Modal content-->
 +
    <div class="modal-content">
 +
      <div class="modal-body">
 +
<!-- PASTE THE NOTEBOOK TEMPLATE HERE -->
 +
      </div>
 +
      <div class="modal-footer">
 +
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
 +
<br>
 +
<!-------------- TUESDAY ------------------->
 +
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#TuesdayPS3">Tuesday, xx/06/2018</button>
 +
<!-- Modal -->
 +
<div id="TuesdayPS3" class="modal fade" role="dialog">
 +
  <div class="modal-dialog">
 +
    <!-- Modal content-->
 +
    <div class="modal-content">
 +
      <div class="modal-body">
 +
<!-- PASTE THE NOTEBOOK TEMPLATE HERE -->
 +
      </div>
 +
      <div class="modal-footer">
 +
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
 +
<br>
 +
<!-------------- WEDNESDAY ------------------->
 +
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#WednesdayPS3">Wednesday, xx/06/2018</button>
 +
<!-- Modal -->
 +
<div id="WednesdayPS3" class="modal fade" role="dialog">
 +
  <div class="modal-dialog">
 +
    <!-- Modal content-->
 +
    <div class="modal-content">
 +
      <div class="modal-body">
 +
<!-- PASTE THE NOTEBOOK TEMPLATE HERE -->
 +
      </div>
 +
      <div class="modal-footer">
 +
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
 +
<br>
 +
<!-------------- THURSDAY ------------------->
 +
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#ThursdayPS3">Thursday, xx/06/2018</button>
 +
<!-- Modal -->
 +
<div id="ThursdayPS3" class="modal fade" role="dialog">
 +
  <div class="modal-dialog">
 +
    <!-- Modal content-->
 +
    <div class="modal-content">
 +
      <div class="modal-body">
 +
<!-- PASTE THE NOTEBOOK TEMPLATE HERE -->
 +
      </div>
 +
      <div class="modal-footer">
 +
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
 +
<br>
 +
<!-------------- FRIDAY ------------------->
 +
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#FridayPS3">Friday, xx/06/2018</button>
 +
<!-- Modal -->
 +
<div id="FridayPS3" class="modal fade" role="dialog">
 +
  <div class="modal-dialog">
 +
    <!-- Modal content-->
 +
    <div class="modal-content">
 +
      <div class="modal-body">
 +
<!-- PASTE THE NOTEBOOK TEMPLATE HERE -->
 +
      </div>
 +
      <div class="modal-footer">
 +
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
 +
<br>
 +
 
 +
         
 +
    </div>   
 +
</ul>
 +
</form>
 +
   
 +
<!------- JUNE WEEK 4----------->   
 +
 
 +
<form>   
 +
<input id="WeekPS4" type="checkbox" class="dropinput" />
 +
<label for="WeekPS4" class="subdropdown cadpbl"><a class="repositioner" id="JunePreScreen4"></a>Week 4 xx/06/2018 - xx/06/2018</label>
 +
<ul class="submenu">
 +
    <div class="subcontent">
 +
       
 +
<!-------------- MONDAY ------------------->
 +
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#MondayPS4">Monday, xx/06/2018</button>
 +
<!-- Modal -->
 +
<div id="MondayPS4" class="modal fade" role="dialog">
 +
  <div class="modal-dialog">
 +
    <!-- Modal content-->
 +
    <div class="modal-content">
 +
      <div class="modal-body">
 +
<!-- PASTE THE NOTEBOOK TEMPLATE HERE -->
 +
      </div>
 +
      <div class="modal-footer">
 +
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
 +
<br>
 +
<!-------------- TUESDAY ------------------->
 +
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#TuesdayPS4">Tuesday, xx/06/2018</button>
 +
<!-- Modal -->
 +
<div id="TuesdayPS4" class="modal fade" role="dialog">
 +
  <div class="modal-dialog">
 +
    <!-- Modal content-->
 +
    <div class="modal-content">
 +
      <div class="modal-body">
 +
<!-- PASTE THE NOTEBOOK TEMPLATE HERE -->
 +
      </div>
 +
      <div class="modal-footer">
 +
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
 +
<br>
 +
<!-------------- WEDNESDAY ------------------->
 +
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#WednesdayPS4">Wednesday, xx/06/2018</button>
 +
<!-- Modal -->
 +
<div id="WednesdayPS4" class="modal fade" role="dialog">
 +
  <div class="modal-dialog">
 +
    <!-- Modal content-->
 +
    <div class="modal-content">
 +
      <div class="modal-body">
 +
<!-- PASTE THE NOTEBOOK TEMPLATE HERE -->
 +
      </div>
 +
      <div class="modal-footer">
 +
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
 +
<br>
 +
<!-------------- THURSDAY ------------------->
 +
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#ThursdayPS4">Thursday, xx/06/2018</button>
 +
<!-- Modal -->
 +
<div id="ThursdayPS4" class="modal fade" role="dialog">
 +
  <div class="modal-dialog">
 +
    <!-- Modal content-->
 +
    <div class="modal-content">
 +
      <div class="modal-body">
 +
<!-- PASTE THE NOTEBOOK TEMPLATE HERE -->
 +
      </div>
 +
      <div class="modal-footer">
 +
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
 +
<br>
 +
<!-------------- FRIDAY ------------------->
 +
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#FridayPS4">Friday, xx/06/2018</button>
 +
<!-- Modal -->
 +
<div id="FridayPS4" class="modal fade" role="dialog">
 +
  <div class="modal-dialog">
 +
    <!-- Modal content-->
 +
    <div class="modal-content">
 +
      <div class="modal-body">
 +
<!-- PASTE THE NOTEBOOK TEMPLATE HERE -->
 +
      </div>
 +
      <div class="modal-footer">
 +
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
 +
<br>
 +
 
 +
         
 +
    </div>   
 +
</ul>
 +
</form>   
 +
   
 +
<div class="col-lg-1 col-md-1 hidden-xs hidden-sm" nowbg> </div>
 +
</div>
 +
       
 +
</div>
 +
</div>
 +
 
 +
<div class="container nowbg" id="InVitro">
 +
<div class="row nowbg">
 +
       
 +
<div class="col-xs-12 col-sm-3 col-lg-3">
 +
      <nav id="myScrollspy" class="hidden-xs hidden-sm">
 +
      <ul class="nav nav-pills nav-stacked" data-spy="affix">
 +
        <li class="active"><a href="#June" class="adpbl">June</a></li>
 +
        <li><a href="#July" class="adpbl">July</a></li>
 +
        <li><a href="#August" class="adpbl">August</a></li>
 +
        <li><a href="#September" class="adpbl">September</a></li>
 +
        <li><a href="#October" class="adpbl">October</a></li>
 
       </ul>
 
       </ul>
 
     </nav>
 
     </nav>
Line 28: Line 669:
 
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12 nowbg" style="margin-right:20px;">  
 
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12 nowbg" style="margin-right:20px;">  
  
−
<button class="collapsible cadpbl" ><span id="week1"></span>Week 1</button>
+
<button class="collapsible cadpbl" ><span id="June"></span>Week 1</button>
 +
<div class="content">
 +
    <form>
 +
    <input id="check01" type="checkbox" class="inputhide" />
 +
    <label for="check01" class="subdropdown cadpbl">Monday</label>
 +
    <ul class="submenu">
 +
        <div class="subcontent">
 +
        <p>blabkbfdsipov</p>
 +
        </div>
 +
    <li>Item 1</li>
 +
    <li>Item 2</li>
 +
   
 +
    </ul>
 +
    </form>
  
 +
    <form>   
 +
    <input id="check02" type="checkbox"  />
 +
    <label for="check02" class="subdropdown cadpbl">Tuesday</label>
 +
    <ul class="submenu">
 +
        <div class="subcontent">
 +
        <p>blabkbfdsipov</p>
 +
        </div>   
 +
        <li>Item 1</li>
 +
        <li>Item 2</li>
 +
    </ul>
 +
    </form>
 +
         
 +
    <form>
 +
    <input id="check03" type="checkbox"  />
 +
    <label for="check03" class="subdropdown cadpbl">Wednesday</label>
 +
    <ul class="submenu">
 +
        <div class="subcontent">
 +
        <p>blabkbfdsipov</p>
 +
        </div>
 +
    <li>Item 1</li>
 +
    <li>Item 2</li>
 +
   
 +
    </ul>
 +
    </form>
 +
 +
    <form>   
 +
    <input id="check04" type="checkbox"  />
 +
    <label for="check04" class="subdropdown cadpbl">Thursday</label>
 +
    <ul class="submenu">
 +
        <div class="subcontent">
 +
        <p>blabkbfdsipov</p>
 +
        </div>   
 +
        <li>Item 1</li>
 +
        <li>Item 2</li>
 +
    </ul>
 +
    </form>
 +
         
 +
    <form>   
 +
    <input id="check05" type="checkbox"  />
 +
    <label for="check05" class="subdropdown cadpbl">Thursday</label>
 +
    <ul class="submenu">
 +
        <div class="subcontent">
 +
        <p>blabkbfdsipov</p>
 +
        </div>   
 +
        <li>Item 1</li>
 +
        <li>Item 2</li>
 +
    </ul>
 +
    </form>
 +
</div>
 +
 +
 +
<button class="collapsible cadpbl" ><span id="week2"></span>Week 2</button>
 +
<div class="content">
 
</div>
 
</div>
  
Line 35: Line 742:
 
<button class="collapsible cadpbl" ><span id="week3"></span>Week 3</button>
 
<button class="collapsible cadpbl" ><span id="week3"></span>Week 3</button>
 
<div class="content">
 
<div class="content">
−
<p>
 
  
 
</div>
 
</div>
Line 42: Line 748:
 
<button class="collapsible cadpbl" ><span id="week4"></span>Week 4</button>
 
<button class="collapsible cadpbl" ><span id="week4"></span>Week 4</button>
 
<div class="content">
 
<div class="content">
−
<p>
 
  
 
</div>
 
</div>
Line 51: Line 756:
 
          
 
          
 
</div>
 
</div>
 +
</div>   
 +
 +
<div class="container nowbg" id="InVivo">
 +
<div class="row nowbg">
 +
       
 +
<div class="col-xs-12 col-sm-3 col-lg-3">
 +
      <nav id="myScrollspy" class="hidden-xs hidden-sm">
 +
      <ul class="nav nav-pills nav-stacked" data-spy="affix">
 +
        <li class="active"><a href="#June" class="adpbl">June</a></li>
 +
        <li><a href="#July" class="adpbl">July</a></li>
 +
        <li><a href="#August" class="adpbl">August</a></li>
 +
        <li><a href="#September" class="adpbl">September</a></li>
 +
        <li><a href="#October" class="adpbl">October</a></li>
 +
      </ul>
 +
    </nav>
 +
  </div>
 +
       
 +
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12 nowbg" style="margin-right:20px;">
 +
 +
<button class="collapsible cadpbl" ><span id="June"></span>Week 1</button>
 +
<div class="content">
 +
    <form>
 +
    <input id="check01" type="checkbox" class="inputhide" />
 +
    <label for="check01" class="subdropdown cadpbl">Monday</label>
 +
    <ul class="submenu">
 +
        <div class="subcontent">
 +
        <p>blabkbfdsipov</p>
 +
        </div>
 +
    <li>Item 1</li>
 +
    <li>Item 2</li>
 +
   
 +
    </ul>
 +
    </form>
 +
 +
    <form>   
 +
    <input id="check02" type="checkbox"  />
 +
    <label for="check02" class="subdropdown cadpbl">Tuesday</label>
 +
    <ul class="submenu">
 +
        <div class="subcontent">
 +
        <p>blabkbfdsipov</p>
 +
        </div>   
 +
        <li>Item 1</li>
 +
        <li>Item 2</li>
 +
    </ul>
 +
    </form>
 +
         
 +
    <form>
 +
    <input id="check03" type="checkbox"  />
 +
    <label for="check03" class="subdropdown cadpbl">Wednesday</label>
 +
    <ul class="submenu">
 +
        <div class="subcontent">
 +
        <p>blabkbfdsipov</p>
 +
        </div>
 +
    <li>Item 1</li>
 +
    <li>Item 2</li>
 +
   
 +
    </ul>
 +
    </form>
 +
 +
    <form>   
 +
    <input id="check04" type="checkbox"  />
 +
    <label for="check04" class="subdropdown cadpbl">Thursday</label>
 +
    <ul class="submenu">
 +
        <div class="subcontent">
 +
        <p>blabkbfdsipov</p>
 +
        </div>   
 +
        <li>Item 1</li>
 +
        <li>Item 2</li>
 +
    </ul>
 +
    </form>
 +
         
 +
    <form>   
 +
    <input id="check05" type="checkbox"  />
 +
    <label for="check05" class="subdropdown cadpbl">Thursday</label>
 +
    <ul class="submenu">
 +
        <div class="subcontent">
 +
        <p>blabkbfdsipov</p>
 +
        </div>   
 +
        <li>Item 1</li>
 +
        <li>Item 2</li>
 +
    </ul>
 +
    </form>
 
</div>
 
</div>
 +
 +
 +
<button class="collapsible cadpbl" ><span id="week2"></span>Week 2</button>
 +
<div class="content">
 +
</div>
 +
 +
 +
<button class="collapsible cadpbl" ><span id="week3"></span>Week 3</button>
 +
<div class="content">
 +
 +
</div>
 +
 +
 +
<button class="collapsible cadpbl" ><span id="week4"></span>Week 4</button>
 +
<div class="content">
 +
 +
</div>
 +
         
 +
         
 +
<div class="col-lg-1 col-md-1 hidden-xs hidden-sm" nowbg> </div>
 +
</div>
 +
       
 +
</div>
 +
</div>   
 +
   
 +
<div class="container nowbg" id="StrainConstruction">
 +
<div class="row nowbg">
 +
       
 +
<div class="col-xs-12 col-sm-3 col-lg-3">
 +
      <nav id="myScrollspy" class="hidden-xs hidden-sm">
 +
      <ul class="nav nav-pills nav-stacked" data-spy="affix">
 +
        <li class="active"><a href="#June" class="adpbl">June</a></li>
 +
        <li><a href="#July" class="adpbl">July</a></li>
 +
        <li><a href="#August" class="adpbl">August</a></li>
 +
        <li><a href="#September" class="adpbl">September</a></li>
 +
        <li><a href="#October" class="adpbl">October</a></li>
 +
      </ul>
 +
    </nav>
 +
  </div>
 +
       
 +
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12 nowbg" style="margin-right:20px;">
 +
 +
<button class="collapsible cadpbl" ><span id="June"></span>Week 1</button>
 +
<div class="content">
 +
    <form>
 +
    <input id="check01" type="checkbox" class="inputhide" />
 +
    <label for="check01" class="subdropdown cadpbl">Monday</label>
 +
    <ul class="submenu">
 +
        <div class="subcontent">
 +
        <p>blabkbfdsipov</p>
 +
        </div>
 +
    <li>Item 1</li>
 +
    <li>Item 2</li>
 +
   
 +
    </ul>
 +
    </form>
 +
 +
    <form>   
 +
    <input id="check02" type="checkbox"  />
 +
    <label for="check02" class="subdropdown cadpbl">Tuesday</label>
 +
    <ul class="submenu">
 +
        <div class="subcontent">
 +
        <p>blabkbfdsipov</p>
 +
        </div>   
 +
        <li>Item 1</li>
 +
        <li>Item 2</li>
 +
    </ul>
 +
    </form>
 +
         
 +
    <form>
 +
    <input id="check03" type="checkbox"  />
 +
    <label for="check03" class="subdropdown cadpbl">Wednesday</label>
 +
    <ul class="submenu">
 +
        <div class="subcontent">
 +
        <p>blabkbfdsipov</p>
 +
        </div>
 +
    <li>Item 1</li>
 +
    <li>Item 2</li>
 +
   
 +
    </ul>
 +
    </form>
 +
 +
    <form>   
 +
    <input id="check04" type="checkbox"  />
 +
    <label for="check04" class="subdropdown cadpbl">Thursday</label>
 +
    <ul class="submenu">
 +
        <div class="subcontent">
 +
        <p>blabkbfdsipov</p>
 +
        </div>   
 +
        <li>Item 1</li>
 +
        <li>Item 2</li>
 +
    </ul>
 +
    </form>
 +
         
 +
    <form>   
 +
    <input id="check05" type="checkbox"  />
 +
    <label for="check05" class="subdropdown cadpbl">Thursday</label>
 +
    <ul class="submenu">
 +
        <div class="subcontent">
 +
        <p>blabkbfdsipov</p>
 +
        </div>   
 +
        <li>Item 1</li>
 +
        <li>Item 2</li>
 +
    </ul>
 +
    </form>
 +
</div>
 +
 +
 +
<button class="collapsible cadpbl" ><span id="week2"></span>Week 2</button>
 +
<div class="content">
 +
</div>
 +
 +
 +
<button class="collapsible cadpbl" ><span id="week3"></span>Week 3</button>
 +
<div class="content">
 +
 +
</div>
 +
 +
 +
<button class="collapsible cadpbl" ><span id="week4"></span>Week 4</button>
 +
<div class="content">
 +
 +
</div>
 +
         
 +
         
 +
<div class="col-lg-1 col-md-1 hidden-xs hidden-sm" nowbg> </div>
 +
</div>
 +
       
 +
</div>
 +
</div>
 +
 +
<div class="container nowbg" id="Purification">
 +
<div class="row nowbg">
 +
       
 +
<div class="col-xs-12 col-sm-3 col-lg-3">
 +
      <nav id="myScrollspy" class="hidden-xs hidden-sm">
 +
      <ul class="nav nav-pills nav-stacked" data-spy="affix">
 +
        <li class="active"><a href="#June" class="adpbl">June</a></li>
 +
        <li><a href="#July" class="adpbl">July</a></li>
 +
        <li><a href="#August" class="adpbl">August</a></li>
 +
        <li><a href="#September" class="adpbl">September</a></li>
 +
        <li><a href="#October" class="adpbl">October</a></li>
 +
      </ul>
 +
    </nav>
 +
  </div>
 +
       
 +
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12 nowbg" style="margin-right:20px;">
 +
 +
<button class="collapsible cadpbl" ><span id="June"></span>Week 1</button>
 +
<div class="content">
 +
    <form>
 +
    <input id="check01" type="checkbox" class="inputhide" />
 +
    <label for="check01" class="subdropdown cadpbl">Monday</label>
 +
    <ul class="submenu">
 +
        <div class="subcontent">
 +
        <p>blabkbfdsipov</p>
 +
        </div>
 +
    <li>Item 1</li>
 +
    <li>Item 2</li>
 +
   
 +
    </ul>
 +
    </form>
 +
 +
    <form>   
 +
    <input id="check02" type="checkbox"  />
 +
    <label for="check02" class="subdropdown cadpbl">Tuesday</label>
 +
    <ul class="submenu">
 +
        <div class="subcontent">
 +
        <p>blabkbfdsipov</p>
 +
        </div>   
 +
        <li>Item 1</li>
 +
        <li>Item 2</li>
 +
    </ul>
 +
    </form>
 +
         
 +
    <form>
 +
    <input id="check03" type="checkbox"  />
 +
    <label for="check03" class="subdropdown cadpbl">Wednesday</label>
 +
    <ul class="submenu">
 +
        <div class="subcontent">
 +
        <p>blabkbfdsipov</p>
 +
        </div>
 +
    <li>Item 1</li>
 +
    <li>Item 2</li>
 +
   
 +
    </ul>
 +
    </form>
 +
 +
    <form>   
 +
    <input id="check04" type="checkbox"  />
 +
    <label for="check04" class="subdropdown cadpbl">Thursday</label>
 +
    <ul class="submenu">
 +
        <div class="subcontent">
 +
        <p>blabkbfdsipov</p>
 +
        </div>   
 +
        <li>Item 1</li>
 +
        <li>Item 2</li>
 +
    </ul>
 +
    </form>
 +
         
 +
    <form>   
 +
    <input id="check05" type="checkbox"  />
 +
    <label for="check05" class="subdropdown cadpbl">Thursday</label>
 +
    <ul class="submenu">
 +
        <div class="subcontent">
 +
        <p>blabkbfdsipov</p>
 +
        </div>   
 +
        <li>Item 1</li>
 +
        <li>Item 2</li>
 +
    </ul>
 +
    </form>
 +
</div>
 +
 +
 +
<button class="collapsible cadpbl" ><span id="week2"></span>Week 2</button>
 +
<div class="content">
 +
</div>
 +
 +
 +
<button class="collapsible cadpbl" ><span id="week3"></span>Week 3</button>
 +
<div class="content">
 +
 +
</div>
 +
 +
 +
<button class="collapsible cadpbl" ><span id="week4"></span>Week 4</button>
 +
<div class="content">
 +
 +
</div>
 +
         
 +
         
 +
<div class="col-lg-1 col-md-1 hidden-xs hidden-sm" nowbg> </div>
 +
</div>
 +
       
 +
</div>
 +
</div>
 +
 +
<div class="container nowbg" id="Sequencing">
 +
<div class="row nowbg">
 +
       
 +
<div class="col-xs-12 col-sm-3 col-lg-3">
 +
      <nav id="myScrollspy" class="hidden-xs hidden-sm">
 +
      <ul class="nav nav-pills nav-stacked" data-spy="affix">
 +
        <li class="active"><a href="#June" class="adpbl">June</a></li>
 +
        <li><a href="#July" class="adpbl">July</a></li>
 +
        <li><a href="#August" class="adpbl">August</a></li>
 +
        <li><a href="#September" class="adpbl">September</a></li>
 +
        <li><a href="#October" class="adpbl">October</a></li>
 +
      </ul>
 +
    </nav>
 +
  </div>
 +
       
 +
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12 nowbg" style="margin-right:20px;">
 +
 +
<button class="collapsible cadpbl" ><span id="June"></span>Week 1</button>
 +
<div class="content">
 +
    <form>
 +
    <input id="check01" type="checkbox" class="inputhide" />
 +
    <label for="check01" class="subdropdown cadpbl">Monday</label>
 +
    <ul class="submenu">
 +
        <div class="subcontent">
 +
        <p>blabkbfdsipov</p>
 +
        </div>
 +
    <li>Item 1</li>
 +
    <li>Item 2</li>
 +
   
 +
    </ul>
 +
    </form>
 +
 +
    <form>   
 +
    <input id="check02" type="checkbox"  />
 +
    <label for="check02" class="subdropdown cadpbl">Tuesday</label>
 +
    <ul class="submenu">
 +
        <div class="subcontent">
 +
        <p>blabkbfdsipov</p>
 +
        </div>   
 +
        <li>Item 1</li>
 +
        <li>Item 2</li>
 +
    </ul>
 +
    </form>
 +
         
 +
    <form>
 +
    <input id="check03" type="checkbox"  />
 +
    <label for="check03" class="subdropdown cadpbl">Wednesday</label>
 +
    <ul class="submenu">
 +
        <div class="subcontent">
 +
        <p>blabkbfdsipov</p>
 +
        </div>
 +
    <li>Item 1</li>
 +
    <li>Item 2</li>
 +
   
 +
    </ul>
 +
    </form>
 +
 +
    <form>   
 +
    <input id="check04" type="checkbox"  />
 +
    <label for="check04" class="subdropdown cadpbl">Thursday</label>
 +
    <ul class="submenu">
 +
        <div class="subcontent">
 +
        <p>blabkbfdsipov</p>
 +
        </div>   
 +
        <li>Item 1</li>
 +
        <li>Item 2</li>
 +
    </ul>
 +
    </form>
 +
         
 +
    <form>   
 +
    <input id="check05" type="checkbox"  />
 +
    <label for="check05" class="subdropdown cadpbl">Thursday</label>
 +
    <ul class="submenu">
 +
        <div class="subcontent">
 +
        <p>blabkbfdsipov</p>
 +
        </div>   
 +
        <li>Item 1</li>
 +
        <li>Item 2</li>
 +
    </ul>
 +
    </form>
 +
</div>
 +
 +
 +
<button class="collapsible cadpbl" ><span id="week2"></span>Week 2</button>
 +
<div class="content">
 +
</div>
 +
 +
 +
<button class="collapsible cadpbl" ><span id="week3"></span>Week 3</button>
 +
<div class="content">
 +
 +
</div>
 +
 +
 +
<button class="collapsible cadpbl" ><span id="week4"></span>Week 4</button>
 +
<div class="content">
 +
 +
</div>
 +
         
 +
         
 +
<div class="col-lg-1 col-md-1 hidden-xs hidden-sm" nowbg> </div>
 +
</div>
 +
       
 +
</div>
 +
</div>
 +
   
 
</body>
 
</body>
−
<html>
+
 
 +
 
 +
<!-- BETWEEN THESE TWO COMMENTS -->
 +
 
 +
<script>
 +
$(document).ready(function () {
 +
    $("#PreScreen").hide();
 +
    $("#SamplePrep").hide();
 +
    $("#InVitro").hide();
 +
    $("#InVivo").hide();
 +
    $("#StrainConstruction").hide();
 +
    $("#Purification").hide();
 +
    $("#Sequencing").hide();
 +
   
 +
    $("#r1").click(function () {
 +
        $("#PreScreen").show();
 +
        $("#SamplePrep").hide();
 +
        $("#InVitro").hide();
 +
        $("#InVivo").hide();
 +
        $("#StrainConstruction").hide();
 +
        $("#Purification").hide();
 +
        $("#Sequencing").hide();
 +
    });
 +
    $("#r2").click(function () {
 +
        $("#PreScreen").hide();
 +
        $("#SamplePrep").show();
 +
        $("#InVitro").hide();
 +
        $("#InVivo").hide();
 +
        $("#StrainConstruction").hide();
 +
        $("#Purification").hide();
 +
        $("#Sequencing").hide();
 +
    });
 +
    $("#r3").click(function () {
 +
        $("#PreScreen").hide();
 +
        $("#SamplePrep").hide();
 +
        $("#InVitro").show();
 +
        $("#InVivo").hide();
 +
        $("#StrainConstruction").hide();
 +
        $("#Purification").hide();
 +
        $("#Sequencing").hide();
 +
    });
 +
    $("#r4").click(function () {
 +
        $("#PreScreen").hide();
 +
        $("#SamplePrep").hide();
 +
        $("#InVitro").hide();
 +
        $("#InVivo").show();
 +
        $("#StrainConstruction").hide();
 +
        $("#Purification").hide();
 +
        $("#Sequencing").hide();
 +
    });
 +
    $("#r5").click(function () {
 +
        $("#PreScreen").hide();
 +
        $("#SamplePrep").hide();
 +
        $("#InVitro").hide();
 +
        $("#InVivo").hide();
 +
        $("#StrainConstruction").show();
 +
        $("#Purification").hide();
 +
        $("#Sequencing").hide();
 +
    });
 +
    $("#r6").click(function () {
 +
        $("#PreScreen").hide();
 +
        $("#SamplePrep").hide();
 +
        $("#InVitro").hide();
 +
        $("#InVivo").hide();
 +
        $("#StrainConstruction").hide();
 +
        $("#Purification").show();
 +
        $("#Sequencing").hide();
 +
    });
 +
    $("#r7").click(function () {
 +
        $("#PreScreen").hide();
 +
        $("#SamplePrep").hide();
 +
        $("#InVitro").hide();
 +
        $("#InVivo").hide();
 +
        $("#StrainConstruction").hide();
 +
        $("#Purification").hide();
 +
        $("#Sequencing").show();
 +
    });
 +
});
 +
</script> 
 +
<script>
 +
 
 +
var coll = document.getElementsByClassName("collapsible");
 +
var i;
 +
 
 +
for (i = 0; i < coll.length; i++) {
 +
coll[i].addEventListener("click", function() {
 +
this.classList.toggle("activedropdownadpbl");
 +
var content = this.nextElementSibling;
 +
if (content.style.maxHeight){
 +
content.style.maxHeight = null;
 +
} else {
 +
content.style.maxHeight = content.scrollHeight + "px";
 +
}
 +
});
 +
}
 +
</script>
 +
 
 +
 
 +
    </html>
 +
 
 +
<!-- COPY UNTIL HERE -->

Revision as of 17:19, 15 October 2018

Wetlab Notebook

Select which experiments of which module you would like to study more in-depth.

Sample Preparation Pre-screen In Vitro In Vivo Strain Construction Purifiction Sequencing

June





















    blabkbfdsipov

  • Item 1
  • Item 2

    blabkbfdsipov

  • Item 1
  • Item 2

    blabkbfdsipov

  • Item 1
  • Item 2

    blabkbfdsipov

  • Item 1
  • Item 2

    blabkbfdsipov

  • Item 1
  • Item 2

    blabkbfdsipov

  • Item 1
  • Item 2

    blabkbfdsipov

  • Item 1
  • Item 2

    blabkbfdsipov

  • Item 1
  • Item 2

    blabkbfdsipov

  • Item 1
  • Item 2

    blabkbfdsipov

  • Item 1
  • Item 2

    blabkbfdsipov

  • Item 1
  • Item 2

    blabkbfdsipov

  • Item 1
  • Item 2

    blabkbfdsipov

  • Item 1
  • Item 2

    blabkbfdsipov

  • Item 1
  • Item 2

    blabkbfdsipov

  • Item 1
  • Item 2

    blabkbfdsipov

  • Item 1
  • Item 2

    blabkbfdsipov

  • Item 1
  • Item 2

    blabkbfdsipov

  • Item 1
  • Item 2

    blabkbfdsipov

  • Item 1
  • Item 2

    blabkbfdsipov

  • Item 1
  • Item 2

    blabkbfdsipov

  • Item 1
  • Item 2

    blabkbfdsipov

  • Item 1
  • Item 2

    blabkbfdsipov

  • Item 1
  • Item 2

    blabkbfdsipov

  • Item 1
  • Item 2

    blabkbfdsipov

  • Item 1
  • Item 2