From 706bbccb89d281c65930a3bd770b1159e4c70878 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ren=C3=A9?= <snooz@posteo.de>
Date: Thu, 11 Aug 2022 22:39:39 +0000
Subject: [PATCH] New RoboCon Banner

---
 src/components/NewsBanner.vue |  2 +-
 src/content/english/main.js   | 21 ++++++++++++++++++++-
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/components/NewsBanner.vue b/src/components/NewsBanner.vue
index e881bdae4..65748dd1c 100644
--- a/src/components/NewsBanner.vue
+++ b/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>
diff --git a/src/content/english/main.js b/src/content/english/main.js
index 5a19095a1..a4badddbe 100644
--- a/src/content/english/main.js
+++ b/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: [
       {