(Update) GetDash: Add module infogrid / refactor page scss / add inverted navigation style 'black'

This commit is contained in:
0xfff 2016-09-26 22:43:04 +02:00
parent 69693de9a6
commit 1cfddb82c7
18 changed files with 500 additions and 160 deletions

View file

@ -1,4 +1,4 @@
<div class="hero" id="hero">
<div class="hero hero--light" id="hero">
<div id="background-video">
<video loop autoplay width="100%" height="auto" poster="{{ base }}/assets/img/hero/{% t pages.get-dash.hero-image %}" class="background-video">
<!-- <source src="assets/videos/Home-BG.m4v" type="video/mp4">
@ -8,14 +8,14 @@
</div>
<!-- Navigation -->
{% include nav-desktop.html %}
{% include nav-desktop.html logo-color='black' %}
<!-- Hero content -->
<div class="hero__content">
<h1 class="hero__title">{% t pages.get-dash.hero-heading %}</h1>
<p class="hero__lead">{% t pages.get-dash.hero-text %}</p>
<div class="hero__buttons">
<div class="hero__buttons hero__buttons--get-dash">
<a href="#" class="btn-blue-solid btn-large">{% t pages.get-dash.hero-download-btn %}</a>
</div>
<p class="hero__text">{% t pages.get-dash.hero-wallet-version %} (<a href="#" class="hero__link">{% t pages.get-dash.hero-wallet-version-select %}</a>)</p>
@ -26,4 +26,7 @@
<a href="#getdash-trade" class="btn-white-solid">{% t pages.get-dash.hero-trade-btn %}</a>
</div>
</div>
<!-- Hero stripe -->
<div class="hero__stripe hero__stripe--grey-blue"></div>
</div>

View file

@ -19,4 +19,7 @@
<a href="#" class="btn-blue-solid btn-large">{% t nav.get-dash %}</a>
</div>
</div>
<!-- Hero stripe -->
<div class="hero__stripe"></div>
</div>

View file

@ -13,7 +13,7 @@
<a href="{{ basenav }}" class="logo"><img class="logo__img" src="/assets/img/logo-{{ logo-color }}.png" alt="Dash"></a>
<nav class="nav">
<nav class="nav nav--{{ logo-color }}">
<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>
@ -22,7 +22,7 @@
<li class="nav__item"><a href="{{ basenav }}/community/" class="nav__link">{% t nav.community %}</a></li>
<li class="nav__item"><a href="{{ basenav }}/blog/" class="nav__link">{% t nav.blog %}</a></li>
<li class="nav__item"><a href="{{ basenav }}" class="nav__link">{% t nav.project %}</a></li>
{% if page.layout != 'post' %}
<li class="nav__item nav__item--languages">
<a href="#" class="nav__link">{{ site.lang }}</a>
@ -55,4 +55,4 @@
</ul>
</nav>
</header>
</header>