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

(Prototype team page)
 
Line 1: Line 1:
−
{{TU_Delft}}
+
{{:Team:TU_Delft/Header_Test}}
 
<html>
 
<html>
 +
  <!-- Page Title -->
  
−
<h2>Notebook</h2>
+
  <div class="bgnotebook"></div>
 +
  <div class="jumbotron" id="cover">
 +
    <h1>Notebook Title</h1>
 +
    <p class="lead">Subtitle</p>
 +
  </div>
  
−
<p> Document the dates you worked on your project.</p>
+
<span class="anchor" id="overview"></span>
 +
  <div id="white">
 +
    <div class="jumbotron">
 +
      <div class="container">
 +
        <h1>Overview</h1>
 +
        <p class="lead text-muted"> Subtitle or summary goes here. Should be short - two or three sentences.</p>
 +
      </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>
 +
  </div>
  
−
<h5>What should this page have?</h5>
+
<span class="anchor" id="regulations"></span>
−
<ul>
+
  <div id="grey">
−
<li>Chronological notes of what your team is doing.</li>
+
    <div class="jumbotron">
−
<li> Brief descriptions of daily important events.</li>
+
      <div class="container">
−
<li>Pictures of your progress. </li>
+
        <h1>Title</h1>
−
<li>Mention who participated in what task.</li>
+
        <p class="lead text-muted">Subtitle or summary goes here. Should be short - two or three sentences.</p>
−
</ul>
+
      </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>
 +
  </div>
  
 +
<span class="anchor" id="ethics"></span>
 +
  <div id="white">
 +
    <div class="jumbotron">
 +
      <div class="container">
 +
        <h1>Title</h1>
 +
        <p class="lead text-muted"> Subtitle or summary goes here. Should be short - two or three sentences.</p>
 +
      </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>
 +
  </div>
  
−
<h4>Inspiration</h4>
+
<span class="anchor" id="social"></span>
−
<p>You can see what others teams have done to organize their notes:</p>
+
  <div id="grey">
 +
    <div class="jumbotron">
 +
      <div class="container">
 +
        <h1>Title</h1>
 +
        <p class="lead text-muted"> Subtitle or summary goes here. Should be short - two or three sentences.</p>
 +
      </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>
 +
  </div>
 +
<script>
 +
  initiateNavigation("notebook");
  
−
<ul>
+
$('#accordion2').on('shown.bs.collapse', function (e) {
−
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
+
−
<li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
+
−
<li><a href="https://2014.igem.org/Team:Kyoto/Notebook/Magnetosome_Formation#title">2014 Kyoto</a></li>
+
−
<li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</a></li>
+
−
</ul>
+
  
−
</div>
+
  // Validate this panel belongs to this accordian, and not an embedded one
 +
  var actualAccordianId = $('a[href="#' + $(e.target).attr('id') + '"').data('parent');
 +
  var targetAccordianId = '#' + $(this).attr('id');
 +
  if (actualAccordianId !== targetAccordianId) return;
 +
 
 +
  var clickedHeader = $(this).find('.panel > .collapse.in').closest('.panel').find('.panel-heading');
 +
  var offset = clickedHeader.offset();
 +
  var top = $(window).scrollTop();
 +
  if(offset) {
 +
    var topOfHeader = offset.top;
 +
    if(topOfHeader < top) {
 +
      $('html,body').animate({ scrollTop: topOfHeader}, 700, 'swing');
 +
    }
 +
  }
 +
});
 +
</script>
 
</html>
 
</html>
 +
{{:Team:TU_Delft/Footer}}

Revision as of 12:00, 3 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.

Title

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.

Title

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.

Title

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.

Contact Details

Address:

Faculty of Applied Sciences

Room F109

TU Delft

Lorentzweg 1

2628 CJ Delft

The Netherlands

Phone:

+31 15 278 18 62

Email:

tudelft.igem@gmail.com