ari/arimelody.me-static
ari/arimelody.me-static
Archived
1
0
Fork 0
Code Issues 1 Pull requests Projects Wiki Activity Actions

music page!!! 🎶

Browse source
This commit is contained in:
ari melody 2023-10-14 23:26:26 +01:00
parent a5ea652f6b
commit 3650f026a2
Signed by: ari
GPG key ID: CF99829C92678188
9 changed files with 442 additions and 66 deletions
Download patch file Download diff file Expand all files Collapse all files

48
public/music.html
View file

@ -25,7 +25,7 @@
<body>
<header>
<div id="header">
<img src="/img/favicon.png" id="header-icon" width="100" height="100">
<img src="img/favicon.png" id="header-icon" width="100" height="100" alt="">
<div id="header-text">
<h1>ari melody</h1>
<h2>your local SPACEGIRL 💫</h2>
@ -42,11 +42,11 @@
</li>
<li>
<!-- coming later! -->
<a class="inactive" title="coming later!">blog</a>
<span title="coming later!">blog</span>
</li>
<li>
<!-- coming later! -->
<a class="inactive" title="coming later!">art</a>
<span title="coming later!">art</span>
</li>
</ul>
</div>
@ -57,7 +57,9 @@
# my music
</h1>
<p><a class="collapse-toggle">&gt; "can i use your music in my content?"</a></p>
<div id="music-container"></div>
<h2 id="usage" class="question">&gt; "can i use your music in my content?"</h2>
<div class="collapse">
<p>
<strong class="big">yes!</strong> well, in most cases...
@ -72,7 +74,7 @@
</p>
<blockquote>
music used: mellodoot - Dream<br>
buy it here: <a href="https://arimelody.me/music/dream" target="_blank">https://arimelody.me/music/dream</a><br>
buy it here: <a href="/music/dream">https://arimelody.me/music/dream</a><br>
licensed under CC BY-SA 3.0.
</blockquote>
<p>
@ -83,7 +85,7 @@
<p>
in the event the song you want to use is released under some other label, their usage rights
will more than likely trump whatever i'd otherwise have in mind. i'll try to negotiate some
nice terms, though! ;)
nice terms, though! ;3
</p>
<p>
i love the idea of other creators using my songs in their work, so if you do happen to use
@ -93,40 +95,6 @@
&gt; <a href="mailto:ari@arimelody.me">ari@arimelody.me</a>
</p>
</div>
<article class="music">
<div class="music-artwork">
<img src="/img/musicart/dream.png" alt="Dream artwork" width=128>
</div>
<div class="music-details">
<h1 class="music-title">Dream <span class="music-year">2022</span></h1>
<h2 class="music-artist">mellodoot</h2>
<ul class="music-links">
<li><a href="#">buy</a></li>
<li><a href="#">spotify</a></li>
<li><a href="#">apple music</a></li>
<li><a href="#">soundcloud</a></li>
<li><a href="#">youtube</a></li>
</ul>
</div>
</article>
<article class="music">
<div class="music-artwork">
<img src="/img/musicart/gomyway.jpg" alt="Go My Way artwork" width=128>
</div>
<div class="music-details">
<h1 class="music-title">Go My Way <span class="music-year">2021</span></h1>
<h2 class="music-artist">mellodoot</h2>
<ul class="music-links">
<li><a href="#">buy</a></li>
<li><a href="#">spotify</a></li>
<li><a href="#">apple music</a></li>
<li><a href="#">soundcloud</a></li>
<li><a href="#">youtube</a></li>
</ul>
</div>
</article>
</main>
<footer>