Feature: added navigation for user page

This commit is contained in:
VnPower 2023-05-17 20:31:23 +07:00
parent ff5131a84b
commit 0f5567efbb
Signed by: vnpower
GPG key ID: 881DE3DEB966106C
6 changed files with 13 additions and 6 deletions

View file

@ -21,6 +21,9 @@ Artwork's page: informations about the artwork, recent artworks by the artist an
![Artwork](https://files.catbox.moe/x3k85p.png)
![Artwork](https://files.catbox.moe/ocy4fq.png)
User's page: Route: `/user/<id>` (id for the preview: 11065404)
![User](https://files.catbox.moe/f055gn.png)
## Installation
Run these commands below, then access the site on [localhost:8080](https://localhost:8080)

View file

@ -26,8 +26,8 @@
<br />
<small>{{ .Date }}</small>
<a href="#" class="artwork-artist flex"><img src="{{ .Artist.Avatar.medium }}" alt="{{ .Artist.Name }}"
class="artwork-artist-avatar border-rounded" />
<a href="/user/{{ .Artist.ID }}" class="artwork-artist flex"><img src="{{ .Artist.Avatar.medium }}"
alt="{{ .Artist.Name }}" class="artwork-artist-avatar border-rounded" />
{{ .Artist.Name }}</a>
<div class="thumbnail-container">
{{ range $parent.Recent }}

View file

@ -65,6 +65,8 @@ body {
font-size: 0.9rem;
}
.artwork-thumbnail .artwork-master-image {
width: 100%;
height: 100%;
object-position: center center;
}
.artwork-thumbnail .artwork-thumbnail-artist {

View file

@ -79,6 +79,8 @@ body {
}
.artwork-master-image {
width: 100%;
height: 100%;
object-position: center center;
}

View file

@ -8,8 +8,8 @@
<a class="artwork-thumbnail-title" href="/artworks/{{ .ID }}">
<h3 class="no-margin">{{ .Title }}</h3>
</a>
<a href="#" class="artwork-thumbnail-artist flex"><img data-src="{{ .Artist.Avatar.medium }}" alt="{{ .Artist.Name }}"
class="artwork-thumbnail-artist-avatar border-rounded lazy" />
<a href="/user/{{ .Artist.ID }}" class="artwork-thumbnail-artist flex"><img data-src="{{ .Artist.Avatar.medium }}"
alt="{{ .Artist.Name }}" class="artwork-thumbnail-artist-avatar border-rounded lazy" />
{{ .Artist.Name }}</a>
</div>
{{ end }}

View file

@ -7,8 +7,8 @@
<a class="artwork-thumbnail-title" href="/artworks/{{ .ID }}">
<h3 class="no-margin">{{ .Title }}</h3>
</a>
<a href="#" class="artwork-thumbnail-artist flex"><img data-src="{{ .Artist.Avatar.medium }}" alt="{{ .Artist.Name }}"
class="artwork-thumbnail-artist-avatar border-rounded lazy" />
<a href="/user/{{ .Artist.ID }}" class="artwork-thumbnail-artist flex"><img data-src="{{ .Artist.Avatar.medium }}"
alt="{{ .Artist.Name }}" class="artwork-thumbnail-artist-avatar border-rounded lazy" />
{{ .Artist.Name }}</a>
</div>
{{ end }}