Добавлен новый трек, правки стилей

This commit is contained in:
Shr3dd3r 2024-02-02 21:29:23 +03:00
parent e3d60167b0
commit 97a256d8a7
2 changed files with 91 additions and 52 deletions

View File

@ -3,7 +3,7 @@ body {
} }
div { div {
background-color: #111111; background-color: #111;
outline: 2px solid #ff9000; outline: 2px solid #ff9000;
text-align: center; text-align: center;
padding: 2px; padding: 2px;
@ -21,7 +21,7 @@ div.wrapper {
div.project { div.project {
outline: 2px solid #ff9000; outline: 2px solid #ff9000;
background-color: #111111; background-color: #111;
transition: all 0.2s; transition: all 0.2s;
} }
div.project:hover { div.project:hover {

View File

@ -1,64 +1,103 @@
<style> <style>
div.list p { div.mlist {
/**/
}
div.mlist p {
text-align: left; 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> </style>
<div> <div>
<h2>Синглы</h2> <h2>Синглы</h2>
</div> </div>
<div class="list"> <div class="mlist">
<h3>Galaxy</h3> <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="mlist">
<p class="title">Galaxy</p>
<div class="props">
<p><b>Год:</b> 2023</p>
<p><b>Жанр:</b> Chiptune</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><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> <p><a href="./files/audio/Sound of Cyclone - Galaxy.opus" download="Sound of Cyclone - Galaxy.opus">[3MB, Opus, 128k]</a></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> </div>
</p>
</div> </div>
<div class="list"> <div class="mlist">
<h3>Legendary</h3> <p class="title">Legendary</p>
<div class="props">
<p><b>Год:</b> 2023</p>
<p><b>Жанр:</b> Chiptune</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><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> <p><a href="./files/audio/Sound of Cyclone - Legendary.opus" download="Sound of Cyclone - Legendary.opus">[4MB, Opus, 128k]</a></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> </div>
</p>
</div> </div>
<div class="list"> <div class="mlist">
<h3>Nothing Left</h3> <p class="title">Nothing Left</p>
<div class="props">
<p><b>Год:</b> 2023</p>
<p><b>Жанр:</b> Witch house</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><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> <p><a href="./files/audio/Sound of Cyclone - Nothing Left.opus" download="Sound of Cyclone - Nothing Left.opus">[4MB, Opus, 128k]</a></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> </div>
</p>
</div> </div>
<div class="list"> <div class="mlist">
<h3>Snowflake</h3> <p class="title">Snowflake</p>
<div class="props">
<p><b>Год:</b> 2023</p>
<p><b>Жанр:</b> Witch house</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><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> <p><a href="./files/audio/Sound of Cyclone - Snowflake.opus" download="Sound of Cyclone - Snowflake.opus">[4MB, Opus, 128k]</a></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> </div>
</p>
</div> </div>
<div class="list"> <div class="mlist">
<h3>Sparrow</h3> <p class="title">Sparrow</p>
<div class="props">
<p><b>Год:</b> 2023</p>
<p><b>Жанр:</b> Witch house</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><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> <p><a href="./files/audio/Sound of Cyclone - Sparrow.opus" download="Sound of Cyclone - Sparrow.opus">[3MB, Opus, 128k]</a></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> </div>
</p>
</div> </div>
<div class="list"> <div class="mlist">
<h3>The Shape Of Hugin (remix)</h3> <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> 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><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> <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>
<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> </div>
</p>
</div> </div>
<div class="list"> <div class="mlist">
<h3>Ultimate</h3> <p class="title">Ultimate</p>
<div class="props">
<p><b>Год:</b> 2023</p>
<p><b>Жанр:</b> Chiptune</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><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> <p><a href="./files/audio/Sound of Cyclone - Ultimate.opus" download="Sound of Cyclone - Ultimate.opus">[4MB, Opus, 128k]</a></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> </div>
</p>
</div> </div>