fix banner visibility

Author: samipe

src/components/NewsBanner.vue

@@ -1,5 +1,16 @@
 <template>
   <div
-    class="font-code type-italic type-small type-center p-2xsmall bg-black border-bottom-white border-thin"
+    class="banner font-code type-italic type-small type-center p-2xsmall border-bottom-white border-thin"
     v-html="$t('newsBanner')" />
 </template>
+
+<style>
+  .banner {
+    background-color: #000000;
+    color: #ffffff;
+
+    a {
+      color: #3385ff;
+    }
+  }
+</style>

src/content/english/main.js

@@ -7,7 +7,7 @@ export default () => ({
   ...rpa(),
   ...testautomation(),
   langName: 'English',
-  newsBanner: 'World Wide Workshop Wednesday <br> October 1st 2025 - <a href="https://wwww.robotframework.org/" target="_blank">Join here</a>',
+  newsBanner: '<div style="color: #3385ff; font-size: 1rem">World Wide Workshop Wednesday</div>October 1st 2025 - <a href="https://wwww.robotframework.org/" target="_blank">Join here</a>',
   navbar: {
     items: [
       {