No edit summary |
No edit summary |
||
Line 2: | Line 2: | ||
---- | ---- | ||
<html><script type="text/javascript>var header = document.getElementById('colorem'); | |||
function fadeOutOnScroll(element) { | |||
if (!element) { | |||
return; | |||
} | |||
var distanceToTop = window.pageYOffset + element.getBoundingClientRect().top; | |||
var elementHeight = element.offsetHeight; | |||
var scrollTop = document.documentElement.scrollTop; | |||
var opacity = 1; | |||
if (scrollTop > distanceToTop) { | |||
opacity = 1 - (scrollTop - distanceToTop) / elementHeight; | |||
} | |||
if (opacity >= 0) { | |||
element.style.opacity = opacity; | |||
} | |||
} | |||
function scrollHandler() { | |||
fadeOutOnScroll(colorem); | |||
} | |||
window.addEventListener('scroll', scrollHandler);</script></html> | |||
<html><div id="colorem" class="colorem"><a href="/title=Enterprise_Design_Facets"><video autoplay="autoplay" loop="loop" muted="muted" data-autoplay="" webkit-playsinline="" playsinline="" data-object-fit="cover"><source src="/w/resources/assets/colorem.mp4" type="video/mp4"></video></a></div></html> | <html><div id="colorem" class="colorem"><a href="/title=Enterprise_Design_Facets"><video autoplay="autoplay" loop="loop" muted="muted" data-autoplay="" webkit-playsinline="" playsinline="" data-object-fit="cover"><source src="/w/resources/assets/colorem.mp4" type="video/mp4"></video></a></div></html> | ||
''<small>Colorem: a generative artwork by [https://fabiocatapano.it Fabio Catapano] illustrating the EDGY [[Enterprise Design Facets]]</small>'' | ''<small>Colorem: a generative artwork by [https://fabiocatapano.it Fabio Catapano] illustrating the EDGY [[Enterprise Design Facets]]</small>'' |