166 lines
8.1 KiB
HTML
166 lines
8.1 KiB
HTML
{{define "head"}}
|
|
<title>{{.PrintPrimaryArtists false}} - {{.Title}}</title>
|
|
<link rel="icon" href="{{.ResolveArtwork}}">
|
|
|
|
<meta name="description" content="Stream "{{.Title}}" by {{.PrintPrimaryArtists false}} on all platforms!">
|
|
<meta name="author" content="{{.PrintPrimaryArtists false}}">
|
|
<meta name="keywords" content="{{.PrintCommaPrimaryArtists false}}, music, {{.Title}}, {{.Id}}, {{.GetReleaseYear}}">
|
|
|
|
<meta property="og:url" content="https://arimelody.me/music/{{.Id}}">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:locale" content="en_IE">
|
|
<meta property="og:site_name" content="ari melody music">
|
|
<meta property="og.Title" content="{{.PrintPrimaryArtists false}} - {{.Title}}">
|
|
<meta property="og:description" content="Stream "{{.Title}}" by {{.PrintPrimaryArtists false}} on all platforms!">
|
|
<meta property="og:image" content="https://arimelody.me{{.ResolveArtwork}}">
|
|
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:site" content="@funniduck">
|
|
<meta name="twitter:creator" content="@funniduck">
|
|
<meta property="twitter:domain" content="arimelody.me">
|
|
<meta property="twitter:url" content="https://arimelody.me/music/{{.Id}}">
|
|
<meta name="twitter.Title" content="{{.PrintPrimaryArtists false}} - {{.Title}}">
|
|
<meta name="twitter:description" content="Stream "{{.Title}}" by mellodoot on all platforms!">
|
|
<meta name="twitter:image" content="https://arimelody.me{{.ResolveArtwork}}">
|
|
<meta name="twitter:image:alt" content="Cover art for "{{.Title}}"">
|
|
|
|
<link rel="stylesheet" href="/style/music-gateway.css">
|
|
<script type="module" src="/script/music-gateway.js" defer></script>
|
|
{{end}}
|
|
|
|
{{define "content"}}
|
|
<main>
|
|
<div id="background" data-url="{{.ResolveArtwork}}"></div>
|
|
|
|
<a href="/music" id="go-back" title="back to arimelody.me">back to arimelody.me</a>
|
|
<br><br>
|
|
|
|
<div id="music-container">
|
|
<div id="art-container">
|
|
<div class="tilt-topleft"></div>
|
|
<div class="tilt-top"></div>
|
|
<div class="tilt-topright"></div>
|
|
<div class="tilt-right"></div>
|
|
<div class="tilt-bottomright"></div>
|
|
<div class="tilt-bottom"></div>
|
|
<div class="tilt-bottomleft"></div>
|
|
<div class="tilt-left"></div>
|
|
<img id="artwork" src="{{.ResolveArtwork}}" alt="{{.Title}} artwork" width=240 height=240>
|
|
</div>
|
|
<div id="vertical-line"></div>
|
|
<div id="info">
|
|
<div id="overview">
|
|
<div id="title-container">
|
|
<h1 id="title">{{.Title}}</h1>
|
|
<span id="year" title="{{.PrintReleaseDate}}">{{.GetReleaseYear}}</span>
|
|
</div>
|
|
<p id="artist">{{.PrintPrimaryArtists false}}</p>
|
|
<p id="type" class="{{.ResolveType}}">{{.ResolveType}}</p>
|
|
|
|
<ul id="links">
|
|
{{if .Buylink}}
|
|
<li>
|
|
<a href="{{.Buylink}}" class="buy">{{or .Buyname "buy"}}</a>
|
|
</li>
|
|
{{end}}
|
|
|
|
{{range .Links}}
|
|
<li>
|
|
<a class="{{.NormaliseName}}" href="{{.Url}}">{{.Name}}</a>
|
|
</li>
|
|
{{end}}
|
|
</ul>
|
|
|
|
{{if .Description}}
|
|
<p id="description">
|
|
{{.Description}}
|
|
</p>
|
|
{{end}}
|
|
|
|
<p id="share">share</p>
|
|
</div>
|
|
|
|
{{if .Credits}}
|
|
<div id="credits">
|
|
<h2>credits:</h2>
|
|
<ul>
|
|
{{range .Credits}}
|
|
{{$Artist := .ResolveArtist}}
|
|
{{if $Artist.Website}}
|
|
<li><strong><a href="{{$Artist.Website}}">{{$Artist.Name}}</a></strong>: {{.Role}}</li>
|
|
{{else}}
|
|
<li><strong>{{$Artist.Name}}</strong>: {{.Role}}</li>
|
|
{{end}}
|
|
{{end}}
|
|
</ul>
|
|
</div>
|
|
{{end}}
|
|
|
|
{{if .IsSingle}}
|
|
{{$Track := index .Tracks 0}}
|
|
{{if $Track.Lyrics}}
|
|
<div id="lyrics">
|
|
<h2>lyrics:</h2>
|
|
<p>{{$Track.Lyrics}}</p>
|
|
</div>
|
|
{{end}}
|
|
{{else}}
|
|
<div id="tracks">
|
|
<h2>tracks:</h2>
|
|
<ul>
|
|
{{range .Tracks}}
|
|
<li>{{.Title}}</li>
|
|
{{end}}
|
|
</ul>
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
|
|
{{if or .Credits not .IsSingle}}
|
|
<div id="extras">
|
|
<ul>
|
|
<li><a href="#overview">overview</a></li>
|
|
|
|
{{if .Credits}}
|
|
<li><a href="#credits">credits</a></li>
|
|
{{end}}
|
|
|
|
{{if .IsSingle}}
|
|
{{$Track := index .Tracks 0}}
|
|
{{if $Track.Lyrics}}
|
|
<li><a href="#lyrics">lyrics</a></li>
|
|
{{end}}
|
|
{{else}}
|
|
<li><a href="#tracks">tracks</a></li>
|
|
{{end}}
|
|
</ul>
|
|
</div>
|
|
{{end}}
|
|
<!-- <div id="tracks"> -->
|
|
<!-- <% var file = `/audio/preview/${data.id}.webm` %> -->
|
|
<!-- <% if (data.tracks && typeof(data.tracks) == typeof([])) { %> -->
|
|
<!-- <% for( let i = 0; i < data.tracks.length; i++ ) { %> -->
|
|
<!-- <% -->
|
|
<!-- songid = data.tracks[i].title.toLowerCase().replace(/[^a-z0-9]/g, ""); -->
|
|
<!-- file = `/audio/preview/${data.id}-${songid}.webm`; -->
|
|
<!-- %> -->
|
|
<!---->
|
|
<!-- <div class="track-preview" id="preview-<%= songid %>"> -->
|
|
<!-- <i class="fa-solid fa-play play"></i> -->
|
|
<!-- <p><%= data.tracks[i].title %></p> -->
|
|
<!-- <audio src="<%= file %>"></audio> -->
|
|
<!-- </div> -->
|
|
<!---->
|
|
<!-- <% } %> -->
|
|
<!-- <% } else { %> -->
|
|
<!-- <div class="track-preview" id="preview-<%= data.id %>"> -->
|
|
<!-- <i class="fa-solid fa-play play"></i> -->
|
|
<!-- <p>{{.Title}}</p> -->
|
|
<!-- <audio src="<%= file %>"></audio> -->
|
|
<!-- </div> -->
|
|
<!-- <% } %> -->
|
|
<!-- </div> -->
|
|
</div>
|
|
</main>
|
|
{{end}}
|