refactor(*): use ejs templates, change tags

This commit is contained in:
timhartmann 2019-06-25 13:30:53 +02:00
parent 9a9a3e8a5c
commit f984ea0dc2
19 changed files with 253 additions and 242 deletions

View File

@ -6,17 +6,27 @@
title: Keycard
description: Keycard is a new type of smartcard built with an open API for simple integration with crypto wallets and hardware. Designed to safely send, store, and receive cryptocurrencies in a seamless contactless experience.
author: Status Research & Development GmbH
language:
- en
- de
language: [en]
locale: en
i18n:
type: [page, post]
permalink_defaults:
lang: en
i18n_dir: :lang
menu:
Why: '#why'
Features: '#features'
Security: '#security'
Keycard API: '#keycard-api'
About us: /de/about-us
header:
menu:
why:
title: Why
features:
title: Features
security:
title: Security
keycard:
title: Keycard API
about:
title: About us
menubutton: Get Keycard
@ -25,55 +35,17 @@ menubutton: Get Keycard
url: https://keycard.status.im/
root: /
permalink: :year/:month/:day/:title/
# Writing
new_post_name: :title.md # File name of new posts
default_layout: post
render_drafts: false
post_asset_folder: true
future: true
highlight:
enable: true
line_number: true
auto_detect: false
tab_replace:
# Home page setting
# path: Root path for your blogs index page. (default = '')
# per_page: Posts displayed per page. (0 = disable pagination)
# order_by: Posts order. (Order by date descending by default)
index_generator:
path: ''
per_page: 10
order_by: -date
# Category & Tag
default_category: uncategorized
category_map:
tag_map:
# Date / Time format
## Hexo uses Moment.js to parse and display date
## You can customize the date format as defined in
## http://momentjs.com/docs/#/displaying/format/
date_format: YYYY-MM-DD
time_format: HH:mm:ss
# Pagination
## Set per_page to 0 to disable pagination
per_page: 10
pagination_dir: page
per_page: 0
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: keycard
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type:
autoprefixer:
enable: true
browsers:

View File

@ -10,6 +10,7 @@
"hexo-autoprefixer": "^2.0.0",
"hexo-generator-archive": "^0.1.5",
"hexo-generator-category": "^0.1.3",
"hexo-generator-i18n": "^0.0.7",
"hexo-generator-index": "^0.2.1",
"hexo-generator-tag": "^0.2.0",
"hexo-renderer-ejs": "^0.3.1",

10
scripts/helpers.js Normal file
View File

@ -0,0 +1,10 @@
hexo.extend.helper.register('show_lang', function (lang) {
if (this.page.lang != 'en') {
return '/' + this.page.lang;
}
});
hexo.extend.helper.register('lang_name', function(lang) {
var data = this.site.data.languages[lang];
return data.name || data;
});

View File

@ -1,3 +0,0 @@
title: About us
layout: about-us
---

View File

@ -1,2 +0,0 @@
title: Homepage
---

View File

@ -1,11 +1,16 @@
menu:
Warum: '#why'
Features: '#features'
Security: '#security'
Keycard API: '#keycard-api'
About us: /de/about-us
header:
menu:
why:
title: Warum
features:
title: Features
security:
title: Sicherheit
keycard:
title: Keycard API
about:
title: Über uns
title: Sicher, Kontaktlos, Open Source Geldbörse
button:
primary: Keycard erhalten

View File

@ -1,13 +1,18 @@
menu:
Why: '#why'
Features: '#features'
Security: '#security'
Keycard API: '#keycard-api'
About us: /about-us
menubutton: Get Keycard
header:
menu:
why:
title: Why
features:
title: Features
security:
title: Security
keycard:
title: Keycard API
about:
title: About us
title: Secure, Contactless, Open Source Hardwallet
subtitle: Keycard is a new type of smartcard built with an open API for simple integration with crypto wallets and hardware. Designed to safely send, store, and receive cryptocurrencies in a seamless contactless experience.
button:

View File

