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

 
(24 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 92: Line 93:
 
           <h1 class="page-headline description">Notebook</h1>
 
           <h1 class="page-headline description">Notebook</h1>
 
       </div>
 
       </div>
<section>
+
 
                  <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>
+
</section>
+
 
       <div class="full-height fixed-header-content notebook">
 
       <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>
 
           <section class="width-limit">
 
           <section class="width-limit">
 
               <div class="category-container">
 
               <div class="category-container">
Line 690: 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 731: 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