[Update] Merchants: Add grid and styles (WIP)

This commit is contained in:
0xfff 2016-11-14 00:28:47 +01:00
parent a32d788243
commit c2fdbc7e7e
6 changed files with 138 additions and 24 deletions

View file

@ -1,23 +1,23 @@
<li class="member" data-mh="merchant">
<div class="merchant__avatar">
<div class="member__avatar">
{% if merchant.image %}
<div class="merchant__image-wrapper">
<a href="{{ merchant.url }}" target="_blank" class="ctabox__link">
<img class="merchant__image" src="/assets/img/merchants/{{ merchant.image }}" alt="{{ merchant.name }}">
<div class="member__image-wrapper">
<a href="{{ merchant.url }}" target="_blank" class="member__link">
<img class="member__image" src="/assets/img/merchants/{{ merchant.image }}" alt="{{ merchant.name }}">
</a>
</div>
{% else %}
<div class="merchant__image-wrapper">
<a href="{{ merchant.url }}" target="_blank" class="ctabox__link">
<img class="merchant__image" src="/assets/img/merchant_generic_logo.png" alt="{{ merchant.name }}">
<div class="member__image-wrapper">
<a href="{{ merchant.url }}" target="_blank" class="member__link">
<img class="member__image" src="/assets/img/merchant_generic_logo.png" alt="{{ merchant.name }}">
</a>
</div>
{% endif %}
</div>
<div class="merchant__name" data-mh="merchant-name">{{ merchant.name }}</div>
<div class="member__name" data-mh="merchant-name">{{ merchant.name }}</div>
{% if merchant.title %}
<div class="merchant__title" data-mh="merchant-title">{{ merchant.title }}</div>
<div class="member__title" data-mh="merchant-title">{{ merchant.title }}</div>
{% endif %}
</li>

View file

@ -27,12 +27,12 @@
{% if page.layout != 'post' %}
<li class="nav__item nav__item--languages">
<a href="#" class="nav__link" style="text-transform:uppercase;">{{site.lang}} <span class="flag {% if 'en' == site.lang %}us{% else %}{{site.lang}}{% endif %}"></span></a>
<a href="#" class="nav__link" style="text-transform:uppercase;">{{site.lang}} <span class="flag {% if 'en' == site.lang %}gb{% else %}{{site.lang}}{% endif %}"></span></a>
<ul class="nav__sublist">
<!-- TODO: dynamically generate this list -->
<li class="nav__subitem">
<a href="{{ page.url }}" class="nav__link {% if site.lang == 'en' %}is-active{% endif %}">English <span class="flag us"></span></a>
<a href="{{ page.url }}" class="nav__link {% if site.lang == 'en' %}is-active{% endif %}">English <span class="flag gb"></span></a>
</li>
<li class="nav__subitem">
<a href="/es{{ page.url }}" class="nav__link {% if site.lang == 'es' %}is-active{% endif %}">Español <span class="flag es"></span></a>