Added Countdown to Helsinki Conf Banner

Author: emanlove

src/components/RoboconBanner.vue renamed to src/components/RoboconBannerCountdown.vue

@@ -14,10 +14,10 @@
       </div>
       <div class="col-sm-12">
         <div class="line-height-1 title-robocon">
-          RBCN<span class="color-robocon">23</span>
+          RBCN<span class="color-robocon">24</span>
         </div>
         <div class="line-height-1 mb-small" style="font-size: 1.5rem;">
-          ONLINE CONFERENCE
+          HELSINKI CONFERENCE
         </div>
       </div>
     </div>
@@ -33,7 +33,7 @@ export default {
   name: 'BannerRobocon',
   data: () => ({
     timeNow: new Date(),
-    eventDate: new Date('2023-03-01T09:00Z')
+    eventDate: new Date('2024-02-06T09:00Z')
   }),
   computed: {
     countdown() {
@@ -56,7 +56,7 @@ export default {
 
 <style scoped>
 .color-robocon {
-  color: #ff9f00;
+  color: #b861ff;
 }
 .title-robocon {
   font-family: RBCN;

src/components/index.js

@@ -1,6 +1,6 @@
 import News from './News.vue'
 import Banner from './Banner.vue'
-import RoboconBanner from './RoboconBanner.vue'
+import RoboconBannerCountdown from './RoboconBannerCountdown.vue'
 import PageFooter from './PageFooter.vue'
 import Navbar from './Navbar.vue'
 import NavbarSubPage from './NavbarSubPage.vue'
@@ -26,7 +26,7 @@ import DocumentIcon from './icons/DocumentIcon.vue'
 export {
   News,
   Banner,
-  RoboconBanner,
+  RoboconBannerCountdown,
   PageFooter,
   Navbar,
   NavbarSubPage,

src/views/Home.vue

@@ -1,5 +1,6 @@
 <template>
   <nav-mobile />
+  <robocon-banner-countdown />
   <banner />
   <navbar class="nav-desktop" />
   <div class="container mb-xlarge">
@@ -76,6 +77,7 @@
 <script>
 import { defineAsyncComponent } from 'vue'
 import {
+  RoboconBannerCountdown,
   Banner,
   PageFooter,
   Navbar,
@@ -94,6 +96,7 @@ export default {
   name: 'App',
   components: {
     VideoComponent,
+    RoboconBannerCountdown,
     Banner,
     PageFooter,
     Navbar,