From 7d28c900f29946ba463cafe588967af75e65832b Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 24 Aug 2022 13:40:46 +0200
Subject: [PATCH 01/79] Traduzione testo per "nessuna traccia in riproduzione!

---
 src/components/NowPlaying.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index feb925da..59264fc0 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -18,7 +18,7 @@
       </div>
     </div>
     <div v-else class="now-playing" :class="getNowPlayingClass()">
-      <h1 class="now-playing__idle-heading">No music is playing 😔</h1>
+      <h1 class="now-playing__idle-heading">Spotify in attesa di pezzoni 😎</h1>
     </div>
   </div>
 </template>

From 7b7be73434f37cc190abe1126a5c9ef6b3e1018b Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 24 Aug 2022 14:25:05 +0200
Subject: [PATCH 02/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index 59264fc0..e9abe6a7 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -15,6 +15,7 @@
       <div class="now-playing__details">
         <h1 class="now-playing__track" v-text="player.trackTitle"></h1>
         <h2 class="now-playing__artists" v-text="getTrackArtists"></h2>
+        <h2 class="now-playing__album" v-text="getTrackAlbum"></h2>
       </div>
     </div>
     <div v-else class="now-playing" :class="getNowPlayingClass()">
@@ -232,6 +233,7 @@ export default {
         trackId: this.playerResponse.item.id,
         trackAlbum: {
           title: this.playerResponse.item.album.name,
+          year: this.playerResponse.item.album.release_date,
           image: this.playerResponse.item.album.images[0].url
         }
       }

From 10a6e463089748844a43ba19fc232a7a59768b01 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 24 Aug 2022 15:38:32 +0200
Subject: [PATCH 03/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index e9abe6a7..d99ea3c7 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -56,6 +56,9 @@ export default {
     getTrackArtists() {
       return this.player.trackArtists.join(', ')
     }
+    getAlbumYear() {
+      return this.player.trackYear.join()
+    }
   },
 
   mounted() {
@@ -163,6 +166,7 @@ export default {
         trackArtists: [],
         trackId: '',
         trackTitle: ''
+        trackYear: ''
       }
     },
 
@@ -231,9 +235,9 @@ export default {
         ),
         trackTitle: this.playerResponse.item.name,
         trackId: this.playerResponse.item.id,
+        trackYear: this.playerResponse.album.release_date,
         trackAlbum: {
           title: this.playerResponse.item.album.name,
-          year: this.playerResponse.item.album.release_date,
           image: this.playerResponse.item.album.images[0].url
         }
       }

From dc222e17d37bb02cdc6d1204b9deda2e5704b60a Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 24 Aug 2022 15:41:14 +0200
Subject: [PATCH 04/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index d99ea3c7..6b99a821 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -55,7 +55,7 @@ export default {
      */
     getTrackArtists() {
       return this.player.trackArtists.join(', ')
-    }
+    },
     getAlbumYear() {
       return this.player.trackYear.join()
     }

From c4d498e41fccaed539fc075306c5e66612b5cee2 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 24 Aug 2022 15:42:15 +0200
Subject: [PATCH 05/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index 6b99a821..9e52f941 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -165,7 +165,7 @@ export default {
         trackAlbum: {},
         trackArtists: [],
         trackId: '',
-        trackTitle: ''
+        trackTitle: '',
         trackYear: ''
       }
     },

From a5f23cdb333aa76f688562052642b60d0d694399 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 24 Aug 2022 15:46:29 +0200
Subject: [PATCH 06/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index 9e52f941..69275ce9 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -15,7 +15,7 @@
       <div class="now-playing__details">
         <h1 class="now-playing__track" v-text="player.trackTitle"></h1>
         <h2 class="now-playing__artists" v-text="getTrackArtists"></h2>
-        <h2 class="now-playing__album" v-text="getTrackAlbum"></h2>
+        <h2 class="now-playing__album" v-text="getAlbumYear"></h2>
       </div>
     </div>
     <div v-else class="now-playing" :class="getNowPlayingClass()">

From b3ff6e14e5aef95d5f6f75ee1e3cd23000e06d15 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 24 Aug 2022 16:03:15 +0200
Subject: [PATCH 07/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index 69275ce9..4e6db429 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -15,7 +15,8 @@
       <div class="now-playing__details">
         <h1 class="now-playing__track" v-text="player.trackTitle"></h1>
         <h2 class="now-playing__artists" v-text="getTrackArtists"></h2>
-        <h2 class="now-playing__album" v-text="getAlbumYear"></h2>
+        <h2 class="now-playing__year" v-text="player.trackYear"></h2>
+        <h2 class="now-playing__album" v-text="player.trackAlbumName"></h2>
       </div>
     </div>
     <div v-else class="now-playing" :class="getNowPlayingClass()">
@@ -55,9 +56,6 @@ export default {
      */
     getTrackArtists() {
       return this.player.trackArtists.join(', ')
-    },
-    getAlbumYear() {
-      return this.player.trackYear.join()
     }
   },
 
@@ -166,7 +164,8 @@ export default {
         trackArtists: [],
         trackId: '',
         trackTitle: '',
-        trackYear: ''
+        trackYear: '',
+        trackAlbumName: ''
       }
     },
 
@@ -236,6 +235,7 @@ export default {
         trackTitle: this.playerResponse.item.name,
         trackId: this.playerResponse.item.id,
         trackYear: this.playerResponse.album.release_date,
+        trackAlbumName: this.playerResponse.item.album.name,
         trackAlbum: {
           title: this.playerResponse.item.album.name,
           image: this.playerResponse.item.album.images[0].url

From 9fd3d450624a201e4d09941cb4afd0753abc7210 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 24 Aug 2022 16:08:01 +0200
Subject: [PATCH 08/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index 4e6db429..e1a7e2ec 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -234,7 +234,7 @@ export default {
         ),
         trackTitle: this.playerResponse.item.name,
         trackId: this.playerResponse.item.id,
-        trackYear: this.playerResponse.album.release_date,
+        trackYear: this.playerResponse.item.album.release_date,
         trackAlbumName: this.playerResponse.item.album.name,
         trackAlbum: {
           title: this.playerResponse.item.album.name,

From 0fa4092eefa55bb27d3ee48fd5e97e1e4e701b0a Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 24 Aug 2022 16:18:22 +0200
Subject: [PATCH 09/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index e1a7e2ec..d0c9e392 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -15,8 +15,10 @@
       <div class="now-playing__details">
         <h1 class="now-playing__track" v-text="player.trackTitle"></h1>
         <h2 class="now-playing__artists" v-text="getTrackArtists"></h2>
-        <h2 class="now-playing__year" v-text="player.trackYear"></h2>
         <h2 class="now-playing__album" v-text="player.trackAlbumName"></h2>
+        <h2 class="now-playing__year" v-text="player.trackYear"></h2>
+        <h2 class="now-playing__year" v-text=""></h2>
+        <h2 class="now-playing__year">Durata <v-text="player.trackElapsed"></h2>
       </div>
     </div>
     <div v-else class="now-playing" :class="getNowPlayingClass()">
@@ -165,6 +167,7 @@ export default {
         trackId: '',
         trackTitle: '',
         trackYear: '',
+        trackElapsed: '',
         trackAlbumName: ''
       }
     },
@@ -234,8 +237,9 @@ export default {
         ),
         trackTitle: this.playerResponse.item.name,
         trackId: this.playerResponse.item.id,
-        trackYear: this.playerResponse.item.album.release_date,
+        trackYear: this.playerResponse.item.album.release_date_precision,
         trackAlbumName: this.playerResponse.item.album.name,
+        trackElapsed: this.playerResponse.progress_ms,
         trackAlbum: {
           title: this.playerResponse.item.album.name,
           image: this.playerResponse.item.album.images[0].url

From e4ad2d547443695eb9efba407e44c4294b91e996 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 24 Aug 2022 16:19:37 +0200
Subject: [PATCH 10/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index d0c9e392..54f8cce0 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -18,7 +18,7 @@
         <h2 class="now-playing__album" v-text="player.trackAlbumName"></h2>
         <h2 class="now-playing__year" v-text="player.trackYear"></h2>
         <h2 class="now-playing__year" v-text=""></h2>
-        <h2 class="now-playing__year">Durata <v-text="player.trackElapsed"></h2>
+        <h2 class="now-playing__year" v-text="player.trackElapsed"></h2>
       </div>
     </div>
     <div v-else class="now-playing" :class="getNowPlayingClass()">

From 088d7b274c223e007bfd4963690e87a3a024e1bb Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 24 Aug 2022 16:20:54 +0200
Subject: [PATCH 11/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index 54f8cce0..6c84f40e 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -17,8 +17,8 @@
         <h2 class="now-playing__artists" v-text="getTrackArtists"></h2>
         <h2 class="now-playing__album" v-text="player.trackAlbumName"></h2>
         <h2 class="now-playing__year" v-text="player.trackYear"></h2>
-        <h2 class="now-playing__year" v-text=""></h2>
-        <h2 class="now-playing__year" v-text="player.trackElapsed"></h2>
+        <h2> </h2>
+        <h2 class="now-playing__year"> Durata <v-text="player.trackElapsed"></h2>
       </div>
     </div>
     <div v-else class="now-playing" :class="getNowPlayingClass()">

From 23da1b15e724ebb1eac5783561a8d1d93c3ad247 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 24 Aug 2022 16:22:35 +0200
Subject: [PATCH 12/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index 6c84f40e..56d98c7d 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -17,8 +17,7 @@
         <h2 class="now-playing__artists" v-text="getTrackArtists"></h2>
         <h2 class="now-playing__album" v-text="player.trackAlbumName"></h2>
         <h2 class="now-playing__year" v-text="player.trackYear"></h2>
-        <h2> </h2>
-        <h2 class="now-playing__year"> Durata <v-text="player.trackElapsed"></h2>
+        <h2 class="now-playing__year" v-text="player.trackElapsed"></h2>
       </div>
     </div>
     <div v-else class="now-playing" :class="getNowPlayingClass()">

From 0c9fd0ce33bd57cb8a726b109595fd3d98bacf65 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 24 Aug 2022 16:27:31 +0200
Subject: [PATCH 13/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index 56d98c7d..eaad1226 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -17,7 +17,6 @@
         <h2 class="now-playing__artists" v-text="getTrackArtists"></h2>
         <h2 class="now-playing__album" v-text="player.trackAlbumName"></h2>
         <h2 class="now-playing__year" v-text="player.trackYear"></h2>
-        <h2 class="now-playing__year" v-text="player.trackElapsed"></h2>
       </div>
     </div>
     <div v-else class="now-playing" :class="getNowPlayingClass()">
@@ -166,7 +165,6 @@ export default {
         trackId: '',
         trackTitle: '',
         trackYear: '',
-        trackElapsed: '',
         trackAlbumName: ''
       }
     },
@@ -238,7 +236,6 @@ export default {
         trackId: this.playerResponse.item.id,
         trackYear: this.playerResponse.item.album.release_date_precision,
         trackAlbumName: this.playerResponse.item.album.name,
-        trackElapsed: this.playerResponse.progress_ms,
         trackAlbum: {
           title: this.playerResponse.item.album.name,
           image: this.playerResponse.item.album.images[0].url

From 7d7beafb1fd6da9b9729e8459a7c4eda25ad7988 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Thu, 25 Aug 2022 08:10:15 +0200
Subject: [PATCH 14/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index eaad1226..436996ca 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -234,7 +234,7 @@ export default {
         ),
         trackTitle: this.playerResponse.item.name,
         trackId: this.playerResponse.item.id,
-        trackYear: this.playerResponse.item.album.release_date_precision,
+        trackYear: this.playerResponse.item.album.release_date,
         trackAlbumName: this.playerResponse.item.album.name,
         trackAlbum: {
           title: this.playerResponse.item.album.name,

From 2f12db1e9e38f82775027bdc0197ce419270cb07 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Thu, 25 Aug 2022 08:12:29 +0200
Subject: [PATCH 15/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index 436996ca..9881a261 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -234,7 +234,7 @@ export default {
         ),
         trackTitle: this.playerResponse.item.name,
         trackId: this.playerResponse.item.id,
-        trackYear: this.playerResponse.item.album.release_date,
+        trackYear: this.playerResponse.item.album.release_date[0],
         trackAlbumName: this.playerResponse.item.album.name,
         trackAlbum: {
           title: this.playerResponse.item.album.name,

From 3c363483f3f5c7033dc6b608302d894945365185 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Thu, 25 Aug 2022 08:13:53 +0200
Subject: [PATCH 16/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index 9881a261..40236c88 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -234,7 +234,7 @@ export default {
         ),
         trackTitle: this.playerResponse.item.name,
         trackId: this.playerResponse.item.id,
-        trackYear: this.playerResponse.item.album.release_date[0],
+        trackYear: this.playerResponse.item.album.release_date[3],
         trackAlbumName: this.playerResponse.item.album.name,
         trackAlbum: {
           title: this.playerResponse.item.album.name,

From f91c9d431cefb340f3e8eb150715f0de6ba7a550 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Thu, 25 Aug 2022 08:17:32 +0200
Subject: [PATCH 17/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index 40236c88..0e1af8df 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -234,7 +234,7 @@ export default {
         ),
         trackTitle: this.playerResponse.item.name,
         trackId: this.playerResponse.item.id,
-        trackYear: this.playerResponse.item.album.release_date[3],
+        trackYear: this.playerResponse.item.album.release_date.substring(0,3),
         trackAlbumName: this.playerResponse.item.album.name,
         trackAlbum: {
           title: this.playerResponse.item.album.name,

From 88e9f4bab801e6ac839ff755c149a3956d1ec57f Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Thu, 25 Aug 2022 08:19:42 +0200
Subject: [PATCH 18/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index 0e1af8df..cce846f8 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -234,7 +234,7 @@ export default {
         ),
         trackTitle: this.playerResponse.item.name,
         trackId: this.playerResponse.item.id,
-        trackYear: this.playerResponse.item.album.release_date.substring(0,3),
+        trackYear: this.playerResponse.item.album.release_date.substring(0,4),
         trackAlbumName: this.playerResponse.item.album.name,
         trackAlbum: {
           title: this.playerResponse.item.album.name,

From 009225a2be63fd29f30e9da3debdbe4ee81ced42 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Thu, 25 Aug 2022 08:37:36 +0200
Subject: [PATCH 19/79] Update typography.scss

---
 src/styles/global/typography.scss | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/styles/global/typography.scss b/src/styles/global/typography.scss
index 3ef31b0d..7dbfd08b 100644
--- a/src/styles/global/typography.scss
+++ b/src/styles/global/typography.scss
@@ -18,7 +18,15 @@ h2 {
   word-break: break-word;
 }
 
+h3 {
+  font-size: 1em;
+  font-weight: var(--font-weight-body);
+  letter-spacing: -0.5px;
+  margin: 0;
+  word-break: break-word;
+}
+
 p {
   font-size: 1.2em;
   line-height: 1.4;
-}
\ No newline at end of file
+}

From d20d9f24de14516b35b61944c3900ea3fbb7c979 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Thu, 25 Aug 2022 09:06:11 +0200
Subject: [PATCH 20/79] Update Authorise.vue

---
 src/components/Authorise.vue | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/Authorise.vue b/src/components/Authorise.vue
index 3b9428d7..a1ce64c0 100644
--- a/src/components/Authorise.vue
+++ b/src/components/Authorise.vue
@@ -1,10 +1,9 @@
 <template>
   <div class="authorise">
-    <h1 class="authorise__heading">Nowify</h1>
+    <h1 class="authorise__heading">Krokify_Pro</h1>
 
     <p class="authorise__copy">
-      Nowify is a simple Spotify 'Now Playing' screen designed for the Raspberry
-      Pi. Login with Spotify below and start playing some music!
+     Loggati, al resto ci penso io 🔝🔝
     </p>
 
     <button

From 30f9b71ecc267ed6985b6e9cd6ef5101436b8d66 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Thu, 25 Aug 2022 09:08:31 +0200
Subject: [PATCH 21/79] Update Authorise.vue

---
 src/components/Authorise.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Authorise.vue b/src/components/Authorise.vue
index a1ce64c0..0a8683ec 100644
--- a/src/components/Authorise.vue
+++ b/src/components/Authorise.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="authorise">
-    <h1 class="authorise__heading">Krokify_Pro</h1>
+    <h1 class="authorise__heading">Krokify Pro</h1>
 
     <p class="authorise__copy">
      Loggati, al resto ci penso io 🔝🔝

From daca5c05ce25bb858cadaae658c45c6767b4a73e Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Thu, 25 Aug 2022 09:09:01 +0200
Subject: [PATCH 22/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index cce846f8..03502064 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -15,8 +15,8 @@
       <div class="now-playing__details">
         <h1 class="now-playing__track" v-text="player.trackTitle"></h1>
         <h2 class="now-playing__artists" v-text="getTrackArtists"></h2>
-        <h2 class="now-playing__album" v-text="player.trackAlbumName"></h2>
-        <h2 class="now-playing__year" v-text="player.trackYear"></h2>
+        <h3 class="now-playing__album" v-text="player.trackAlbumName"></h2>
+        <h3 class="now-playing__year" v-text="player.trackYear"></h2>
       </div>
     </div>
     <div v-else class="now-playing" :class="getNowPlayingClass()">

From 60ce238017d27f74f9a0965317bc4fd3226e0252 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Thu, 25 Aug 2022 11:09:05 +0200
Subject: [PATCH 23/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index 03502064..cef977eb 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -15,8 +15,8 @@
       <div class="now-playing__details">
         <h1 class="now-playing__track" v-text="player.trackTitle"></h1>
         <h2 class="now-playing__artists" v-text="getTrackArtists"></h2>
-        <h3 class="now-playing__album" v-text="player.trackAlbumName"></h2>
-        <h3 class="now-playing__year" v-text="player.trackYear"></h2>
+        <h3 class="now-playing__album" v-text="player.trackAlbumName"></h3>
+        <h3 class="now-playing__year" v-text="player.trackYear"></h3>
       </div>
     </div>
     <div v-else class="now-playing" :class="getNowPlayingClass()">

From 3b95bdda7444610b5a7a0e2b6fefc2c24eb877a1 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Thu, 25 Aug 2022 11:17:49 +0200
Subject: [PATCH 24/79] Update typography.scss

---
 src/styles/global/typography.scss | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/styles/global/typography.scss b/src/styles/global/typography.scss
index 7dbfd08b..0124e56d 100644
--- a/src/styles/global/typography.scss
+++ b/src/styles/global/typography.scss
@@ -3,7 +3,7 @@
  * -----------------------------------------------------------------------------
  */
 h1 {
-  font-size: 2em;
+  font-size: 2.5em;
   font-weight: var(--font-weight-heading);
   letter-spacing: -1.25px;
   margin: 0 0 var(--spacing-m) 0;
@@ -11,7 +11,7 @@ h1 {
 }
 
 h2 {
-  font-size: 1.5em;
+  font-size: 2em;
   font-weight: var(--font-weight-body);
   letter-spacing: -0.5px;
   margin: 0;
@@ -19,7 +19,7 @@ h2 {
 }
 
 h3 {
-  font-size: 1em;
+  font-size: 1.5em;
   font-weight: var(--font-weight-body);
   letter-spacing: -0.5px;
   margin: 0;
@@ -27,6 +27,6 @@ h3 {
 }
 
 p {
-  font-size: 1.2em;
+  font-size: 2em;
   line-height: 1.4;
 }

From f92f5cd8d2b8ff988daf338dc9d1805bea90ce86 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Thu, 25 Aug 2022 11:21:03 +0200
Subject: [PATCH 25/79] Update now-playing.scss

---
 src/styles/components/now-playing.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/styles/components/now-playing.scss b/src/styles/components/now-playing.scss
index d7124d1f..ff47cb93 100644
--- a/src/styles/components/now-playing.scss
+++ b/src/styles/components/now-playing.scss
@@ -40,7 +40,7 @@
   }
 
   &__artists {
-    opacity: 0.8;
+    opacity: 0.85;
   }
 
   &--active {
@@ -68,4 +68,4 @@
       text-align: left;
     }
   }
-}
\ No newline at end of file
+}

From f513aae1f9072fe28f43f2f9495a084db9fd1ef0 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Thu, 25 Aug 2022 11:21:35 +0200
Subject: [PATCH 26/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index cef977eb..52f21fe9 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -20,7 +20,7 @@
       </div>
     </div>
     <div v-else class="now-playing" :class="getNowPlayingClass()">
-      <h1 class="now-playing__idle-heading">Spotify in attesa di pezzoni 😎</h1>
+      <h2 class="now-playing__idle-heading">Spotify in attesa di pezzoni 😎</h2>
     </div>
   </div>
 </template>

From e87d014243213528db5f9a06a743232e6934832e Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Fri, 26 Aug 2022 13:33:31 +0200
Subject: [PATCH 27/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index 52f21fe9..e7dde1dd 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -17,6 +17,7 @@
         <h2 class="now-playing__artists" v-text="getTrackArtists"></h2>
         <h3 class="now-playing__album" v-text="player.trackAlbumName"></h3>
         <h3 class="now-playing__year" v-text="player.trackYear"></h3>
+        <h3 class="now-playing__tempo" v-text="player.trackTempo"></h3>
       </div>
     </div>
     <div v-else class="now-playing" :class="getNowPlayingClass()">
@@ -165,7 +166,8 @@ export default {
         trackId: '',
         trackTitle: '',
         trackYear: '',
-        trackAlbumName: ''
+        trackAlbumName: '',
+        TrackTempo: ''
       }
     },
 
@@ -234,6 +236,7 @@ export default {
         ),
         trackTitle: this.playerResponse.item.name,
         trackId: this.playerResponse.item.id,
+        TrackTempo: this.playerResponse.track.tempo,
         trackYear: this.playerResponse.item.album.release_date.substring(0,4),
         trackAlbumName: this.playerResponse.item.album.name,
         trackAlbum: {

From 1994fb82a02ea572e2f550a610adb8ab1d60978e Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Fri, 26 Aug 2022 13:37:30 +0200
Subject: [PATCH 28/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index e7dde1dd..19d81235 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -236,7 +236,7 @@ export default {
         ),
         trackTitle: this.playerResponse.item.name,
         trackId: this.playerResponse.item.id,
-        TrackTempo: this.playerResponse.track.tempo,
+        TrackTempo: this.playerResponse.track.tempo.toString(),
         trackYear: this.playerResponse.item.album.release_date.substring(0,4),
         trackAlbumName: this.playerResponse.item.album.name,
         trackAlbum: {

From ce3d2ee448be4132cbd1d9cd917ede351d85beb3 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Fri, 26 Aug 2022 13:40:42 +0200
Subject: [PATCH 29/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index 19d81235..c5bcf822 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -167,7 +167,7 @@ export default {
         trackTitle: '',
         trackYear: '',
         trackAlbumName: '',
-        TrackTempo: ''
+        trackTempo: ''
       }
     },
 
@@ -236,7 +236,7 @@ export default {
         ),
         trackTitle: this.playerResponse.item.name,
         trackId: this.playerResponse.item.id,
-        TrackTempo: this.playerResponse.track.tempo.toString(),
+        trackTempo: this.playerResponse.track.tempo.toString(),
         trackYear: this.playerResponse.item.album.release_date.substring(0,4),
         trackAlbumName: this.playerResponse.item.album.name,
         trackAlbum: {

From 1347a90bc106714430986482fa2ff320a1ad70de Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Fri, 26 Aug 2022 13:42:14 +0200
Subject: [PATCH 30/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index c5bcf822..c8e3b05b 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -236,7 +236,7 @@ export default {
         ),
         trackTitle: this.playerResponse.item.name,
         trackId: this.playerResponse.item.id,
-        trackTempo: this.playerResponse.track.tempo.toString(),
+        trackTempo: this.playerResponse.track.tempo,
         trackYear: this.playerResponse.item.album.release_date.substring(0,4),
         trackAlbumName: this.playerResponse.item.album.name,
         trackAlbum: {

From bbf2740ef61b823612d530f49c426f7cf69d89bd Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Fri, 26 Aug 2022 13:43:46 +0200
Subject: [PATCH 31/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index c8e3b05b..52f21fe9 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -17,7 +17,6 @@
         <h2 class="now-playing__artists" v-text="getTrackArtists"></h2>
         <h3 class="now-playing__album" v-text="player.trackAlbumName"></h3>
         <h3 class="now-playing__year" v-text="player.trackYear"></h3>
-        <h3 class="now-playing__tempo" v-text="player.trackTempo"></h3>
       </div>
     </div>
     <div v-else class="now-playing" :class="getNowPlayingClass()">
@@ -166,8 +165,7 @@ export default {
         trackId: '',
         trackTitle: '',
         trackYear: '',
-        trackAlbumName: '',
-        trackTempo: ''
+        trackAlbumName: ''
       }
     },
 
@@ -236,7 +234,6 @@ export default {
         ),
         trackTitle: this.playerResponse.item.name,
         trackId: this.playerResponse.item.id,
-        trackTempo: this.playerResponse.track.tempo,
         trackYear: this.playerResponse.item.album.release_date.substring(0,4),
         trackAlbumName: this.playerResponse.item.album.name,
         trackAlbum: {

From a9d69bd2da81d438f964a5090d41466bfa2af0f5 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Tue, 30 Aug 2022 14:27:14 +0200
Subject: [PATCH 32/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index 52f21fe9..7e2389a1 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -21,6 +21,7 @@
     </div>
     <div v-else class="now-playing" :class="getNowPlayingClass()">
       <h2 class="now-playing__idle-heading">Spotify in attesa di pezzoni 😎</h2>
+      <h2 class="now-playing__idle-heading"><span id="time"> </span></h2>
     </div>
   </div>
 </template>
@@ -30,6 +31,10 @@ import * as Vibrant from 'node-vibrant'
 
 import props from '@/utils/props.js'
 
+`use strict`
+var datetime = new Date().toDateString();
+document.getElementById("time").textContent = datetime;
+
 export default {
   name: 'NowPlaying',
 

From d73f87fc4d7e9cf0ea8a95074910442b55631573 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Tue, 30 Aug 2022 14:30:02 +0200
Subject: [PATCH 33/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index 7e2389a1..bb75a50c 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -21,7 +21,7 @@
     </div>
     <div v-else class="now-playing" :class="getNowPlayingClass()">
       <h2 class="now-playing__idle-heading">Spotify in attesa di pezzoni 😎</h2>
-      <h2 class="now-playing__idle-heading"><span id="time"> </span></h2>
+      <h2 class="now-playing__idle-heading" v-text="time"</h2>
     </div>
   </div>
 </template>

From 9922bcc96d6d48e36b838301a9e288f3dca033c1 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Tue, 30 Aug 2022 14:31:42 +0200
Subject: [PATCH 34/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index bb75a50c..eab59f67 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -21,7 +21,7 @@
     </div>
     <div v-else class="now-playing" :class="getNowPlayingClass()">
       <h2 class="now-playing__idle-heading">Spotify in attesa di pezzoni 😎</h2>
-      <h2 class="now-playing__idle-heading" v-text="time"</h2>
+      <h2 class="now-playing__idle-heading" v-text="time"></h2>
     </div>
   </div>
 </template>

From 69a038e9755c6026e62e4b9dcad4e1a2535bb984 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Tue, 30 Aug 2022 14:36:08 +0200
Subject: [PATCH 35/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index eab59f67..ac836ba4 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -31,7 +31,6 @@ import * as Vibrant from 'node-vibrant'
 
 import props from '@/utils/props.js'
 
-`use strict`
 var datetime = new Date().toDateString();
 document.getElementById("time").textContent = datetime;
 

From 852fe8ef83c03cf40d7ac50d0c843e677819d434 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Tue, 30 Aug 2022 14:37:31 +0200
Subject: [PATCH 36/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index ac836ba4..52f21fe9 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -21,7 +21,6 @@
     </div>
     <div v-else class="now-playing" :class="getNowPlayingClass()">
       <h2 class="now-playing__idle-heading">Spotify in attesa di pezzoni 😎</h2>
-      <h2 class="now-playing__idle-heading" v-text="time"></h2>
     </div>
   </div>
 </template>
@@ -31,9 +30,6 @@ import * as Vibrant from 'node-vibrant'
 
 import props from '@/utils/props.js'
 
-var datetime = new Date().toDateString();
-document.getElementById("time").textContent = datetime;
-
 export default {
   name: 'NowPlaying',
 

From 713b6c4c13778680d38dc91eace7787c9fd22297 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Tue, 30 Aug 2022 15:16:38 +0200
Subject: [PATCH 37/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index 52f21fe9..2dd342ec 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -21,11 +21,32 @@
     </div>
     <div v-else class="now-playing" :class="getNowPlayingClass()">
       <h2 class="now-playing__idle-heading">Spotify in attesa di pezzoni 😎</h2>
+      <h1>{{ timestamp }}</h1>
     </div>
   </div>
 </template>
 
 <script>
+
+var vue_det = new Vue({
+            el: '#intro',
+            data: {
+               timestamp: ""
+            },
+            created() {
+                setInterval(this.getNow, 1000);
+            },
+            methods: {
+                getNow: function() {
+                    const today = new Date();
+                    const date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate()+' '+today.getDay();
+                    const time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds();
+                    const dateTime = date +' '+ time;
+                    this.timestamp = dateTime;
+                }
+            }
+         });
+
 import * as Vibrant from 'node-vibrant'
 
 import props from '@/utils/props.js'

From f9dc53966bd81220bc9b528fd4855488bb40a372 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Tue, 30 Aug 2022 15:17:55 +0200
Subject: [PATCH 38/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 20 --------------------
 1 file changed, 20 deletions(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index 2dd342ec..5cb8c5c9 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -21,32 +21,12 @@
     </div>
     <div v-else class="now-playing" :class="getNowPlayingClass()">
       <h2 class="now-playing__idle-heading">Spotify in attesa di pezzoni 😎</h2>
-      <h1>{{ timestamp }}</h1>
     </div>
   </div>
 </template>
 
 <script>
 
-var vue_det = new Vue({
-            el: '#intro',
-            data: {
-               timestamp: ""
-            },
-            created() {
-                setInterval(this.getNow, 1000);
-            },
-            methods: {
-                getNow: function() {
-                    const today = new Date();
-                    const date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate()+' '+today.getDay();
-                    const time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds();
-                    const dateTime = date +' '+ time;
-                    this.timestamp = dateTime;
-                }
-            }
-         });
-
 import * as Vibrant from 'node-vibrant'
 
 import props from '@/utils/props.js'

From 2c97dad0fdcb23c72a3af20b2665bbf241e0adb9 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 29 Nov 2023 08:21:57 +0100
Subject: [PATCH 39/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 23 ++++++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index 5cb8c5c9..ba0f7995 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -20,7 +20,8 @@
       </div>
     </div>
     <div v-else class="now-playing" :class="getNowPlayingClass()">
-      <h2 class="now-playing__idle-heading">Spotify in attesa di pezzoni 😎</h2>
+      <h1 class="now-playing__idle-heading"> {{ currentDate }}</h1>
+      <h2 class="now-playing__idle-heading"> {{ currentTime }}</h2>
     </div>
   </div>
 </template>
@@ -46,7 +47,9 @@ export default {
       playerResponse: {},
       playerData: this.getEmptyPlayer(),
       colourPalette: '',
-      swatches: []
+      swatches: [],
+      currentDate: '',
+      currentTime: ''
     }
   },
 
@@ -61,7 +64,9 @@ export default {
   },
 
   mounted() {
-    this.setDataInterval()
+    this.setDataInterval();
+    this.updateDatetime();
+    setInterval(this.updateDatetime, 1000);
   },
 
   beforeDestroy() {
@@ -73,6 +78,18 @@ export default {
      * Make the network request to Spotify to
      * get the current played track.
      */
+
+     updateDatetime() {
+      // Get the current date and time
+      const now = new Date();
+      // Format the date and time
+      const formattedDate = now.toLocaleString('it-IT', { timeZone: 'CET', weekday: 'long', year: 'numeric', month: 'long', day: 'numeric', hours:"numeric"});
+      const formattedTime = now.toLocaleTimeString('it-IT');
+      // Update the currentDatetime property
+      this.currentDate = formattedDate;
+      this.currentTime = formattedTime
+    },
+
     async getNowPlaying() {
       let data = {}
 

From fcdf837ade63960c0b7a3cace973cbb521526372 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 29 Nov 2023 08:45:52 +0100
Subject: [PATCH 40/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index ba0f7995..38d8135f 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -20,8 +20,8 @@
       </div>
     </div>
     <div v-else class="now-playing" :class="getNowPlayingClass()">
-      <h1 class="now-playing__idle-heading"> {{ currentDate }}</h1>
-      <h2 class="now-playing__idle-heading"> {{ currentTime }}</h2>
+      <h1 class="now-playing__idle-heading" v-text="currentTate"></h1>
+      <h2 class="now-playing__idle-heading" v-text="currentDime"></h2>
     </div>
   </div>
 </template>

From c95c0904337daa6f08ef78766bb6c5da436df984 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 29 Nov 2023 08:46:31 +0100
Subject: [PATCH 41/79] Update now-playing.scss

---
 src/styles/components/now-playing.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/styles/components/now-playing.scss b/src/styles/components/now-playing.scss
index ff47cb93..71cdcbfc 100644
--- a/src/styles/components/now-playing.scss
+++ b/src/styles/components/now-playing.scss
@@ -50,6 +50,7 @@
 
   &--idle {
     display: flex;
+    flex-flow: column nowrap;
     align-items: center;
     justify-content: center;
   }

From 7cea31d05355636496bffab4ed11dfeb91417968 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 29 Nov 2023 08:49:04 +0100
Subject: [PATCH 42/79] Update now-playing.scss

---
 src/styles/components/now-playing.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/styles/components/now-playing.scss b/src/styles/components/now-playing.scss
index 71cdcbfc..ff47cb93 100644
--- a/src/styles/components/now-playing.scss
+++ b/src/styles/components/now-playing.scss
@@ -50,7 +50,6 @@
 
   &--idle {
     display: flex;
-    flex-flow: column nowrap;
     align-items: center;
     justify-content: center;
   }

From 88ea326f9b84f5e9e1a3c2a67a68c4fada42e8de Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 29 Nov 2023 08:51:08 +0100
Subject: [PATCH 43/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index 38d8135f..9a4a953f 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -20,8 +20,8 @@
       </div>
     </div>
     <div v-else class="now-playing" :class="getNowPlayingClass()">
-      <h1 class="now-playing__idle-heading" v-text="currentTate"></h1>
-      <h2 class="now-playing__idle-heading" v-text="currentDime"></h2>
+      <h1 class="now-playing__idle-heading" {{ currentTime }}></h1>
+      <h2 class="now-playing__idle-heading" {{ currentDate }}></h2>
     </div>
   </div>
 </template>

From 0681f97b0b604bfd6d043586dcc4be6b6c196b26 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 29 Nov 2023 08:53:16 +0100
Subject: [PATCH 44/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index 9a4a953f..dc79e61f 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -20,8 +20,8 @@
       </div>
     </div>
     <div v-else class="now-playing" :class="getNowPlayingClass()">
-      <h1 class="now-playing__idle-heading" {{ currentTime }}></h1>
-      <h2 class="now-playing__idle-heading" {{ currentDate }}></h2>
+      <h1 class="now-playing__idle-heading"> {{ currentTime }} </h1>
+      <h2 class="now-playing__idle-heading"> {{ currentDate }} </h2>
     </div>
   </div>
 </template>

From cf457eb59fa1d8f751559a5d33155c06efe80f9d Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 29 Nov 2023 08:59:45 +0100
Subject: [PATCH 45/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index dc79e61f..ac111afd 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -20,8 +20,8 @@
       </div>
     </div>
     <div v-else class="now-playing" :class="getNowPlayingClass()">
-      <h1 class="now-playing__idle-heading"> {{ currentTime }} </h1>
-      <h2 class="now-playing__idle-heading"> {{ currentDate }} </h2>
+      <font size="60"> <h1 class="now-playing__idle-heading"> {{ currentDate }}</h1></font><br />
+      <font size="40"> <h2 class="now-playing__idle-heading"> {{ currentTime }}</h2></font>
     </div>
   </div>
 </template>

From dcf3a95c955418c2da6cea486be199ce2cf5b872 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 29 Nov 2023 09:01:15 +0100
Subject: [PATCH 46/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index ac111afd..55f65a42 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -20,8 +20,8 @@
       </div>
     </div>
     <div v-else class="now-playing" :class="getNowPlayingClass()">
-      <font size="60"> <h1 class="now-playing__idle-heading"> {{ currentDate }}</h1></font><br />
-      <font size="40"> <h2 class="now-playing__idle-heading"> {{ currentTime }}</h2></font>
+      <font size="60"> <h1 class="now-playing__idle-heading"> {{ currentTime }}</h1></font><br />
+      <font size="40"> <h2 class="now-playing__idle-heading"> {{ currentDate }}</h2></font>
     </div>
   </div>
 </template>

From b663dcb392ea955d6f2c9da1ae284ed35f5bb4b7 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 29 Nov 2023 09:03:19 +0100
Subject: [PATCH 47/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index 55f65a42..720f411f 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -21,7 +21,7 @@
     </div>
     <div v-else class="now-playing" :class="getNowPlayingClass()">
       <font size="60"> <h1 class="now-playing__idle-heading"> {{ currentTime }}</h1></font><br />
-      <font size="40"> <h2 class="now-playing__idle-heading"> {{ currentDate }}</h2></font>
+      <font size="30"> <h2 class="now-playing__idle-heading"> {{ currentDate }}</h2></font>
     </div>
   </div>
 </template>

From 656d49bd68b40079fafd7ea18df474f6f629f2a4 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 29 Nov 2023 09:05:29 +0100
Subject: [PATCH 48/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index 720f411f..b7b19c62 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -21,7 +21,7 @@
     </div>
     <div v-else class="now-playing" :class="getNowPlayingClass()">
       <font size="60"> <h1 class="now-playing__idle-heading"> {{ currentTime }}</h1></font><br />
-      <font size="30"> <h2 class="now-playing__idle-heading"> {{ currentDate }}</h2></font>
+      <font size="20"> <h2 class="now-playing__idle-heading"> {{ currentDate }}</h2></font>
     </div>
   </div>
 </template>

From c3bda706744b793d451b5b6ba51b5015dce3f403 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 29 Nov 2023 09:10:52 +0100
Subject: [PATCH 49/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index b7b19c62..1ec7500c 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -21,7 +21,7 @@
     </div>
     <div v-else class="now-playing" :class="getNowPlayingClass()">
       <font size="60"> <h1 class="now-playing__idle-heading"> {{ currentTime }}</h1></font><br />
-      <font size="20"> <h2 class="now-playing__idle-heading"> {{ currentDate }}</h2></font>
+      <h3 class="now-playing__idle-heading"> {{ currentDate }}</h3>
     </div>
   </div>
 </template>

From 5ee476f16970696c98f166fe6206ed5b765f3214 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 29 Nov 2023 09:19:00 +0100
Subject: [PATCH 50/79] Update typography.scss

---
 src/styles/global/typography.scss | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/styles/global/typography.scss b/src/styles/global/typography.scss
index 0124e56d..ce8e3a5e 100644
--- a/src/styles/global/typography.scss
+++ b/src/styles/global/typography.scss
@@ -26,6 +26,14 @@ h3 {
   word-break: break-word;
 }
 
+h4 {
+  font-size: 1.8em;
+  font-weight: var(--font-weight-body);
+  letter-spacing: -0.5px;
+  margin: 0;
+  word-break: break-word;
+}
+
 p {
   font-size: 2em;
   line-height: 1.4;

From a24997deb480f13d52c3c4e0951a397f179804d2 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 29 Nov 2023 09:19:17 +0100
Subject: [PATCH 51/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index 1ec7500c..611dcdc8 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -21,7 +21,7 @@
     </div>
     <div v-else class="now-playing" :class="getNowPlayingClass()">
       <font size="60"> <h1 class="now-playing__idle-heading"> {{ currentTime }}</h1></font><br />
-      <h3 class="now-playing__idle-heading"> {{ currentDate }}</h3>
+      <h4 class="now-playing__idle-heading"> {{ currentDate }}</h4>
     </div>
   </div>
 </template>

From 87a9667c0ac331136f3bc9b54468e90134ebf97c Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 29 Nov 2023 09:20:39 +0100
Subject: [PATCH 52/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index 611dcdc8..df9dea20 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -83,7 +83,7 @@ export default {
       // Get the current date and time
       const now = new Date();
       // Format the date and time
-      const formattedDate = now.toLocaleString('it-IT', { timeZone: 'CET', weekday: 'long', year: 'numeric', month: 'long', day: 'numeric', hours:"numeric"});
+      const formattedDate = now.toLocaleString('it-IT', { timeZone: 'CET', weekday: 'long', month: 'long', day: 'numeric'"});
       const formattedTime = now.toLocaleTimeString('it-IT');
       // Update the currentDatetime property
       this.currentDate = formattedDate;

From a2a5a73329ac7fe226593248b1b552f926263359 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 29 Nov 2023 09:21:59 +0100
Subject: [PATCH 53/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index df9dea20..5b30660f 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -83,7 +83,7 @@ export default {
       // Get the current date and time
       const now = new Date();
       // Format the date and time
-      const formattedDate = now.toLocaleString('it-IT', { timeZone: 'CET', weekday: 'long', month: 'long', day: 'numeric'"});
+      const formattedDate = now.toLocaleString('it-IT',{timeZone: 'CET', weekday: 'long', month: 'long', day: 'numeric'});
       const formattedTime = now.toLocaleTimeString('it-IT');
       // Update the currentDatetime property
       this.currentDate = formattedDate;

From 4baf94ba756ee73648e8d3ecffede9cdf5c99ba1 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 29 Nov 2023 09:25:45 +0100
Subject: [PATCH 54/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index 5b30660f..7792cdac 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -20,7 +20,7 @@
       </div>
     </div>
     <div v-else class="now-playing" :class="getNowPlayingClass()">
-      <font size="60"> <h1 class="now-playing__idle-heading"> {{ currentTime }}</h1></font><br />
+      <p><h1 class="now-playing__idle-heading"> {{ currentTime }}</h1></p>
       <h4 class="now-playing__idle-heading"> {{ currentDate }}</h4>
     </div>
   </div>

From 437b02d182ea63c12307c58f2a860d93cb8733df Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 29 Nov 2023 09:27:40 +0100
Subject: [PATCH 55/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index 7792cdac..9c1fe97c 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -20,7 +20,7 @@
       </div>
     </div>
     <div v-else class="now-playing" :class="getNowPlayingClass()">
-      <p><h1 class="now-playing__idle-heading"> {{ currentTime }}</h1></p>
+      <h1 class="now-playing__idle-heading"> {{ currentTime }} </br></h1>
       <h4 class="now-playing__idle-heading"> {{ currentDate }}</h4>
     </div>
   </div>

From 5211617fc85efba9718ae44d285ae5c93eaae1ac Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 29 Nov 2023 09:29:17 +0100
Subject: [PATCH 56/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index 9c1fe97c..b5ade360 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -20,7 +20,7 @@
       </div>
     </div>
     <div v-else class="now-playing" :class="getNowPlayingClass()">
-      <h1 class="now-playing__idle-heading"> {{ currentTime }} </br></h1>
+      <h1 class="now-playing__idle-heading"> {{ currentTime }} <br></h1>
       <h4 class="now-playing__idle-heading"> {{ currentDate }}</h4>
     </div>
   </div>

From e4479c6a99a278fd8f92fa8aa9153d488dda57f0 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 29 Nov 2023 09:32:45 +0100
Subject: [PATCH 57/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index b5ade360..bf37a45b 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -20,7 +20,8 @@
       </div>
     </div>
     <div v-else class="now-playing" :class="getNowPlayingClass()">
-      <h1 class="now-playing__idle-heading"> {{ currentTime }} <br></h1>
+      <font size="60"> <h1 class="now-playing__idle-heading"> {{ currentTime }} </h1></font>
+      <br>
       <h4 class="now-playing__idle-heading"> {{ currentDate }}</h4>
     </div>
   </div>

From 42cd6c97bd3a3f280d20ee7c34975fcda8d492a7 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 29 Nov 2023 09:35:06 +0100
Subject: [PATCH 58/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index bf37a45b..aa0711e9 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -21,6 +21,7 @@
     </div>
     <div v-else class="now-playing" :class="getNowPlayingClass()">
       <font size="60"> <h1 class="now-playing__idle-heading"> {{ currentTime }} </h1></font>
+      <p>  </p>
       <br>
       <h4 class="now-playing__idle-heading"> {{ currentDate }}</h4>
     </div>

From 21303d171518ef9ce0ce472c2c775483f9f4752f Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 29 Nov 2023 09:39:20 +0100
Subject: [PATCH 59/79] Update now-playing.scss

---
 src/styles/components/now-playing.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/styles/components/now-playing.scss b/src/styles/components/now-playing.scss
index ff47cb93..6804bf6d 100644
--- a/src/styles/components/now-playing.scss
+++ b/src/styles/components/now-playing.scss
@@ -50,7 +50,6 @@
 
   &--idle {
     display: flex;
-    align-items: center;
     justify-content: center;
   }
 

From 3ba56155c285b14580c26584fff40866156097ee Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 29 Nov 2023 09:41:59 +0100
Subject: [PATCH 60/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index aa0711e9..e8cb8757 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -20,7 +20,7 @@
       </div>
     </div>
     <div v-else class="now-playing" :class="getNowPlayingClass()">
-      <font size="60"> <h1 class="now-playing__idle-heading"> {{ currentTime }} </h1></font>
+      <font size="55"> <h1 class="now-playing__idle-heading"> {{ currentTime }} </h1></font>
       <p>  </p>
       <br>
       <h4 class="now-playing__idle-heading"> {{ currentDate }}</h4>

From 19b89e1ef5595d56af47605269823b0fff0d3f75 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 29 Nov 2023 16:07:13 +0100
Subject: [PATCH 61/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index e8cb8757..fa592e02 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -88,8 +88,9 @@ export default {
       const formattedDate = now.toLocaleString('it-IT',{timeZone: 'CET', weekday: 'long', month: 'long', day: 'numeric'});
       const formattedTime = now.toLocaleTimeString('it-IT');
       // Update the currentDatetime property
-      this.currentDate = formattedDate;
-      this.currentTime = formattedTime
+      this.currentDate = formattedTime + "/n" + formattedDate;
+      //this.currentDate = formattedDate;
+      //this.currentTime = formattedTime
     },
 
     async getNowPlaying() {

From 9896b86c4c259dc592b4665dd561b39dd28e837b Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 29 Nov 2023 16:10:57 +0100
Subject: [PATCH 62/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index fa592e02..8c34021a 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -20,9 +20,7 @@
       </div>
     </div>
     <div v-else class="now-playing" :class="getNowPlayingClass()">
-      <font size="55"> <h1 class="now-playing__idle-heading"> {{ currentTime }} </h1></font>
-      <p>  </p>
-      <br>
+      <font size="55"> <h1 class="now-playing__idle-heading"> {{ currentDate }} </h1></font>
       <h4 class="now-playing__idle-heading"> {{ currentDate }}</h4>
     </div>
   </div>
@@ -88,7 +86,7 @@ export default {
       const formattedDate = now.toLocaleString('it-IT',{timeZone: 'CET', weekday: 'long', month: 'long', day: 'numeric'});
       const formattedTime = now.toLocaleTimeString('it-IT');
       // Update the currentDatetime property
-      this.currentDate = formattedTime + "/n" + formattedDate;
+      this.currentDate = formattedTime + "\n" + formattedDate;
       //this.currentDate = formattedDate;
       //this.currentTime = formattedTime
     },

From e659bd822f3d66da5c08537d2abca15794786133 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 29 Nov 2023 16:20:23 +0100
Subject: [PATCH 63/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index 8c34021a..a134990c 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -86,7 +86,7 @@ export default {
       const formattedDate = now.toLocaleString('it-IT',{timeZone: 'CET', weekday: 'long', month: 'long', day: 'numeric'});
       const formattedTime = now.toLocaleTimeString('it-IT');
       // Update the currentDatetime property
-      this.currentDate = formattedTime + "\n" + formattedDate;
+      this.currentDate = '${formattedTime}  + \n + ${formattedDate}';
       //this.currentDate = formattedDate;
       //this.currentTime = formattedTime
     },

From 84ea70fe09bdacdaad78b35355becb28dd7e4d9b Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 29 Nov 2023 16:25:22 +0100
Subject: [PATCH 64/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index a134990c..2a495721 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -20,7 +20,7 @@
       </div>
     </div>
     <div v-else class="now-playing" :class="getNowPlayingClass()">
-      <font size="55"> <h1 class="now-playing__idle-heading"> {{ currentDate }} </h1></font>
+      <font size="55"> <h1 class="now-playing__idle-heading"> {{ currentTime }} </h1></font>
       <h4 class="now-playing__idle-heading"> {{ currentDate }}</h4>
     </div>
   </div>
@@ -83,11 +83,11 @@ export default {
       // Get the current date and time
       const now = new Date();
       // Format the date and time
-      const formattedDate = now.toLocaleString('it-IT',{timeZone: 'CET', weekday: 'long', month: 'long', day: 'numeric'});
-      const formattedTime = now.toLocaleTimeString('it-IT');
+      const formattedDate = now.toLocaleString('it-IT', {timeZone: 'CET', weekday: 'long', month: 'long', day: 'numeric'});
+      const formattedTime = now.toLocaleTimeString('it-IT', {hours: 'numeric', minutes:'numeric'});
       // Update the currentDatetime property
-      this.currentDate = '${formattedTime}  + \n + ${formattedDate}';
-      //this.currentDate = formattedDate;
+      this.currentDate = formattedTime;
+      this.currentDate = formattedDate;
       //this.currentTime = formattedTime
     },
 

From e2d2356b0b321d3b40c8fe004de26167a376e19c Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 29 Nov 2023 16:42:59 +0100
Subject: [PATCH 65/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index 2a495721..6dd030fc 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -84,7 +84,7 @@ export default {
       const now = new Date();
       // Format the date and time
       const formattedDate = now.toLocaleString('it-IT', {timeZone: 'CET', weekday: 'long', month: 'long', day: 'numeric'});
-      const formattedTime = now.toLocaleTimeString('it-IT', {hours: 'numeric', minutes:'numeric'});
+      const formattedTime = now.toLocaleTimeString('it-IT', {hour, minute});
       // Update the currentDatetime property
       this.currentDate = formattedTime;
       this.currentDate = formattedDate;

From 2b3842aedcfa0a080cbbc94739f78a72c7dd5ad5 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 29 Nov 2023 16:45:04 +0100
Subject: [PATCH 66/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index 6dd030fc..4afb7b35 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -84,7 +84,7 @@ export default {
       const now = new Date();
       // Format the date and time
       const formattedDate = now.toLocaleString('it-IT', {timeZone: 'CET', weekday: 'long', month: 'long', day: 'numeric'});
-      const formattedTime = now.toLocaleTimeString('it-IT', {hour, minute});
+      const formattedTime = now.toLocaleTimeString('it-IT', {hour:'numeric', minute:'numeric'});
       // Update the currentDatetime property
       this.currentDate = formattedTime;
       this.currentDate = formattedDate;

From 89d09d10a3205ed5a9c11d9867583fd8d2f2bd2f Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 29 Nov 2023 16:46:22 +0100
Subject: [PATCH 67/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index 4afb7b35..e2f3226c 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -84,7 +84,7 @@ export default {
       const now = new Date();
       // Format the date and time
       const formattedDate = now.toLocaleString('it-IT', {timeZone: 'CET', weekday: 'long', month: 'long', day: 'numeric'});
-      const formattedTime = now.toLocaleTimeString('it-IT', {hour:'numeric', minute:'numeric'});
+      const formattedTime = now.toLocaleTimeString('it-IT');
       // Update the currentDatetime property
       this.currentDate = formattedTime;
       this.currentDate = formattedDate;

From 2d5ba036a1fae8f8c3c5b8a69bbe1c55d936dae5 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 29 Nov 2023 16:48:45 +0100
Subject: [PATCH 68/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index e2f3226c..cfb13842 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -84,7 +84,7 @@ export default {
       const now = new Date();
       // Format the date and time
       const formattedDate = now.toLocaleString('it-IT', {timeZone: 'CET', weekday: 'long', month: 'long', day: 'numeric'});
-      const formattedTime = now.toLocaleTimeString('it-IT');
+      const formattedTime = now.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
       // Update the currentDatetime property
       this.currentDate = formattedTime;
       this.currentDate = formattedDate;

From e7c834c70c4f0e3407a7ddf7a9318f1939e9e572 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 29 Nov 2023 16:50:44 +0100
Subject: [PATCH 69/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index cfb13842..3d00031e 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -86,7 +86,6 @@ export default {
       const formattedDate = now.toLocaleString('it-IT', {timeZone: 'CET', weekday: 'long', month: 'long', day: 'numeric'});
       const formattedTime = now.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
       // Update the currentDatetime property
-      this.currentDate = formattedTime;
       this.currentDate = formattedDate;
       //this.currentTime = formattedTime
     },

From 0c0e4cded2e08aa2be7cf53b1cfbbcc5ecf2f2ba Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 29 Nov 2023 16:52:11 +0100
Subject: [PATCH 70/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index 3d00031e..518164bc 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -87,7 +87,7 @@ export default {
       const formattedTime = now.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
       // Update the currentDatetime property
       this.currentDate = formattedDate;
-      //this.currentTime = formattedTime
+      this.currentTime = formattedTime
     },
 
     async getNowPlaying() {

From 7890f823d3c77095388c54f918108bdd4ddff445 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 29 Nov 2023 16:58:11 +0100
Subject: [PATCH 71/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index 518164bc..61ab67ec 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -21,7 +21,7 @@
     </div>
     <div v-else class="now-playing" :class="getNowPlayingClass()">
       <font size="55"> <h1 class="now-playing__idle-heading"> {{ currentTime }} </h1></font>
-      <h4 class="now-playing__idle-heading"> {{ currentDate }}</h4>
+      <h3 class="now-playing__idle-heading"> {{ currentDate }}</h3>
     </div>
   </div>
 </template>
@@ -84,7 +84,7 @@ export default {
       const now = new Date();
       // Format the date and time
       const formattedDate = now.toLocaleString('it-IT', {timeZone: 'CET', weekday: 'long', month: 'long', day: 'numeric'});
-      const formattedTime = now.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
+      const formattedTime = now.toLocaleTimeString('it-IT', { hour: "2-digit", minute: "2-digit" });
       // Update the currentDatetime property
       this.currentDate = formattedDate;
       this.currentTime = formattedTime

From f8babb200100811d561add1a20a29137bf4a62a0 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 29 Nov 2023 17:00:32 +0100
Subject: [PATCH 72/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index 61ab67ec..dcea5c0f 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -21,7 +21,7 @@
     </div>
     <div v-else class="now-playing" :class="getNowPlayingClass()">
       <font size="55"> <h1 class="now-playing__idle-heading"> {{ currentTime }} </h1></font>
-      <h3 class="now-playing__idle-heading"> {{ currentDate }}</h3>
+      <h2 class="now-playing__idle-heading"> {{ currentDate }}</h2>
     </div>
   </div>
 </template>

From b3aa8ac4ec54fa8b56d84cd39a71d5da2ee4060a Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 29 Nov 2023 17:08:45 +0100
Subject: [PATCH 73/79] Update typography.scss

---
 src/styles/global/typography.scss | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/styles/global/typography.scss b/src/styles/global/typography.scss
index ce8e3a5e..f0eb99a4 100644
--- a/src/styles/global/typography.scss
+++ b/src/styles/global/typography.scss
@@ -27,10 +27,10 @@ h3 {
 }
 
 h4 {
-  font-size: 1.8em;
-  font-weight: var(--font-weight-body);
-  letter-spacing: -0.5px;
-  margin: 0;
+  font-size: 3.5em;
+  font-weight: var(--font-weight-heading);
+  letter-spacing: -1.25px;
+  margin: 0 0 var(--spacing-m) 0;
   word-break: break-word;
 }
 

From 69bedc64141772ceacb0ee5acf86a4cf7b7d1b03 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 29 Nov 2023 17:09:19 +0100
Subject: [PATCH 74/79] Update NowPlaying.vue

---
 src/components/NowPlaying.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/NowPlaying.vue b/src/components/NowPlaying.vue
index dcea5c0f..61a94cbd 100644
--- a/src/components/NowPlaying.vue
+++ b/src/components/NowPlaying.vue
@@ -20,8 +20,8 @@
       </div>
     </div>
     <div v-else class="now-playing" :class="getNowPlayingClass()">
-      <font size="55"> <h1 class="now-playing__idle-heading"> {{ currentTime }} </h1></font>
-      <h2 class="now-playing__idle-heading"> {{ currentDate }}</h2>
+      <font size="55"> <h4 class="now-playing__idle-heading"> {{ currentTime }} </h4></font>
+      <h1 class="now-playing__idle-heading"> {{ currentDate }}</h1>
     </div>
   </div>
 </template>

From f49bd4f3e8cc5b58d028b6bdd59989a4fd06a5c5 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 29 Nov 2023 17:12:37 +0100
Subject: [PATCH 75/79] Update typography.scss

---
 src/styles/global/typography.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/styles/global/typography.scss b/src/styles/global/typography.scss
index f0eb99a4..9fc1a240 100644
--- a/src/styles/global/typography.scss
+++ b/src/styles/global/typography.scss
@@ -27,7 +27,7 @@ h3 {
 }
 
 h4 {
-  font-size: 3.5em;
+  font-size: 3em;
   font-weight: var(--font-weight-heading);
   letter-spacing: -1.25px;
   margin: 0 0 var(--spacing-m) 0;

From d32ece1a7b3f901d5926fe2a982724472ed3f057 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 29 Nov 2023 17:15:11 +0100
Subject: [PATCH 76/79] Update typography.scss

---
 src/styles/global/typography.scss | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/styles/global/typography.scss b/src/styles/global/typography.scss
index 9fc1a240..900cd0f1 100644
--- a/src/styles/global/typography.scss
+++ b/src/styles/global/typography.scss
@@ -29,9 +29,8 @@ h3 {
 h4 {
   font-size: 3em;
   font-weight: var(--font-weight-heading);
-  letter-spacing: -1.25px;
+  letter-spacing: -1.5px;
   margin: 0 0 var(--spacing-m) 0;
-  word-break: break-word;
 }
 
 p {

From 20d4490ecc88c4ed69e79b35676739e480f95a92 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Wed, 13 Nov 2024 16:46:48 +0100
Subject: [PATCH 77/79] Update Authorise.vue

---
 src/components/Authorise.vue | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/Authorise.vue b/src/components/Authorise.vue
index 0a8683ec..b313d193 100644
--- a/src/components/Authorise.vue
+++ b/src/components/Authorise.vue
@@ -3,7 +3,7 @@
     <h1 class="authorise__heading">Krokify Pro</h1>
 
     <p class="authorise__copy">
-     Loggati, al resto ci penso io 🔝🔝
+     Loggati, al resto ci penso io :)
     </p>
 
     <button
@@ -14,7 +14,7 @@
     </button>
 
     <p class="authorise__credit">
-      <a href="https://github.com/jonashcroft/Nowify">View on GitHub</a>
+      <a href="https://github.com/jonashcroft/Nowify">Onore al creatore</a>
     </p>
   </div>
 </template>
@@ -38,7 +38,10 @@ export default {
   data() {
     return {}
   },
-
+  created () {
+    this.reload_page();
+    this.timer = setInterval(this.reload_page, 30000);
+    },
   computed: {},
 
   mounted() {
@@ -61,6 +64,10 @@ export default {
      * Spotify to grant app consent, user will
      * be redirected back to the app.
      */
+    reload_page() {
+      window.location.reload();
+    },
+    
     initAuthorise() {
       this.setAuthUrl()
       window.location.href = `${this.endpoints.auth}?${searchParams.toString()}`

From dd6c8427f6a84d8df9806b63f75c62f1eab321f8 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Thu, 14 Nov 2024 08:44:47 +0100
Subject: [PATCH 78/79] Update Authorise.vue

---
 src/components/Authorise.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Authorise.vue b/src/components/Authorise.vue
index b313d193..eacbbb6e 100644
--- a/src/components/Authorise.vue
+++ b/src/components/Authorise.vue
@@ -40,7 +40,7 @@ export default {
   },
   created () {
     this.reload_page();
-    this.timer = setInterval(this.reload_page, 30000);
+    this.timer = setInterval(this.reload_page, 300000);
     },
   computed: {},
 

From a0ec98932e8b6ea6fb8a361cb4976efacf1843f3 Mon Sep 17 00:00:00 2001
From: KSuondProject <70426429+KSuondProject@users.noreply.github.com>
Date: Thu, 14 Nov 2024 09:00:37 +0100
Subject: [PATCH 79/79] Update Authorise.vue

---
 src/components/Authorise.vue | 10 ++--------
 1 file changed, 2 insertions(+), 8 deletions(-)

diff --git a/src/components/Authorise.vue b/src/components/Authorise.vue
index eacbbb6e..1399efeb 100644
--- a/src/components/Authorise.vue
+++ b/src/components/Authorise.vue
@@ -38,10 +38,6 @@ export default {
   data() {
     return {}
   },
-  created () {
-    this.reload_page();
-    this.timer = setInterval(this.reload_page, 300000);
-    },
   computed: {},
 
   mounted() {
@@ -64,9 +60,7 @@ export default {
      * Spotify to grant app consent, user will
      * be redirected back to the app.
      */
-    reload_page() {
-      window.location.reload();
-    },
+
     
     initAuthorise() {
       this.setAuthUrl()
@@ -210,7 +204,7 @@ export default {
       return `${this.endpoints.auth}?${searchParams.toString()}`
     }
   },
-
+  
   watch: {
     /**
      * Watch authorisation code.