Initial users support

This commit is contained in:
video-prize-ranch
2022-01-27 20:41:10 -05:00
parent fdd66853f9
commit 8d21d1a576
15 changed files with 344 additions and 66 deletions

View File

@@ -1,14 +1,14 @@
<div class="comment">
<div class="comment__user">
<img src="{{this.User.Avatar}}" class="pfp" width="24" height="24" loading="lazy">
<!--<a href="/user/{{this.User.Username}}">-->
<a href="/user/{{this.User.Username}}">
<p class="comment__user__username"><b>{{this.User.Username}}</b></p>
<!--</a>-->
</a>
</div>
<div>
{{{this.Comment}}}
<p title="{{this.CreatedAt}}">
{{this.RelTime}}
<p>
<span title="{{this.CreatedAt}}">{{this.RelTime}}</span>
{{#if this.DeletedAt}}
<span class="comment__updatedDate">(deleted {{this.DeletedAt}})</span>
{{/if}}

32
views/partials/post.hbs Normal file
View File

@@ -0,0 +1,32 @@
<a href="{{Link}}">
<div class="post">
{{#equal Cover.Type "video"}}
<video fullscreen controls loop poster="/{{Cover.Id}}.webp" preload="none" width="100%" height="100%">
<source src="{{Cover.Url}}" type="video/mp4" />
</video>
{{/equal}}
{{#equal Cover.Type "image"}}
<img src="{{Cover.Url}}" loading="lazy" width="100%" height="100%">
{{/equal}}
<p class="post__title">{{Title}}</p>
<div class="post__meta">
<p>
<span class="material-icons-outlined">
arrow_upward
</span>
{{Points}}
</p>
<p>
<span class="material-icons-outlined">
comment
</span>
{{Comments}}
<p>
<span class="material-icons-outlined">
visibility
</span>
{{Views}}
</p>
</div>
</div>
</a>

39
views/user.hbs Normal file
View File

@@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>{{user.Username}} - rimgo</title>
{{> partials/head }}
<link rel="stylesheet" href="/static/fonts/Material-Icons-Outlined.css" />
<link rel="stylesheet" href="/static/css/user.css" />
</head>
<body>
{{> partials/header }}
<main>
<div class="userMeta" style="background-image: url('{{user.Cover}}');">
<div class="userMeta__upper">
<img class="pfp" src="{{user.Avatar}}" width="72" height="72">
<div>
<h2>{{user.Username}}</h2>
<p>{{user.Points}} pts · {{user.CreatedAt}}</p>
</div>
</div>
<p class="userMeta__upper__bio">{{user.Bio}}</p>
</div>
<div class="posts">
{{#each submissions}}
{{> partials/post }}
{{/each}}
</div>
</main>
{{> partials/footer }}
</body>
</html>