Difference between revisions of "Team:TU Delft/Notebook"

Line 129: Line 129:
  
 
<span class="anchor" id="protocols"></span>
 
<span class="anchor" id="protocols"></span>
  <div id="grey">
+
<div id="grey">
    <div class="jumbotron">
+
  <div class="jumbotron">
      <div class="container">
+
        <h1>Protocols</h1>
+
        <p class="lead text-muted"> Subtitle or summary goes here. Should be short - two or three sentences.</p>
+
      </div>
+
    </div>
+
 
     <div class="container">
 
     <div class="container">
       <p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ultrices tincidunt ipsum, vitae tempor nibh porta ac. Fusce consectetur neque et dolor vestibulum iaculis. Nunc pretium turpis at arcu tempus vehicula. Nam nec accumsan metus, ac
+
      <h1>Protocols</h1>
        tempus tortor. Aenean euismod elit vitae ex ultrices pulvinar. Etiam rhoncus non urna vel volutpat. Donec ut erat ornare, faucibus quam a, posuere urna. Phasellus at nisl sed erat ultricies commodo vel ut mauris. Morbi ac mauris dui. Cras sit
+
       <p class="lead text-muted"> Subtitle or summary goes here. Should be short - two or three sentences.</p>
        amet ornare nisl. Suspendisse lectus mi, ullamcorper et dolor a, vulputate condimentum velit. Morbi dolor eros, cursus euismod magna sit amet, tempus volutpat quam. Morbi at est sed erat efficitur lobortis nec non elit. Integer urna nisi, dapibus
+
        nec magna non, pharetra sodales felis. Fusce dignissim elit sit amet purus aliquet, quis luctus tortor commodo. Donec viverra enim vel ultrices iaculis.
+
      </p>
