diff --git a/src/css/hues-main.css b/src/css/hues-main.css index e973ef9..e51f938 100644 --- a/src/css/hues-main.css +++ b/src/css/hues-main.css @@ -109,6 +109,10 @@ opacity: 0; } +.hues-preloader__title { + font-size: 30pt; +} + .hues-preloader__text { display: block; text-align: center; diff --git a/src/js/HuesCore.js b/src/js/HuesCore.js index 1439cbd..df6e03f 100644 --- a/src/js/HuesCore.js +++ b/src/js/HuesCore.js @@ -149,7 +149,7 @@ class HuesCore { // Yes, we do indeed have Javascript this.root.innerHTML = ""; - this.makePreloader(this.root); + this.makePreloader(this.root, defaults); window.onerror = (msg, url, line, col, error) => { this.error(msg); @@ -306,11 +306,18 @@ class HuesCore { } } - makePreloader(root) { + makePreloader(root, defaults) { this.preloader = document.createElement("div"); this.preloader.className = "hues-preloader"; root.appendChild(this.preloader); + if(defaults.preloadTitle) { + this.preloadTitle = document.createElement("div"); + this.preloadTitle.className = "hues-preloader__title"; + this.preloadTitle.textContent = defaults.preloadTitle; + this.preloader.appendChild(this.preloadTitle); + } + this.preloadMsg = document.createElement("div"); this.preloadMsg.className = "hues-preloader__text"; this.preloadMsg.textContent = "Initialising..."; diff --git a/src/js/HuesSettings.js b/src/js/HuesSettings.js index e82aa0f..6f64982 100644 --- a/src/js/HuesSettings.js +++ b/src/js/HuesSettings.js @@ -55,6 +55,7 @@ const defaultSettings = { preloadPrefix: "0x", preloadBase: 16, preloadMax: 0x40, + preloadTitle: "", // Info customisation huesName: "0x40 Hues of JS, v%VERSION%", // If unset, uses , otherwise sets which element to turn hues-y