@ -3,11 +3,11 @@
<div class="o-constrained">
<div class="o-grid o-grid--centered">
<div class="o-grid__column-1-1 o-grid__column-large-1-2">
<img src="{{url_for('images/open-source-keyvisual.svg')}}" alt="">
<img src="<%= url_for('images/open-source-keyvisual.svg') %>" alt="">
</div>
<div class="o-grid__column-1-1 o-grid__column-large-1-2">
<h2 class="a-title">{{__('about.block.opensource.title')}}</h2>
<p class="a-subtitle">{{__('about.block.opensource.subtitle')}}</a></p>
<h2 class="a-title"><%- __('about.block.opensource.title') %></h2>
<p class="a-subtitle"><%- __('about.block.opensource.subtitle') %></a></p>
</div>
</div>
</div>
@ -15,126 +15,126 @@
<div class="o-row-xl">
<div class="o-constrained">
<div class="o-heading">
<h2 class="a-title">{{__('about.block.contributions.title')}}</h2>
<p class="a-subtitle">{{__('about.block.contributions.subtitle')}}</p>
<h2 class="a-title"><%- __('about.block.contributions.title') %></h2>
<p class="a-subtitle"><%- __('about.block.contributions.subtitle') %></p>
</div>
<div class="o-grid">
<div class="o-grid__column-1-1 o-grid__column-small-1-2 o-grid__column-large-1-3">
<div class="c-user">
<img src="{{url_for('images/andrea.jpg')}}" alt="" class="c-user__avatar">
<h3>{{__('about.block.contributions.people.a.title')}}</h3>
<p class="c-user__subtitle">{{__('about.block.contributions.people.a.job')}}</p>
<img src="<%= url_for('images/andrea.jpg') %>" alt="" class="c-user__avatar">
<h3><%- __('about.block.contributions.people.a.title') %></h3>
<p class="c-user__subtitle"><%- __('about.block.contributions.people.a.job') %></p>
<ul class="o-list">
<li>
<a href="https://github.com/gravityblast" target="_blank" title="{{__('about.block.contributions.people.githublinktext')}}">{{__('about.block.contributions.people.githublinktext')}}</a>
<a href="https://github.com/gravityblast" target="_blank" title="<%= __('about.block.contributions.people.githublinktext') %>"><%= __('about.block.contributions.people.githublinktext') %></a>
</li>
<li>
<a href="https://get.status.im/user/0x04b40ac542157ab4e6cf09a2bad5a12ade51d809cc079de1facaa45aaebfb272b0ed64b9b5275877f367127179d972149a294ecc2a78fc8d4688438f5730d8828a" target="_blank" title="{{__('about.block.contributions.people.statuslinktext')}}">{{__('about.block.contributions.people.statuslinktext')}}</a>
<a href="https://get.status.im/user/0x04b40ac542157ab4e6cf09a2bad5a12ade51d809cc079de1facaa45aaebfb272b0ed64b9b5275877f367127179d972149a294ecc2a78fc8d4688438f5730d8828a" target="_blank" title="<%= __('about.block.contributions.people.statuslinktext') %>"><%= __('about.block.contributions.people.statuslinktext') %></a>
</li>
</ul>
</div>
</div>
<div class="o-grid__column-1-1 o-grid__column-small-1-2 o-grid__column-large-1-3">
<div class="c-user">
<img src="{{url_for('images/dmitry.jpg')}}" alt="" class="c-user__avatar">
<h3>{{__('about.block.contributions.people.b.title')}}</h3>
<p class="c-user__subtitle">{{__('about.block.contributions.people.b.job')}}</p>
<img src="<%= url_for('images/dmitry.jpg') %>" alt="" class="c-user__avatar">
<h3><%- __('about.block.contributions.people.b.title') %></h3>
<p class="c-user__subtitle"><%- __('about.block.contributions.people.b.job') %></p>
<ul class="o-list">
<li>
<a href="https://github.com/dmitryn" target="_blank" title="{{__('about.block.contributions.people.githublinktext')}}">{{__('about.block.contributions.people.githublinktext')}}</a>
<a href="https://github.com/dmitryn" target="_blank" title="<%= __('about.block.contributions.people.githublinktext') %>"><%= __('about.block.contributions.people.githublinktext') %></a>
</li>
<li>
<a href="https://get.status.im/user/0x04e9f5fc19e3d0dfeb22a986a4134fa30b9d2e5d4131077c0195cb06ffe0719133ac9e1bf9115d2fe816ba0b5b51d679d56a29b3ff295c41fee7bd2eda4aa665e9" target="_blank" title="{{__('about.block.contributions.people.statuslinktext')}}">{{__('about.block.contributions.people.statuslinktext')}}</a>
<a href="https://get.status.im/user/0x04e9f5fc19e3d0dfeb22a986a4134fa30b9d2e5d4131077c0195cb06ffe0719133ac9e1bf9115d2fe816ba0b5b51d679d56a29b3ff295c41fee7bd2eda4aa665e9" target="_blank" title="<%= __('about.block.contributions.people.statuslinktext') %>"><%= __('about.block.contributions.people.statuslinktext') %></a>
</li>
</ul>
</div>
</div>
<div class="o-grid__column-1-1 o-grid__column-small-1-2 o-grid__column-large-1-3">
<div class="c-user">
<img src="{{url_for('images/guy.jpg')}}" alt="" class="c-user__avatar">
<h3>{{__('about.block.contributions.people.c.title')}}</h3>
<p class="c-user__subtitle">{{__('about.block.contributions.people.c.job')}}</p>
<img src="<%= url_for('images/guy.jpg') %>" alt="" class="c-user__avatar">
<h3><%- __('about.block.contributions.people.c.title') %></h3>
<p class="c-user__subtitle"><%- __('about.block.contributions.people.c.job') %></p>
<ul class="o-list">
<li>
<a href="https://github.com/guylouis" target="_blank" title="{{__('about.block.contributions.people.githublinktext')}}">{{__('about.block.contributions.people.githublinktext')}}</a>
<a href="https://github.com/guylouis" target="_blank" title="<%= __('about.block.contributions.people.githublinktext') %>"><%= __('about.block.contributions.people.githublinktext') %></a>
</li>
<li>
<a href="https://get.status.im/user/0x04204474d2e3d064c566e1a03a1c1d92902fd4b986c882d988f6632cbe0677c85116100af41a4b7467c01bd5a15121216616e273f4c3c77e3a99f936f9456a62f7" target="_blank" title="{{__('about.block.contributions.people.statuslinktext')}}">{{__('about.block.contributions.people.statuslinktext')}}</a>
<a href="https://get.status.im/user/0x04204474d2e3d064c566e1a03a1c1d92902fd4b986c882d988f6632cbe0677c85116100af41a4b7467c01bd5a15121216616e273f4c3c77e3a99f936f9456a62f7" target="_blank" title="<%= __('about.block.contributions.people.statuslinktext') %>"><%= __('about.block.contributions.people.statuslinktext') %></a>
</li>
</ul>
</div>
</div>
<div class="o-grid__column-1-1 o-grid__column-small-1-2 o-grid__column-large-1-3">
<div class="c-user">
<img src="{{url_for('images/michele.jpg')}}" alt="" class="c-user__avatar">
<h3>{{__('about.block.contributions.people.d.title')}}</h3>
<p class="c-user__subtitle">{{__('about.block.contributions.people.d.job')}}</p>
<img src="<%= url_for('images/michele.jpg') %>" alt="" class="c-user__avatar">
<h3><%- __('about.block.contributions.people.d.title') %></h3>
<p class="c-user__subtitle"><%- __('about.block.contributions.people.d.job') %></p>
<ul class="o-list">
<li>
<a href="https://github.com/bitgamma" target="_blank" title="{{__('about.block.contributions.people.githublinktext')}}">{{__('about.block.contributions.people.githublinktext')}}</a>
<a href="https://github.com/bitgamma" target="_blank" title="<%= __('about.block.contributions.people.githublinktext') %>"><%= __('about.block.contributions.people.githublinktext') %></a>
</li>
<li>
<a href="https://get.status.im/user/0x0472b0f0f58ef9f3275874bb72ab1db784486ec7bd68cda8f658410fbbf1427a9b384bc921299df1974f1786a83b6d515c2fe413273f593e5ecbd794dabd025292" target="_blank" title="{{__('about.block.contributions.people.statuslinktext')}}">{{__('about.block.contributions.people.statuslinktext')}}</a>
<a href="https://get.status.im/user/0x0472b0f0f58ef9f3275874bb72ab1db784486ec7bd68cda8f658410fbbf1427a9b384bc921299df1974f1786a83b6d515c2fe413273f593e5ecbd794dabd025292" target="_blank" title="<%= __('about.block.contributions.people.statuslinktext') %>"><%= __('about.block.contributions.people.statuslinktext') %></a>
</li>
</ul>
</div>
</div>
<div class="o-grid__column-1-1 o-grid__column-small-1-2 o-grid__column-large-1-3">
<div class="c-user">
<img src="{{url_for('images/denis.jpg')}}" alt="" class="c-user__avatar">
<h3>{{__('about.block.contributions.people.e.title')}}</h3>
<p class="c-user__subtitle">{{__('about.block.contributions.people.e.job')}}</p>
<img src="<%= url_for('images/denis.jpg') %>" alt="" class="c-user__avatar">
<h3><%- __('about.block.contributions.people.e.title') %></h3>
<p class="c-user__subtitle"><%- __('about.block.contributions.people.e.job') %></p>
<ul class="o-list">
<li>
<a href="https://github.com/denis-sharypin" target="_blank" title="{{__('about.block.contributions.people.githublinktext')}}">{{__('about.block.contributions.people.githublinktext')}}</a>
<a href="https://github.com/denis-sharypin" target="_blank" title="<%= __('about.block.contributions.people.githublinktext') %>"><%= __('about.block.contributions.people.githublinktext') %></a>
</li>
<li>
<a href="https://get.status.im/user/0x0432cf3e6b2c7d0f6aa3a1d92638e1515d86088be5315fe9e2a98c2497b321bd7180b3108c32fd33ce03ec75bf965d2b7d52a578835bdbc7da634de80fa2bdea40" target="_blank" title="{{__('about.block.contributions.people.statuslinktext')}}">{{__('about.block.contributions.people.statuslinktext')}}</a>
<a href="https://get.status.im/user/0x0432cf3e6b2c7d0f6aa3a1d92638e1515d86088be5315fe9e2a98c2497b321bd7180b3108c32fd33ce03ec75bf965d2b7d52a578835bdbc7da634de80fa2bdea40" target="_blank" title="<%= __('about.block.contributions.people.statuslinktext') %>"><%= __('about.block.contributions.people.statuslinktext') %></a>
</li>
</ul>
</div>
</div>
<div class="o-grid__column-1-1 o-grid__column-small-1-2 o-grid__column-large-1-3">
<div class="c-user">
<img src="{{url_for('images/anastasiya.jpg')}}" alt="" class="c-user__avatar">
<h3>{{__('about.block.contributions.people.f.title')}}</h3>
<p class="c-user__subtitle">{{__('about.block.contributions.people.f.job')}}</p>
<img src="<%= url_for('images/anastasiya.jpg') %>" alt="" class="c-user__avatar">
<h3><%- __('about.block.contributions.people.f.title') %></h3>
<p class="c-user__subtitle"><%- __('about.block.contributions.people.f.job') %></p>
<ul class="o-list">
<li>
<a href="https://github.com/asemiankevich" target="_blank" title="{{__('about.block.contributions.people.githublinktext')}}">{{__('about.block.contributions.people.githublinktext')}}</a>
<a href="https://github.com/asemiankevich" target="_blank" title="<%= __('about.block.contributions.people.githublinktext') %>"><%= __('about.block.contributions.people.githublinktext') %></a>
</li>
<li>
<a href="https://get.status.im/user/0x045efbcc044e5ae21ac3cf111ea6df6186e0cc50a2cd747f52a56d19ce516e683c66cb47f4b0a21110859aea9592dfba1e0bf4af11ff3eab995f844b3673643bf1" target="_blank" title="{{__('about.block.contributions.people.statuslinktext')}}">{{__('about.block.contributions.people.statuslinktext')}}</a>
<a href="https://get.status.im/user/0x045efbcc044e5ae21ac3cf111ea6df6186e0cc50a2cd747f52a56d19ce516e683c66cb47f4b0a21110859aea9592dfba1e0bf4af11ff3eab995f844b3673643bf1" target="_blank" title="<%= __('about.block.contributions.people.statuslinktext') %>"><%= __('about.block.contributions.people.statuslinktext') %></a>
</li>
</ul>
</div>
</div>
<div class="o-grid__column-1-1 o-grid__column-small-1-2 o-grid__column-large-1-3">
<div class="c-user">
<img src="{{url_for('images/goran.jpg')}}" alt="" class="c-user__avatar">
<h3>{{__('about.block.contributions.people.g.title')}}</h3>
<p class="c-user__subtitle">{{__('about.block.contributions.people.g.job')}}</p>
<img src="<%= url_for('images/goran.jpg') %>" alt="" class="c-user__avatar">
<h3><%- __('about.block.contributions.people.g.title') %></h3>
<p class="c-user__subtitle"><%- __('about.block.contributions.people.g.job') %></p>
<ul class="o-list">
<li>
<a href="https://github.com/goranjovic" target="_blank" title="{{__('about.block.contributions.people.githublinktext')}}">{{__('about.block.contributions.people.githublinktext')}}</a>
<a href="https://github.com/goranjovic" target="_blank" title="<%= __('about.block.contributions.people.githublinktext') %>"><%= __('about.block.contributions.people.githublinktext') %></a>
</li>
<li>
<a href="https://get.status.im/user/0x0433d71ffc16fdde2b36924d8786f50207130182d2ed592fc4de0ec92a9014a38377ae3e6b47cf604857e8b79254cf871e57b172c188687b44378b5ef6319ddbd5" target="_blank" title="{{__('about.block.contributions.people.statuslinktext')}}">{{__('about.block.contributions.people.statuslinktext')}}</a>
<a href="https://get.status.im/user/0x0433d71ffc16fdde2b36924d8786f50207130182d2ed592fc4de0ec92a9014a38377ae3e6b47cf604857e8b79254cf871e57b172c188687b44378b5ef6319ddbd5" target="_blank" title="<%= __('about.block.contributions.people.statuslinktext') %>"><%= __('about.block.contributions.people.statuslinktext') %></a>
</li>
</ul>
</div>
</div>
<div class="o-grid__column-1-1 o-grid__column-small-1-2 o-grid__column-large-1-3">
<div class="c-user">
<img src="{{url_for('images/hester.jpg')}}" alt="" class="c-user__avatar">
<h3>{{__('about.block.contributions.people.h.title')}}</h3>
<p class="c-user__subtitle">{{__('about.block.contributions.people.h.job')}}</p>
<img src="<%= url_for('images/hester.jpg') %>" alt="" class="c-user__avatar">
<h3><%- __('about.block.contributions.people.h.title') %></h3>
<p class="c-user__subtitle"><%- __('about.block.contributions.people.h.job') %></p>
<ul class="o-list">
<li>
<a href="https://github.com/hesterbruikman" target="_blank" title="{{__('about.block.contributions.people.githublinktext')}}">{{__('about.block.contributions.people.githublinktext')}}</a>
<a href="https://github.com/hesterbruikman" target="_blank" title="<%= __('about.block.contributions.people.githublinktext') %>"><%= __('about.block.contributions.people.githublinktext') %></a>
</li>
<li>
<a href="https://get.status.im/user/0x045f63aeab1acb3c0bc54d3665a6423c128139f7b9b217c532fbe8a2d0dbb4c6b51f3dfe5519f43a2cd60e4c57243599146ceab56a651f68b2067e840a606d3266" target="_blank" title="{{__('about.block.contributions.people.statuslinktext')}}">{{__('about.block.contributions.people.statuslinktext')}}</a>
<a href="https://get.status.im/user/0x045f63aeab1acb3c0bc54d3665a6423c128139f7b9b217c532fbe8a2d0dbb4c6b51f3dfe5519f43a2cd60e4c57243599146ceab56a651f68b2067e840a606d3266" target="_blank" title="<%= __('about.block.contributions.people.statuslinktext') %>"><%= __('about.block.contributions.people.statuslinktext') %></a>
</li>
</ul>
</div>

