docs: mourn

docs/site/desktop.js

@@ -0,0 +1 @@
+import './mourn';

docs/site/mobile.js

@@ -1,3 +1,4 @@
+import './mourn';
 import Vue from 'vue';
 import Locale from '../../src/locale';
 import Lazyload from '../../src/lazyload';

docs/site/mourn.js

@@ -0,0 +1,12 @@
+const now = new Date();
+
+if (now.getFullYear() === 2020 && now.getMonth() === 3 && now.getDate() === 4) {
+  const filter = `
+    html{
+      filter: grayscale(100%);
+      -webkit-filter: grayscale(100%);
+      -moz-filter: grayscale(100%);
+    }
+  `;
+  document.head.insertAdjacentHTML('beforeend', `<style>${filter}</style>`);
+}

webpack.config.js

@@ -1,10 +1,11 @@
-module.exports = function() {
+module.exports = function () {
   if (process.env.BUILD_TARGET === 'package') {
     return {};
   }
 
   return {
     entry: {
+      'site-desktop': ['./docs/site/desktop'],
       'site-mobile': ['./docs/site/mobile'],
     },
   };