Add: Merchant spage (initial skeleton, no content / styles)

_data/merchants-stores.yml

@@ -0,0 +1,25 @@
+
+- name: ShakePay
+  title: Debit Card
+  image: evan.png
+  url: https://shakepay.co
+
+- name: SpectroCoin
+  title: Quality Assurance, Automation, Testing
+  image: evan.png
+  url: https://spectrocoin.com/
+
+- name: Card1
+  title: Debit Card
+  image: evan.png
+  url: https://shakepay.co
+
+- name: Card2
+  title: Debit Card
+  image: evan.png
+  url: https://shakepay.co
+
+- name: Card3
+  title: Debit Card
+  image: evan.png
+  url: https://shakepay.co

_i18n/cn.yml

@@ -204,6 +204,7 @@ pages:
 nav:
   what-is-dash: 什么是达世币
   get-dash: 获得达世币
+  merchants: Merchants
   download: 下载钱包
   buy: 购买达世币
   shop: 支持达世币的商户

_i18n/en.yml

@@ -129,6 +129,8 @@ pages:
     hero-map-btn: Merchants Map
     hero-integrate-btn: Integrate Dash
     hero-getlisted-btn: Get Listed
+    debit-cards-heading: Debit Cards
+    stores-heading: Web Stores
 
   participate:
     title: Join the Dash Network

_i18n/es.yml

@@ -206,6 +206,7 @@ pages:
 nav:
   what-is-dash: ¿Qué es Dash?
   get-dash: Obtén Dash
+  merchants: Merchants
   download: Descarga el monedero
   buy: Compra Dash
   shop: Compra con Dash

_i18n/it.yml

@@ -209,6 +209,7 @@ pages:
 nav:
   what-is-dash: Cos'è Dash
   get-dash: Ottieni Dash
+  merchants: Merchants
   download: Scarica il portafoglio
   buy: Acquista Dash
   shop: Acquista con Dash

_i18n/pt.yml

@@ -207,6 +207,7 @@ pages:
 nav:
   what-is-dash: O que é Dash
   get-dash: Obter Dash
+  merchants: Merchants
   download: Download da Carteira
   buy: Compre Dash
   shop: Loja com Dash

_i18n/ru.yml

@@ -208,6 +208,7 @@ pages:
 nav:
   what-is-dash: Что такое Dash
   get-dash: Получить Dash
+  merchants: Merchants
   download: Скачать Кошелёк
   buy: Купить Dash
   shop: Потратить Dash

_includes/hero/merchants.html

@@ -0,0 +1,25 @@
+<div class="hero hero--space" id="hero">
+	<div class="hero__background">
+
+		<img src="{{ base }}/assets/img/hero/merchants.png" alt="" class="hero__background-image">
+
+	</div>
+
+	<!-- Navigation -->
+	{% include nav-desktop.html %}
+
+	<!-- Hero content -->
+	<div class="hero__content">
+		<h1 class="hero__title">{% t pages.merchants.hero-heading %}</h1>
+		<p class="hero__lead">{% t pages.merchants.hero-text %}</p>
+
+		<div class="hero__buttons">
+			<a href="https://mapme.com/dash-merchants" class="btn-white-solid">{% t pages.merchants.hero-map-btn %}</a>
+			<a href="#participate-mining" class="btn-white-solid">{% t pages.merchants.hero-integrate-btn %}</a>
+			<a href="#participate-budgets" class="btn-white-solid">{% t pages.merchants.hero-getlisted-btn %}</a>
+		</div>
+	</div>
+
+	<!-- Hero stripe -->
+	<div class="hero__stripe"></div>
+</div>

_includes/merchant-list.html

