From 97a256d8a794f481c68b1b0cd9d69cb489b0cdb3 Mon Sep 17 00:00:00 2001
From: shr3dd3r <uraneban@blackhost.xyz>
Date: Fri, 2 Feb 2024 21:29:23 +0300
Subject: [PATCH] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB=D0=B5?=
 =?UTF-8?q?=D0=BD=20=D0=BD=D0=BE=D0=B2=D1=8B=D0=B9=20=D1=82=D1=80=D0=B5?=
 =?UTF-8?q?=D0=BA,=20=D0=BF=D1=80=D0=B0=D0=B2=D0=BA=D0=B8=20=D1=81=D1=82?=
 =?UTF-8?q?=D0=B8=D0=BB=D0=B5=D0=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/default.css  |   4 +-
 pages/music.html | 139 ++++++++++++++++++++++++++++++-----------------
 2 files changed, 91 insertions(+), 52 deletions(-)

diff --git a/css/default.css b/css/default.css
index fda4e7d..487779f 100644
--- a/css/default.css
+++ b/css/default.css
@@ -3,7 +3,7 @@ body {
 }
 
 div {
-	background-color: #111111;
+	background-color: #111;
 	outline: 2px solid #ff9000;
 	text-align: center;
 	padding: 2px;
@@ -21,7 +21,7 @@ div.wrapper {
 
 div.project {
 	outline: 2px solid #ff9000;
-	background-color: #111111;
+	background-color: #111;
 	transition: all 0.2s;
 }
 div.project:hover {
diff --git a/pages/music.html b/pages/music.html
index 1d9b0ca..a850821 100644
--- a/pages/music.html
+++ b/pages/music.html
@@ -1,64 +1,103 @@
 <style>
-	div.list p {
+	div.mlist {
+		/**/
+	}
+	div.mlist p {
 		text-align: left;
+		margin-top: 4px;
+		margin-bottom: 4px;
+	}
+	div.mlist p.title {
+		font-weight: bold;
+		text-align: center;
+		font-size: 120%;
+	}
+	div.mlist div.props {
+		background-color: transparent;
+		outline: transparent;
+		padding: 0;
+		margin: 0;
+	}
+	div.mlist div.props p {
+		display: inline-block;
+		font-size: 90%;
+	}
+	div.mlist div.props img {
+		margin-bottom: -3px;
 	}
 </style>
 <div>
 	<h2>Синглы</h2>
 </div>
-<div class="list">
-	<h3>Galaxy</h3>
-	<p><b>Жанр:</b> Chiptune</p>
-	<p><b>Лицензия:</b> <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="by-nc-sa.svg" alt="Creative Commons BY-NC-SA"></a></p>
-	<p>
-		<a href="./files/audio/Sound of Cyclone - Galaxy.opus" download="Sound of Cyclone - Galaxy.opus">Sound of Cyclone - Galaxy.opus</a> <i>[3MB, Opus, 128k]</i><br>
-	</p>
+<div class="mlist">
+	<p class="title">exec rm -rf / ("Execute Me" remix)</p>
+	<div class="props">
+		<p><b>Год:</b> 2023</p>
+		<p><b>Жанр:</b> Witch house (?)</p>
+		<p><b>Лицензия:</b> <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="by-nc-sa.svg" alt="Creative Commons BY-NC-SA"></a></p>
+		<p><a href="./files/audio/Sound of Cyclone - exec rm -rf root.opus" download="Sound of Cyclone - exec rm -rf root.opus">[4MB, Opus, 128k]</a></p>
+	</div>
 </div>
-<div class="list">
-	<h3>Legendary</h3>
-	<p><b>Жанр:</b> Chiptune</p>
-	<p><b>Лицензия:</b> <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="by-nc-sa.svg" alt="Creative Commons BY-NC-SA"></a></p>
-	<p>
-		<a href="./files/audio/Sound of Cyclone - Legendary.opus" download="Sound of Cyclone - Legendary.opus">Sound of Cyclone - Legendary.opus</a> <i>[4MB, Opus, 128k]</i><br>
-	</p>
+<div class="mlist">
+	<p class="title">Galaxy</p>
+	<div class="props">
+		<p><b>Год:</b> 2023</p>
+		<p><b>Жанр:</b> Chiptune</p>
+		<p><b>Лицензия:</b> <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="by-nc-sa.svg" alt="Creative Commons BY-NC-SA"></a></p>
+		<p><a href="./files/audio/Sound of Cyclone - Galaxy.opus" download="Sound of Cyclone - Galaxy.opus">[3MB, Opus, 128k]</a></p>
+	</div>
 </div>
-<div class="list">
-	<h3>Nothing Left</h3>
-	<p><b>Жанр:</b> Witch house</p>
-	<p><b>Лицензия:</b> <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="by-nc-sa.svg" alt="Creative Commons BY-NC-SA"></a></p>
-	<p>
-		<a href="./files/audio/Sound of Cyclone - Nothing Left.opus" download="Sound of Cyclone - Nothing Left.opus">Sound of Cyclone - Nothing Left.opus</a> <i>[4MB, Opus, 128k]</i><br>
-	</p>
+<div class="mlist">
+	<p class="title">Legendary</p>
+	<div class="props">
+		<p><b>Год:</b> 2023</p>
+		<p><b>Жанр:</b> Chiptune</p>
+		<p><b>Лицензия:</b> <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="by-nc-sa.svg" alt="Creative Commons BY-NC-SA"></a></p>
+		<p><a href="./files/audio/Sound of Cyclone - Legendary.opus" download="Sound of Cyclone - Legendary.opus">[4MB, Opus, 128k]</a></p>
+	</div>
 </div>
-<div class="list">
-	<h3>Snowflake</h3>
-	<p><b>Жанр:</b> Witch house</p>
-	<p><b>Лицензия:</b> <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="by-nc-sa.svg" alt="Creative Commons BY-NC-SA"></a></p>
-	<p>
-		<a href="./files/audio/Sound of Cyclone - Snowflake.opus" download="Sound of Cyclone - Snowflake.opus">Sound of Cyclone - Snowflake.opus</a> <i>[4MB, Opus, 128k]</i><br>
-	</p>
+<div class="mlist">
+	<p class="title">Nothing Left</p>
+	<div class="props">
+		<p><b>Год:</b> 2023</p>
+		<p><b>Жанр:</b> Witch house</p>
+		<p><b>Лицензия:</b> <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="by-nc-sa.svg" alt="Creative Commons BY-NC-SA"></a></p>
+		<p><a href="./files/audio/Sound of Cyclone - Nothing Left.opus" download="Sound of Cyclone - Nothing Left.opus">[4MB, Opus, 128k]</a></p>
+	</div>
 </div>
-<div class="list">
-	<h3>Sparrow</h3>
-	<p><b>Жанр:</b> Witch house</p>
-	<p><b>Лицензия:</b> <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="by-nc-sa.svg" alt="Creative Commons BY-NC-SA"></a></p>
-	<p>
-		<a href="./files/audio/Sound of Cyclone - Sparrow.opus" download="Sound of Cyclone - Sparrow.opus">Sound of Cyclone - Sparrow.opus</a> <i>[3MB, Opus, 128k]</i><br>
-	</p>
+<div class="mlist">
+	<p class="title">Snowflake</p>
+	<div class="props">
+		<p><b>Год:</b> 2023</p>
+		<p><b>Жанр:</b> Witch house</p>
+		<p><b>Лицензия:</b> <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="by-nc-sa.svg" alt="Creative Commons BY-NC-SA"></a></p>
+		<p><a href="./files/audio/Sound of Cyclone - Snowflake.opus" download="Sound of Cyclone - Snowflake.opus">[4MB, Opus, 128k]</a></p>
+	</div>
 </div>
-<div class="list">
-	<h3>The Shape Of Hugin (remix)</h3>
-	<p><b>Жанр:</b> Witch house</p>
-	<p><b>Лицензия:</b> <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="by-nc-sa.svg" alt="Creative Commons BY-NC-SA"></a></p>
-	<p>
-		<a href="./files/audio/Sound of Cyclone - The Shape Of Hugin (remix).opus" download="Sound of Cyclone - The Shape Of Hugin (remix).opus">Sound of Cyclone - The Shape Of Hugin (remix).opus</a> <i>[4MB, Opus, 128k]</i><br>
-	</p>
+<div class="mlist">
+	<p class="title">Sparrow</p>
+	<div class="props">
+		<p><b>Год:</b> 2023</p>
+		<p><b>Жанр:</b> Witch house</p>
+		<p><b>Лицензия:</b> <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="by-nc-sa.svg" alt="Creative Commons BY-NC-SA"></a></p>
+		<p><a href="./files/audio/Sound of Cyclone - Sparrow.opus" download="Sound of Cyclone - Sparrow.opus">[3MB, Opus, 128k]</a></p>
+	</div>
 </div>
-<div class="list">
-	<h3>Ultimate</h3>
-	<p><b>Жанр:</b> Chiptune</p>
-	<p><b>Лицензия:</b> <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="by-nc-sa.svg" alt="Creative Commons BY-NC-SA"></a></p>
-	<p>
-		<a href="./files/audio/Sound of Cyclone - Ultimate.opus" download="Sound of Cyclone - Ultimate.opus">Sound of Cyclone - Ultimate.opus</a> <i>[4MB, Opus, 128k]</i><br>
-	</p>
+<div class="mlist">
+	<p class="title">The Shape Of Hugin (remix)</p>
+	<div class="props">
+		<p><b>Год:</b> 2023</p>
+		<p><b>Жанр:</b> Witch house</p>
+		<p><b>Лицензия:</b> <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="by-nc-sa.svg" alt="Creative Commons BY-NC-SA"></a></p>
+		<p><a href="./files/audio/Sound of Cyclone - The Shape Of Hugin (remix).opus" download="Sound of Cyclone - The Shape Of Hugin (remix).opus">[4MB, Opus, 128k]</a></p>
+	</div>
+</div>
+<div class="mlist">
+	<p class="title">Ultimate</p>
+	<div class="props">
+		<p><b>Год:</b> 2023</p>
+		<p><b>Жанр:</b> Chiptune</p>
+		<p><b>Лицензия:</b> <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="by-nc-sa.svg" alt="Creative Commons BY-NC-SA"></a></p>
+		<p><a href="./files/audio/Sound of Cyclone - Ultimate.opus" download="Sound of Cyclone - Ultimate.opus">[4MB, Opus, 128k]</a></p>
+	</div>
 </div>
\ No newline at end of file