added demo url

javascript/src/zulma_switchcss.js

@@ -1,21 +1,20 @@
-(function (switch_css) {
+(function(switch_css) {
   //Constants
   const THEME_KEY = "ZULMA_THEME";
   const STOP_BLINK_CSS_ID = "stop-blink";
-    const STYLESHEET_CLASSNAME = "stylesheet"
+  const STYLESHEET_CLASSNAME = "stylesheet";
 
   //Variables
-    //let link = null;
   let previousLink = null;
   let theme = localStorage.getItem(THEME_KEY);
 
   //Events
   /* The function called when the css has finished loading */
-    const onLinkLoad = (event) => {
+  const onLinkLoad = event => {
     //remove event listeners
     let link = event.currentTarget;
-        link.removeEventListener('load', onLinkLoad);
-        link.removeEventListener('error', onLinkError);
+    link.removeEventListener("load", onLinkLoad);
+    link.removeEventListener("error", onLinkError);
     //remove the previous stylesheet(s)
     removeStylesheets();
     //add stylesheet class
@@ -24,13 +23,13 @@
     previousLink = null;
     //make body visible again if it was hidden
     showBody();
-    }
+  };
 
-    const onLinkError = (event) => {
+  const onLinkError = event => {
     //remove event listeners
     let link = event.currentTarget;
-        link.removeEventListener('load', onLinkLoad);
-        link.removeEventListener('error', onLinkError);
+    link.removeEventListener("load", onLinkLoad);
+    link.removeEventListener("error", onLinkError);
     //remove theme from localstorage
     clearTheme();
     //remove theme from dropdown list
@@ -42,10 +41,13 @@
       document.getElementsByTagName("head")[0].appendChild(previousLink);
     }
     //set the theme select to the previous stylesheet
-        updateThemeSelect(document.querySelectorAll(`.${STYLESHEET_CLASSNAME}`)[0].id, true)
+    updateThemeSelect(
+      document.querySelectorAll(`.${STYLESHEET_CLASSNAME}`)[0].id,
+      true
+    );
     //make body visible again if it was hidden
     showBody();
-    }
+  };
 
   //Private Methods
   /* Called when the theme is changed */
@@ -61,9 +63,9 @@
     let link = document.getElementsByTagName("head")[0].appendChild(fileref);
 
     //when it's loaded, call onLinkLoad
-        link.addEventListener('load', onLinkLoad);
+    link.addEventListener("load", onLinkLoad);
     //if it errors, call onLinkError
-        link.addEventListener('error', onLinkError);
+    link.addEventListener("error", onLinkError);
 
     //if this is the first load of the page, remove the current stylesheet early to avoid flash of wrongly styled content
     if (firstLoad) {
@@ -77,7 +79,7 @@
 
   /* Removes all current stylesheets on the page */
   function removeStylesheets() {
-        document.querySelectorAll(`.${STYLESHEET_CLASSNAME}`).forEach((el) => {
+    document.querySelectorAll(`.${STYLESHEET_CLASSNAME}`).forEach(el => {
       el.remove();
     });
   }
@@ -94,12 +96,12 @@
 
   /* Hides the body of the page */
   function hideBody() {
-        let head = document.getElementsByTagName('head')[0];
-        let style = document.createElement('style');
-        let css = 'body{visibility:hidden;}';
+    let head = document.getElementsByTagName("head")[0];
+    let style = document.createElement("style");
+    let css = "body{visibility:hidden;}";
 
     style.id = STOP_BLINK_CSS_ID;
-        style.setAttribute('type', 'text/css');
+    style.setAttribute("type", "text/css");
 
     if (style.styleSheet) {
       style.styleSheet.cssText = css;
@@ -112,20 +114,19 @@
   /* Shows the body of the page */
   function showBody() {
     let css = document.getElementById(STOP_BLINK_CSS_ID);
-        if (css)
-            css.remove();
+    if (css) css.remove();
   }
 
   /* Either sets the theme selection to the given theme, or removes it from the list */
   function updateThemeSelect(theme, setSelected) {
     //get all select options
-        let elements = document.querySelectorAll('#theme-select>option');
+    let elements = document.querySelectorAll("#theme-select>option");
     //if there are elements, the page is loaded and continue
     if (elements.length) {
       elements.forEach(element => {
         if (element.value === theme) {
           if (setSelected) {
-                        element.selected = 'selected';
+            element.selected = "selected";
           } else {
             element.remove();
           }
@@ -133,14 +134,14 @@
       });
     } else {
       //if there are no elements, the page is not yet loaded; wait for loaded event and try again.
-            window.addEventListener('DOMContentLoaded', () => {
+      window.addEventListener("DOMContentLoaded", () => {
         updateThemeSelect(theme, setSelected);
       });
     }
   }
 
   //Public Methods
-    switch_css.init = function () {
+  switch_css.init = function() {
     //if user has selected and theme and it is not the current theme
     if (theme && !document.getElementById(theme)) {
       //hide the body to stop FOUC
@@ -151,12 +152,12 @@
       updateThemeSelect(theme, true);
     }
     //when the DOM is loaded, set the dropdown to trigger the theme change
-        window.addEventListener('DOMContentLoaded', () => {
-            document.getElementById('theme-select').onchange = function () {
+    window.addEventListener("DOMContentLoaded", () => {
+      document.getElementById("theme-select").onchange = function() {
         changeTheme(this.value);
-            }
+      };
     });
-    }
-}(switch_css = window.switch_css || {})); // eslint-disable-line
+  };
+})((switch_css = window.switch_css || {})); // eslint-disable-line
 
 switch_css.init(); // eslint-disable-line

theme.toml

@@ -2,6 +2,7 @@ name = "Zulma"
 description = "A zola theme based off bulma.css"
 license = "MIT"
 min_version = "0.6.0"
+demo = "https://festive-morse-47d46c.netlify.com/"
 
 [extra]
 zulma_themes = ["default", "darkly", "flatly", "pulse", "simplex", "lux", "slate", "solar", "superhero"]