Improved support page

This commit is contained in:
Eduard Urbach 2018-03-04 18:12:53 +01:00
parent 74e905a2c3
commit ddcec5836f
2 changed files with 42 additions and 4 deletions

View File

@ -1,7 +1,7 @@
component Support(user *arn.User) component Support(user *arn.User)
ShopTabs(user) ShopTabs(user)
h1.mountable Want to support us? h1.mountable Why support us?
.feature-cards .feature-cards
.feature-card.mountable .feature-card.mountable
@ -24,6 +24,35 @@ component Support(user *arn.User)
.feature-card-text .feature-card-text
p We aim for the highest quality standards, which is why the site will always be ad-free. 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("server")
.feature-card-text
p High-quality servers cost a lot of money on a monthly basis and need to be maintained.
//-
.feature-card.mountable
.feature-card-icon
RawIcon("github")
p.feature-card-text The project is truly 100% Open Source with proper governance and organization on GitHub.
.feature-card.mountable
.feature-card-icon
RawIcon("code")
.feature-card-text
p All the data on the site is accessible via a public API which developers can utilize.
.feature-card.mountable
.feature-card-icon
RawIcon("users")
.feature-card-text
p With more supporters, we can start hiring new personnel to build more features!
.feature-card.mountable .feature-card.mountable
.feature-card-icon .feature-card-icon
RawIcon("star") RawIcon("star")
@ -58,8 +87,14 @@ component Support(user *arn.User)
p.feature-card-text Confirm the PRO status by visiting your profile. p.feature-card-text Confirm the PRO status by visiting your profile.
h1.mountable Let's get down to business!
.buttons.support-button-container .buttons.support-button-container
a.button.support-button.mountable.ajax(href="/charge") a.button.support-button.mountable.ajax(href="/charge")
Icon("heart") Icon("heart")
span Support us! span Support us!
.footer.support-footer
p Thank you to everyone supporting the site. It means a lot me.
p --Akyoto

View File

@ -1,6 +1,6 @@
.feature-cards .feature-cards
horizontal-wrap horizontal-wrap
justify-content space-around justify-content center
max-width 1200px max-width 1200px
margin content-padding auto margin content-padding auto
@ -12,7 +12,7 @@
background ui-background background ui-background
box-shadow shadow-light box-shadow shadow-light
border 1px solid ui-border-color border 1px solid ui-border-color
margin calc(content-padding / 2) margin 1.2rem
default-transition default-transition
:hover :hover
@ -41,8 +41,11 @@
background feature-card-alternative-color background feature-card-alternative-color
.support-button-container .support-button-container
margin-top content-padding margin content-padding 0
.support-button .support-button
font-size 2rem font-size 2rem
padding 1rem 2rem padding 1rem 2rem
.support-footer
margin-bottom content-padding