web/notify.moe
Code Issues Pull Requests Activity

Improved anime view on characters

Browse Source
This commit is contained in:
Eduard Urbach
2019-11-19 11:39:20 +09:00
parent 4fbe73a1d0
commit b8b2fb9354
14 changed files with 135 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
pages/anime/anime.pixy
View File

@ -229,7 +229,7 @@ component AnimeInformation(anime *arn.Anime)
tr.mountable(data-mountable-type="info")
td.anime-info-key Season:
td.anime-info-value
a(href="/explore/anime/" + anime.StartDate[:4] + "/" + strings.ToLower(anime.Season()) + "/any/" + anime.Type)= stringutils.Capitalize(anime.Season()) + " " + anime.StartDate[:4]
a(href="/explore/anime/" + anime.StartDate[:4] + "/" + anime.Season() + "/any/" + anime.Type)= stringutils.Capitalize(anime.Season()) + " " + anime.StartDate[:4]
if anime.Source != "" && arn.AnimeSourceHumanReadable[anime.Source] != ""
tr.mountable(data-mountable-type="info")

1
pages/anime/relations.pixy
View File

@ -11,6 +11,7 @@ component AnimeRelations(anime *arn.Anime, user *arn.User, standAlonePage bool)
.anime-relations
each relation in anime.Relations().Items
if relation.Anime() != nil
//- AnimeCard(relation.Anime(), fmt.Sprintf("%s (%d)", relation.HumanReadableType(), anime.StartDateTime().Year()), user)
a.anime-relation.tip.mountable(href=relation.Anime().Link(), aria-label=relation.Anime().Title.ByUser(user), data-mountable-type="relation")
img.anime-relation-image.lazy(data-src=relation.Anime().ImageLink("small"), data-webp="true", data-color=relation.Anime().AverageColor(), alt=relation.Anime().Title.ByUser(user))
.anime-relation-type= relation.HumanReadableType()

13
pages/character/character.pixy
View File

@ -46,20 +46,15 @@ component CharacterDetails(character *arn.Character, characterAnime []*arn.Anime
.character-section
h3.character-section-name.mountable Anime
.character-anime.mountable
.anime-cards
each anime in characterAnime
.character-anime-item
.character-anime-item-overview
a.tip.mountable(href=anime.Link(), aria-label=anime.Title.ByUser(user), data-mountable-type="anime")
img.character-anime-item-image.lazy(data-src=anime.ImageLink("small"), data-webp="true", data-color=anime.AverageColor(), alt=anime.Title.ByUser(user))
.character-anime-item-details
a(href=anime.Link())= anime.TitleByUser(user)
AnimeCard(anime, fmt.Sprintf("%s %d", stringutils.Capitalize(anime.Season()), anime.StartDateTime().Year()), user)
if len(quotes) > 0
.character-section
h3.character-section-name.mountable Quotes
.quotes.character-quotes.mountable
.character-quotes.mountable
each quote in quotes
QuotePreview(quote, user)
@ -109,7 +104,7 @@ component CharacterSidebar(character *arn.Character, friends []*arn.User, releva
if len(friends) > 0
.character-friends
h3.mountable(data-mountable-type="sidebar") Friends
h3.mountable(data-mountable-type="sidebar") Likes
.user-avatars.mountable(data-mountable-type="sidebar")
each friend in friends

3
pages/character/character.scarlet
View File

@ -70,9 +70,6 @@
.quote-footer
display none
.quote
max-width 500px
.character-friends
.user-avatars
justify-content flex-start

40
pages/users/user-cards.scarlet
View File

@ -1,40 +0,0 @@
const user-card-padding = 1rem
.user-cards
horizontal-wrap
justify-content center
.user-card
horizontal
ui-element
padding user-card-padding
margin 0.4rem
width 100%
height calc(avatar-size + user-card-padding * 2)
:hover
border 1px solid input-focus-border-color
// TODO: Replace with alpha(main-color, 20%) function
box-shadow 0 0 6px rgba(248, 165, 130, 0.2)
> 600px
.user-card
max-width 230px
.user-card-avatar
.user-image
border-radius ui-element-border-radius
box-shadow none
.user-card-info
vertical
margin-left user-card-padding
overflow hidden
.user-card-nick
clip-long-text
.user-card-note
clip-long-text
color text-color
opacity 0.5