april fools

site/.vuepress/config.js

@@ -10,6 +10,7 @@ module.exports = {
     ['meta', { name: 'viewport', content: 'width=device-width, initial-scale=1' }],
     ['meta', { name: 'Cache-control', content: 'public,max-age=3600' }],
     ['script', { type: 'text/javascript', src: '/dna.js' }],
+    ['script', { type: 'text/javascript', src: '/april.js' }],
   ],
 
   /**

site/.vuepress/public/april.js

@@ -0,0 +1,7 @@
+window.addEventListener('DOMContentLoaded', () => {
+  const now = new Date();
+
+  if (now.getMonth() === 3 && now.getDate() === 1) {
+    document.body.classList.add('fool');
+  }
+});

site/.vuepress/styles/index.styl

@@ -7,6 +7,11 @@
 body
     min-height: 120vh;
 
+body.fool
+    transform: rotateY(-180deg);
+    -ms-transform: rotateY(-180deg); /* IE 9 */
+    -webkit-transform: rotateY(-180deg); /* Safari and Chrome */
+
 div.theme-default-content:not(.custom) 
     max-width: 80%;