94 lines
4.2 KiB
HTML
94 lines
4.2 KiB
HTML
{{define "head"}}
|
|
<title>music - ari melody 💫</title>
|
|
<link rel="shortcut icon" href="/img/favicon.png" type="image/x-icon">
|
|
|
|
<meta name="description" content="music from your local SPACEGIRL 💫">
|
|
|
|
<meta property="og:title" content="ari melody music">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:url" content="www.arimelody.me/music">
|
|
<meta property="og:image" content="https://www.arimelody.me/img/favicon.png">
|
|
<meta property="og:site_name" content="ari melody">
|
|
<meta property="og:description" content="music from your local SPACEGIRL 💫">
|
|
|
|
<link rel="stylesheet" href="/style/main.css">
|
|
<link rel="stylesheet" href="/style/index.css">
|
|
<link rel="stylesheet" href="/style/music.css">
|
|
{{end}}
|
|
|
|
{{define "content"}}
|
|
<main>
|
|
<script type="module" src="/script/music.js"></script>
|
|
|
|
<h1>
|
|
# my music
|
|
</h1>
|
|
|
|
<div id="music-container">
|
|
{{range $Album := .}}
|
|
<div class="music" id="{{$Album.Id}}" swap-url="/music/{{$Album.Id}}">
|
|
<div class="music-artwork">
|
|
<img src="{{$Album.ResolveArtwork}}" alt="{{$Album.Title}} artwork" width="128" loading="lazy">
|
|
</div>
|
|
<div class="music-details">
|
|
<a href="/music/{{$Album.Id}}"><h1 class="music-title">{{$Album.Title}}</h1></a>
|
|
<h2 class="music-artist">{{$Album.PrintPrimaryArtists false true}}</h2>
|
|
<h3 class="music-type-{{.ResolveType}}">{{$Album.ResolveType}}</h3>
|
|
<ul class="music-links">
|
|
{{range $Link := $Album.Links}}
|
|
<li>
|
|
<a href="{{$Link.Url}}" class="link-button">{{$Link.Name}}</a>
|
|
</li>
|
|
{{end}}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
|
|
<h2 id="usage" class="question">
|
|
<a href="#usage">
|
|
> "can i use your music in my content?"
|
|
</a>
|
|
</h2>
|
|
<div class="answer">
|
|
<p>
|
|
<strong class="big">yes!</strong> well, in most cases...
|
|
</p>
|
|
<p>
|
|
from <a href="/music/dream">Dream (2022)</a> onward, all of my <em>self-released</em> songs are
|
|
licensed under <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank">Creative Commons Attribution-ShareAlike 4.0</a>.
|
|
anyone may use and remix these songs freely, so long as they provide credit back to me and link back to this license!
|
|
please note that all derivative works must inherit this license.
|
|
</p>
|
|
<p>
|
|
a great example of some credit text would be as follows:
|
|
</p>
|
|
<blockquote>
|
|
music used: mellodoot - Dream<br>
|
|
<a href="/music/dream">https://arimelody.me/music/dream</a><br>
|
|
licensed under <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a>.
|
|
</blockquote>
|
|
<p>
|
|
for any songs prior to this, they were all either released by me (in which case, i honestly
|
|
don't mind), or in collaboration with chill people who i don't see having an issue with it.
|
|
do be sure to ask them about it, though!
|
|
</p>
|
|
<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! ;3
|
|
</p>
|
|
<p>
|
|
i love the idea of other creators using my songs in their work, so if you do happen to use
|
|
my stuff in a work you're particularly proud of, feel free to send it my way!
|
|
</p>
|
|
<p>
|
|
> <a href="mailto:ari@arimelody.me">ari@arimelody.me</a>
|
|
</p>
|
|
</div>
|
|
|
|
<a href="#" id="backtotop">back to top</a>
|
|
</main>
|
|
{{end}}
|