@@ -0,0 +1,22 @@
+<li class="member" data-mh="merchant">
+
+	<div class="merchant__avatar">
+		{% if merchant.image %}
+		<div class="merchant__image-wrapper">
+			<img class="merchant__image" src="/assets/img/team/{{ merchant.image }}" alt="{{ merchant.name }}">
+		</div>
+		{% else %}
+		<div class="merchant__image-wrapper">
+			<img class="merchant__image" src="/assets/img/team/anon.png" alt="{{ merchant.name }}">
+		</div>
+		{% endif %}
+	</div>
+
+	<div class="merchant__name" data-mh="merchant-name">{{ merchant.name }}</div>
+	<div class="merchant__title" data-mh="merchant-title">{{ merchant.title }}</div>
+
+	{% if merchant.url %}
+	<div class="merchant__detail merchant__detail--email"><a href="{{ merchant.url }}">{{ merchant.url }}</a></div>
+	{% endif %}
+
+</li>

_includes/nav-desktop.html

@@ -18,6 +18,7 @@
         <ul class="nav__list">
             <li class="nav__item"><a href="{{ basenav }}/" class="nav__link">{% t nav.what-is-dash %}</a></li>
             <li class="nav__item"><a href="{{ basenav }}/get-dash/" class="nav__link">{% t nav.get-dash %}</a></li>
+			<li class="nav__item"><a href="{{ basenav }}/merchants/" class="nav__link">{% t nav.merchants %}</a></li>
             <li class="nav__item"><a href="{{ basenav }}/participate/" class="nav__link">{% t nav.participate %}</a></li>
             <!-- <li class="nav__item"><a href="{{ basenav }}/currency/" class="nav__link">{% t nav.currency %}</a></li> -->
 			<li class="nav__item"><a href="{{ basenav }}/community/" class="nav__link">{% t nav.community %}</a></li>

_includes/nav-mobile.html

@@ -6,6 +6,7 @@
         <ul class="overlay-menu__list">
             <li class="overlay-menu__item"><a href="{{ basenav }}/" class="overlay-menu__link">{% t nav.what-is-dash %}</a></li>
             <li class="overlay-menu__item"><a href="{{ basenav }}/get-dash/" class="overlay-menu__link">{% t nav.get-dash %}</a></li>
+			<li class="overlay-menu__item"><a href="{{ basenav }}/merchants/" class="overlay-menu__link">{% t nav.merchants %}</a></li>
             <li class="overlay-menu__item"><a href="{{ basenav }}/participate/" class="overlay-menu__link">{% t nav.participate %}</a></li>
            <!--  <li class="overlay-menu__item"><a href="{{ basenav }}/currency/" class="overlay-menu__link">{% t nav.currency %}</a></li> -->
             <li class="overlay-menu__item"><a href="{{ basenav }}/community/" class="overlay-menu__link">{% t nav.community %}</a></li>

index.html

@@ -174,7 +174,7 @@ description: pages.home.description
 			</div>
 
 			<div>
-				<a href="{% t pages.home.merchants-join-link %}" class="btn-blue">{% t pages.home.merchants-btn %}</a>
+				<a href="/merchants/" class="btn-blue">{% t pages.home.merchants-btn %}</a>
 				<a href="{% t pages.home.merchants-link %}" class="btn-blue">{% t pages.home.merchants-join-btn %}</a>
 			</div>
 		</div>

merchants/index.html

@@ -0,0 +1,36 @@
+---
+layout: default
+title: pages.merchants.title
+description: pages.merchants.description
+---
+
+{% include hero/merchants.html %}
+
+<div class="page page--team">
+
+	<section class="section section--claim">
+
+		<div class="section__content content">
+			<div>
+				<h1>{% t pages.merchants.debit-cards-heading %}<a class="permalink" title="Permalink" id="social"></a></h1>
+			</div>
+			<ul class="member-list">
+				{% for merchant in site.data.merchants-stores %}
+					{% include merchant-list.html %}
+				{% endfor %}
+			</ul>
+		</div>
+
+		<div class="section__content content">
+			<div>
+				<h1>{% t pages.merchants.stores-heading %}<a class="permalink" title="Permalink" id="social"></a></h1>
+			</div>
+			<ul class="member-list">
+				{% for merchant in site.data.merchants-stores %}
+					{% include merchant-list.html %}
+				{% endfor %}
+			</ul>
+		</div>
+
+	</section>
+</div>