Added Hall of Fame

This commit is contained in:
2018-03-27 21:08:26 +02:00
parent ff80d6d336
commit 953d95c6aa
20 changed files with 171 additions and 23 deletions

View File

@ -121,7 +121,7 @@
.anime-cover-image
width anime-image-large-width
height anime-image-large-height
border-radius 3px
border-radius ui-element-border-radius
default-transition
object-fit cover
@ -214,7 +214,7 @@
.relation-image
width 100px
height 141px
border-radius 3px
border-radius ui-element-border-radius
object-fit cover
default-transition
shadow-up

View File

@ -7,15 +7,18 @@ component ExploreAnime(animes []*arn.Anime, year string, status string, typ stri
button.action(data-trigger="click", data-action="hideAddedAnime", title="Hide anime in my collection")
RawIcon("eye-slash")
a.button(href="/halloffame", title="Hall of Fame")
RawIcon("trophy")
a.button(href="/genres", title="View genres")
RawIcon("clone")
if user != nil
a.button(href="/explore/sequels", title="View sequels of my completed anime")
RawIcon("forward")
a.button(href="/explore/color/any/anime", title="View colors")
RawIcon("paint-brush")
a.button(href="/genres", title="View genres")
RawIcon("clone")
h1.page-title Explore

View File

@ -0,0 +1,65 @@
package halloffame
import (
"sort"
"time"
"github.com/aerogo/aero"
"github.com/animenotifier/arn"
"github.com/animenotifier/notify.moe/components"
"github.com/animenotifier/notify.moe/utils"
)
// Get ...
func Get(ctx *aero.Context) string {
user := utils.GetUser(ctx)
maxYear := time.Now().Year() - 1
hallOfFameEntries := []*utils.HallOfFameEntry{}
animes := arn.FilterAnime(func(anime *arn.Anime) bool {
if len(anime.StartDate) < 4 {
return false
}
if anime.StartDateTime().Year() > maxYear {
return false
}
if anime.Status != "finished" {
return false
}
if anime.Type != "tv" {
return false
}
return true
})
arn.SortAnimeByQuality(animes)
yearsAdded := map[int]bool{}
for _, anime := range animes {
year := anime.StartDateTime().Year()
_, exists := yearsAdded[year]
if exists {
continue
}
hallOfFameEntries = append(hallOfFameEntries, &utils.HallOfFameEntry{
Year: year,
Anime: anime,
})
yearsAdded[year] = true
}
sort.Slice(hallOfFameEntries, func(i, j int) bool {
return hallOfFameEntries[i].Year > hallOfFameEntries[j].Year
})
return ctx.HTML(components.HallOfFame(hallOfFameEntries, user))
}

View File

@ -0,0 +1,13 @@
component HallOfFame(entries []*utils.HallOfFameEntry, user *arn.User)
h1.hall-of-fame-page-title Hall of Fame
.footer Best TV series for each year.
.hall-of-fame
each entry in entries
.hall-of-fame-entry
.hall-of-fame-anime
AnimeImageLink(entry.Anime, "large", user)
a.hall-of-fame-footer(href="/explore/anime/" + strconv.Itoa(entry.Year) + "/finished/tv", title="Best TV series " + strconv.Itoa(entry.Year))
.hall-of-fame-trophy
Icon("trophy")
.hall-of-fame-year= entry.Year

View File

@ -0,0 +1,52 @@
.hall-of-fame
horizontal-wrap
justify-content center
margin-top calc(content-padding * 2)
.hall-of-fame-page-title
margin-bottom 0
.hall-of-fame-entry
vertical
padding content-padding
margin-bottom content-padding
.hall-of-fame-footer
horizontal
justify-content center
align-items center
font-weight bold
letter-spacing 1px
padding 1rem
border-bottom ui-border
border-bottom-left-radius 50%
border-bottom-right-radius 50%
:hover
background reverse-light-color
.hall-of-fame-trophy
font-size 2.5rem
.hall-of-fame-year
font-size 1.5rem
color text-color
opacity 0.85
text-shadow none
.hall-of-fame-anime
saturate-up
shadow-up
default-transition
position relative
width anime-image-large-width
height anime-image-large-height
border-radius ui-element-border-radius
.anime-grid-title
font-size 1.2rem
padding 1rem 0.75rem
:hover
.anime-grid-title
opacity 1

View File

@ -60,7 +60,7 @@ const frontpage-bg-color = rgb(32, 32, 32)
.login-button
horizontal
align-items center
border-radius 3px
border-radius ui-element-border-radius
padding 0.75rem 1.25rem
margin 0.5rem
font-size 1.2rem
@ -82,7 +82,7 @@ const frontpage-bg-color = rgb(32, 32, 32)
.screenshot
max-width 100%
border-radius 3px
border-radius ui-element-border-radius
box-shadow shadow-medium
margin-bottom 2rem

View File

@ -29,6 +29,7 @@ import (
"github.com/animenotifier/notify.moe/pages/explore"
"github.com/animenotifier/notify.moe/pages/explore/explorecolor"
"github.com/animenotifier/notify.moe/pages/explore/explorerelations"
"github.com/animenotifier/notify.moe/pages/explore/halloffame"
"github.com/animenotifier/notify.moe/pages/forum"
"github.com/animenotifier/notify.moe/pages/genre"
"github.com/animenotifier/notify.moe/pages/genres"
@ -81,6 +82,7 @@ func Configure(app *aero.Application) {
l.Page("/explore/color/:color/anime", explorecolor.AnimeByAverageColor)
l.Page("/explore/color/:color/anime/from/:index", explorecolor.AnimeByAverageColor)
l.Page("/explore/sequels", explorerelations.Sequels)
l.Page("/halloffame", halloffame.Get)
l.Page("/login", login.Get)
l.Page("/api", apiview.Get)
// l.Ajax("/dashboard", dashboard.Get)

View File

@ -116,7 +116,7 @@
flex 1
max-width 280px
max-height 280px
border-radius 3px
border-radius ui-element-border-radius
overflow hidden
#nick

View File

@ -24,7 +24,7 @@
margin 0 auto
#cover-input-preview
border-radius 3px
border-radius ui-element-border-radius
filter none
.settings-info-text

View File

@ -10,7 +10,7 @@
.soundtrack-content
horizontal
border-radius 3px
border-radius ui-element-border-radius
overflow hidden
box-shadow shadow-light
min-height 200px

View File

@ -1,7 +1,7 @@
.user-avatars
horizontal-wrap
justify-content center
border-radius 3px
border-radius ui-element-border-radius
.user-image
margin 0.4rem