update banner

Author: samipe

src/components/NewsBanner.vue

@@ -1,16 +1,15 @@
 <template>
-  <div
-    class="banner font-code type-italic type-small type-center p-2xsmall border-bottom-white border-thin"
-    v-html="$t('newsBanner')" />
+  <div style="background-color: black;">
+    <div
+      class="banner font-code type-center p-2xsmall border-bottom-white border-thin"
+      v-html="$t('newsBanner')" />
+  </div>
 </template>
 
-<style>
+<style scoped>
   .banner {
-    background-color: #000000;
+    background: linear-gradient(180deg, #5f660055 0%, #00615c55 30%, #0e00a955 60%, #620050 100%);
+    box-shadow: inset 0 0 3rem 1rem #000000;
     color: #ffffff;
-
-    a {
-      color: #3385ff;
-    }
   }
 </style>

src/content/english/main.js

@@ -7,7 +7,7 @@ export default () => ({
   ...rpa(),
   ...testautomation(),
   langName: 'English',
-  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>',
+  newsBanner: '<div style="color: var(--color-theme); font-size: 1.75rem; font-family: var(--font-title);">📣 ROBOCON 2026 📣</div>Speaker slots available!<br><a href="https://www.robocon.io/cfp">Submit your proposal by 19.10.</a>',
   navbar: {
     items: [
       {