View File

@ -6,12 +6,12 @@
<div class="o-grid">
<div class="o-grid__column-1-1 o-grid__column-large-2-5">
<h2 class="a-title">
{{ __('home.block.ecosystem.title') }}
<%- __('home.block.ecosystem.title') %>
</h2>
<p class="a-subtitle">{{ __('home.block.ecosystem.subtitle') }}</p>
<p class="a-subtitle"><%- __('home.block.ecosystem.subtitle') %></p>
</div>
<div class="o-grid__column-1-1 o-grid__column-large-3-5 o-grid__column-large-offset">
<img src="{{url_for('images/ecosystem-keyvisual.svg')}}" alt="" class="js-inviewport-item a-push-top">
<img src="<%=url_for('images/ecosystem-keyvisual.svg')%>" alt="" class="js-inviewport-item a-push-top">
</div>
</div>
</div>
@ -21,7 +21,7 @@
<div class="o-constrained">
<div class="o-heading">
<h2 class="a-title">
{{ __('home.block.doing.title') }}
<%- __('home.block.doing.title') %>
</h2>
</div>
<div class="o-distance">
@ -49,8 +49,8 @@
</svg>
</span>
<div class="o-teaser__content">
<h3 class="a-paragraph">{{ __('home.block.doing.itemA.title') }}</h3>
<p>{{ __('home.block.doing.itemA.subtitle') }}</p>
<h3 class="a-paragraph"><%- __('home.block.doing.itemA.title') %></h3>
<p><%- __('home.block.doing.itemA.subtitle') %></p>
</div>
</div>
</div>
@ -67,8 +67,8 @@
</svg>
</span>
<div class="o-teaser__content">
<h3 class="a-paragraph">{{ __('home.block.doing.itemB.title') }}</h3>
<p>{{ __('home.block.doing.itemB.subtitle') }}</p>
<h3 class="a-paragraph"><%- __('home.block.doing.itemB.title') %></h3>
<p><%- __('home.block.doing.itemB.subtitle') %></p>
</div>
</div>
</div>
@ -83,8 +83,8 @@
</svg>
</span>
<div class="o-teaser__content">
<h3 class="a-paragraph">{{ __('home.block.doing.itemC.title') }}</h3>
<p>{{ __('home.block.doing.itemC.subtitle') }}</p>
<h3 class="a-paragraph"><%- __('home.block.doing.itemC.title') %></h3>
<p><%- __('home.block.doing.itemC.subtitle') %></p>
</div>
</div>
</div>
@ -99,8 +99,8 @@
</svg>
</span>
<div class="o-teaser__content">
<h3 class="a-paragraph">{{ __('home.block.doing.itemD.title') }}</h3>
<p>{{ __('home.block.doing.itemD.subtitle') }}</p>
<h3 class="a-paragraph"><%- __('home.block.doing.itemD.title') %></h3>
<p><%- __('home.block.doing.itemD.subtitle') %></p>
</div>
</div>
</div>
@ -121,8 +121,8 @@
</svg>
</span>
<div class="o-teaser__content">
<h3 class="a-paragraph">{{ __('home.block.doing.itemD.title') }}</h3>
<p>{{ __('home.block.doing.itemD.subtitle') }}</p>
<h3 class="a-paragraph"><%- __('home.block.doing.itemD.title') %></h3>
<p><%- __('home.block.doing.itemD.subtitle') %></p>
</div>
</div>
</div>
@ -136,14 +136,14 @@
<div class="c-ghostbox" id="security">
<div class="o-constrained">
<div class="o-heading">
<h2 class="a-title">{{ __('home.block.security.title') }}</h2>
<p class="a-subtitle">{{ __('home.block.security.subtitle') }}</p>
<h2 class="a-title"><%- __('home.block.security.title') %></h2>
<p class="a-subtitle"><%- __('home.block.security.subtitle') %></p>
</div>
<div class="o-grid">
<div class="o-grid__column-1-1 o-grid__column-large-1-2">
<img src="{{url_for('images/security-keyvisual.svg')}}" alt="" class="js-inviewport-item a-zoom">
<img src="<%=url_for('images/security-keyvisual.svg')%>" alt="" class="js-inviewport-item a-zoom">
<div class="o-center">
<a href="https://status.im/keycard_api/" title="{{ __('home.block.security.button') }}" class="a-button">{{ __('home.block.security.button') }}</a>
<a href="https://status.im/keycard_api/" title="<%= __('home.block.security.button') %>" class="a-button"><%= __('home.block.security.button') %></a>
</div>
</div>
<div class="o-grid__column-1-1 o-grid__column-large-1-2">
@ -154,7 +154,7 @@
<path d="M38.1053 18.11C37.992 18.0865 37.8903 18.0248 37.8174 17.9351C37.7444 17.8455 37.7046 17.7335 37.7047 17.618V13.5C37.7047 9.91958 36.2804 6.4858 33.745 3.95406C31.2096 1.42232 27.771 0 24.1854 0C20.5999 0 17.1612 1.42232 14.6258 3.95406C12.0905 6.4858 10.6661 9.91958 10.6661 13.5V17.618C10.6662 17.7335 10.6264 17.8455 10.5535 17.9351C10.4805 18.0248 10.3788 18.0865 10.2655 18.11C9.11478 18.3148 8.07256 18.9165 7.32071 19.8102C6.56886 20.7039 6.15511 21.8328 6.15165 23V43C6.15165 43.6566 6.28116 44.3068 6.5328 44.9134C6.78443 45.52 7.15325 46.0712 7.61821 46.5355C8.08317 46.9998 8.63515 47.3681 9.24265 47.6194C9.85014 47.8707 10.5013 48 11.1588 48H37.196C37.8535 48 38.5047 47.8707 39.1122 47.6194C39.7197 47.3681 40.2716 46.9998 40.7366 46.5355C41.2015 46.0712 41.5704 45.52 41.822 44.9134C42.0736 44.3068 42.2032 43.6566 42.2032 43V23C42.2004 21.8351 41.7889 20.708 41.0402 19.8146C40.2916 18.9213 39.2531 18.3181 38.1053 18.11ZM18.6695 25C18.6695 24.6022 18.8278 24.2206 19.1095 23.9393C19.3912 23.658 19.7733 23.5 20.1717 23.5H21.1731C21.3059 23.5 21.4333 23.4473 21.5272 23.3536C21.6211 23.2598 21.6738 23.1326 21.6738 23C21.6738 22.6022 21.8321 22.2206 22.1138 21.9393C22.3955 21.658 22.7776 21.5 23.176 21.5C23.5744 21.5 23.9564 21.658 24.2381 21.9393C24.5199 22.2206 24.6781 22.6022 24.6781 23C24.6781 23.1326 24.7309 23.2598 24.8248 23.3536C24.9187 23.4473 25.046 23.5 25.1788 23.5C26.6393 23.5011 28.0396 24.0809 29.0723 25.1121C30.105 26.1433 30.6856 27.5416 30.6867 29C30.6858 30.3555 30.1788 31.6619 29.2647 32.664C29.1816 32.7559 29.1357 32.8752 29.1357 32.999C29.1357 33.1228 29.1816 33.2421 29.2647 33.334C29.9794 34.1218 30.4494 35.0999 30.6176 36.1496C30.7858 37.1992 30.6449 38.275 30.212 39.2461C29.7791 40.2172 29.0729 41.0418 28.1793 41.6195C27.2858 42.1972 26.2433 42.5031 25.1788 42.5C25.046 42.5 24.9187 42.5527 24.8248 42.6464C24.7309 42.7402 24.6781 42.8674 24.6781 43C24.6781 43.3978 24.5199 43.7794 24.2381 44.0607C23.9564 44.342 23.5744 44.5 23.176 44.5C22.7776 44.5 22.3955 44.342 22.1138 44.0607C21.8321 43.7794 21.6738 43.3978 21.6738 43C21.6738 42.8674 21.6211 42.7402 21.5272 42.6464C21.4333 42.5527 21.3059 42.5 21.1731 42.5H20.1717C19.7733 42.5 19.3912 42.342 19.1095 42.0607C18.8278 41.7794 18.6695 41.3978 18.6695 41V25ZM15.6652 13.5C15.6652 11.2457 16.5621 9.08365 18.1584 7.48959C19.7547 5.89553 21.9198 5 24.1774 5C26.435 5 28.6001 5.89553 30.1964 7.48959C31.7927 9.08365 32.6896 11.2457 32.6896 13.5V17.5C32.6896 17.6326 32.6368 17.7598 32.5429 17.8536C32.449 17.9473 32.3216 18 32.1888 18H16.166C16.0332 18 15.9058 17.9473 15.8119 17.8536C15.718 17.7598 15.6652 17.6326 15.6652 17.5V13.5Z" fill="#09D9B9"/>
</svg>
<p>{{ __('home.block.security.itemA.title') }}</p>
<p><%- __('home.block.security.itemA.title') %></p>
</div>
<div class="o-distance">
<svg width="49" height="48" viewBox="0 0 49 48" class="icon" fill="none" xmlns="http://www.w3.org/2000/svg">
@ -162,7 +162,7 @@
<path d="M42.206 6C42.206 4.4087 41.573 2.88258 40.4461 1.75736C39.3193 0.632141 37.791 0 36.1974 0L12.1631 0C10.5695 0 9.04122 0.632141 7.91439 1.75736C6.78756 2.88258 6.15452 4.4087 6.15452 6V42C6.15452 43.5913 6.78756 45.1174 7.91439 46.2426C9.04122 47.3679 10.5695 48 12.1631 48H36.1974C37.791 48 39.3193 47.3679 40.4461 46.2426C41.573 45.1174 42.206 43.5913 42.206 42V6ZM24.1803 28C24.5764 28 24.9636 28.1173 25.293 28.3371C25.6224 28.5568 25.8791 28.8692 26.0307 29.2346C26.1823 29.6001 26.2219 30.0022 26.1446 30.3902C26.0674 30.7781 25.8766 31.1345 25.5965 31.4142C25.3164 31.6939 24.9595 31.8844 24.571 31.9616C24.1825 32.0387 23.7798 31.9991 23.4138 31.8478C23.0478 31.6964 22.735 31.44 22.515 31.1111C22.2949 30.7822 22.1774 30.3956 22.1774 30C22.1774 29.4696 22.3884 28.9609 22.764 28.5858C23.1396 28.2107 23.6491 28 24.1803 28ZM22.1774 21C22.1774 20.6044 22.2949 20.2178 22.515 19.8889C22.735 19.56 23.0478 19.3036 23.4138 19.1522C23.7798 19.0009 24.1825 18.9613 24.571 19.0384C24.9595 19.1156 25.3164 19.3061 25.5965 19.5858C25.8766 19.8655 26.0674 20.2219 26.1446 20.6098C26.2219 20.9978 26.1823 21.3999 26.0307 21.7654C25.8791 22.1308 25.6224 22.4432 25.293 22.6629C24.9636 22.8827 24.5764 23 24.1803 23C23.6491 23 23.1396 22.7893 22.764 22.4142C22.3884 22.0391 22.1774 21.5304 22.1774 21ZM33.1931 37.5C33.5915 37.5 33.9736 37.658 34.2553 37.9393C34.537 38.2206 34.6953 38.6022 34.6953 39C34.6953 39.3978 34.537 39.7794 34.2553 40.0607C33.9736 40.342 33.5915 40.5 33.1931 40.5H22.1774C21.779 40.5 21.3969 40.342 21.1152 40.0607C20.8335 39.7794 20.6753 39.3978 20.6753 39C20.6753 38.6022 20.8335 38.2206 21.1152 37.9393C21.3969 37.658 21.779 37.5 22.1774 37.5H33.1931ZM33.1931 32C32.797 32 32.4098 31.8827 32.0804 31.6629C31.751 31.4432 31.4943 31.1308 31.3427 30.7654C31.1912 30.3999 31.1515 29.9978 31.2288 29.6098C31.306 29.2219 31.4968 28.8655 31.7769 28.5858C32.057 28.3061 32.4139 28.1156 32.8024 28.0384C33.1909 27.9613 33.5936 28.0009 33.9596 28.1522C34.3256 28.3036 34.6384 28.56 34.8585 28.8889C35.0785 29.2178 35.196 29.6044 35.196 30C35.196 30.5304 34.985 31.0391 34.6094 31.4142C34.2338 31.7893 33.7243 32 33.1931 32ZM33.1931 23C32.797 23 32.4098 22.8827 32.0804 22.6629C31.751 22.4432 31.4943 22.1308 31.3427 21.7654C31.1912 21.3999 31.1515 20.9978 31.2288 20.6098C31.306 20.2219 31.4968 19.8655 31.7769 19.5858C32.057 19.3061 32.4139 19.1156 32.8024 19.0384C33.1909 18.9613 33.5936 19.0009 33.9596 19.1522C34.3256 19.3036 34.6384 19.56 34.8585 19.8889C35.0785 20.2178 35.196 20.6044 35.196 21C35.196 21.5304 34.985 22.0391 34.6094 22.4142C34.2338 22.7893 33.7243 23 33.1931 23ZM15.1674 32C14.7713 32 14.384 31.8827 14.0547 31.6629C13.7253 31.4432 13.4686 31.1308 13.317 30.7654C13.1654 30.3999 13.1257 29.9978 13.203 29.6098C13.2803 29.2219 13.4711 28.8655 13.7512 28.5858C14.0313 28.3061 14.3881 28.1156 14.7767 28.0384C15.1652 27.9613 15.5679 28.0009 15.9339 28.1522C16.2998 28.3036 16.6126 28.56 16.8327 28.8889C17.0528 29.2178 17.1703 29.6044 17.1703 30C17.1703 30.5304 16.9592 31.0391 16.5836 31.4142C16.208 31.7893 15.6986 32 15.1674 32ZM17.1703 39C17.1703 39.3956 17.0528 39.7822 16.8327 40.1111C16.6126 40.44 16.2998 40.6964 15.9339 40.8478C15.5679 40.9991 15.1652 41.0387 14.7767 40.9616C14.3881 40.8844 14.0313 40.6939 13.7512 40.4142C13.4711 40.1345 13.2803 39.7781 13.203 39.3902C13.1257 39.0022 13.1654 38.6001 13.317 38.2346C13.4686 37.8692 13.7253 37.5568 14.0547 37.3371C14.384 37.1173 14.7713 37 15.1674 37C15.6986 37 16.208 37.2107 16.5836 37.5858C16.9592 37.9609 17.1703 38.4696 17.1703 39ZM15.1674 23C14.7713 23 14.384 22.8827 14.0547 22.6629C13.7253 22.4432 13.4686 22.1308 13.317 21.7654C13.1654 21.3999 13.1257 20.9978 13.203 20.6098C13.2803 20.2219 13.4711 19.8655 13.7512 19.5858C14.0313 19.3061 14.3881 19.1156 14.7767 19.0384C15.1652 18.9613 15.5679 19.0009 15.9339 19.1522C16.2998 19.3036 16.6126 19.56 16.8327 19.8889C17.0528 20.2178 17.1703 20.6044 17.1703 21C17.1703 21.5304 16.9592 22.0391 16.5836 22.4142C16.208 22.7893 15.6986 23 15.1674 23ZM12.1631 4H36.1974C36.7286 4 37.2381 4.21071 37.6137 4.58579C37.9893 4.96086 38.2003 5.46957 38.2003 6V12.5C38.2003 12.6326 38.1475 12.7598 38.0536 12.8536C37.9597 12.9473 37.8324 13 37.6996 13H10.661C10.5282 13 10.4008 12.9473 10.3069 12.8536C10.213 12.7598 10.1602 12.6326 10.1602 12.5V6C10.1602 5.46957 10.3713 4.96086 10.7469 4.58579C11.1225 4.21071 11.6319 4 12.1631 4Z" fill="#09D9B9"/>
</svg>
<p>{{ __('home.block.security.itemB.title') }}</p>
<p><%- __('home.block.security.itemB.title') %></p>
</div>
</div>
</div>
@ -174,22 +174,22 @@
<div class="o-constrained">
<div class="o-grid">
<div class="o-grid__column-1-1 o-grid__column-large-1-2">
<h2 class="a-title">{{ __('home.block.opensource.title') }}</h2>
<p>{{ __('home.block.opensource.subtitle') }}</p>
<p>{{ __('home.block.opensource.text') }}</p>
<h2 class="a-title"><%- __('home.block.opensource.title') %></h2>
<p><%- __('home.block.opensource.subtitle') %></p>
<p><%- __('home.block.opensource.text') %></p>
<div class="o-distance-small">
<div class="o-actionbar">
<div class="o-actionbar__item">
<a href="https://status.im/keycard_api/" target="_blank" class="a-button a-button--negative">{{ __('home.block.opensource.button.primary')}}</a>
<a href="https://status.im/keycard_api/" target="_blank" class="a-button a-button--negative"><%- __('home.block.opensource.button.primary')%></a>
</div>
<div class="o-actionbar__item">
<a href="https://github.com/status-im/status-keycard" target="_blank" class="a-button a-button--negative">{{ __('home.block.opensource.button.secondary')}}</a>
<a href="https://github.com/status-im/status-keycard" target="_blank" class="a-button a-button--negative"><%- __('home.block.opensource.button.secondary')%></a>
</div>
</div>
</div>
</div>
<div class="o-grid__column-1-1 o-grid__column-large-1-2">
<img src="{{url_for('images/open-source-keyvisual.svg')}}" alt="" class="js-inviewport-item a-push-top">
<img src="<%= url_for('images/open-source-keyvisual.svg')%>" alt="" class="js-inviewport-item a-push-top">
</div>
</div>
</div>

