new

yojeero · Jul 25, 2024 · 25e9c24 · 25e9c24
1 parent 90e77dd
commit 25e9c24
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 10 deletions.
diff --git a/README.md b/README.md
@@ -6,7 +6,6 @@
 Features
 ```
 
-- Light color theme
 - 5 online radio stations presents
 - Any number of radio stations & covers in vue.player.js
 - Clock with time and day of week

diff --git a/css/style.css b/css/style.css
@@ -528,13 +528,19 @@ body
 
 	width : 70px;
 	height : 70px;
-
 	margin : auto;
 }
 
-.loader svg polygon { animation : dash 2.5s cubic-bezier(.35, .04, .63, .95) infinite; stroke-dasharray : 17; }
+.loader svg polygon
+{
+	animation : dash 2.5s cubic-bezier(.35, .04, .63, .95) infinite;
+	stroke-dasharray : 17;
+}
 
-@keyframes dash { to { stroke-dashoffset : 136; } }
+@keyframes dash
+{
+	to	{ stroke-dashoffset : 136;	}
+}
 
 /*   Responsive mobile screen max 340px	  */
 

diff --git a/index.html b/index.html
@@ -3,6 +3,7 @@
 <html lang="en">
 
 <head>
+
 	<meta charset="utf-8" />
 
 	<meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -24,9 +25,11 @@
 
 	<!-- style CSS -->
 	<link href="css/style.css" rel="stylesheet" />
+
 </head>
 
 <body>
+
 	<!-- loader -->
 	<div class="loader">
 		<svg viewBox="-3 -4 39 39">
@@ -37,8 +40,11 @@
 	<!-- player -->
 
 	<div class="container" id="app">
+
 		<div class="player">
+
 			<div class="top-color">
+
 				<div class="code">
 					<a :href="`https://github.com/yojeero/`" target="_blank">
 						<svg>
@@ -51,9 +57,11 @@
 				<div class="point">
 					<a :href="currentTrack.url" target="_blank"></a>
 				</div>
+
 			</div>
 
 			<div class="main">
+
 				<div class="top-clock">
 					<div id="time"></div>
 					<div id="day"></div>
@@ -68,6 +76,7 @@
 				</div>
 
 				<div class="progress" ref="progress">
+
 					<div class="album-info" v-if="currentTrack">
 						<div class="name">{{ currentTrack.name }}</div>
 						<div class="artist">{{ currentTrack.artist }}</div>
@@ -76,9 +85,11 @@
 					<div class="progress_bar" @click="clickProgress">
 						<div class="line" :style="{ width : barWidth }"></div>
 					</div>
+
 				</div>
 
 				<div class="player-controls">
+
 					<div class="pn-icon" @click="prevTrack" @keyup.left="prevTrack" tabindex="0">
 						<svg>
 							<use xlink:href="img/icon.svg#icon-prev"></use>
@@ -97,9 +108,9 @@
 							<use xlink:href="img/icon.svg#icon-next"></use>
 						</svg>
 					</div>
+
 				</div>
-			</div>
-			<!-- end main content -->
+			</div><!-- end main content -->
 
 			<div class="bottom-color">
 				<div class="bottom-label">
@@ -117,10 +128,9 @@
 					time
 				</div>
 			</div>
-		</div>
-		<!-- end player -->
-	</div>
-	<!-- end container -->
+		</div><!-- end player -->
+
+	</div><!-- end container -->
 
 	<!-- jQuery + Vue JS -->
 	<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.4/dist/jquery.min.js"></script>