{{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 class="typeout">
        # my music
    </h1>

    <div id="music-container">
        {{range $Release := .}}
        <div class="music" id="{{$Release.ID}}">
            <div class="music-artwork">
                <img src="{{$Release.GetArtwork}}" alt="{{$Release.Title}} artwork" width="128" loading="lazy">
            </div>
            <div class="music-details">
                <h1 class="music-title">
                    <a href="/music/{{$Release.ID}}">
                        {{$Release.Title}}
                    </a>
                </h1>
                <h2 class="music-artist">{{$Release.PrintArtists true true}}</h2>
                <h3 class="music-type-{{$Release.ReleaseType}}">{{$Release.ReleaseType}}</h3>
                {{if $Release.IsReleased}}
                <ul class="music-links">
                    {{range $Link := $Release.Links}}
                    <li>
                        <a href="{{$Link.URL}}" class="link-button">{{$Link.Name}}</a>
                    </li>
                    {{end}}
                </ul>
                {{end}}
            </div>
        </div>
        {{end}}
    </div>

    <h2 id="usage" class="question typeout">
        <a href="#usage">
            &gt; "can i use your music in my content?"
        </a>
    </h2>
    <div class="answer">
        <p>
        <strong class="big">yes!*</strong> <em>in most cases...</em>
        </p>
        <p>
        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: ari melody - free2play<br>
            <a href="/music/free2play">https://arimelody.me/music/free2play</a><br>
            licensed under <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank">CC BY-SA 4.0</a>.
        </blockquote>
        <p>
        if the song you want to use is <em>not</em> released by me (i.e. under a record label), their usage rights
        will likely trump whatever i'd otherwise have in mind. i'll try to negotiate some nice terms, though!
        </p>
        <p>
        i believe that encouraging creative use of artistic works is better than stifling any use at all.
        if you do happen to use my work in something you're particularly proud of, feel free to send it my way!
        </p>
        <p>
        &gt; <a href="mailto:ari@arimelody.me">ari@arimelody.me</a>
        </p>
    </div>
</main>
{{end}}
