(30 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"> | |
− | + | <img src="https://static.igem.org/mediawiki/2019/8/81/T--Humboldt_Berlin--Notebook_Header.jpeg" alt="notebook" /> | |
− | + | </section> | |
− | + | <h1 class="page-headline description">Notebook</h1> | |
− | + | </div> | |
− | + | ||
− | + | <div class="full-height fixed-header-content notebook"> | |
− | <div class="width-limit padding-container" style="margin | + | <div class="width-limit padding-container" style="margin: 50px 0;"> |
− | <img src="https://static.igem.org/mediawiki/2019/ | + | <img src="https://static.igem.org/mediawiki/2019/e/e3/T--Humboldt_Berlin--notebook_final.png" alt="our stuffed calendar"/></br> |
</div> | </div> | ||
− | + | <section class="width-limit"> | |
− | + | <div class="category-container"> | |
+ | <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() { | ||
− | + | 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'); | ||
− | + | 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
Select category
October
2018
2018
November
December
January
February
March
May
June
July
January 2019
May
June
July
October
November 2018
December
January
May
June
July
August
September