Started working on the shop

pages/shop/pro-account.md

@@ -0,0 +1,9 @@
+PRO account for 1 anime season (3 months).
+
+Includes:
+
+* Avatar highlight on the forums
+* Customizable cover image for your profile
+* Custom title for profile and forums
+* Your suggestions will have a high priority
+* Access to the VIP channel on Discord

pages/shop/shop.go

@@ -0,0 +1,28 @@
+package shop
+
+import (
+	"io/ioutil"
+	"net/http"
+
+	"github.com/aerogo/aero"
+	"github.com/animenotifier/notify.moe/components"
+	"github.com/animenotifier/notify.moe/utils"
+)
+
+var proAccount = ""
+
+func init() {
+	data, _ := ioutil.ReadFile("pages/shop/pro-account.md")
+	proAccount = string(data)
+}
+
+// Get shop 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.Shop(user, proAccount))
+}

pages/shop/shop.pixy

@@ -0,0 +1,29 @@
+component Shop(user *arn.User, proAccountMarkdown string)
+	h1.page-title Shop
+
+	.user-balance-bar
+		Icon("diamond")
+		span.user-balance 0
+	
+	.tabs
+		.tab Goods
+		.tab Top-Up
+
+	.widgets.shop-items
+		ShopItem("PRO Account", "3 months", "900", "star", proAccountMarkdown)
+		ShopItem("PRO Account", "6 months", "1700", "star", strings.Replace(strings.Replace(proAccountMarkdown, "3 months", "6 months", 1), "1 anime season", "2 anime seasons", 1))
+		ShopItem("PRO Account", "1 year", "3000", "star", strings.Replace(strings.Replace(proAccountMarkdown, "3 months", "12 months", 1), "1 anime season", "4 anime seasons", 1))
+		ShopItem("PRO Account", "2 years", "5900", "star", strings.Replace(strings.Replace(proAccountMarkdown, "3 months", "24 months", 1), "1 anime season", "8 anime seasons", 1))
+		ShopItem("Anime Support Ticket", "", "100", "ticket", "Support the makers of your favourite anime by using an anime support ticket. Anime Notifier uses 8% of the money to handle the transaction fees while the remaining 92% go directly to the studios involved in the creation of your favourite anime.")
+
+component ShopItem(name string, duration string, price string, icon string, description string)
+	.widget.shop-item
+		h3.widget-title.shop-item-name
+			Icon(icon)
+			span= name
+			span.shop-item-duration= " " + duration
+		.shop-item-description!= aero.Markdown(description)
+		.buttons.shop-buttons
+			button.shop-button-buy
+				span.shop-item-price= price
+				Icon("diamond")

pages/shop/shop.scarlet

@@ -0,0 +1,33 @@
+.shop-items
+	// ...
+
+.shop-item
+	// ...
+
+.shop-item-name
+	// ...
+
+.shop-item-price
+	// ...
+
+.shop-item-price-currency
+	margin-left 0.3rem
+	margin-right 0
+
+.shop-item-duration
+	opacity 0.5
+	text-align right
+	float right
+
+.shop-buttons
+	margin-top 1rem
+
+.shop-button-buy
+	.icon-diamond
+		margin-left 0.3rem
+		margin-right 0
+
+.user-balance-bar
+	text-align center
+	font-size 2.5rem
+	margin-bottom 2rem