updated RoboCon Banner

Author: Snooz82

src/components/Navbar.vue

@@ -99,14 +99,14 @@
 </template>
 
 <script>
-import NewTabIcon from './icons/NewTabIcon.vue'
+// import NewTabIcon from './icons/NewTabIcon.vue'
 import RobotIcon from './icons/RobotIcon.vue'
 import ChevronIcon from './icons/ChevronIcon.vue'
 
 export default {
   name: 'Navbar',
   components: {
-    NewTabIcon,
+    // NewTabIcon,
     RobotIcon,
     ChevronIcon
   },

src/components/NewsBanner.vue

@@ -1,5 +1,5 @@
 <template>
   <div
-    class="container type-center pl-small pr-small"
+    class="newsbanner container type-center pl-small pr-small"
     v-html="$t('newsBanner')" />
 </template>

src/content/english/main.js

@@ -7,7 +7,26 @@ export default () => ({
   ...rpa(),
   ...testautomation(),
   langName: 'English',
-  newsBanner: '<a href="https://medium.com/{at}{\'@\'}{at}RobotFramework/robot-framework-foundation-a37a8bcec74f">New blog post: Robot Framework Foundation</a>',
+  newsBanner: `<style type="text/css">
+  .newsbanner {
+      margin-top: 0 !important;
+      border-top: 0.2rem solid #3F7BCF;
+      border-bottom: 0.2rem solid #3F7BCF;
+      background-color: #0d0f14;
+      color: #3F7BCF !important;
+      max-width: None !important;
+  }
+  .newsbanner * {
+    color: #3F7BCF;
+    text-decoration: none !important;
+  }
+  </style>
+  <div onclick="window.open('https://robocon.io/germany');" style="cursor: pointer;" class="banner"><h2>ROBOCON <span class="color-white">2022</span> GERMANY</h2>
+  <h3>📣 <span class="color-theme">This October 5th</span> 📣</h3>
+  Ticket sale is open!<br>
+  First RoboCon outside of Finland will be held in Frankfurt am Main!
+
+  </div>`,
   navbar: {
     items: [
       {