Difference between revisions of "Team:Humboldt Berlin/Notebook"

 
(31 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{Humboldt_Berlin}}
 
{{Humboldt_Berlin}}
 
<html>
 
<html>
 +
  
 
<div class="has-animations">
 
<div class="has-animations">
Line 86: Line 87:
  
 
         <div class="fixed-header-container">
 
         <div class="fixed-header-container">
−
            <section class="fixed-image-header">
+
          <section class="fixed-image-header">
−
                <img src="https://static.igem.org/mediawiki/2019/8/81/T--Humboldt_Berlin--Notebook_Header.jpeg" alt="notebook" />
+
              <img src="https://static.igem.org/mediawiki/2019/8/81/T--Humboldt_Berlin--Notebook_Header.jpeg" alt="notebook" />
−
            </section>
+
          </section>
  
−
            <h1 class="page-headline description">Notebook</h1>
+
          <h1 class="page-headline description">Notebook</h1>
−
        </div>
+
      </div>
−
<div class="width-limit padding-container" style="margin-top:5vw;margin-bottom:5vw">
+
 
−
<img src="https://static.igem.org/mediawiki/2019/7/71/T--Humboldt_Berlin--Notebook_Timeline.png" alt="Our stuffed calendar"/></br>
+
      <div class="full-height fixed-header-content notebook">
 +
<div class="width-limit padding-container" style="margin: 50px 0;">
 +
<img src="https://static.igem.org/mediawiki/2019/e/e3/T--Humboldt_Berlin--notebook_final.png" alt="our stuffed calendar"/></br>
 
</div>
 
</div>
−
        <div class="full-height fixed-header-content notebook">
+
          <section class="width-limit">
−
            <section class="width-limit">
+
              <div class="category-container">
−
                <div class="category-container">
+
                  <h3>Select category</h3>
−
                    <h3>Select category</h3>
+
 
                     <div class="category" data-category="synthesis">
 
                     <div class="category" data-category="synthesis">
 
                         <img src="https://static.igem.org/mediawiki/2019/6/6f/T--Humboldt_Berlin--label_notebook_synthesis.png" alt="Synthesis: Parts and Vectors" />
 
                         <img src="https://static.igem.org/mediawiki/2019/6/6f/T--Humboldt_Berlin--label_notebook_synthesis.png" alt="Synthesis: Parts and Vectors" />
Line 688: Line 690:
 
      
 
      
 
             function setFixedElements() {
 
             function setFixedElements() {
−
                 if (window.pageYOffset >= (window.innerHeight + 100)) {
+
                 var timelineOffset = document.querySelector('.timeline').getBoundingClientRect().top;
 +
 
 +
                if (timelineOffset < 150) {
 
                     infobox.classList.add('fixed')
 
                     infobox.classList.add('fixed')
 
                 } else {
 
                 } else {
Line 729: Line 733:
 
      
 
      
 
                 const activeElements = document.querySelectorAll('.active-timeline-el');
 
                 const activeElements = document.querySelectorAll('.active-timeline-el');
−
                 const lastActive = activeElements[activeElements.length - 1]
+
                 var lastActive = activeElements[activeElements.length - 1];
 +
                if (lastActive === undefined) {
 +
                    lastActive = document.querySelectorAll('.timeline > div.visible')[0];
 +
                }
 
      
 
      
 
                 if (lastActive !== undefined) {
 
                 if (lastActive !== undefined) {

Latest revision as of 21:47, 21 October 2019

notebook

Notebook

our stuffed calendar

Select category

Synthesis: Parts and Vectors
human practice
c. reinhardtii cultivation and transformations
October
2018
November
December
January
February
March
May
June
July
January 2019
May
June
July
October
November 2018
December
January
May
June
July
August
September