newsbanner

Author: samipe

src/components/NewsBanner.vue

@@ -1,5 +1,5 @@
 <template>
   <div
-    class="font-code type-italic type-center p-2xsmall py-small bg-black border-bottom-white border-thin"
+    class="font-code type-italic type-small type-center p-2xsmall bg-black border-bottom-white border-thin"
     v-html="$t('newsBanner')" />
 </template>

src/components/index.js

@@ -17,6 +17,7 @@ import SponsorsDetailed from './SponsorsDetailed.vue'
 import RobotCode from './RobotCode.vue'
 import Milestones from './Milestones.vue'
 import VideoComponent from './VideoComponent'
+import NewsBanner from './NewsBanner'
 import GlobeIcon from './icons/GlobeIcon.vue'
 import ChevronIcon from './icons/ChevronIcon.vue'
 import NewTabIcon from './icons/NewTabIcon.vue'
@@ -25,6 +26,7 @@ import DocumentIcon from './icons/DocumentIcon.vue'
 
 export {
   News,
+  NewsBanner,
   Calendar,
   Banner,
   PageFooter,

src/content/english/main.js

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

src/views/Home.vue

@@ -1,4 +1,5 @@
 <template>
+  <news-banner />
   <nav-mobile />
   <navbar class="nav-desktop" />
   <banner />
@@ -85,7 +86,8 @@ import {
   ResourceBox,
   TabBox,
   Sponsors,
-  Milestones
+  Milestones,
+  NewsBanner
 } from 'Components'
 import VideoComponent from 'Components/VideoComponent'
 
@@ -105,6 +107,7 @@ export default {
     TabBox,
     Sponsors,
     Milestones,
+    NewsBanner,
     MonacoEditor: defineAsyncComponent(() => import('Components/Editor.vue'))
   }
 }