simple-landing-page/script.js at main · martinhellwagner/simple-landing-page · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
// Reload on orientation change
window.addEventListener('orientationchange', () => {
  window.location.reload();
});

// Set container height
const container = document.querySelector('.container');
const height = Math.max(window.innerHeight, container.getBoundingClientRect().height);

document.body.style.setProperty('--windowHeight', `${height}px`);
container.style.setProperty('--windowHeight', `${height}px`);

// Show images on load
const images = container.querySelectorAll('img');
let loadedImages = 0;

images.forEach(() => {
  loadedImages++;

  if (images.length === loadedImages) {
    container.classList.add('container--ready');
  }
});