ctucx.git: webmusic-nginx

nginx xslt-based index files optimized for music, inspired by https://git.ztn.sh/zotan/webmusic

commit 45ca1f6338945691e7eda94873a2e546f374321d
parent 9a76452dd0f5b52ba0ced927068432fee42f3283
Author: Leah (ctucx) <leah@ctu.cx>
Date: Sun, 7 Mar 2021 15:10:00 +0100

needed changes on template and css, replaced spaces with tabs in webmusic.css

2 files changed, 50 insertions(+), 49 deletions(-)
M
webmusic.css
|
96
++++++++++++++++++++++++++++++++++++++++----------------------------------------
M
webmusic.xslt
|
3
++-
diff --git a/webmusic.css b/webmusic.css
@@ -1,79 +1,78 @@
-
 /* ubuntu-mono-regular - latin */
 @font-face {
-  font-family: 'Ubuntu Mono';
-  font-style: normal;
-  font-weight: 400;
-  src: url('/assets/fonts/ubuntu-mono-v10-latin-regular.eot'); /* IE9 Compat Modes */
-  src: local(''),
-       url('/assets/fonts/ubuntu-mono-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('/assets/fonts/ubuntu-mono-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
-       url('/assets/fonts/ubuntu-mono-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
-       url('/assets/fonts/ubuntu-mono-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
-       url('/assets/fonts/ubuntu-mono-v10-latin-regular.svg#UbuntuMono') format('svg'); /* Legacy iOS */
+	font-family: 'Ubuntu Mono';
+	font-style: normal;
+	font-weight: 400;
+	src: url('/assets/fonts/ubuntu-mono-v10-latin-regular.eot'); /* IE9 Compat Modes */
+	src: local(''),
+		 url('/assets/fonts/ubuntu-mono-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+		 url('/assets/fonts/ubuntu-mono-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
+		 url('/assets/fonts/ubuntu-mono-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
+		 url('/assets/fonts/ubuntu-mono-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
+		 url('/assets/fonts/ubuntu-mono-v10-latin-regular.svg#UbuntuMono') format('svg'); /* Legacy iOS */
 }
 /* inconsolata-regular - latin */
 @font-face {
-  font-family: 'Inconsolata';
-  font-style: normal;
-  font-weight: 400;
-  src: url('/assets/fonts/inconsolata-v21-latin-regular.eot'); /* IE9 Compat Modes */
-  src: local(''),
-       url('/assets/fonts/inconsolata-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('/assets/fonts/inconsolata-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
-       url('/assets/fonts/inconsolata-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
-       url('/assets/fonts/inconsolata-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
-       url('/assets/fonts/inconsolata-v21-latin-regular.svg#Inconsolata') format('svg'); /* Legacy iOS */
+	font-family: 'Inconsolata';
+	font-style: normal;
+	font-weight: 400;
+	src: url('/assets/fonts/inconsolata-v21-latin-regular.eot'); /* IE9 Compat Modes */
+	src: local(''),
+		 url('/assets/fonts/inconsolata-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+		 url('/assets/fonts/inconsolata-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
+		 url('/assets/fonts/inconsolata-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
+		 url('/assets/fonts/inconsolata-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
+		 url('/assets/fonts/inconsolata-v21-latin-regular.svg#Inconsolata') format('svg'); /* Legacy iOS */
 }
 
 body {
-    background-color: #161616;
+	background-color: #161616;
 }
 
 h2, h2 a {
-    font-family: 'Inconsolata', 'monospace';
-    font-size: 11pt;
-    color: #afafaf;
-    margin-top: 6px;
-    margin-bottom: 2px;
+	font-family: 'Inconsolata', 'monospace';
+	font-size: 11pt;
+	color: #afafaf;
+	margin-top: 6px;
+	margin-bottom: 2px;
+}
+
+li {
+	list-style: none;
 }
 
 #container, a {
-    font-family: 'Ubuntu Mono', 'monospace';
-    font-size: 11pt;
-    color: #d8c18c;
-    text-decoration: none;
-    margin-top: 3px;
-    margin-bottom: 3px;
+	font-family: 'Ubuntu Mono', 'monospace';
+	font-size: 11pt;
+	color: #d8c18c;
+	text-decoration: none;
+	margin-top: 3px;
+	margin-bottom: 3px;
 }
 
 .playing {
-    color: #6b9969;
+	color: #6b9969;
 }
 
 .entry-muted {
-    color: #d88777;
+	color: #d88777;
 }
 
 .action {
-    font-size: 10pt;
-    color: #cc7851;
+	font-size: 10pt;
+	color: #cc7851;
 }
 
 .action-muted {
-    font-size: 10pt;
-    color: #e5e5e5;
+	font-size: 10pt;
+	color: #e5e5e5;
 }
 
 #container {
-    margin-left: 10%;
-    margin-right: 10%;
+	margin-left: 10%;
+	margin-right: 10%;
 }
 
-#state {
-    cursor: pointer;
-}
-
-li {
-    list-style: none;
-}
+#state, #repeatButton, #continuousButton {
+	cursor: pointer;
+}+
\ No newline at end of file

diff --git a/webmusic.xslt b/webmusic.xslt
@@ -149,7 +149,8 @@
 		</head>
 		<body>
 			<div id="container">
-				<h2><xsl:value-of select="$path"/><xsl:text> </xsl:text><span id="state"></span><xsl:text> </xsl:text><span id="flags"></span></h2>
+				<h2><xsl:value-of select="$path"/><xsl:text> </xsl:text>
+				<span id="state"></span><xsl:text> </xsl:text><span id="flags">[<span id="repeatButton">R</span><span id="continuousButton">C</span>]</span></h2>
 				<a class="action-muted">[..]</a>
 				<a href=".." id="back" class="entry-muted cfont"> Go back</a>
 				<br/>