Add defaults-configurable preloader title

9 years ago · 6301b97476
parent 08e1ec6b1e
commit 6301b97476
3 changed files with 14 additions and 2 deletions
--- 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;
--- 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...";
--- 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 <body>, otherwise sets which element to turn hues-y