added footer

tuhinpal · Sep 6, 2020 · 9643b7c · 9643b7c
1 parent 382259e
commit 9643b7c
Show file tree

Hide file tree

Showing 4 changed files with 107 additions and 5 deletions.
diff --git a/play/assets/github.svg b/play/assets/github.svg
diff --git a/play/assets/main.js b/play/assets/main.js
@@ -30,6 +30,7 @@ getJSON('https://api.musicder.tk/?query=https://www.jiosaavn.com/song/' + songid
 		console.error(err);
 	} else {
 		document.getElementById('content').style.display = 'block';
+		document.getElementById('footer').style.display = 'block';
 		document.getElementById('loads').style.display = 'none';
 		var songname = `${data.song}`;
 		var artist = `${data.singers}`;

diff --git a/play/assets/style.css b/play/assets/style.css
@@ -18,16 +18,25 @@ body {
 	margin-top: 75px;
 	width: 340px;
 	background: #00AD5F;
-	border-radius: 10px;
+	border-radius: 12px;
 }
 
 .lyricsdiv {
 	margin-left: auto;
 	margin-right: auto;
-	margin-top: 0px;
+	margin-top: 40px;
 	width: 340px;
 	background: #00AD5F;
-	border-radius: 10px;
+	border-radius: 12px;
+}
+
+.footer {
+	margin-left: auto;
+	margin-right: auto;
+	margin-top: 50px;
+	width: 340px;
+	background: #ffffff;
+	border-radius: 0px;
 }
 
 .image {
@@ -124,6 +133,33 @@ body {
 	bottom: 0;
 }
 
+.logo {
+	color: #1C1C1C;
+	font-family: 'Bitter', serif;
+	font-size: 20px;
+	font-weight: bold;
+	text-align: center;
+	padding-top: 15px;
+	padding-right: 20px;
+	padding-bottom: 1px;
+	padding-left: 20px;
+	transform: translate(0px, 10px);
+}
+
+.paragone {
+	color: #1C1C1C;
+	font-family: Krona One;
+	font-size: 10px;
+	text-align: center;
+	padding: 0px 10px;
+}
+
+.center {
+	text-align: center;
+	display: block;
+	margin-left: auto;
+	margin-right: auto;
+}
 
 /**
  * Made by Tuhin Kanti Pal

diff --git a/play/index.html b/play/index.html
@@ -6,10 +6,11 @@
       <meta http-equiv="X-UA-Compatible" content="IE=edge" />
       <meta name="author" content="Tuhin Kanti Pal">
       <link href="https://fonts.googleapis.com/css?family=Krona+One|Catamaran" rel="stylesheet" />
+	  <link href="https://fonts.googleapis.com/css2?family=Bitter:wght@900&display=swap" rel="stylesheet">
       <link rel="shortcut icon" href="../img/favicon.png">
       <link href="assets/style.css" rel="stylesheet" />
    </head>
-   <body onload="document.getElementById('lyricsdiv').style.display = 'none'; document.getElementById('content').style.display = 'none'; document.getElementById('loads').style.display = 'block'; document.getElementById('lyricsinit').style.visibility = 'hidden';">
+   <body onload="document.getElementById('lyricsdiv').style.display = 'none'; document.getElementById('footer').style.display = 'none'; document.getElementById('content').style.display = 'none'; document.getElementById('loads').style.display = 'block'; document.getElementById('lyricsinit').style.visibility = 'hidden';">
       <div id="content" class="content">
          <br><br>
          <img id="songimage" class="image" width="75%"/>
@@ -23,7 +24,6 @@ <h1 id="songname" class="songname"></h1>
          </div>
          <br>
       </div>
-      <br><br>
       <div class="lyricsdiv" id="lyricsdiv">
          <p class="lyricsheading">
             Lyrics
@@ -34,6 +34,12 @@ <h1 id="songname" class="songname"></h1>
       <div id="loads">
          <img id="image" src="../img/loading.gif" class="loading" width="150" height="150">
       </div>
+	  <div id="footer" class="footer">
+	     <h1 onclick="window.location.href='https://musicder.tk/';" class="logo">MUSICDER</h1>
+		 <br>
+         <p class="paragone" onclick="window.location.href='https://tu.hin.life';">An Open Source Project by Tuhin</p>
+         <img class="center" onclick="window.location.href='https://github.com/cachecleanerjeet/Musicder';" src="assets/github.svg" width="30" height="30">
+	  </div>
    </body>
    <script src="assets/main.js"></script>
 </html>