diff --git a/pages/episode/episode.pixy b/pages/episode/episode.pixy index 7c658869..e995028e 100644 --- a/pages/episode/episode.pixy +++ b/pages/episode/episode.pixy @@ -1,14 +1,26 @@ component AnimeEpisode(anime *arn.Anime, episode *arn.AnimeEpisode, user *arn.User) - h1= episode.Title.Japanese - p + h1= anime.Title.ByUser(user) + + h3.episode-view-number= "Episode " + strconv.Itoa(episode.Number) + + if validator.IsValidDate(episode.AiringDate.Start) + p.episode-view-airing-date + span.utc-airing-date(data-start-date=episode.AiringDate.Start, data-end-date=episode.AiringDate.End, data-episode-number=episode.Number)= episode.AiringDate.StartDateHuman() + + .episode-view-image-container a.ajax(href=anime.Link(), title=anime.Title.ByUser(user)) - img(src=anime.Image("medium"), alt=anime.Title.ByUser(user)) - - if validator.IsValidDate(episode.AiringDate.Start) - .utc-airing-date(data-start-date=episode.AiringDate.Start, data-end-date=episode.AiringDate.End, data-episode-number=episode.Number)= episode.AiringDate.StartDateHuman() + img.anime-cover-image(src=anime.Image("large"), alt=anime.Title.ByUser(user)) if user != nil - ul - for _, link := range episode.Links - a(href=link, title="Watch episode " + strconv.Itoa(episode.Number), target="_blank", rel="noopener") - RawIcon("eye") \ No newline at end of file + .buttons + for serviceName, link := range episode.Links + a.button(href=link, title="Watch episode " + strconv.Itoa(episode.Number), target="_blank", rel="noopener") + Icon("eye") + span= serviceName + + a.button(href=arn.Nyaa.GetLink(anime, fmt.Sprintf("%02d", episode.Number)), title="Download episode " + strconv.Itoa(episode.Number), target="_blank", rel="noopener") + Icon("download") + span nyaa.si + + .footer + p Make sure to support the anime you're watching by buying officially released Blu-rays and merchandise. Thank you. \ No newline at end of file diff --git a/pages/episode/episode.scarlet b/pages/episode/episode.scarlet new file mode 100644 index 00000000..dc7c0d27 --- /dev/null +++ b/pages/episode/episode.scarlet @@ -0,0 +1,13 @@ +.episode-view-number + text-align center + margin 0 + +.episode-view-airing-date + text-align center + opacity 0.5 + font-size 0.9rem + +.episode-view-image-container + horizontal + justify-content center + margin-bottom content-padding \ No newline at end of file