Added new support page
This commit is contained in:
20
pages/support/support.go
Normal file
20
pages/support/support.go
Normal file
@ -0,0 +1,20 @@
|
||||
package support
|
||||
|
||||
import (
|
||||
"net/http"
|
||||
|
||||
"github.com/aerogo/aero"
|
||||
"github.com/animenotifier/notify.moe/components"
|
||||
"github.com/animenotifier/notify.moe/utils"
|
||||
)
|
||||
|
||||
// Get support page.
|
||||
func Get(ctx *aero.Context) string {
|
||||
user := utils.GetUser(ctx)
|
||||
|
||||
if user == nil {
|
||||
return ctx.Error(http.StatusUnauthorized, "Not logged in", nil)
|
||||
}
|
||||
|
||||
return ctx.HTML(components.Support(user))
|
||||
}
|
32
pages/support/support.pixy
Normal file
32
pages/support/support.pixy
Normal file
@ -0,0 +1,32 @@
|
||||
component Support(user *arn.User)
|
||||
ShopTabs(user)
|
||||
|
||||
h1.mountable Want to support us?
|
||||
|
||||
.feature-cards
|
||||
.feature-card.mountable
|
||||
.feature-card-icon
|
||||
RawIcon("user")
|
||||
|
||||
p.feature-card-text Anime Notifier is developed and maintained mostly by just one person in Japan.
|
||||
|
||||
.feature-card.mountable
|
||||
.feature-card-icon
|
||||
RawIcon("comments")
|
||||
|
||||
.feature-card-text
|
||||
p The developer is always listening to user feedback. Your voice will definitely be heard!
|
||||
|
||||
.feature-card.mountable
|
||||
.feature-card-icon
|
||||
RawIcon("thumbs-up")
|
||||
|
||||
.feature-card-text
|
||||
p We aim for the highest quality standards, which is why the site will always be ad-free.
|
||||
|
||||
.feature-card.mountable
|
||||
.feature-card-icon
|
||||
RawIcon("star")
|
||||
|
||||
.feature-card-text
|
||||
p You'll receive PRO account status allowing you to unlock extra features!
|
36
pages/support/support.scarlet
Normal file
36
pages/support/support.scarlet
Normal file
@ -0,0 +1,36 @@
|
||||
.feature-cards
|
||||
horizontal
|
||||
justify-content space-around
|
||||
max-width 1200px
|
||||
margin 0 auto
|
||||
margin-top content-padding
|
||||
|
||||
.feature-card
|
||||
vertical
|
||||
flex-basis 250px
|
||||
border-radius 5px
|
||||
overflow hidden
|
||||
background ui-background
|
||||
box-shadow shadow-light
|
||||
border 1px solid ui-border-color
|
||||
default-transition
|
||||
|
||||
:hover
|
||||
box-shadow shadow-medium
|
||||
|
||||
.feature-card-icon,
|
||||
.feature-card-text
|
||||
horizontal
|
||||
justify-content center
|
||||
align-items center
|
||||
text-align center
|
||||
padding 1rem
|
||||
margin 0
|
||||
|
||||
.feature-card-icon
|
||||
font-size 3rem
|
||||
background feature-card-color
|
||||
color feature-card-icon-color
|
||||
|
||||
.feature-card-text
|
||||
//
|
Reference in New Issue
Block a user