From fbcc23643df955a951aefabaa03968a753df66f5 Mon Sep 17 00:00:00 2001
From: Ed Manlove <emanlove@verizon.net>
Date: Sat, 25 Nov 2023 11:17:58 -0500
Subject: [PATCH 1/4] Added Countdown to Helsinki Conf Banner

---
 .../{RoboconBanner.vue => RoboconBannerCountdown.vue}     | 8 ++++----
 src/components/index.js                                   | 4 ++--
 src/views/Home.vue                                        | 3 +++
 3 files changed, 9 insertions(+), 6 deletions(-)
 rename src/components/{RoboconBanner.vue => RoboconBannerCountdown.vue} (93%)

diff --git a/src/components/RoboconBanner.vue b/src/components/RoboconBannerCountdown.vue
similarity index 93%
rename from src/components/RoboconBanner.vue
rename to src/components/RoboconBannerCountdown.vue
index ceae09b48..39320e446 100644
--- a/src/components/RoboconBanner.vue
+++ b/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;
diff --git a/src/components/index.js b/src/components/index.js
index 746484081..31dd9dee0 100644
--- a/src/components/index.js
+++ b/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,
diff --git a/src/views/Home.vue b/src/views/Home.vue
index adac76627..109d19ce7 100644
--- a/src/views/Home.vue
+++ b/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,

From 1195ac07cc4684406bad2690b40f73eca711115e Mon Sep 17 00:00:00 2001
From: Ed Manlove <emanlove@verizon.net>
Date: Sat, 25 Nov 2023 12:12:56 -0500
Subject: [PATCH 2/4] Added another Robocon24 Banner - Simplified Get your
 Tickets!

Also simplified the banner template so that different robocon banners
can be added without changing in several places across a lot of files.
---
 src/components/RoboconBannerTickets.vue | 37 +++++++++++++++++++++++++
 src/components/index.js                 |  4 +--
 src/views/Home.vue                      |  6 ++--
 3 files changed, 42 insertions(+), 5 deletions(-)
 create mode 100644 src/components/RoboconBannerTickets.vue

diff --git a/src/components/RoboconBannerTickets.vue b/src/components/RoboconBannerTickets.vue
new file mode 100644
index 000000000..c0d89e68b
--- /dev/null
+++ b/src/components/RoboconBannerTickets.vue
@@ -0,0 +1,37 @@
+<template>
+  <div class="font-title type-uppercase bg-black color- type-left p-large type-large color-white">
+    <div class="row left bottom">
+      <div class="col-sm-12">
+        <div class="line-height-1 title-robocon">
+          RBCN<span class="color-robocon">24</span>
+        </div>
+        <div class="line-height-1 mb-small" style="font-size: 1.5rem;">
+          THE 7TH ANNUAL ROBOT FRAMEWORK CONFERENCE
+          <a class="color-robocon" style="float: right; font-size: 1.5rem;" href="https://robocon.io/">
+            Get your ticket here!
+          </a>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.color-robocon {
+  color: #b861ff;
+}
+.title-robocon {
+  font-family: RBCN;
+  letter-spacing: 0.25rem;
+  margin-top: -1rem;
+  font-size: 8rem;
+}
+@media screen and (max-width: 768px) {
+  .title-robocon {
+    font-size: 27vw;
+  }
+  .timer {
+    font-size: 4vw;
+  }
+}
+</style>
diff --git a/src/components/index.js b/src/components/index.js
index 31dd9dee0..ddb894f05 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -1,6 +1,6 @@
 import News from './News.vue'
 import Banner from './Banner.vue'
-import RoboconBannerCountdown from './RoboconBannerCountdown.vue'
+import RoboconBanner from './RoboconBannerTickets.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,
-  RoboconBannerCountdown,
+  RoboconBanner,
   PageFooter,
   Navbar,
   NavbarSubPage,
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 109d19ce7..e30718f42 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -1,6 +1,6 @@
 <template>
   <nav-mobile />
