Make it more mobile-friendly and add page loader.
This commit is contained in:
parent
709d08f94e
commit
ee8bda15e1
13 changed files with 208 additions and 61 deletions
21
content/assets/js/loader.js
Executable file
21
content/assets/js/loader.js
Executable file
|
|
@ -0,0 +1,21 @@
|
|||
// LOADER.js
|
||||
// Manages the page loader
|
||||
|
||||
let loaderHidden = false;
|
||||
|
||||
// Hide the page loader after x seconds once DOM is loaded
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const pageLoader = document.getElementById('pageLoader');
|
||||
|
||||
setTimeout(function () {
|
||||
pageLoader.classList.add('hidden');
|
||||
loaderHidden = true;
|
||||
}, 2800);
|
||||
});
|
||||
|
||||
// Maximum timeout of 8 seconds - redirect to error page if loader still showing
|
||||
setTimeout(function () {
|
||||
if (!loaderHidden) {
|
||||
window.location.href = '../error.html'; // Change to your error page path
|
||||
}
|
||||
}, 8000);
|
||||
Loading…
Add table
Add a link
Reference in a new issue