rimgo/views/gallery.hbs

<!DOCTYPE html>
<html lang="en">

<head>
  <title>
    {{#if album.Title}}
    {{album.Title}} - 
    {{/if}}
    rimgo
    </title>

  {{> 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">
      {{#if album.User.Username}}
      <div class="user">
        <a href="/user/{{album.User.Username}}">
          <img src="{{album.User.Avatar}}" class="pfp" width="36" height="36" loading="lazy" />
        </a>
        <a href="/user/{{album.User.Username}}">
          <p>
            <b>{{album.User.Username}}</b>
          </p>
        </a>
      </div>
      {{/if}}
      <div class="imageMeta">
        <div class="imageMeta__item">
          <span class="material-icons-outlined" title="Views">visibility</span>
          <p>{{album.Views}}</p>
        </div>
        {{#if album.SharedWithCommunity}}
        <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>
        {{/if}}
      </div>
    </div>

    <br>

    {{#each album.Media}}
    {{#if this.Title}}
    <h4>{{this.Title}}</h4>
    {{/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}}

    {{#if comments}}
    <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>
    {{/if}}
  </main>

  {{> partials/footer }}
</body>

</html>
Initial album support 2022-01-17 20:23:04 +00:00			`<!DOCTYPE html>`
			`<html lang="en">`
Stream images 2022-01-17 20:48:24 +00:00
Initial album support 2022-01-17 20:23:04 +00:00			`<head>`
Don't show - when there is no title 2022-02-02 15:48:25 +00:00			`<title>`
			`{{#if album.Title}}`
			`{{album.Title}} -`
			`{{/if}}`
			`rimgo`
			`</title>`
Use album title for page title 2022-01-18 23:31:15 +00:00
Initial album support 2022-01-17 20:23:04 +00:00			`{{> partials/head }}`
Comments 2022-01-18 23:05:06 +00:00
Updates 2022-01-17 22:11:33 +00:00			`<link rel="stylesheet" href="/static/fonts/Material-Icons-Outlined.css" />`
Stream images 2022-01-17 20:48:24 +00:00			`<link rel="stylesheet" href="/static/css/album.css" />`
Comments 2022-01-18 23:05:06 +00:00			`<link rel="stylesheet" href="/static/css/comments.css" />`

Initial album support 2022-01-17 20:23:04 +00:00			`</head>`
Stream images 2022-01-17 20:48:24 +00:00
Initial album support 2022-01-17 20:23:04 +00:00			`<body>`
Stream images 2022-01-17 20:48:24 +00:00			`{{> partials/header }}`

			`<main>`
Updates 2022-01-17 22:11:33 +00:00			`<h1>{{album.Title}}</h1>`

Add date 2022-01-18 00:21:43 +00:00			`<p>{{album.CreatedAt}}</p>`

Updates 2022-01-17 22:11:33 +00:00			`<div class="imageMeta__wrapper">`
Fix not showing user information on anonymous posts 2022-02-08 20:39:07 +00:00			`{{#if album.User.Username}}`
Add user to albums 2022-02-02 15:46:47 +00:00			`<div class="user">`
			`<a href="/user/{{album.User.Username}}">`
			`<img src="{{album.User.Avatar}}" class="pfp" width="36" height="36" loading="lazy" />`
			`</a>`
			`<a href="/user/{{album.User.Username}}">`
			`<p>`
			`<b>{{album.User.Username}}</b>`
			`</p>`
			`</a>`
			`</div>`
			`{{/if}}`
Updates 2022-01-17 22:11:33 +00:00			`<div class="imageMeta">`
Add date 2022-01-18 00:21:43 +00:00			`<div class="imageMeta__item">`
			`<span class="material-icons-outlined" title="Views">visibility</span>`
			`<p>{{album.Views}}</p>`
			`</div>`
Switch to shared_with_community 2022-01-26 21:28:03 +00:00			`{{#if album.SharedWithCommunity}}`
Updates 2022-01-17 22:11:33 +00:00			`<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>`
Switch to shared_with_community 2022-01-26 21:28:03 +00:00			`{{/if}}`
Updates 2022-01-17 22:11:33 +00:00			`</div>`
			`</div>`

Gallery and video support 2022-01-18 21:45:57 +00:00			`<br>`

Stream images 2022-01-17 20:48:24 +00:00			`{{#each album.Media}}`
Updates 2022-01-17 22:11:33 +00:00			`{{#if this.Title}}`
Switch to h4 2022-02-10 01:04:09 +00:00			`<h4>{{this.Title}}</h4>`
Updates 2022-01-17 22:11:33 +00:00			`{{/if}}`
			`{{#if this.Description}}`
Improve design 2022-01-18 00:25:49 +00:00			`<p>{{this.Description}}</p><br>`
Updates 2022-01-17 22:11:33 +00:00			`{{/if}}`
Improve design 2022-01-18 00:25:49 +00:00
			`<div class="center">`
Gallery and video support 2022-01-18 21:45:57 +00:00			`{{#equal this.Type "image"}}`
Improve design 2022-01-18 00:25:49 +00:00			`<img src="{{this.Url}}" loading="lazy">`
Gallery and video support 2022-01-18 21:45:57 +00:00			`{{/equal}}`
			`{{#equal this.Type "video"}}`
			`<video controls loop>`
			`<source type="{{this.MimeType}}" src="{{this.Url}}" />`
			`</video>`
			`{{/equal}}`
Improve design 2022-01-18 00:25:49 +00:00			`</div>`

			`<br>`
Stream images 2022-01-17 20:48:24 +00:00			`{{/each}}`
Comments 2022-01-18 23:05:06 +00:00
Fix comments 2022-01-24 01:59:29 +00:00			`{{#if comments}}`
Comments 2022-01-18 23:05:06 +00:00			`<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>`
Fix comments 2022-01-24 01:59:29 +00:00			`{{/if}}`
Stream images 2022-01-17 20:48:24 +00:00			`</main>`
Updates 2022-01-17 22:11:33 +00:00
			`{{> partials/footer }}`
Initial album support 2022-01-17 20:23:04 +00:00			`</body>`
Stream images 2022-01-17 20:48:24 +00:00
Initial album support 2022-01-17 20:23:04 +00:00			`</html>`