Added RoboCon News Banner

Author: Snooz82

src/components/NewsBanner.vue

@@ -1,5 +1,20 @@
 <template>
   <div
-    class="container type-center pl-small pr-small"
+    class="newsbanner container type-center pl-small pr-small"
     v-html="$t('newsBanner')" />
 </template>
+
+<style>
+  .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 !important;
+    text-decoration: none !important;
+  }
+</style>

src/content/english/main.js

@@ -7,7 +7,13 @@ 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: `
+  <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: [
       {