Say you're..." lines are typed out, held, erased, next one. Live site only. */ function typeCases(box) { var texts = [].map.call(box.querySelectorAll('.pal-case'), function (p) { return p.textContent.trim(); }); if (!texts.length) return; var el = document.createElement('p'); el.className = 'pal-type'; var txt = document.createElement('span'); var caret = document.createElement('span'); caret.className = 'pal-caret'; el.appendChild(txt); el.appendChild(caret); box.appendChild(el); var i = Math.max(0, K - 1) % texts.length, n = 0, dir = 1; function step() { var t = texts[i]; n++; txt.textContent = t.slice(0, n); if (n >= t.length) { setTimeout(function () { caret.style.display = 'none'; }, 1800); return; } setTimeout(step, 36 + Math.random() * 38); } /* wait until the P has finished moving, then type */ var started = false; function go() { if (started) return; started = true; setTimeout(step, 350); } var vid = document.querySelector('.pal-logo video'); var pic = document.querySelector('.pal-logo img.pal-anim'); var anim = vid && getComputedStyle(vid).display !== 'none' && !vid.ended && !root.classList.contains('pal-done'); if (anim) { vid.addEventListener('ended', go); setTimeout(go, 7000); } else if (pic && !root.classList.contains('pal-done')) { /* P already played in this visit (e.g. back from Work/Lab): it stays still, so type right away */ var pa = window.__palPAt || 0; if (pa && Date.now() - pa > 5300) { setTimeout(go, 150); } else { var w = function () { if (!window.__palPAt) window.__palPAt = Date.now(); setTimeout(go, Math.max(150, 5300 - (Date.now() - window.__palPAt))); }; if (pic.complete && pic.naturalWidth) w(); else { pic.addEventListener('load', w); setTimeout(go, 7000); } } } else { setTimeout(go, 250); } } function update() { var css = BASE; var box = document.querySelector('.pal-cases'); if (box) { var n = box.querySelectorAll('.pal-case').length; if (n) { if (!K || K > n) K = 1 + Math.floor(Math.random() * n); css += inEditor ? '.pal-cases>.pal-case{display:none!important}.pal-cases>.pal-case:nth-child(' + K + '){display:block!important}' : '.pal-cases>.pal-case{display:none!important}'; } } if (style.textContent !== css) style.textContent = css; var pic = document.querySelector('.pal-logo img.pal-anim'); if (pic && !pic._pal) { pic._pal = true; if (!root.classList.contains('pal-done') && !inEditor) { played = true; try { sessionStorage.setItem(KEY, '1'); } catch (e) {} } } if (box && !inEditor && !box._typ) { box._typ = true; typeCases(box); } var vid = document.querySelector('.pal-logo video'); if (root.classList.contains('pal-intro') && !vid && document.querySelector('.pal-head')) { root.classList.remove('pal-intro'); } if (vid && !vid._pal) { vid._pal = true; if (root.classList.contains('pal-done')) { land(); return; } if (root.classList.contains('pal-intro')) place(); var mark = function () { if (!played) { played = true; try { sessionStorage.setItem(KEY, '1'); } catch (e) {} } }; var done = function () { mark(); land(); }; var watch = function () { if (!root.classList.contains('pal-intro')) return; if (vid.duration && vid.duration - vid.currentTime < 0.9) { land(); return; } requestAnimationFrame(watch); }; vid.addEventListener('playing', function () { requestAnimationFrame(watch); }); vid.addEventListener('timeupdate', function () { if (root.classList.contains('pal-intro') && vid.duration && vid.duration - vid.currentTime < 0.9) land(); }); if (vid.ended) { done(); return; } if (!vid.paused) { mark(); started = true; } vid.addEventListener('playing', function () { started = true; mark(); }); vid.addEventListener('ended', done); vid.muted = true; vid.playbackRate = 1.6; vid.addEventListener('play', function () { vid.playbackRate = 1.6; }); var p = vid.play(); if (p && p.catch) p.catch(function (err) { if (err && err.name === 'NotAllowedError') { root.classList.add('pal-done'); land(); } }); setTimeout(function () { if (!started) { root.classList.add('pal-done'); land(); } }, 3000); } } var t = null; function soon() { if (t) return; t = setTimeout(function () { t = null; update(); }, 60); } document.addEventListener('DOMContentLoaded', soon); window.addEventListener('load', soon); new MutationObserver(soon).observe(root, { childList: true, subtree: true }); soon(); })();

Imprint