From 226c8725ff92e4055dfedd46d98465a896c15803 Mon Sep 17 00:00:00 2001
From: Arghadeep Bosu <115865315+arghaDEVIL@users.noreply.github.com>
Date: Fri, 12 Jan 2024 17:00:41 +0530
Subject: [PATCH 1/3] Update Home.vue

updated the code so that the countdown always displays 2 digits and added a hover effect to the login and discord buttons
---
 src/views/Home.vue | 31 +++++++++++++++++++++----------
 1 file changed, 21 insertions(+), 10 deletions(-)

diff --git a/src/views/Home.vue b/src/views/Home.vue
index b06e5ba..90f94c9 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -6,7 +6,14 @@
 
   <!--  Landing Section-->
 
-
+<style scoped>
+  .button{
+    transition:background-color 0.3s ease-in;
+  }
+  .button:hover{
+    background-color:red;
+  }
+</style>
   <div class="home" id="home">
     <div class="container">
       <p id="heading">Aperta Fons</p>
@@ -29,15 +36,19 @@
       <p id="start">The contest is now live until</p>
       <div class="timer" id="timer">
         <Confetti/>
-        <span
-        ><span> {{days}} </span> Days</span
-        ><span>
-          <span> {{hours}} </span> Hours</span
-      ><span>
-          <span> {{mins}} </span> Minutes</span
-      ><span>
-          <span> {{secs}} </span> Seconds</span
-      >
+        <span>
+  <span>{{ String(days).padStart(2, '0') }}</span> Days
+</span>
+<span>
+  <span>{{ String(hours).padStart(2, '0') }}</span> Hours
+</span>
+<span>
+  <span>{{ String(mins).padStart(2, '0') }}</span> Minutes
+</span>
+<span>
+  <span>{{ String(secs).padStart(2, '0') }}</span> Seconds
+</span>
+
       </div>
     </div>
   </div>

From f29595437052ac6e174ee1fa8eef73f7f783b998 Mon Sep 17 00:00:00 2001
From: Arghadeep Bosu <115865315+arghaDEVIL@users.noreply.github.com>
Date: Mon, 15 Jan 2024 20:02:47 +0530
Subject: [PATCH 2/3] Update Home.vue

---
 src/views/Home.vue | 46 +++++++++++++++++++++++++++++++++++++---------
 1 file changed, 37 insertions(+), 9 deletions(-)

diff --git a/src/views/Home.vue b/src/views/Home.vue
index 90f94c9..9310a14 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -5,15 +5,6 @@
 
 
   <!--  Landing Section-->
-
-<style scoped>
-  .button{
-    transition:background-color 0.3s ease-in;
-  }
-  .button:hover{
-    background-color:red;
-  }
-</style>
   <div class="home" id="home">
     <div class="container">
       <p id="heading">Aperta Fons</p>
@@ -36,6 +27,7 @@
       <p id="start">The contest is now live until</p>
       <div class="timer" id="timer">
         <Confetti/>
+        
         <span>
   <span>{{ String(days).padStart(2, '0') }}</span> Days
 </span>
@@ -47,6 +39,7 @@
 </span>
 <span>
   <span>{{ String(secs).padStart(2, '0') }}</span> Seconds
+  // this code will always show 2 digits in the timer even when it is less than 10
 </span>
 
       </div>
@@ -437,6 +430,41 @@ export default {
     return {days, hours, mins, secs, user};
   },
 };
+// code to prevent negative timer
+  export default {
+  data() {
+    return {
+      days: 0,
+      hours: 0,
+      mins: 0,
+      secs: 0,
+      eventDate: new Date('2024-01-05T12:00:00'), // Updated event date to January 5th
+    };
+  },
+  mounted() {
+    this.updateTimer();
+    setInterval(this.updateTimer, 1000); // Update every second
+  },
+  methods: {
+    updateTimer() {
+      const currentDate = new Date();
+      const timeDifference = this.eventDate - currentDate;
+
+      if (timeDifference < 0) {
+        // Event has ended
+        this.days = 0;
+        this.hours = 0;
+        this.mins = 0;
+        this.secs = 0;
+      } else {
+        this.days = Math.floor(timeDifference / (1000 * 60 * 60 * 24));
+        this.hours = Math.floor((timeDifference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+        this.mins = Math.floor((timeDifference % (1000 * 60 * 60)) / (1000 * 60));
+        this.secs = Math.floor((timeDifference % (1000 * 60)) / 1000);
+      }
+    },
+  },
+};
 </script>
 
 <style scoped>

From 3d0bcc008d1b640b418f7634142f6daa3295ef1e Mon Sep 17 00:00:00 2001
From: Arghadeep Bosu <115865315+arghaDEVIL@users.noreply.github.com>
Date: Mon, 15 Jan 2024 20:05:40 +0530
Subject: [PATCH 3/3] Update Home.vue

updated the code so that the timer will always display 2 digits even when it is less than 10 and also it will not be negative
---
 src/views/Home.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/views/Home.vue b/src/views/Home.vue
index 9310a14..33b8216 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -1,6 +1,5 @@
 <template>
   <!--  Navigation Section-->
-
   <Nav/>