89 lines
2.2 KiB
Handlebars
89 lines
2.2 KiB
Handlebars
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
{{> partials/head }}
|
|
|
|
<link rel="stylesheet" href="/static/fonts/Material-Icons-Outlined.css" />
|
|
<link rel="stylesheet" href="/static/css/album.css" />
|
|
<link rel="stylesheet" href="/static/css/comments.css" />
|
|
|
|
</head>
|
|
|
|
<body>
|
|
{{> partials/header }}
|
|
|
|
<main>
|
|
<h1>{{album.Title}}</h1>
|
|
|
|
<p>{{album.CreatedAt}}</p>
|
|
|
|
<div class="imageMeta__wrapper">
|
|
<div class="imageMeta">
|
|
<div class="imageMeta__item">
|
|
<span class="material-icons-outlined" title="Views">visibility</span>
|
|
<p>{{album.Views}}</p>
|
|
</div>
|
|
{{#unless isAlbum}}
|
|
<p><span class="material-icons-outlined" title="Likes">thumb_up</span> {{album.Upvotes}}</p>
|
|
<p><span class="material-icons-outlined" title="Dislilkes">thumb_down</span> {{album.Downvotes}}</p>
|
|
{{/unless}}
|
|
</div>
|
|
<!--<div class="videoDesc__channel">
|
|
<a href="{{claim.Channel.RelUrl}}">
|
|
{{#if claim.Channel.Thumbnail}}
|
|
<img src="{{claim.Channel.Thumbnail}}&w=56&h=56" class="pfp" width="56" height="56" loading="lazy" />
|
|
{{/if}}
|
|
</a>
|
|
<a href="{{claim.Channel.RelUrl}}">
|
|
<p>
|
|
<b>{{claim.Channel.Title}}</b>
|
|
</p>
|
|
</a>
|
|
</div>-->
|
|
</div>
|
|
|
|
<br>
|
|
|
|
{{#each album.Media}}
|
|
{{#if this.Title}}
|
|
<h3>{{this.Title}}</h3>
|
|
{{/if}}
|
|
{{#if this.Description}}
|
|
<p>{{this.Description}}</p><br>
|
|
{{/if}}
|
|
|
|
<div class="center">
|
|
{{#equal this.Type "image"}}
|
|
<img src="{{this.Url}}" loading="lazy">
|
|
{{/equal}}
|
|
{{#equal this.Type "video"}}
|
|
<video controls loop>
|
|
<source type="{{this.MimeType}}" src="{{this.Url}}" />
|
|
</video>
|
|
{{/equal}}
|
|
</div>
|
|
|
|
<br>
|
|
{{/each}}
|
|
|
|
<div>
|
|
<hr>
|
|
<input id="comments__expandBtn" type="checkbox">
|
|
<label class="comments__expandBtn__label" for="comments__expandBtn">
|
|
<h3>Comments ({{album.Comments}})</h3>
|
|
<span class="comments__expandBtn__icon material-icons-outlined"></span>
|
|
</label>
|
|
<div class="comments">
|
|
{{#each comments}}
|
|
{{> partials/comment }}
|
|
{{/each}}
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
</main>
|
|
|
|
{{> partials/footer }}
|
|
</body>
|
|
|
|
</html> |