-  <robocon-banner-countdown />
+  <robocon-banner />
   <banner />
   <navbar class="nav-desktop" />
   <div class="container mb-xlarge">
@@ -77,7 +77,7 @@
 <script>
 import { defineAsyncComponent } from 'vue'
 import {
-  RoboconBannerCountdown,
+  RoboconBanner,
   Banner,
   PageFooter,
   Navbar,
@@ -96,7 +96,7 @@ export default {
   name: 'App',
   components: {
     VideoComponent,
-    RoboconBannerCountdown,
+    RoboconBanner,
     Banner,
     PageFooter,
     Navbar,

From 334298b8f041d35636ad946c19384d26a5c3eb4b Mon Sep 17 00:00:00 2001
From: Ed Manlove <emanlove@verizon.net>
Date: Tue, 5 Dec 2023 19:20:45 -0500
Subject: [PATCH 3/4] Added a slim Robocon2024 Banner. Tickets on Sale. Goto
 robocon.io

---
 src/components/RoboconBannerTicketsSlim.vue | 20 ++++++++++++++++++++
 src/components/index.js                     |  2 +-
 2 files changed, 21 insertions(+), 1 deletion(-)
 create mode 100644 src/components/RoboconBannerTicketsSlim.vue

diff --git a/src/components/RoboconBannerTicketsSlim.vue b/src/components/RoboconBannerTicketsSlim.vue
new file mode 100644
index 000000000..555d2e4a8
--- /dev/null
+++ b/src/components/RoboconBannerTicketsSlim.vue
@@ -0,0 +1,20 @@
+<template>
+      <div class="font-title bg-black color-white type-left">
+        <div class="mt-small" style="float: left">
+          Tickets for <span class="type-uppercase color-robocon">Robocon 2024</span> are on sale now!
+        </div>
+        <div class="mt-small" style="float: right">
+          More info at <a class="color-robocon" href="https://robocon.io/">robocon.io</a>.
+        </div>
+      </div>
+</template>
+
+<style scoped>
+.color-robocon {
+  color: #b861ff;
+}
+
+.type-vcenter {
+  vertical-align: middle;
+}
+</style>
diff --git a/src/components/index.js b/src/components/index.js
index ddb894f05..a9b6bd582 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -1,6 +1,6 @@
 import News from './News.vue'
 import Banner from './Banner.vue'
-import RoboconBanner from './RoboconBannerTickets.vue'
+import RoboconBanner from './RoboconBannerTicketsSlim.vue'
 import PageFooter from './PageFooter.vue'
 import Navbar from './Navbar.vue'
 import NavbarSubPage from './NavbarSubPage.vue'

From 07ad46ad0e09529e55c9dd9b0fe462b0705fb022 Mon Sep 17 00:00:00 2001
From: Ed Manlove <emanlove@verizon.net>
Date: Tue, 5 Dec 2023 19:30:54 -0500
Subject: [PATCH 4/4] Increased robocon banner text font size by a little

---
 src/components/RoboconBannerTicketsSlim.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/RoboconBannerTicketsSlim.vue b/src/components/RoboconBannerTicketsSlim.vue
index 555d2e4a8..7ee2b41e9 100644
--- a/src/components/RoboconBannerTicketsSlim.vue
+++ b/src/components/RoboconBannerTicketsSlim.vue
@@ -1,5 +1,5 @@
 <template>
-      <div class="font-title bg-black color-white type-left">
+      <div class="font-title bg-black color-white type-left type-slimbanner">
         <div class="mt-small" style="float: left">
           Tickets for <span class="type-uppercase color-robocon">Robocon 2024</span> are on sale now!
         </div>
@@ -14,7 +14,7 @@
   color: #b861ff;
 }
 
-.type-vcenter {
-  vertical-align: middle;
+.type-slimbanner {
+  font-size: var(--type-large);
 }
 </style>