Added stylish mountable effect
This commit is contained in:
@ -146,19 +146,18 @@ component Anime(anime *arn.Anime, user *arn.User)
|
||||
//- a.light-button(href=link.URL, target="_blank")
|
||||
//- Icon("external-link")
|
||||
//- span= link.Title
|
||||
|
||||
a.light-button(href="https://kitsu.io/anime/" + anime.ID, target="_blank", rel="noopener")
|
||||
Icon("external-link")
|
||||
span Kitsu
|
||||
|
||||
//- if providers.HummingBird
|
||||
//- a.light-button(href="https://hummingbird.me/anime/" + providers.HummingBird.providerId, target="_blank") HummingBird
|
||||
//- if providers.HummingBird
|
||||
//- a.light-button(href="https://hummingbird.me/anime/" + providers.HummingBird.providerId, target="_blank") HummingBird
|
||||
|
||||
//- if providers.MyAnimeList
|
||||
//- a.light-button(href="http://myanimelist.net/anime/" + providers.MyAnimeList.providerId, target="_blank") MyAnimeList
|
||||
//- if providers.MyAnimeList
|
||||
//- a.light-button(href="http://myanimelist.net/anime/" + providers.MyAnimeList.providerId, target="_blank") MyAnimeList
|
||||
|
||||
//- if providers.AnimePlanet
|
||||
//- a.light-button(href="http://www.anime-planet.com/anime/" + providers.AnimePlanet.providerId, target="_blank") AnimePlanet
|
||||
//- if providers.AnimePlanet
|
||||
//- a.light-button(href="http://www.anime-planet.com/anime/" + providers.AnimePlanet.providerId, target="_blank") AnimePlanet
|
||||
|
||||
.sources
|
||||
p Powered by Kitsu.
|
||||
|
@ -79,6 +79,10 @@
|
||||
font-size 1.3rem
|
||||
color link-color
|
||||
|
||||
.anime-widget
|
||||
margin-top 0.6rem
|
||||
margin-bottom 0.4rem
|
||||
|
||||
< 800px
|
||||
.anime-rating-categories
|
||||
vertical
|
||||
|
@ -2,13 +2,13 @@ component AnimeList(animeList *arn.AnimeList)
|
||||
table.anime-list
|
||||
thead
|
||||
tr
|
||||
th Anime
|
||||
th Progress
|
||||
th Rating
|
||||
th.anime-list-item-name Anime
|
||||
th.anime-list-item-episodes Progress
|
||||
th.anime-list-item-rating Rating
|
||||
tbody
|
||||
each item in animeList.Items
|
||||
tr.anime-list-item
|
||||
td
|
||||
tr.anime-list-item.mountable
|
||||
td.anime-list-item-name
|
||||
a.ajax(href=item.Anime().Link())= item.Anime().Title.Canonical
|
||||
td= toString(item.Episodes) + " / " + item.Anime().EpisodeCountString()
|
||||
td= item.FinalRating()
|
||||
td.anime-list-item-episodes= toString(item.Episodes) + " / " + item.Anime().EpisodeCountString()
|
||||
td.anime-list-item-rating= item.FinalRating()
|
@ -1,2 +1,17 @@
|
||||
.anime-list
|
||||
//
|
||||
vertical
|
||||
width 100%
|
||||
|
||||
tr
|
||||
horizontal
|
||||
|
||||
.anime-list-item-name
|
||||
flex 0.8
|
||||
|
||||
.anime-list-item-episodes
|
||||
flex 0.1
|
||||
text-align center
|
||||
|
||||
.anime-list-item-rating
|
||||
flex 0.1
|
||||
text-align center
|
@ -1,5 +1,5 @@
|
||||
component AnimeListItem(viewUser *arn.User, item *arn.AnimeListItem, anime *arn.Anime)
|
||||
.widgets
|
||||
.widgets.mountable
|
||||
.widget.anime-list-item-view
|
||||
h2= anime.Title.Canonical
|
||||
|
||||
@ -10,7 +10,7 @@ component AnimeListItem(viewUser *arn.User, item *arn.AnimeListItem, anime *arn.
|
||||
|
||||
InputTextArea("notes", item.Notes, "Notes", "Notes")
|
||||
|
||||
.buttons
|
||||
.buttons.mountable
|
||||
a.ajax.button(href="/+" + viewUser.Nick + "/animelist")
|
||||
Icon("list")
|
||||
span View collection
|
||||
|
@ -2,7 +2,7 @@ component Dashboard(posts []*arn.Post)
|
||||
h2.page-title Dash
|
||||
|
||||
.widgets
|
||||
.widget
|
||||
.widget.mountable
|
||||
h3.widget-title Schedule
|
||||
|
||||
for i := 1; i <= 5; i++
|
||||
@ -11,7 +11,7 @@ component Dashboard(posts []*arn.Post)
|
||||
Icon("calendar-o")
|
||||
span ...
|
||||
|
||||
.widget
|
||||
.widget.mountable
|
||||
h3.widget-title Forums
|
||||
|
||||
each post in posts
|
||||
@ -20,7 +20,7 @@ component Dashboard(posts []*arn.Post)
|
||||
Icon(arn.GetForumIcon(post.Thread().Tags[0]))
|
||||
span= post.Thread().Title
|
||||
|
||||
.widget
|
||||
.widget.mountable
|
||||
h3.widget-title Groups
|
||||
|
||||
for i := 1; i <= 5; i++
|
||||
@ -29,7 +29,7 @@ component Dashboard(posts []*arn.Post)
|
||||
Icon("group")
|
||||
span ...
|
||||
|
||||
.widget
|
||||
.widget.mountable
|
||||
h3.widget-title Messages
|
||||
|
||||
for i := 1; i <= 5; i++
|
||||
@ -38,7 +38,7 @@ component Dashboard(posts []*arn.Post)
|
||||
Icon("comment")
|
||||
span ...
|
||||
|
||||
.widget
|
||||
.widget.mountable
|
||||
h3.widget-title Contacts
|
||||
|
||||
for i := 1; i <= 5; i++
|
||||
@ -47,7 +47,7 @@ component Dashboard(posts []*arn.Post)
|
||||
Icon("address-card")
|
||||
span ...
|
||||
|
||||
.widget
|
||||
.widget.mountable
|
||||
h3.widget-title Follow
|
||||
|
||||
a.widget-element(href="https://discord.gg/0kimAmMCeXGXuzNF", target="_blank", rel="noopener")
|
||||
|
@ -47,7 +47,7 @@ component ProfileHeader(viewUser *arn.User, user *arn.User)
|
||||
component Profile(viewUser *arn.User, user *arn.User, animeList *arn.AnimeList, threads []*arn.Thread)
|
||||
ProfileHeader(viewUser, user)
|
||||
|
||||
.profile-category
|
||||
.profile-category.mountable
|
||||
h3
|
||||
a.ajax(href="/+" + viewUser.Nick + "/animelist", title="View all anime") Anime
|
||||
|
||||
@ -59,7 +59,7 @@ component Profile(viewUser *arn.User, user *arn.User, animeList *arn.AnimeList,
|
||||
a.profile-watching-list-item.ajax(href=item.Anime().Link(), title=item.Anime().Title.Canonical + " (" + toString(item.Episodes) + " / " + arn.EpisodesToString(item.Anime().EpisodeCount) + ")")
|
||||
img.anime-cover-image.profile-watching-list-item-image(src=item.Anime().Image.Tiny, alt=item.Anime().Title.Canonical)
|
||||
|
||||
.profile-category
|
||||
.profile-category.mountable
|
||||
h3
|
||||
a.ajax(href="/+" + viewUser.Nick + "/threads", title="View all threads") Threads
|
||||
|
||||
|
@ -1,7 +1,7 @@
|
||||
component Settings(user *arn.User)
|
||||
h2.page-title Settings
|
||||
.widgets
|
||||
.widget
|
||||
.widget.mountable
|
||||
h3.widget-title
|
||||
Icon("user")
|
||||
span Personal
|
||||
@ -10,7 +10,7 @@ component Settings(user *arn.User)
|
||||
InputText("tagline", user.Tagline, "Tagline", "Text that appears below your username")
|
||||
InputText("website", user.Website, "Website", "Your homepage")
|
||||
|
||||
.widget
|
||||
.widget.mountable
|
||||
h3.widget-title
|
||||
Icon("cubes")
|
||||
span Accounts
|
||||
|
Reference in New Issue
Block a user