View File

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html lang="<%= page.lang %>" dir="ltr">
<%- partial('partial/head') %>
<body>
<%- partial('partial/header') %>
<%- body %>
<%- partial('partial/footer') %>
</body>
</html>

View File

@ -1,11 +0,0 @@
<!DOCTYPE html>
<html lang="{{config.language}}" dir="ltr">
{{ partial('partial/head') }}
<body>
{{ partial('partial/header') }}
{{ body }}
{{ partial('partial/footer') }}
</body>
</html>

View File

@ -42,34 +42,34 @@
</ul>
</div>
<div class="o-grid__column-1-2 o-grid__column-large-1-4 o-grid__column-xlarge-1-5">
<p class="h6">{{__('footer.documentation.title')}}</p>
<p class="h6"><%= __('footer.documentation.title') %></p>
<ul class="o-list">
<li><a href="https://status.im/keycard_api/" target="_blank" title="{{__('footer.documentation.links.started')}}">{{__('footer.documentation.links.started')}}</a></li>
<li><a href="https://status.im/keycard_api/sdk_installation.html" title="{{__('footer.documentation.links.java')}}" target="_blank">{{__('footer.documentation.links.java')}}</a></li>
<li><a href="https://github.com/status-im/keycard-go/" title="{{__('footer.documentation.links.go')}}" target="_blank">{{__('footer.documentation.links.go')}}</a></li>
<li><a href="https://status.im/keycard_api/apdu_overview.html" title="{{__('footer.documentation.links.protocol')}}" target="_blank">{{__('footer.documentation.links.protocol')}}</a></li>
<li><a href="https://status.im/keycard_api/" target="_blank" title="<%= __('footer.documentation.links.started') %>"><%= __('footer.documentation.links.started') %></a></li>
<li><a href="https://status.im/keycard_api/sdk_installation.html" title="<%= __('footer.documentation.links.java') %>" target="_blank"><%= __('footer.documentation.links.java') %></a></li>
<li><a href="https://github.com/status-im/keycard-go/" title="<%= __('footer.documentation.links.go') %>" target="_blank"><%= __('footer.documentation.links.go') %></a></li>
<li><a href="https://status.im/keycard_api/apdu_overview.html" title="<%= __('footer.documentation.links.protocol') %>" target="_blank"><%= __('footer.documentation.links.protocol') %></a></li>
</ul>
</div>
<div class="o-grid__column-1-2 o-grid__column-large-1-4 o-grid__column-xlarge-1-5">
<p class="h6">{{__('footer.about.title')}}</p>
<p class="h6"><%= __('footer.about.title') %></p>
<ul class="o-list">
<li><a href="/about-us" target="_blanl" title="{{__('footer.about.links.team')}}">{{__('footer.about.links.team')}}</a></li>
<li><a href="" title="{{__('footer.about.links.opensource')}}" target="_blank">{{__('footer.about.links.opensource')}}</a></li>
<li><a href="/about-us" target="_blank" title="<%= __('footer.about.links.team') %>"><%= __('footer.about.links.team') %></a></li>
<li><a href="" title="<%= __('footer.about.links.opensource') %>" target="_blank"><%= __('footer.about.links.opensource') %></a></li>
</ul>
</div>
<div class="o-grid__column-1-2 o-grid__column-large-1-4 o-grid__column-xlarge-1-5">
<p class="h6">{{__('footer.resources.title')}}</p>
<p class="h6"><%= __('footer.resources.title') %></p>
<ul class="o-list">
<li><a href="http://get.status.im/chat/public/status-keycard" title="{{__('footer.resources.links.contact')}}" target="_blank">{{__('footer.resources.links.contact')}}</a></li>
<li><a href="https://status.im/privacy-policy.html" target="_blank" title="{{__('footer.resources.links.privacy')}}" target="_blank">{{__('footer.resources.links.privacy')}}</a></li>
<li><a href="http://get.status.im/chat/public/status-keycard" title="<%= __('footer.resources.links.contact') %>" target="_blank"><%= __('footer.resources.links.contact') %></a></li>
<li><a href="https://status.im/privacy-policy.html" target="_blank" title="<%= __('footer.resources.links.privacy') %>" target="_blank"><%= __('footer.resources.links.privacy') %></a></li>
</ul>
</div>
<div class="o-grid__column-1-2 o-grid__column-large-1-4 o-grid__column-xlarge-1-5">
<p class="h6">{{__('footer.status.title')}}</p>
<p class="h6"><%= __('footer.status.title') %></p>
<ul class="o-list">
<li><a href="https://status.im/" title="{{__('footer.status.links.status')}}" target="_blank">{{__('footer.status.links.status')}}</a></li>
<li><a href="https://embark.status.im/" title="{{__('footer.status.links.embark')}}" target="_blank">{{__('footer.status.links.embark')}}</a></li>
<li><a href="https://nimbus.status.im/" title="{{__('footer.status.links.nimbus')}}" target="_blank">{{__('footer.status.links.nimbus')}}</a></li>
<li><a href="https://status.im/" title="<%= __('footer.status.links.status') %>" target="_blank"><%= __('footer.status.links.status') %></a></li>
<li><a href="https://embark.status.im/" title="<%= __('footer.status.links.embark') %>" target="_blank"><%= __('footer.status.links.embark') %></a></li>
<li><a href="https://nimbus.status.im/" title="<%= __('footer.status.links.nimbus') %>" target="_blank"><%= __('footer.status.links.nimbus') %></a></li>
</ul>
</div>
</div>
@ -78,7 +78,7 @@
<div class="o-grid__column-1-1 o-grid__column-xlarge-1-5"></div>
<div class="o-grid__column-1-1 o-grid__column-xlarge-4-5">
<p class="o-vertical-alignment">
<span class="o-vertical-alignment__item">{{__('footer.bottomtext')}}</span>
<span class="o-vertical-alignment__item"><%= __('footer.bottomtext') %></span>
<img src="images/status-logo.svg" alt="Status" class="o-vertical-alignment__item">
</p>
</div>

