diff --git a/app/src/App.vue b/app/src/App.vue index 8b3aea3f..232f31ae 100644 --- a/app/src/App.vue +++ b/app/src/App.vue @@ -158,6 +158,11 @@ export default { if (today.getDate() === 1 && today.getMonth() + 1 === 4) { this.$store.commit('SET_SPINNER', 'magikarp') } + + // Halloween easter egg ;) + if (today.getDate() === 31 && today.getMonth() + 1 === 10) { + this.$store.commit('SET_SPINNER', 'spookycat') + } } } diff --git a/app/src/assets/spinners/spookycat.gif b/app/src/assets/spinners/spookycat.gif new file mode 100644 index 00000000..0f3e57f6 Binary files /dev/null and b/app/src/assets/spinners/spookycat.gif differ diff --git a/app/src/views/_partials/WaitingDisplay.vue b/app/src/views/_partials/WaitingDisplay.vue index 39353c7a..f9bbb065 100644 --- a/app/src/views/_partials/WaitingDisplay.vue +++ b/app/src/views/_partials/WaitingDisplay.vue @@ -104,5 +104,19 @@ export default { 99% { transform: scale(-1, 1); margin-left: 0;} } } + + &.spookycat { + height: 40px; + width: 65px; + background-image: url('../../assets/spinners/spookycat.gif'); + animation-name: back-and-forth-spookycat; + + @keyframes back-and-forth-spookycat { + 0%, 100% { transform: scale(1, 1); margin-left: 0; } + 49% { transform: scale(1, 1); margin-left: calc(100% - 100px);} + 50% { transform: scale(-1, 1); margin-left: calc(100% - 100px);} + 99% { transform: scale(-1, 1); margin-left: 0;} + } + } }