rimgo/views/post.hbs

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

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

  {{> partials/head }}
</head>

<body class="font-sans text-lg bg-slate-800 text-white">
  {{> partials/nav }}

  <header>
    <h1 class="text-3xl font-bold">{{post.Title}}</h1>
    <p>{{post.CreatedAt}}</p>
  </header>
  
  <main>
    <div class="flex gap-4 items-center my-4">
      {{#if post.User.Username}}
      <a href="/user/{{post.User.Username}}" class="flex gap-2 items-center">
        <img src="{{post.User.Avatar}}" class="rounded-full" width="36" height="36" />
        <p>
          <b>{{post.User.Username}}</b>
        </p>
      </a>
      {{/if}}
      <div class="flex gap-2 items-center">
        <div class="flex flex-center gap-2">
          <img class="icon invert" src="/static/icons/PhEye.svg" alt="Views" width="24px" height="24px">
          <p>{{post.Views}}</p>
        </div>
        {{#if post.SharedWithCommunity}}
        <div class="flex flex-center gap-2">
          <img class="icon invert" src="/static/icons/PhArrowFatUp.svg" alt="Likes" width="24px" height="24px">
          <p>{{post.Upvotes}}</p>
        </div>
        <div class="flex flex-center gap-2">
          <img class="icon invert" src="/static/icons/PhArrowFatDown.svg" alt="Dislikes" width="24px" height="24px">
          <p>{{post.Downvotes}}</p>
        </div>
        {{/if}}
      </div>
    </div>

    <div class="flex flex-center flex-col">
      {{#each post.Media}}
      {{#if this.Title}}
      <h4 class="font-bold">{{this.Title}}</h4>
      {{/if}}

      {{#equal this.Type "image"}}
      <img class="my-2 max-h-96 object-contain" src="{{this.Url}}" loading="lazy">
      {{/equal}}
      {{#equal this.Type "video"}}
      <video class="my-2 max-h-96 object-contain" controls loop>
        <source type="{{this.MimeType}}" src="{{this.Url}}" />
      </video>
      {{/equal}}

      {{#if this.Description}}
      <p>{{{this.Description}}}</p>
      {{/if}}
    {{/each}}
    </div>

    {{#if post.tags}}
    <div class="flex gap-2 my-2 flex-flow-wrap">
      <style nonce="{{nonce}}">
        {{#each post.tags}}
          .{{this.BackgroundId}} { background-image: url('{{this.Background}}') }
        {{/each}}	      
      </style>
      {{#each post.tags}}
      <a href="/t/{{this.Tag}}">
        <div class="rounded-md p-4 min-w-[110px] bg-slate-500 {{this.BackgroundId}}">
          <p class="font-bold text-white text-center">{{this.Display}}</p>
        </div>
      </a>
      {{/each}}
    </div>
    {{/if}}
  </main>

  <section>
    {{#if comments}}
    <div>
      <input id="comments__expandBtn" type="checkbox" checked>
      <label class="comments__expandBtn__label my-2 py-4 border-solid border-t-2 border-slate-400" for="comments__expandBtn">
        <h3 class="text-xl font-bold">Comments ({{post.Comments}})</h3>
        <span class="text-xl font-bold"></span>
      </label>
      <div class="comments flex flex-col gap-2">
        {{#each comments}}
        {{> partials/comment }}
        {{/each}}
      </div>
    </div>
    {{/if}}
  </section>

  {{> 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>`
Single-media posts that are neither albums nor galleries (closes #15) 2022-02-17 21:07:15 +00:00			`{{#if post.Title}}`
			`{{post.Title}} -`
Don't show - when there is no title 2022-02-02 15:48:25 +00:00			`{{/if}}`
			`rimgo`
Merge redesign into main (#111) 2023-06-10 16:04:29 +00:00			`</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 }}`
			`</head>`
Stream images 2022-01-17 20:48:24 +00:00
Merge redesign into main (#111) 2023-06-10 16:04:29 +00:00			`<body class="font-sans text-lg bg-slate-800 text-white">`
			`{{> partials/nav }}`
Stream images 2022-01-17 20:48:24 +00:00
Improve post image size 2022-08-05 00:14:17 +00:00			`<header>`
Merge redesign into main (#111) 2023-06-10 16:04:29 +00:00			`<h1 class="text-3xl font-bold">{{post.Title}}</h1>`
Single-media posts that are neither albums nor galleries (closes #15) 2022-02-17 21:07:15 +00:00			`<p>{{post.CreatedAt}}</p>`
Improve post image size 2022-08-05 00:14:17 +00:00			`</header>`

			`<main>`
Merge redesign into main (#111) 2023-06-10 16:04:29 +00:00			`<div class="flex gap-4 items-center my-4">`
Single-media posts that are neither albums nor galleries (closes #15) 2022-02-17 21:07:15 +00:00			`{{#if post.User.Username}}`
Merge redesign into main (#111) 2023-06-10 16:04:29 +00:00			`<a href="/user/{{post.User.Username}}" class="flex gap-2 items-center">`
			`<img src="{{post.User.Avatar}}" class="rounded-full" width="36" height="36" />`
UI cleanup and changes 2022-10-13 21:29:05 +00:00			`<p>`
			`<b>{{post.User.Username}}</b>`
			`</p>`
			`</a>`
Add user to albums 2022-02-02 15:46:47 +00:00			`{{/if}}`
Merge redesign into main (#111) 2023-06-10 16:04:29 +00:00			`<div class="flex gap-2 items-center">`
CSS cleanup 2022-12-21 00:35:48 +00:00			`<div class="flex flex-center gap-2">`
Merge redesign into main (#111) 2023-06-10 16:04:29 +00:00			`<img class="icon invert" src="/static/icons/PhEye.svg" alt="Views" width="24px" height="24px">`
Single-media posts that are neither albums nor galleries (closes #15) 2022-02-17 21:07:15 +00:00			`<p>{{post.Views}}</p>`
Add date 2022-01-18 00:21:43 +00:00			`</div>`
Single-media posts that are neither albums nor galleries (closes #15) 2022-02-17 21:07:15 +00:00			`{{#if post.SharedWithCommunity}}`
CSS cleanup 2022-12-21 00:35:48 +00:00			`<div class="flex flex-center gap-2">`
Merge redesign into main (#111) 2023-06-10 16:04:29 +00:00			`<img class="icon invert" src="/static/icons/PhArrowFatUp.svg" alt="Likes" width="24px" height="24px">`
Switch to Feather Icons 2022-10-13 22:26:08 +00:00			`<p>{{post.Upvotes}}</p>`
			`</div>`
CSS cleanup 2022-12-21 00:35:48 +00:00			`<div class="flex flex-center gap-2">`
Merge redesign into main (#111) 2023-06-10 16:04:29 +00:00			`<img class="icon invert" src="/static/icons/PhArrowFatDown.svg" alt="Dislikes" width="24px" height="24px">`
Switch to Feather Icons 2022-10-13 22:26:08 +00:00			`<p>{{post.Downvotes}}</p>`
			`</div>`
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>`

Merge redesign into main (#111) 2023-06-10 16:04:29 +00:00			`<div class="flex flex-center flex-col">`
UI cleanup and changes 2022-10-13 21:29:05 +00:00			`{{#each post.Media}}`
			`{{#if this.Title}}`
Merge redesign into main (#111) 2023-06-10 16:04:29 +00:00			`<h4 class="font-bold">{{this.Title}}</h4>`
UI cleanup and changes 2022-10-13 21:29:05 +00:00			`{{/if}}`
Improve design 2022-01-18 00:25:49 +00:00
Gallery and video support 2022-01-18 21:45:57 +00:00			`{{#equal this.Type "image"}}`
Merge redesign into main (#111) 2023-06-10 16:04:29 +00:00			`<img class="my-2 max-h-96 object-contain" src="{{this.Url}}" loading="lazy">`
Gallery and video support 2022-01-18 21:45:57 +00:00			`{{/equal}}`
			`{{#equal this.Type "video"}}`
Merge redesign into main (#111) 2023-06-10 16:04:29 +00:00			`<video class="my-2 max-h-96 object-contain" controls loop>`
Gallery and video support 2022-01-18 21:45:57 +00:00			`<source type="{{this.MimeType}}" src="{{this.Url}}" />`
			`</video>`
			`{{/equal}}`
UI cleanup and changes 2022-10-13 21:29:05 +00:00
			`{{#if this.Description}}`
			`<p>{{{this.Description}}}</p>`
			`{{/if}}`
Stream images 2022-01-17 20:48:24 +00:00			`{{/each}}`
UI cleanup and changes 2022-10-13 21:29:05 +00:00			`</div>`
Comments 2022-01-18 23:05:06 +00:00
Display tags in posts (#11) 2022-02-21 17:14:00 +00:00			`{{#if post.tags}}`
Merge redesign into main (#111) 2023-06-10 16:04:29 +00:00			`<div class="flex gap-2 my-2 flex-flow-wrap">`
Fix tag backgrounds 2022-07-22 16:20:51 +00:00			`<style nonce="{{nonce}}">`
			`{{#each post.tags}}`
			`.{{this.BackgroundId}} { background-image: url('{{this.Background}}') }`
			`{{/each}}`
			`</style>`
Display tags in posts (#11) 2022-02-21 17:14:00 +00:00			`{{#each post.tags}}`
			`<a href="/t/{{this.Tag}}">`
Merge redesign into main (#111) 2023-06-10 16:04:29 +00:00			`<div class="rounded-md p-4 min-w-[110px] bg-slate-500 {{this.BackgroundId}}">`
			`<p class="font-bold text-white text-center">{{this.Display}}</p>`
Display tags in posts (#11) 2022-02-21 17:14:00 +00:00			`</div>`
			`</a>`
			`{{/each}}`
			`</div>`
			`{{/if}}`
Improve post image size 2022-08-05 00:14:17 +00:00			`</main>`
Display tags in posts (#11) 2022-02-21 17:14:00 +00:00
Improve post image size 2022-08-05 00:14:17 +00:00			`<section>`
Fix comments 2022-01-24 01:59:29 +00:00			`{{#if comments}}`
Comments 2022-01-18 23:05:06 +00:00			`<div>`
Merge redesign into main (#111) 2023-06-10 16:04:29 +00:00			`<input id="comments__expandBtn" type="checkbox" checked>`
			`<label class="comments__expandBtn__label my-2 py-4 border-solid border-t-2 border-slate-400" for="comments__expandBtn">`
			`<h3 class="text-xl font-bold">Comments ({{post.Comments}})</h3>`
			`<span class="text-xl font-bold"></span>`
Comments 2022-01-18 23:05:06 +00:00			`</label>`
Merge redesign into main (#111) 2023-06-10 16:04:29 +00:00			`<div class="comments flex flex-col gap-2">`
Comments 2022-01-18 23:05:06 +00:00			`{{#each comments}}`
			`{{> partials/comment }}`
			`{{/each}}`
			`</div>`
			`</div>`
Fix comments 2022-01-24 01:59:29 +00:00			`{{/if}}`
Improve post image size 2022-08-05 00:14:17 +00:00			`</section>`
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>`