Simplifies layouts for wallet platforms and wallet details.

This commit is contained in:
Igor Kuzmenko 2017-07-17 22:22:39 +02:00
parent d3b7128f74
commit 7796794858
15 changed files with 177 additions and 71 deletions

View file

@ -0,0 +1,99 @@
---
# This file is licensed under the MIT License (MIT) available on
# http://opensource.org/licenses/MIT.
layout: wallet-platform-container
---
<div class="wallet">
<div class="wallet-logo-container">
<img class="wallet-logo" src="/img/wallet/{{ page.id }}.png" alt="{{ page.title }}" />
<h1>
{{ page.title }}
</h1>
</div>
<p class="wallet-description">
{% translate wallet{{page.id}} choose-your-wallet %}
</p>
<div class="wallet-platforms">
<div class="wallet-platforms-menu">
{% for platform in page.platform %}
{% for os in platform.os %}
<button>
<img src="/img/os/{{ os.name }}.png"
alt="{% translate platform{{os.name}} choose-your-wallet %}"
title="{% translate platform{{os.name}} choose-your-wallet %}" />
<span>{% translate platform{{os.name}} choose-your-wallet %}</span>
</button>
{% endfor %}
{% endfor %}
</div>
<div class="wallet-os-list">
{% for platform in page.platform %}
{% for os in platform.os %}
<div class="wallet-os-container" id="{{ os.name }}">
<div class="wallet-os-overview">
<div class="wallet-os-name">
<img src="/img/os/{{ os.name }}.png"
alt="{% translate platform{{os.name}} choose-your-wallet %}"
title="{% translate platform{{os.name}} choose-your-wallet %}" />
<h3>{% translate platform{{os.name}} choose-your-wallet %}</h3>
</div>
<div class="wallet-os-download-buttons">
{% if os.link == 'bitcoincore' %}
<a class="wallet-os-download-link" href="/{{ page.lang }}/{% translate download url %}">{% translate walletdownload choose-your-wallet %}</a>
{% elsif os.link contains 'play.google.com' or os.link contains 'itunes.apple.com' or os.link contains 'chrome.google.com' %}
<a class="wallet-os-download-link" href="{{ os.link }}">{% translate walletdownload choose-your-wallet %}</a>
{% else %}
<a class="wallet-os-download-link" href="{{ os.link }}">{% translate walletvisit choose-your-wallet %}</a>
{% endif %}
{% if os.source %}
<a class="wallet-os-source-link" href="{{ os.source }}"> {% translate walletsourcecode choose-your-wallet %}</a>
{% endif %}
</div>
<div class="wallet-os-checks">
{% for check in os.check %}
{% assign checkName = check[0] %}
{% assign checkValue = check[1] %}
<div class="check{{ checkName }} {% if checkValue contains "checkgood" %}checkgood{% elsif checkValue contains "checkpass" %}checkpass{% elsif checkValue contains "checkneutral" %}checkneutral{% else %}checkfail{% endif %}"
onclick="walletScoreListener(event);"
ontouchstart="walletScoreListener(event);">
<p class="wallet-os-check-title">
{% translate {{checkValue}} choose-your-wallet %}
</p>
<div class="wallet-os-check-help-icon"></div>
<div class="wallet-os-check-details">
<p>{% translate {{checkValue}}txt choose-your-wallet %}</p>
{% if checkName == 'privacy' and os.privacycheck %}
{% for privacycheck in os.privacycheck %}
<div class="check{{ privacycheck[0] }} {% if privacycheck[1] contains "checkgood" %}checkgood{% elsif privacycheck[1] contains "checkpass" %}checkpass{% elsif privacycheck[1] contains "checkneutral" %}checkneutral{% else %}checkfail{% endif %}">
<p>{% translate {{privacycheck[1]}} choose-your-wallet %}</p>
<p>{% translate {{privacycheck[1]}}txt choose-your-wallet %}</p>
</div>
{% endfor %}
{% endif %}
</div>
</div>
{% endfor %}
</div>
</div>
<div class="wallet-os-screenshot">
<img src="/img/screenshots/{{ os.screenshot }}" alt="screenshot">
</div>
</div>
{% endfor %}
{% endfor %}
</div>
</div>
<!--
<div>
</div>
</div>
-->
</div>