View File

@ -0,0 +1,30 @@
<head prefix="og: http://ogp.me/ns#">
<meta charset="utf-8">
<title><% if (page.title) { %><%= __(page.title) %> | <% } %><%= __(config.title) %></title>
<meta name="description" content="<% if (page.description) { %><%= __(page.description) %> | <% } %><%= __(config.description) %>">
<meta http-equiv="X-UA-Compatible<% if (page.title) { %><%= __(page.title) %> | <% } %><%= __(config.title) %>" content="IE=Edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Canonical links -->
<link rel="canonical" href="<%= url %>">
<!-- Icon -->
<meta name="msapplication-TileColor" content="#080E1A">
<link rel="icon" type="image/png" href="<%= url_for('images/favicon-16.png') %>" sizes="16x16" />
<link rel="icon" type="image/png" href="<%= url_for('images/favicon-32.png') %>" sizes="32x32" />
<link rel="apple-touch-icon" sizes="76x76" href="<%= url_for('images/apple-touch-icon-60x60-precomposed.png') %>">
<link rel="apple-touch-icon" sizes="76x76" href="<%= url_for('images/apple-touch-icon-76x76-precomposed.png') %>">
<link rel="apple-touch-icon" sizes="120x120" href="<%= url_for('images/apple-touch-icon-120x120-precomposed.png') %>">
<link rel="apple-touch-icon" sizes="152x152" href="<%= url_for('images/apple-touch-icon-152x152-precomposed.png') %>">
<link rel="apple-touch-icon" sizes="180x180" href="<%= url_for('images/apple-touch-icon-precomposed.png') %>">
<link rel="apple-touch-icon" href="<%= url_for('images/apple-touch-icon-precomposed.png') %>">
<!-- CSS -->
<%- css('css/application') %>
<!-- endbuild -->
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
<meta property="og:image" content="/img/share.png?v=0.0.5" />
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.4/styles/dracula.min.css">
</head>
<body>

