* Style Fixes

* Credits added

2 files changed, 25 insertions, 33 deletions

diff --git a/hg.css b/hg.css
index 032357c..2d5c8ca 100644
--- a/hg.css
+++ b/hg.css
@@ -142,26 +142,6 @@ hr {
     line-height: 18px;
 }
 
-#upload-info {
-    bottom: 0px;
-    position: absolute;
-    right: 8px;
-    z-index: 999;
-    color: #ffffff;
-    margin-bottom: 5px;
-    cursor: pointer;
-}
-
-#history {
-    bottom: 0px;
-    position: absolute;
-    left: 8px;
-    z-index: 999;
-    color: #ffffff;
-    margin-bottom: 5px;
-    cursor: pointer;
-}
-
 dialog {
     text-align: center;
     padding: 50px;
@@ -254,14 +234,19 @@ dialog::backdrop {
     font-size: larger;
 }
 
-#source {
-    bottom: 4px;
+.footer  {
     position: absolute;
-    text-align: center;
-    left: 138px;
+    bottom: 0px;
+    width: 350px;
+    display: flex;
+    color: #ffffff;
     z-index: 999;
 }
 
-#source a {
-    color: white;
+.footer .footer-items {
+    text-decoration: none;
+    cursor: pointer;
+    padding-left: 10px;
+    color: #ffffff;
+    justify-content: center;
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index abf1ece..96d423a 100644
--- a/index.html
+++ b/index.html
@@ -18,10 +18,12 @@
         <div class="modal-container">
             <h3 class="text-center">Welcome to Retrowave Player</h3>
             <p class="mt-5">Here are the controls:</p>
-            <h4 class="mt-5">Play/Pause  <span class="controls">x or Click or Touch</span></h4>
-            <h4 class="mt-5">Volume Up  <span class="controls">w or Swipe Up</span></h4>
-            <h4 class="mt-5">Volume Down  <span class="controls">s or Swipe Down</span></h4>
-            <p class="mt-5">(You can download the music history of your current browser by clicking the history link on the player)</p>
+            <h4 class="mt-5">Play/Pause <span class="controls">x or Click or Touch</span></h4>
+            <h4 class="mt-5">Volume Up <span class="controls">w or Swipe Up</span></h4>
+            <h4 class="mt-5">Volume Down <span class="controls">s or Swipe Down</span></h4>
+            <p class="mt-5">(You can download the music history of your current browser by clicking the history link on
+                the player)</p>
+                <p class="mt-5">All the music is fetched from retrowave.ru</p>
             <button class="modal-close modal-exit" id="initButton">X</button>
         </div>
     </div>
@@ -34,12 +36,17 @@
             </div>
             <div class="gradient-overlay"></div>
             <div class="color-overlay"></div>
-            <div id="history" class="no-pause">history</div>
-            <div id="source"><a href="https://git.indrajith.dev/retrowave-player/" target="_blank">source code</a></div>
+            <div class="footer">
+                <div id="history" class="no-pause footer-items">history</div>
+                <div id="source"><a class="no-pause footer-items" href="https://git.indrajith.dev/retrowave-player/"
+                        target="_blank">source code</a></div>
+                <div id="retrowaveru" class="no-pause"><a class="no-pause footer-items" href="http://retrowave.ru/"
+                        target="_blank">retrowave.ru</a></div>
+            </div>
             <!-- <div id="upload-info" class="no-pause" title="Upload a playlist (downloaded from history)">Upload</div> -->
         </div>
     </div>
-    <input id="file-upload" type="file" accept="application/json"/>
+    <input id="file-upload" type="file" accept="application/json" />
     <script src="player.js"></script>
 </body>