Merge pull request #4 from SintcoLTD/update

Added Watermark (credits) 2
SintcoLTD · Aug 4, 2023 · e99916f · e99916f
2 parents 781af7c + 4d80a70
commit e99916f
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -9,7 +9,6 @@
     <!-- link style.css -->
     <link rel="stylesheet" href="style.css">
     <script>src = "script.js"</script>
-    <!-- Linking Fonts -->
     <title>Lite Music Player</title>
 </head>
 
@@ -38,7 +37,12 @@ <h1 class="title">Lite Music Player</h1>
             </div>
         </div>
     </div>
+    <div class="watermark">© 
+        <a class ="github-link github-link-1" target="_blank" href="https://github.com/SintcoLTD">SintcoLTD</a> - 
+        <a class ="github-link github-link-1" target="_blank" href="https://github.com/NajmAjmal">Najm Ajmal</a> & 
+        <a class ="github-link github-link-1" target="_blank" href="https://github.com/sulaymaanajmal">Sulaymaan Ajmal</a> 
+    </div>
     <script src="script.js"></script>
 </body>
 
-</html>
+</html>
diff --git a/style.css b/style.css
@@ -175,4 +175,29 @@ body {
 
 #speedSelect:focus{
     outline: none;
-}
+}
+
+.watermark {
+    bottom: 10px;
+    width: 100%;
+    text-align: center;
+    font-size: 12px;
+    color: #ccc;
+}
+
+a {
+    color: blue;
+    padding: 10px;
+    text-decoration: none;
+  }
+
+  .github-link {
+    background-color: white; 
+    color: black; 
+    border: 2px solid #58ca5b;
+  }
+
+  .github-link-1:hover {
+    background-color: hsl(122, 39%, 41%);
+    color: white;
+  }