View File

@ -1,30 +0,0 @@
<head prefix="og: http://ogp.me/ns#">
<meta charset="utf-8">
<title>{% if page.title %}{{ __(page.title) }} | {% endif %}{{ __(config.title) }}</title>
<meta name="description" content="{% if page.description %}{{ __(page.description) }} | {% endif %}{{ __(config.description) }}">
<meta http-equiv="X-UA-Compatible{% if page.title %}{{ __(page.title) }} | {% endif %}{{ __(config.title) }}" content="IE=Edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Canonical links -->
<link rel="canonical" href="{{ url }}">
<!-- Icon -->
<meta name="msapplication-TileColor" content="#080E1A">
<link rel="icon" type="image/png" href="{{ url_for('images/favicon-16.png') }}" sizes="16x16" />
<link rel="icon" type="image/png" href="{{ url_for('images/favicon-32.png') }}" sizes="32x32" />
<link rel="apple-touch-icon" sizes="76x76" href="{{ url_for('images/apple-touch-icon-60x60-precomposed.png') }}">
<link rel="apple-touch-icon" sizes="76x76" href="{{ url_for('images/apple-touch-icon-76x76-precomposed.png') }}">
<link rel="apple-touch-icon" sizes="120x120" href="{{ url_for('images/apple-touch-icon-120x120-precomposed.png') }}">
<link rel="apple-touch-icon" sizes="152x152" href="{{ url_for('images/apple-touch-icon-152x152-precomposed.png') }}">
<link rel="apple-touch-icon" sizes="180x180" href="{{ url_for('images/apple-touch-icon-precomposed.png') }}">
<link rel="apple-touch-icon" href="{{ url_for('images/apple-touch-icon-precomposed.png') }}">
<!-- CSS -->
{{ css('css/application.css') }}
<!-- endbuild -->
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
<meta property="og:image" content="/img/share.png?v=0.0.5" />
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.4/styles/dracula.min.css">
</head>
<body>

