First Version

danielkorkin · May 18, 2024 · 833187e · 833187e
1 parent 45e6ea8
commit 833187e
Show file tree

Hide file tree

Showing 6 changed files with 19 additions and 10 deletions.
diff --git a/.env.example b/.env.example
@@ -1,4 +1,5 @@
 SPOTIPY_CLIENT_ID=
 SPOTIPY_CLIENT_SECRET=
 SPOTIPY_REDIRECT_URI=
-SECRET_KEY=
+SECRET_KEY=
+ACCOUNT_KEY_PATH=
diff --git a/app/app.py b/app/app.py
@@ -63,7 +63,7 @@ def sync():
     lyrics_response = requests.get(f'https://api.lyrics.ovh/v1/{current_track["item"]["artists"][0]["name"]}/{song_name}')
     if lyrics_response.status_code == 200:
         raw_lyrics = lyrics_response.json().get('lyrics', '').split('\n')
-        lyrics = sanitize_lyrics(raw_lyrics)
+        lyrics = ["\n"] + sanitize_lyrics(raw_lyrics)
     else:
         lyrics = ["Lyrics not found"]
 

diff --git a/app/config.py b/app/config.py
@@ -10,7 +10,8 @@ class Config:
     SPOTIPY_CLIENT_SECRET = os.getenv('SPOTIPY_CLIENT_SECRET')
     SPOTIPY_REDIRECT_URI = os.getenv('SPOTIPY_REDIRECT_URI', 'http://localhost:5000/callback')
     SECRET_KEY = os.getenv('SECRET_KEY', 'your_secret_key')
+    ACCOUNT_KEY_PATH = os.getenv('ACCOUNT_KEY_PATCH', "serviceAccountKey.json")
 
-cred = credentials.Certificate("serviceAccountKey.json")
+cred = credentials.Certificate(Config.ACCOUNT_KEY_PATH)
 firebase_admin.initialize_app(cred)
 db = firestore.client()
diff --git a/app/static/style.css b/app/static/style.css
@@ -28,14 +28,15 @@ p {
 
 button, .button {
     font-size: 16px;
-    padding: 10px;
     margin-right: 10px;
     cursor: pointer;
     background-color: #1db954;
     color: white;
     border: none;
     border-radius: 5px;
     text-decoration: none;
+    border-radius: 30px;
+    padding: 10px 24px;
 }
 
 a {
@@ -45,6 +46,9 @@ a {
 
 button:hover, .button:hover {
     background-color: #1ed760;
+    -webkit-box-shadow:0px 0px 31px 3px rgba(29,185,84,1);
+    -moz-box-shadow: 0px 0px 31px 3px rgba(29,185,84,1);
+    box-shadow: 0px 0px 31px 3px rgba(29,185,84,1);
 }
 
 .center {

diff --git a/app/templates/no-sync.html b/app/templates/no-sync.html
@@ -8,6 +8,7 @@
 <body>
     <div class="center">
         <h1>No Song Currently Playing</h1>
+        <button onclick="window.location.reload();">Retry</button>
     </div>  
 </body>
 </html>
diff --git a/app/templates/sync.html b/app/templates/sync.html
@@ -7,13 +7,15 @@
     <script src="https://sdk.scdn.co/spotify-player.js"></script>
 </head>
 <body>
-    <h1>Sync Lyrics for {{ song_name }} by {{ artists }}</h1>
-    <div id="lyricsContainer">
-        <div id="currentLine"></div>
-        <div id="nextLine"></div>
+    <div class="center">
+        <h1>Sync Lyrics for {{ song_name }} by {{ artists }}</h1>
+        <div id="lyricsContainer">
+            <div id="currentLine"></div>
+            <div id="nextLine"></div>
+        </div>
+        <button id="startButton">Start Sync</button>
+        <button id="saveButton" onclick="saveLyrics()">Save Lyrics</button>
     </div>
-    <button id="startButton">Start Sync</button>
-    <button id="saveButton" onclick="saveLyrics()">Save Lyrics</button>
 
     <script>
         const lyricsArray = [];