diff --git a/assets/bg-img-2.jpg b/assets/bg-img-2.jpg new file mode 100644 index 00000000..43ee511c Binary files /dev/null and b/assets/bg-img-2.jpg differ diff --git a/assets/js/screensaver.js b/assets/js/screensaver.js new file mode 100644 index 00000000..262fbc30 --- /dev/null +++ b/assets/js/screensaver.js @@ -0,0 +1,45 @@ +// initialize screensaver variables +let idleTime = null; +let forced = false; + +// initialize screensaver +const screensaver = document.getElementById("screensaver"); +screensaver.style.display = "none"; + +// set idle time for 2 and a half minutes +const startIdleTime = () => { + idleTime = setTimeout(() => { + // show styles for screen saver + screensaver.style.display = "block"; + }, 150000); +} + +// clear idle time +const clearIdleTime = () => { + clearTimeout(idleTime); + screensaver.style.display = "none"; + // starts idle time again after idle time is cleared + startIdleTime(); +} + +// force screensaver +const forceScreensaver = () => { + screensaver.style.display = "block"; + forced = true; + setTimeout(() => { + forced = false; + }, 2400); +} + +// starts idle time for screensaver +startIdleTime(); + +// event handlers for screensaver +window.addEventListener('mousemove', function() { + if(!forced) + clearIdleTime(); +}); +window.addEventListener('keypress', function() { + if(!forced) + clearIdleTime(); +}); \ No newline at end of file diff --git a/index.html b/index.html index e53ea99e..bc8b7fd1 100644 --- a/index.html +++ b/index.html @@ -8,7 +8,7 @@ -
+