Merge branch 'master' into dynamic-message

diff --cc app.js
index 93902d803cbef8e1c4e72e9f2997b645198fae55,40830da1a457f3053b4ff230b54e0814c0add6a2..6c2ba9078ef73da8214034e360530a33e7a3a55c
--- 1/app.js
--- 2/app.js
+++ b/app.js
@@@ -7,34 -7,22 +7,34 @@@ const app = new Vue(
          vlayout: true,
          isDark: null
      },
 -    created: function () {
 +    created: async function () {
          let that = this;
  
-         this.isDark = 'overrideDark' in localStorage ? 
+         this.isDark = 'overrideDark' in localStorage ?
              JSON.parse(localStorage.overrideDark) : matchMedia("(prefers-color-scheme: dark)").matches;
  
          if ('vlayout' in localStorage) {
              this.vlayout = JSON.parse(localStorage.vlayout)
          }
-         
+ 
          this.checkOffline();
 -        that.getConfig().then(function (config) {
 -            that.config = config;
 -        }).catch(function () {
 -            that.offline = true;
 -        });
 +        try {
 +            this.config =  await this.getConfig();
 +        } catch (error) {
 +            this.offline = true;
 +        }
 +
 +        // Look for a new message if an endpoint is provided.
 +        if (this.config.message.url) {
 +            this.getMessage(this.config.message.url).then(function(message){
 +                // keep the original config value if no value is provided by the endpoint
 +                for (const prop of ['title','style','content']) {
 +                    if (prop in message && message[prop] !== null) {
 +                        that.config.message[prop] = message[prop];
 +                    }    
 +                }
 +            });
 +        }
  
          document.addEventListener('visibilitychange', function () {
              if (document.visibilityState == "visible") {

diff --cc config.yml
Simple merge