habitica/website/views/static/merch.jade
2016-01-06 23:15:36 +01:00

47 lines
2 KiB
Text

extends ./layout
// Merchandise page : when adding a merchandise make sure to add following resources
+ image of merchandise -- MERCHANT.KEY.png -- eg. teespring.png
+ logo of merchant -- MERCHANT.KEY-logo.png -- eg. teespring-logo.png
+ update merch.json with extra info about merchandise
- merch-MERCHANT.KEY-summary -- eg. merch-teespring-summary -> Teespring is and will always be...
- merch-MERCHANT.KEY-goto -- eg. merch-teespring-goto -> Get myself a Habitica T-Shirts
+ update this page with an extra merchant (var merchants)
- key (used in locale files)
- logo (do we have a logo for this merchant, true || false)
- name (if no logo, this will be shown instead)
- link
eg. -> merchants.push({key: 'teespring', logo: true, name: 'Teespring', link: 'https://teespring.com/habitica-gryphon-t-shirt'})
block vars
- var layoutEnv = env
- var merchants = []
- merchants.push({key: 'teespring', logo: true, name: 'Teespring', link: 'https://teespring.com/habitica-gryphon-t-shirt'})
- merchants.push({key: 'teespring-eu', logo: true, name: 'Teespring (EU)', link: 'https://teespring.com/habitica-gryphon-t-shirt_eu'})
- merchants.push({key: 'stickermule', logo: true, name: 'Stickermule', link: 'https://www.stickermule.com/uk/marketplace/9317-habitica-gryphon-sticker'})
block title
title=env.t('merch')
block content
.row
.col-md-12
.page-header
h3=env.t('merch')
// Merchandise block - START
each merchant, index in merchants
if (index+1) % 2 !== 0
.row
.col-lg-6.col-md-6.col-sm-12
.merch-block
if merchant.logo
img(src="/merch/" + "#{merchant.key}" + "-logo.png")
else
h3=merchant.name
div: a(href="#{merchant.link}" target='_blank'): img.img-rendering-auto(src="/merch/" + "#{merchant.key}" + ".png")
p=env.t('merch-' + merchant.key + '-summary')
a.btn(href="#{merchant.link}" target='_blank')=env.t('merch-' + merchant.key + '-goto')
// Merchandise block - END