View File

@ -0,0 +1,62 @@
<header role="banner" class="o-header">
<div class="c-whisperbox js-inviewport-item">
<div class="o-constrained">
<div class="o-header__top js-header">
<div><a href="<%- show_lang() %>/" class="a-logo">Keycard</a></div>
<nav role="navigation" class="o-navigation c-navigation">
<a href="#" class="c-navigation__trigger js-navigation-open">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon"><title>navigation-menu</title><rect x="0.5" y="2.5" width="23" height="3" rx="1" ry="1"/><rect x="0.5" y="10.5" width="23" height="3" rx="1" ry="1"/><rect x="0.5" y="18.5" width="23" height="3" rx="1" ry="1"/></svg>
</a>
<div class="o-navigation__list c-navigation__list js-navigation-list">
<a href="<%- show_lang() %>/" class="a-logo"></a>
<a href="#" class="o-navigation__close js-navigation-close">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon"><title>close</title><path d="M14.3,12.179a.25.25,0,0,1,0-.354l9.263-9.262A1.5,1.5,0,0,0,21.439.442L12.177,9.7a.25.25,0,0,1-.354,0L2.561.442A1.5,1.5,0,0,0,.439,2.563L9.7,11.825a.25.25,0,0,1,0,.354L.439,21.442a1.5,1.5,0,0,0,2.122,2.121L11.823,14.3a.25.25,0,0,1,.354,0l9.262,9.263a1.5,1.5,0,0,0,2.122-2.121Z"/></svg>
</a>
<a href="<%- show_lang() %>/#why" title="<%- __('header.menu.why.title') %>"
class="js-anchor-scroll o-navigation__item">
<%- __('header.menu.why.title') %>
</a>
<a href="<%- show_lang() %>/#features" title="<%- __('header.menu.features.title') %>"
class="js-anchor-scroll o-navigation__item">
<%- __('header.menu.features.title') %>
</a>
<a href="<%- show_lang() %>/#security" title="<%- __('header.menu.security.title') %>"
class="js-anchor-scroll o-navigation__item">
<%- __('header.menu.security.title') %>
</a>
<a href="<%- show_lang() %>/#keycard-api" title="<%- __('header.menu.keycard.title') %>"
class="js-anchor-scroll o-navigation__item">
<%- __('header.menu.keycard.title') %>
</a>
<a href="<%- show_lang() %><%- url_for('about-us') %>" title="<%- __('header.menu.about.title') %>"
class="o-navigation__item">
<%- __('header.menu.about.title') %>
</a>
<a href="https://getkeycard.status.im/" title="<%= __('menubutton') %>" class="o-navigation__item"><span class="a-button a-button--rounded"><%= __('menubutton') %></span></a>
</div>
</nav>
</div>
</div>
<div class="o-constrained">
<div class="o-header__body">
<div class="o-header__content">
<h1 class="a-title"><strong><%- __('header.title') %></strong></h1>
<p class="a-subtitle"><%- __('header.subtitle') %></p>
<div class="o-actionbar">
<div class="o-actionbar__item">
<a href="https://getkeycard.status.im/" class="a-button" title="<%= __('header.button.primary') %>"><%= __('header.button.primary') %></a>
</div>
<div class="o-actionbar__item">
<a href="https://status.im/keycard_api/" class="a-button a-button--ghost"><%= __('header.button.secondary') %></a>
</div>
</div>
</div>
<div class="o-header__keyvisual js-header-keyvisual">
<img src="<%= url_for('images/card-dark.svg') %>" alt="">
<img src="<%= url_for('images/card-light.svg') %>" alt="">
<img src="<%= url_for('images/card-colored.svg') %>" alt="">
</div>
</div>
</div>
</div>
</header>

