12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455 |
- function menu_get() {
- return document.querySelector('#menu-row')
- }
- function menu_is_shown() {
- return (window.getComputedStyle(menu_get()).display !== 'none')
- }
- function menu_hide() {
- menu_get().style.display = 'none'
- document.querySelector('#overlay').style.height = '0'
- }
- function menu_show() {
- menu_get().style.display = 'block'
- document.querySelector('#overlay').style.height = '100%'
- }
- document.addEventListener('DOMContentLoaded', function() {
- var logo = document.getElementById('logo-img')
- logo.classList.add('rotate')
- function ruotaLogo() {
- logo.style.transform = 'rotate(' + -window.pageYOffset/2+'deg)'
- }
- function scrollSetup() {
- "use strict";
- var last_known_scroll_position = 0
- var ticking = false
- window.addEventListener('scroll', function (e) {
- last_known_scroll_position = window.scrollY
- if (!ticking) {
- window.requestAnimationFrame(function () {
- ruotaLogo()
- ticking = false;
- });
- ticking = true;
- }
- })
- }
- setTimeout(function () {
- logo.classList.remove('rotate')
- scrollSetup()
- }, 1000)
- logo.addEventListener('click', function (evt) {
- if (!menu_is_shown()) {
- menu_show()
- } else {
- menu_hide()
- }
- })
- document.querySelector('#overlay').addEventListener('click', function (evt) {
- menu_hide()
- })
- })
|