+
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 +
  <div class="container">
 +
    <p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ultrices tincidunt ipsum, vitae tempor nibh porta ac. Fusce consectetur neque et dolor vestibulum iaculis. Nunc pretium turpis at arcu tempus vehicula. Nam nec accumsan metus, ac tempus
 +
      tortor. Aenean euismod elit vitae ex ultrices pulvinar. Etiam rhoncus non urna vel volutpat. Donec ut erat ornare, faucibus quam a, posuere urna. Phasellus at nisl sed erat ultricies commodo vel ut mauris. Morbi ac mauris dui. Cras sit amet ornare
 +
      nisl. Suspendisse lectus mi, ullamcorper et dolor a, vulputate condimentum velit. Morbi dolor eros, cursus euismod magna sit amet, tempus volutpat quam. Morbi at est sed erat efficitur lobortis nec non elit. Integer urna nisi, dapibus nec magna
 +
      non, pharetra sodales felis. Fusce dignissim elit sit amet purus aliquet, quis luctus tortor commodo. Donec viverra enim vel ultrices iaculis.
 +
    </p>
 +
 +
    <div class="panel-group" id="accordionprotocols" role="tablist" aria-multiselectable="true">
 +
 +
      <div class="panel panel-default">
 +
        <div class="panel-heading panel-title" role="tab" id="heading1">
 +
          <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordionprotocols" href="#collapse1" aria-expanded="false" aria-controls="collapse1">
 +
            <p class="lead">Protocol 1</p>
 +
          </a>
 +
        </div>
 +
        <div id="collapse1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading1">
 +
          <div class="panel-body">
 +
            Text
 +
          </div>
 +
        </div>
 +
      </div>
 +
 +
      <div class="panel panel-default">
 +
        <div class="panel-heading panel-title" role="tab" id="heading2">
 +
          <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordionprotocols" href="#collapse2" aria-expanded="false" aria-controls="collapse2">
 +
            <p class="lead">Protocol 2</p>
 +
          </a>
 +
        </div>
 +
        <div id="collapse2" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading2">
 +
          <div class="panel-body">
 +
            Text
 +
          </div>
 +
        </div>
 +
      </div>
 +
      <div class="panel panel-default">
 +
        <div class="panel-heading panel-title" role="tab" id="heading3">
 +
          <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordionprotocols" href="#collapse3" aria-expanded="false" aria-controls="collapse3">
 +
            <p class="lead">Protocol 3</p>
 +
          </a>
 +
        </div>
 +
        <div id="collapse3" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading3">
 +
          <div class="panel-body">
 +
            Text
 +
          </div>
 +
        </div>
 +
      </div>
 +
 +
      <div class="panel panel-default">
 +
        <div class="panel-heading panel-title" role="tab" id="heading4">
 +
          <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordionprotocols" href="#collapse4" aria-expanded="false" aria-controls="collapse4">
 +
            <p class="lead">Protocol 4</p>
 +
          </a>
 +
        </div>
 +
        <div id="collapse4" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading4">
 +
          <div class="panel-body">
 +
            Text
 +
          </div>
 +
        </div>
 +
      </div>
 +
      <div class="panel panel-default">
 +
        <div class="panel-heading panel-title" role="tab" id="heading5">
 +
          <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordionprotocols" href="#collapse5" aria-expanded="false" aria-controls="collapse5">
 +
            <p class="lead">Protocol 5</p>
 +
          </a>
 +
        </div>
 +
        <div id="collapse5" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading5">
 +
          <div class="panel-body">
 +
            Text
 +
          </div>
 +
        </div>
 +
      </div>
 +
 +
      <div class="panel panel-default">
 +
        <div class="panel-heading panel-title" role="tab" id="heading6">
 +
          <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordionprotocols" href="#collapse6" aria-expanded="false" aria-controls="collapse6">
 +
            <p class="lead">Protocol 6</p>
 +
          </a>
 +
        </div>
 +
        <div id="collapse6" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading6">
 +
          <div class="panel-body">
 +
            Text
 +
          </div>
 +
        </div>
 +
      </div>
 +
      <div class="panel panel-default">
 +
        <div class="panel-heading panel-title" role="tab" id="heading7">
 +
          <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordionprotocols" href="#collapse7" aria-expanded="false" aria-controls="collapse7">
 +
            <p class="lead">Protocol 7</p>
 +
          </a>
 +
        </div>
 +
        <div id="collapse7" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading7">
 +
          <div class="panel-body">
 +
            Text
 +
          </div>
 +
        </div>
 +
      </div>
 +
 +
      <div class="panel panel-default">
 +
        <div class="panel-heading panel-title" role="tab" id="heading8">
 +
          <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordionprotocols" href="#collapse8" aria-expanded="false" aria-controls="collapse8">
 +
            <p class="lead">Protocol 8</p>
 +
          </a>
 +
        </div>
 +
        <div id="collapse8" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading8">
 +
          <div class="panel-body">
 +
            Text
 +
          </div>
 +
        </div>
 +
      </div>
 +
      <div class="panel panel-default">
 +
        <div class="panel-heading panel-title" role="tab" id="heading9">
 +
          <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordionprotocols" href="#collapse9" aria-expanded="false" aria-controls="collapse9">
 +
            <p class="lead">Protocol 9</p>
 +
          </a>
 +
        </div>
 +
        <div id="collapse9" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading9">
 +
          <div class="panel-body">
 +
            Text
 +
          </div>
 +
        </div>
 +
      </div>
 +
      <div class="panel panel-default">
 +
        <div class="panel-heading panel-title" role="tab" id="heading10">
 +
          <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordionprotocols" href="#collapse10" aria-expanded="false" aria-controls="collapse10">
 +
            <p class="lead">Protocol 10</p>
 +
          </a>
 +
        </div>
 +
        <div id="collapse10" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading10">
 +
          <div class="panel-body">
 +
            Text
 +
          </div>
 +
        </div>
 +
      </div>
 +
 +
 +
    </div>
 +
  </div>
 +
 
<script>
 
<script>
 
   initiateNavigation("notebook");
 
   initiateNavigation("notebook");
  
