arimelody.me/views/music.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" defer></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">
                        </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}}</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" swap-url="/music#usage">
                <a href="#usage">
                        &gt; "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/3.0/" target="_blank">Creative Commons Attribution-ShareAlike 3.0</a>. anyone may use these
                        songs freely, so long as they provide credit back to me!
                </p>
                <p>
                        a great example of some credit text would be as follows:
                </p>
                <blockquote>
                        music used: mellodoot - Dream<br>
                                buy it here: <a href="/music/dream">https://arimelody.me/music/dream</a><br>
                                licensed under CC BY-SA 3.0.
                </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>
                        &gt; <a href="mailto:ari@arimelody.me">ari@arimelody.me</a>
                </p>
        </div>

        <a href="#" id="backtotop">back to top</a>
</main>
{{end}}