web/notify.moe
Code Issues Pull Requests Activity

Improved support page

Browse Source
This commit is contained in:
Eduard Urbach 2018-03-04 17:21:27 +01:00
parent a3b7e4b3de
commit 74e905a2c3
4 changed files with 57 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
pages/support/support.pixy
View File

@ -30,3 +30,36 @@ component Support(user *arn.User)
.feature-card-text
p You'll receive PRO account status allowing you to unlock extra features!
h1.mountable How does it work?
.feature-cards.feature-cards-alternative-color
a.feature-card.mountable.ajax(href="/charge")
.feature-card-icon
RawIcon("diamond")
p.feature-card-text First, you need to charge up the balance on your account.
a.feature-card.mountable.ajax(href="/shop")
.feature-card-icon
RawIcon("shopping-cart")
p.feature-card-text Afterwards, go to the shop and buy the item you like.
a.feature-card.mountable.ajax(href="/inventory")
.feature-card-icon
RawIcon("briefcase")
p.feature-card-text Lastly, activate the freshly bought item in your inventory.
a.feature-card.mountable.ajax(href="/+" + user.Nick)
.feature-card-icon
RawIcon("user-circle")
p.feature-card-text Confirm the PRO status by visiting your profile.
.buttons.support-button-container
a.button.support-button.mountable.ajax(href="/charge")
Icon("heart")
span Support us!

22
pages/support/support.scarlet
View File

@ -1,22 +1,23 @@
.feature-cards
horizontal
horizontal-wrap
justify-content space-around
max-width 1200px
margin 0 auto
margin-top content-padding
margin content-padding auto
.feature-card
vertical
flex-basis 250px
flex-basis 240px
border-radius 5px
overflow hidden
background ui-background
box-shadow shadow-light
border 1px solid ui-border-color
margin calc(content-padding / 2)
default-transition
:hover
box-shadow shadow-medium
text-shadow none
.feature-card-icon,
.feature-card-text
@ -33,4 +34,15 @@
color feature-card-icon-color
.feature-card-text
//
color text-color
.feature-cards-alternative-color
.feature-card-icon
background feature-card-alternative-color
.support-button-container
margin-top content-padding
.support-button
font-size 2rem
padding 1rem 2rem

16
patches/add-shop-items/add-shop-items.go
View File

@ -13,12 +13,10 @@ var items = []*arn.Item{
Includes:
* Browser extension for quick list access
* Dark theme for the site and extension
* Special highlight on the forums
* Access to the VIP channel on Discord
* PRO star on your profile
* High priority for your suggestions
* Access to the VIP channel on Discord
* Early access to new features`,
Icon: "star",
Rarity: arn.ItemRaritySuperior,
@ -35,12 +33,10 @@ Includes:
Includes:
* Browser extension for quick list access
* Dark theme for the site and extension
* Special highlight on the forums
* Access to the VIP channel on Discord
* PRO star on your profile
* High priority for your suggestions
* Access to the VIP channel on Discord
* Early access to new features`,
Icon: "star",
Rarity: arn.ItemRarityRare,
@ -57,12 +53,10 @@ Includes:
Includes:
* Browser extension for quick list access
* Dark theme for the site and extension
* Special highlight on the forums
* Access to the VIP channel on Discord
* PRO star on your profile
* High priority for your suggestions
* Access to the VIP channel on Discord
* Early access to new features`,
Icon: "star",
Rarity: arn.ItemRarityUnique,
@ -79,12 +73,10 @@ Includes:
Includes:
* Browser extension for quick list access
* Dark theme for the site and extension
* Special highlight on the forums
* Access to the VIP channel on Discord
* PRO star on your profile
* High priority for your suggestions
* Access to the VIP channel on Discord
* Early access to new features`,
Icon: "star",
Rarity: arn.ItemRarityLegendary,

3
styles/include/config.scarlet
View File

@ -72,7 +72,8 @@ anime-list-item-name-color = link-color
table-width-normal = 900px
// Feature cards
feature-card-color = crimson
feature-card-color = hsl(348, 83%, 47%)
feature-card-alternative-color = hsl(203, 83%, 47%)
feature-card-icon-color = white
// Loading animation