View File

@ -1,46 +0,0 @@
<header role="banner" class="o-header">
<div class="c-whisperbox js-inviewport-item">
<div class="o-constrained">
<div class="o-header__top js-header">
<div><a href="{{ url_for(' ') }}" class="a-logo">Keycard</a></div>
<nav role="navigation" class="o-navigation c-navigation">
<a href="#" class="c-navigation__trigger js-navigation-open">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon"><title>navigation-menu</title><rect x="0.5" y="2.5" width="23" height="3" rx="1" ry="1"/><rect x="0.5" y="10.5" width="23" height="3" rx="1" ry="1"/><rect x="0.5" y="18.5" width="23" height="3" rx="1" ry="1"/></svg>
</a>
<div class="o-navigation__list c-navigation__list js-navigation-list">
<a href="{{ url_for(' ') }}" class="a-logo"></a>
<a href="#" class="o-navigation__close js-navigation-close">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon"><title>close</title><path d="M14.3,12.179a.25.25,0,0,1,0-.354l9.263-9.262A1.5,1.5,0,0,0,21.439.442L12.177,9.7a.25.25,0,0,1-.354,0L2.561.442A1.5,1.5,0,0,0,.439,2.563L9.7,11.825a.25.25,0,0,1,0,.354L.439,21.442a1.5,1.5,0,0,0,2.122,2.121L11.823,14.3a.25.25,0,0,1,.354,0l9.262,9.263a1.5,1.5,0,0,0,2.122-2.121Z"/></svg>
</a>
{% for title, link in theme.menu %}
<a href="{{link}}" title="{{title}}" class="js-anchor-scroll o-navigation__item">{{title}}</a>
{% endfor %}
<a href="https://getkeycard.status.im/" title="{{__('menubutton')}}" class="o-navigation__item"><span class="a-button a-button--rounded">{{__('menubutton')}}</span></a>
</div>
</nav>
</div>
</div>
<div class="o-constrained">
<div class="o-header__body">
<div class="o-header__content">
<h1 class="a-title"><strong>{{__('header.title')}}</strong></h1>
<p class="a-subtitle">{{__('header.subtitle')}}</p>
<div class="o-actionbar">
<div class="o-actionbar__item">
<a href="https://getkeycard.status.im/" class="a-button" title="{{__('header.button.primary')}}">{{__('header.button.primary')}}</a>
</div>
<div class="o-actionbar__item">
<a href="https://status.im/keycard_api/" class="a-button a-button--ghost">{{__('header.button.secondary')}}</a>
</div>
</div>
</div>
<div class="o-header__keyvisual js-header-keyvisual">
<img src="{{url_for('images/card-dark.svg')}}" alt="">
<img src="{{url_for('images/card-light.svg')}}" alt="">
<img src="{{url_for('images/card-colored.svg')}}" alt="">
</div>
</div>
</div>
</div>
</header>

View File

@ -1190,6 +1190,13 @@ hexo-generator-category@^0.1.3:
hexo-pagination "0.0.2"
object-assign "^2.0.0"
hexo-generator-i18n@^0.0.7:
version "0.0.7"
resolved "https://registry.yarnpkg.com/hexo-generator-i18n/-/hexo-generator-i18n-0.0.7.tgz#ab3c198bd80a0710011afc2e70c13c5b9ee6ec0c"
integrity sha1-qzwZi9gKBxABGvwucME8W57m7Aw=
dependencies:
lodash "^4.15.0"
hexo-generator-index@^0.2.1:
version "0.2.1"
resolved "https://registry.yarnpkg.com/hexo-generator-index/-/hexo-generator-index-0.2.1.tgz#9042229fcac79aaf700575da19332bf3f7ee5c5d"
@ -1750,7 +1757,7 @@ lodash.some@^4.4.0:
resolved "https://registry.yarnpkg.com/lodash.some/-/lodash.some-4.6.0.tgz#1bb9f314ef6b8baded13b549169b2a945eb68e4d"
integrity sha1-G7nzFO9ri63tE7VJFpsqlF62jk0=
lodash@^4.0.0, lodash@^4.17.11, lodash@^4.2.1, lodash@~4.17.10:
lodash@^4.0.0, lodash@^4.15.0, lodash@^4.17.11, lodash@^4.2.1, lodash@~4.17.10:
version "4.17.11"
resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.11.tgz#b39ea6229ef607ecd89e2c8df12536891cac9b8d"
integrity sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==