From bdc86b8272f82b53fed05ed6d7641578cabd9533 Mon Sep 17 00:00:00 2001
From: ClientCrash <clientcrashyt@gmail.com>
Date: Sat, 25 Sep 2021 17:29:18 +0200
Subject: [PATCH 1/2] added message of the day component and read more button

---
 components/MessageOfTheDay.vue | 41 ++++++++++++++++++++++++++++++++++
 components/NavigationBar.vue   |  4 +++-
 2 files changed, 44 insertions(+), 1 deletion(-)
 create mode 100644 components/MessageOfTheDay.vue

diff --git a/components/MessageOfTheDay.vue b/components/MessageOfTheDay.vue
new file mode 100644
index 00000000..7dfae8d7
--- /dev/null
+++ b/components/MessageOfTheDay.vue
@@ -0,0 +1,41 @@
+<template>
+  <div class="motd" :style="motd.style">
+    {{ motd.message }} <a v-if="motd.readmorelink != undefined" :href="motd.readmorelink" :style="motd.style"> READ MORE </a>
+  </div>
+</template>
+
+<script>
+export default {
+
+  name: 'Motd',
+  components: {},
+  data: () => ({
+    motd: {},
+    style: {}
+  }),
+  fetch () {
+    this.motd = { message: 'Cryptic wird heute zwei jahre alt! 🥳', readmorelink: 'https://google.de' }
+  }
+}
+
+</script>
+<style lang="scss" scoped>
+.motd{
+    width: fit-content;
+    padding: 0.4vw;
+    margin-right: 10%;
+    margin-left: 4%;
+    text-align: center;
+    background: #34A735;
+    border-radius: 4px;
+    margin-bottom: 2vh;
+}
+a{
+    color: white;
+    background: #1D1C1C;
+    text-decoration: none;
+    border-radius: 8px;
+    padding: 4px;
+    font-size: 0.8rem;
+}
+</style>
diff --git a/components/NavigationBar.vue b/components/NavigationBar.vue
index 172d5349..ebd28161 100644
--- a/components/NavigationBar.vue
+++ b/components/NavigationBar.vue
@@ -57,17 +57,19 @@
         </div>
       </div>
     </nav>
+    <message-of-the-day />
   </div>
 </template>
 
 <script>
 import CrypticHeadLogo from '@/assets/icons/cryptic_head.svg'
 import LanguageSwitcher from '@/components/LanguageSwitcher'
+import MessageOfTheDay from '@/components/MessageOfTheDay.vue'
 import { isNuxt } from '@/assets/js/isNuxt'
 
 export default {
   name: 'NavigationBar',
-  components: { CrypticHeadLogo, LanguageSwitcher },
+  components: { CrypticHeadLogo, LanguageSwitcher, MessageOfTheDay },
   props: {
     backgroundAfterScroll: {
       type: Boolean,

From 837ca5827d481d331f28678ea1b764f722c76e11 Mon Sep 17 00:00:00 2001
From: ClientCrash <clientcrashyt@gmail.com>
Date: Sat, 25 Sep 2021 17:59:02 +0200
Subject: [PATCH 2/2] only show motd if it exists

---
 components/MessageOfTheDay.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/MessageOfTheDay.vue b/components/MessageOfTheDay.vue
index 7dfae8d7..8f4ebc56 100644
--- a/components/MessageOfTheDay.vue
+++ b/components/MessageOfTheDay.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="motd" :style="motd.style">
+  <div v-if="motd.message != undefined" class="motd" :style="motd.style">
     {{ motd.message }} <a v-if="motd.readmorelink != undefined" :href="motd.readmorelink" :style="motd.style"> READ MORE </a>
   </div>
 </template>