$('#accordion2').on('shown.bs.collapse', function (e) {
+
$('#accordionprotocols').on('shown.bs.collapse', function (e) {
  
 
   // Validate this panel belongs to this accordian, and not an embedded one
 
   // Validate this panel belongs to this accordian, and not an embedded one

Revision as of 12:49, 4 August 2015

Notebook Title

Subtitle

Overview

Subtitle or summary goes here. Should be short - two or three sentences.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ultrices tincidunt ipsum, vitae tempor nibh porta ac. Fusce consectetur neque et dolor vestibulum iaculis. Nunc pretium turpis at arcu tempus vehicula. Nam nec accumsan metus, ac tempus tortor. Aenean euismod elit vitae ex ultrices pulvinar. Etiam rhoncus non urna vel volutpat. Donec ut erat ornare, faucibus quam a, posuere urna. Phasellus at nisl sed erat ultricies commodo vel ut mauris. Morbi ac mauris dui. Cras sit amet ornare nisl. Suspendisse lectus mi, ullamcorper et dolor a, vulputate condimentum velit. Morbi dolor eros, cursus euismod magna sit amet, tempus volutpat quam. Morbi at est sed erat efficitur lobortis nec non elit. Integer urna nisi, dapibus nec magna non, pharetra sodales felis. Fusce dignissim elit sit amet purus aliquet, quis luctus tortor commodo. Donec viverra enim vel ultrices iaculis.

Work Space

Subtitle or summary goes here. Should be short - two or three sentences.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ultrices tincidunt ipsum, vitae tempor nibh porta ac. Fusce consectetur neque et dolor vestibulum iaculis. Nunc pretium turpis at arcu tempus vehicula. Nam nec accumsan metus, ac tempus tortor. Aenean euismod elit vitae ex ultrices pulvinar. Etiam rhoncus non urna vel volutpat. Donec ut erat ornare, faucibus quam a, posuere urna. Phasellus at nisl sed erat ultricies commodo vel ut mauris. Morbi ac mauris dui. Cras sit amet ornare nisl. Suspendisse lectus mi, ullamcorper et dolor a, vulputate condimentum velit. Morbi dolor eros, cursus euismod magna sit amet, tempus volutpat quam. Morbi at est sed erat efficitur lobortis nec non elit. Integer urna nisi, dapibus nec magna non, pharetra sodales felis. Fusce dignissim elit sit amet purus aliquet, quis luctus tortor commodo. Donec viverra enim vel ultrices iaculis.

General Material Preparation

Subtitle or summary goes here. Should be short - two or three sentences.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ultrices tincidunt ipsum, vitae tempor nibh porta ac. Fusce consectetur neque et dolor vestibulum iaculis. Nunc pretium turpis at arcu tempus vehicula. Nam nec accumsan metus, ac tempus tortor. Aenean euismod elit vitae ex ultrices pulvinar. Etiam rhoncus non urna vel volutpat. Donec ut erat ornare, faucibus quam a, posuere urna. Phasellus at nisl sed erat ultricies commodo vel ut mauris. Morbi ac mauris dui. Cras sit amet ornare nisl. Suspendisse lectus mi, ullamcorper et dolor a, vulputate condimentum velit. Morbi dolor eros, cursus euismod magna sit amet, tempus volutpat quam. Morbi at est sed erat efficitur lobortis nec non elit. Integer urna nisi, dapibus nec magna non, pharetra sodales felis. Fusce dignissim elit sit amet purus aliquet, quis luctus tortor commodo. Donec viverra enim vel ultrices iaculis.

Interlab Study

Subtitle or summary goes here. Should be short - two or three sentences.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ultrices tincidunt ipsum, vitae tempor nibh porta ac. Fusce consectetur neque et dolor vestibulum iaculis. Nunc pretium turpis at arcu tempus vehicula. Nam nec accumsan metus, ac tempus tortor. Aenean euismod elit vitae ex ultrices pulvinar. Etiam rhoncus non urna vel volutpat. Donec ut erat ornare, faucibus quam a, posuere urna. Phasellus at nisl sed erat ultricies commodo vel ut mauris. Morbi ac mauris dui. Cras sit amet ornare nisl. Suspendisse lectus mi, ullamcorper et dolor a, vulputate condimentum velit. Morbi dolor eros, cursus euismod magna sit amet, tempus volutpat quam. Morbi at est sed erat efficitur lobortis nec non elit. Integer urna nisi, dapibus nec magna non, pharetra sodales felis. Fusce dignissim elit sit amet purus aliquet, quis luctus tortor commodo. Donec viverra enim vel ultrices iaculis.

Module 1

Subtitle or summary goes here. Should be short - two or three sentences.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ultrices tincidunt ipsum, vitae tempor nibh porta ac. Fusce consectetur neque et dolor vestibulum iaculis. Nunc pretium turpis at arcu tempus vehicula. Nam nec accumsan metus, ac tempus tortor. Aenean euismod elit vitae ex ultrices pulvinar. Etiam rhoncus non urna vel volutpat. Donec ut erat ornare, faucibus quam a, posuere urna. Phasellus at nisl sed erat ultricies commodo vel ut mauris. Morbi ac mauris dui. Cras sit amet ornare nisl. Suspendisse lectus mi, ullamcorper et dolor a, vulputate condimentum velit. Morbi dolor eros, cursus euismod magna sit amet, tempus volutpat quam. Morbi at est sed erat efficitur lobortis nec non elit. Integer urna nisi, dapibus nec magna non, pharetra sodales felis. Fusce dignissim elit sit amet purus aliquet, quis luctus tortor commodo. Donec viverra enim vel ultrices iaculis.

Module 2

Subtitle or summary goes here. Should be short - two or three sentences.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ultrices tincidunt ipsum, vitae tempor nibh porta ac. Fusce consectetur neque et dolor vestibulum iaculis. Nunc pretium turpis at arcu tempus vehicula. Nam nec accumsan metus, ac tempus tortor. Aenean euismod elit vitae ex ultrices pulvinar. Etiam rhoncus non urna vel volutpat. Donec ut erat ornare, faucibus quam a, posuere urna. Phasellus at nisl sed erat ultricies commodo vel ut mauris. Morbi ac mauris dui. Cras sit amet ornare nisl. Suspendisse lectus mi, ullamcorper et dolor a, vulputate condimentum velit. Morbi dolor eros, cursus euismod magna sit amet, tempus volutpat quam. Morbi at est sed erat efficitur lobortis nec non elit. Integer urna nisi, dapibus nec magna non, pharetra sodales felis. Fusce dignissim elit sit amet purus aliquet, quis luctus tortor commodo. Donec viverra enim vel ultrices iaculis.

Module 3

Subtitle or summary goes here. Should be short - two or three sentences.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ultrices tincidunt ipsum, vitae tempor nibh porta ac. Fusce consectetur neque et dolor vestibulum iaculis. Nunc pretium turpis at arcu tempus vehicula. Nam nec accumsan metus, ac tempus tortor. Aenean euismod elit vitae ex ultrices pulvinar. Etiam rhoncus non urna vel volutpat. Donec ut erat ornare, faucibus quam a, posuere urna. Phasellus at nisl sed erat ultricies commodo vel ut mauris. Morbi ac mauris dui. Cras sit amet ornare nisl. Suspendisse lectus mi, ullamcorper et dolor a, vulputate condimentum velit. Morbi dolor eros, cursus euismod magna sit amet, tempus volutpat quam. Morbi at est sed erat efficitur lobortis nec non elit. Integer urna nisi, dapibus nec magna non, pharetra sodales felis. Fusce dignissim elit sit amet purus aliquet, quis luctus tortor commodo. Donec viverra enim vel ultrices iaculis.

Protocols

Subtitle or summary goes here. Should be short - two or three sentences.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ultrices tincidunt ipsum, vitae tempor nibh porta ac. Fusce consectetur neque et dolor vestibulum iaculis. Nunc pretium turpis at arcu tempus vehicula. Nam nec accumsan metus, ac tempus tortor. Aenean euismod elit vitae ex ultrices pulvinar. Etiam rhoncus non urna vel volutpat. Donec ut erat ornare, faucibus quam a, posuere urna. Phasellus at nisl sed erat ultricies commodo vel ut mauris. Morbi ac mauris dui. Cras sit amet ornare nisl. Suspendisse lectus mi, ullamcorper et dolor a, vulputate condimentum velit. Morbi dolor eros, cursus euismod magna sit amet, tempus volutpat quam. Morbi at est sed erat efficitur lobortis nec non elit. Integer urna nisi, dapibus nec magna non, pharetra sodales felis. Fusce dignissim elit sit amet purus aliquet, quis luctus tortor commodo. Donec viverra enim vel ultrices iaculis.