diff --git a/images/cover/default.jpg b/images/cover/default.jpg new file mode 100644 index 00000000..fce67547 Binary files /dev/null and b/images/cover/default.jpg differ diff --git a/images/cover/default.webp b/images/cover/default.webp new file mode 100644 index 00000000..c48356a8 Binary files /dev/null and b/images/cover/default.webp differ diff --git a/main.go b/main.go index 119107bd..50e2f409 100644 --- a/main.go +++ b/main.go @@ -1,6 +1,8 @@ package main import ( + "strings" + "github.com/aerogo/aero" "github.com/animenotifier/notify.moe/components" "github.com/animenotifier/notify.moe/pages/airing" @@ -45,6 +47,17 @@ func main() { app.Ajax("/airing", airing.Get) app.Ajax("/users", users.Get) + app.Get("/images/cover/:file", func(ctx *aero.Context) string { + format := ".jpg" + accept := ctx.GetRequestHeader("Accept") + + if strings.Index(accept, "image/webp") != -1 { + format = ".webp" + } + + return ctx.File("images/cover/" + ctx.Get("file") + format) + }) + // Favicon app.Get("/favicon.ico", func(ctx *aero.Context) string { return ctx.File("images/icons/favicon.ico") diff --git a/pages/profile/profile.pixy b/pages/profile/profile.pixy index 24df0b4f..92bcf07c 100644 --- a/pages/profile/profile.pixy +++ b/pages/profile/profile.pixy @@ -1,6 +1,6 @@ component Profile(viewUser *arn.User, user *arn.User) .profile - //- .profile-cover(style=viewUser.CoverImageStyle()) + img.profile-cover(src=viewUser.CoverImageURL()) .image-container ProfileImage(viewUser) @@ -36,7 +36,7 @@ component Profile(viewUser *arn.User, user *arn.User) p.profile-field.registration-date(title="Member since") Icon("calendar") //- span= time.Parse(time.RFC3339, viewUser.Registered) - span= viewUser.Registered[:4] + span= viewUser.RegisteredTime().Format("Jan 2006") //- span= monthNames[joined.getMonth()] + ' ' + joined.getFullYear() if viewUser.Role != "" diff --git a/pages/profile/profile.scarlet b/pages/profile/profile.scarlet index 7f632ac2..bd3268c3 100644 --- a/pages/profile/profile.scarlet +++ b/pages/profile/profile.scarlet @@ -33,7 +33,8 @@ animation appear width 100% height 100% z-index -1 - background-size cover + object-fit cover + // background-size cover overflow hidden default-transition