Hero content and variable i18n example.

This commit is contained in:
Perry Woodin 2016-07-12 13:02:45 -04:00
parent 63c812a569
commit 49629b0c18
15 changed files with 554 additions and 253 deletions

View file

@ -6,12 +6,21 @@ global:
pages:
home:
title: Official Website | Private Digital Currency
hero-h1: Dash is Digital Cash
hero-text: This is the hero text.
description: Dash is Digital Cash
hero-heading: Dash is Digital Cash
hero-text: The frist truly-decentralized digital money system<br />Meet Digital Cash
architecture-heading: Next-Gen Network Architecture
architecture-text:
<p>The core of Dash's unique technology is a 2-tier P2P network design that rewards users that hold Dash to host a type of supernode called a Masternode and host it 24/7 on dedicated hardware.</p>
<p>Masternodes work together in clusters and can't be faked like fullnodes in other digital currencies. This means they can provide new kinds of decentralized services, like instant transactions, anonymization and governance, without the threat of low-cost network attacks.</p>
governance-heading:
governance-text:
what-is-dash:
title: What is Dash
description:
get-dash:
title: Get Dash
hero-h1:
hero-text:
description:
nav:
what-is-dash: What is Dash
get-dash: Get Dash

21
_i18n/en/home/hero.html Normal file
View file

@ -0,0 +1,21 @@
<div id="hero">
<div id="background-video">
<video loop autoplay width="100%" height="auto" poster="/assets/img/dashorg-nodes.jpg" class="background-video">
<!-- <source src="assets/videos/Home-BG.m4v" type="video/mp4">
<source src="assets/videos/Home-BG.webm" type="video/webm">
<source src="assets/videos/Home-BG" type="video/ogg"> -->
</video>
</div>
<!-- Navigation -->
{% include nav-desktop.html %}
<!-- Hero content -->
<h1 class="content">{% t pages.home.hero-heading %}</h1>
<p class="content">{% t pages.home.hero-text %}</p>
<div class="content">
<a href="#" class="btn-blue">{% t nav.get-dash %}</a>
</div>
</div>

View file

@ -6,7 +6,6 @@ global:
pages:
home:
title: Web Oficial | Privada Moneda Digital
hero-h1: Dash es Efectivo Digital
hero-text: This is the hero text.
description:
nav:
what-is-dash: ¿Cuál es la Dash

21
_i18n/es/home/hero.html Normal file
View file

@ -0,0 +1,21 @@
<div id="hero">
<div id="background-video">
<video loop autoplay width="100%" height="auto" poster="/assets/img/dashorg-nodes.jpg" class="background-video">
<!-- <source src="assets/videos/Home-BG.m4v" type="video/mp4">
<source src="assets/videos/Home-BG.webm" type="video/webm">
<source src="assets/videos/Home-BG" type="video/ogg"> -->
</video>
</div>
<!-- Navigation -->
{% include nav-desktop.html %}
<!-- Hero content -->
<h1 class="content">{% t pages.home.hero-heading %}</h1>
<p class="content">{% t pages.home.hero-text %}</p>
<div class="content">
<a href="#" class="btn-blue">{% t nav.get-dash %}</a>
</div>
</div>

View file

@ -1,13 +1,25 @@
<nav class="desktop">
<div id="top" class="content">
<a href="#"><img src="/assets/img/logo-white.png" alt="Dash" class="logo"></a>
<nav class="desktop">
<ul>
<li><a href="#">{% t nav.what-is-dash %}</a></li>
<li><a href="#">{% t nav.get-dash %}</a></li>
<li><a href="#">{% t nav.participate %}</a></li>
<li><a href="#">{% t nav.currency %}</a></li>
<li><a href="#">{% t nav.community %}</a></li>
<li><a href="#">{% t nav.blog %}</a></li>
<li><a href="#">{% t nav.project %}</a></li>
<li><a href="#">{% t global.english %}</a></li>
<li><a href="#">{% t nav.search %}</a></li>
<li><a href="{{ site.baseurl_root }}what-is-dash/">{% t nav.what-is-dash %}</a></li>
<li><a href="{{ site.baseurl_root }}">{% t nav.get-dash %}</a></li>
<li><a href="{{ site.baseurl_root }}">{% t nav.participate %}</a></li>
<li><a href="{{ site.baseurl_root }}">{% t nav.currency %}</a></li>
<li><a href="{{ site.baseurl_root }}">{% t nav.community %}</a></li>
<li><a href="{{ site.baseurl_root }}">{% t nav.blog %}</a></li>
<li><a href="{{ site.baseurl_root }}">{% t nav.project %}</a></li>
<li><a href="{{ site.baseurl_root }}">{% t global.english %}</a></li>
<li><a href="{{ site.baseurl_root }}" title="{% t nav.search %}">S</a></li>
</ul>
</nav>
</nav>
<div class="button_container" id="toggle">
<span class="top"></span>
<span class="middle"></span>
<span class="bottom"></span>
</div>
<span class="clear"></span>
</div>

View file

@ -1,12 +1,12 @@
<nav class="overlay-menu">
<ul>
<li><a href="#">{% t nav.what-is-dash %}</a></li>
<li><a href="#">{% t nav.get-dash %}</a></li>
<li><a href="#">{% t nav.participate %}</a></li>
<li><a href="#">{% t nav.currency %}</a></li>
<li><a href="#">{% t nav.community %}</a></li>
<li><a href="#">{% t nav.blog %}</a></li>
<li><a href="#">{% t nav.project %}</a></li>
<li><a href="#">{% t global.english %}</a></li>
<li><a href="{{ site.baseurl_root }}">{% t nav.what-is-dash %}</a></li>
<li><a href="{{ site.baseurl_root }}">{% t nav.get-dash %}</a></li>
<li><a href="{{ site.baseurl_root }}">{% t nav.participate %}</a></li>
<li><a href="{{ site.baseurl_root }}">{% t nav.currency %}</a></li>
<li><a href="{{ site.baseurl_root }}">{% t nav.community %}</a></li>
<li><a href="{{ site.baseurl_root }}">{% t nav.blog %}</a></li>
<li><a href="{{ site.baseurl_root }}">{% t nav.project %}</a></li>
<li><a href="{{ site.baseurl_root }}">{% t global.english %}</a></li>
</ul>
</nav>

View file

@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<title>{% if page.title %}{% t page.title %} &mdash; {% endif %}Dash</title>
<meta name="description" content="{{ page.description }}">
<meta name="description" content="{% t page.description %}">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
@ -34,34 +34,6 @@
<body>
<!-- Hero -->
<div id="hero">
<div id="background-video">
<video loop autoplay width="100%" height="auto" poster="assets/img/Home-BG.jpg" class="background-video">
<!-- <source src="assets/videos/Home-BG.m4v" type="video/mp4">
<source src="assets/videos/Home-BG.webm" type="video/webm">
<source src="assets/videos/Home-BG" type="video/ogg"> -->
</video>
</div>
<div id="top" class="content">
<a href="#"><img src="/assets/img/logo-white.png" alt="Dash" class="logo"></a>
<!-- Navigation -->
{% include nav-desktop.html %}
<div class="button_container" id="toggle">
<span class="top"></span>
<span class="middle"></span>
<span class="bottom"></span>
</div>
<span class="clear"></span>
</div>
<h1 class="content">{% t pages.home.hero-h1 %}</h1>
<p class="content">{% t pages.home.hero-text %}</p>
<div class="content">
<a href="#" class="btn-blue">{% t nav.get-dash %}</a>
</div>
</div>
{{ content }}

View file

@ -34,32 +34,33 @@
<body>
<!-- Hero -->
<div id="hero">
<div id="background-video">
<video loop autoplay width="100%" height="auto" poster="assets/img/Home-BG.jpg" class="background-video">
<video loop autoplay width="100%" height="auto" poster="/assets/img/dashorg-nodes.jpg" class="background-video">
<!-- <source src="assets/videos/Home-BG.m4v" type="video/mp4">
<source src="assets/videos/Home-BG.webm" type="video/webm">
<source src="assets/videos/Home-BG" type="video/ogg"> -->
</video>
</div>
<!-- Navigation -->
<div id="top" class="content">
<a href="#"><img src="/assets/img/logo-white.png" alt="Dash" class="logo"></a>
<!-- Navigation -->
<nav class="desktop">
<ul>
<li><a href="#">¿Cuál es la Dash</a></li>
<li><a href="#">Get Dash</a></li>
<li><a href="#">Participate</a></li>
<li><a href="#">Currency</a></li>
<li><a href="#">Community</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Project</a></li>
<li><a href="#">English</a></li>
<li><a href="#">Search</a></li>
<li><a href="what-is-dash/">¿Cuál es la Dash</a></li>
<li><a href="">Get Dash</a></li>
<li><a href="">Participate</a></li>
<li><a href="">Currency</a></li>
<li><a href="">Community</a></li>
<li><a href="">Blog</a></li>
<li><a href="">Project</a></li>
<li><a href="">English</a></li>
<li><a href="" title="Search">S</a></li>
</ul>
</nav>
</nav>
<div class="button_container" id="toggle">
<span class="top"></span>
@ -67,15 +68,27 @@
<span class="bottom"></span>
</div>
<span class="clear"></span>
</div>
<h1 class="content">Dash es Efectivo Digital</h1>
<p class="content">This is the hero text.</p>
</div>
<!-- Hero content -->
<h1 class="content">Dash is Digital Cash</h1>
<p class="content">The frist truly-decentralized digital money system<br />Meet Digital Cash</p>
<div class="content">
<a href="#" class="btn-blue">Get Dash</a>
</div>
</div>
<!-- <div class="intro-header">
</div>
<div class="content">
Next-Gen Network Architecture
<p>The core of Dash's unique technology is a 2-tier P2P network design that rewards users that hold Dash to host a type of supernode called a Masternode and host it 24/7 on dedicated hardware.</p> <p>Masternodes work together in clusters and can't be faked like fullnodes in other digital currencies. This means they can provide new kinds of decentralized services, like instant transactions, anonymization and governance, without the threat of low-cost network attacks.</p>
</div>
<!-- <div class="intro-header">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
@ -376,14 +389,14 @@
<a href="/"><img src="/assets/img/logo-white.png" alt="Dash" class="logo"></a>
<nav class="overlay-menu">
<ul>
<li><a href="#">¿Cuál es la Dash</a></li>
<li><a href="#">Get Dash</a></li>
<li><a href="#">Participate</a></li>
<li><a href="#">Currency</a></li>
<li><a href="#">Community</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Project</a></li>
<li><a href="#">English</a></li>
<li><a href="">¿Cuál es la Dash</a></li>
<li><a href="">Get Dash</a></li>
<li><a href="">Participate</a></li>
<li><a href="">Currency</a></li>
<li><a href="">Community</a></li>
<li><a href="">Blog</a></li>
<li><a href="">Project</a></li>
<li><a href="">English</a></li>
</ul>
</nav>
</div>

View file

@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<title> &mdash; Dash</title>
<meta name="description" content="Participate">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
@ -34,46 +34,6 @@
<body>
<!-- Hero -->
<div id="hero">
<div id="background-video">
<video loop autoplay width="100%" height="auto" poster="assets/img/Home-BG.jpg" class="background-video">
<!-- <source src="assets/videos/Home-BG.m4v" type="video/mp4">
<source src="assets/videos/Home-BG.webm" type="video/webm">
<source src="assets/videos/Home-BG" type="video/ogg"> -->
</video>
</div>
<div id="top" class="content">
<a href="#"><img src="/assets/img/logo-white.png" alt="Dash" class="logo"></a>
<!-- Navigation -->
<nav class="desktop">
<ul>
<li><a href="#">¿Cuál es la Dash</a></li>
<li><a href="#">Get Dash</a></li>
<li><a href="#">Participate</a></li>
<li><a href="#">Currency</a></li>
<li><a href="#">Community</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Project</a></li>
<li><a href="#">English</a></li>
<li><a href="#">Search</a></li>
</ul>
</nav>
<div class="button_container" id="toggle">
<span class="top"></span>
<span class="middle"></span>
<span class="bottom"></span>
</div>
<span class="clear"></span>
</div>
<h1 class="content">Dash es Efectivo Digital</h1>
<p class="content">This is the hero text.</p>
<div class="content">
<a href="#" class="btn-blue">Get Dash</a>
</div>
</div>
<div class="intro-header">
<div class="container-fluid">
@ -216,14 +176,14 @@
<a href="/"><img src="/assets/img/logo-white.png" alt="Dash" class="logo"></a>
<nav class="overlay-menu">
<ul>
<li><a href="#">¿Cuál es la Dash</a></li>
<li><a href="#">Get Dash</a></li>
<li><a href="#">Participate</a></li>
<li><a href="#">Currency</a></li>
<li><a href="#">Community</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Project</a></li>
<li><a href="#">English</a></li>
<li><a href="">¿Cuál es la Dash</a></li>
<li><a href="">Get Dash</a></li>
<li><a href="">Participate</a></li>
<li><a href="">Currency</a></li>
<li><a href="">Community</a></li>
<li><a href="">Blog</a></li>
<li><a href="">Project</a></li>
<li><a href="">English</a></li>
</ul>
</nav>
</div>

View file

@ -0,0 +1,150 @@
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>What is Dash &mdash; Dash</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<link rel="apple-touch-icon" sizes="57x57" href="/assets/images/favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/assets/images/favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/assets/images/favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/assets/images/favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/assets/images/favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/assets/images/favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/assets/images/favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/assets/images/favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/images/favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/assets/images/favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/assets/images/favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicon/favicon-16x16.png">
<link rel="manifest" href="/assets/images/favicon/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/assets/images/favicon/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" type="text/css" href="/assets/css/style.css">
<!-- JavaScript -->
<script src="//cdn.jsdelivr.net/lodash/4.12.0/lodash.min.js"></script>
<script src="/assets/js/moment.min.js"></script>
<script src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
</head>
<body>
<div id="hero">
<div id="background-video">
<video loop autoplay width="100%" height="auto" poster="/assets/img/dashorg-nodes.jpg" class="background-video">
<!-- <source src="assets/videos/Home-BG.m4v" type="video/mp4">
<source src="assets/videos/Home-BG.webm" type="video/webm">
<source src="assets/videos/Home-BG" type="video/ogg"> -->
</video>
</div>
<!-- Navigation -->
<div id="top" class="content">
<a href="#"><img src="/assets/img/logo-white.png" alt="Dash" class="logo"></a>
<nav class="desktop">
<ul>
<li><a href="what-is-dash/">¿Cuál es la Dash</a></li>
<li><a href="">Get Dash</a></li>
<li><a href="">Participate</a></li>
<li><a href="">Currency</a></li>
<li><a href="">Community</a></li>
<li><a href="">Blog</a></li>
<li><a href="">Project</a></li>
<li><a href="">English</a></li>
<li><a href="" title="Search">S</a></li>
</ul>
</nav>
<div class="button_container" id="toggle">
<span class="top"></span>
<span class="middle"></span>
<span class="bottom"></span>
</div>
<span class="clear"></span>
</div>
<!-- Hero content -->
<h1 class="content">Dash is Digital Cash</h1>
<p class="content">The frist truly-decentralized digital money system<br />Meet Digital Cash</p>
<div class="content">
<a href="#" class="btn-blue">Get Dash</a>
</div>
</div>
<div class="content">
What is dash page.
</div>
<!-- Footer -->
<footer class="content">
This is the footer
</footer>
<!-- Mobile Nav -->
<div class="overlay" id="overlay">
<a href="/"><img src="/assets/img/logo-white.png" alt="Dash" class="logo"></a>
<nav class="overlay-menu">
<ul>
<li><a href="">¿Cuál es la Dash</a></li>
<li><a href="">Get Dash</a></li>
<li><a href="">Participate</a></li>
<li><a href="">Currency</a></li>
<li><a href="">Community</a></li>
<li><a href="">Blog</a></li>
<li><a href="">Project</a></li>
<li><a href="">English</a></li>
</ul>
</nav>
</div>
<script src="/assets/js/full-menu.js"></script>
<script>
function windowPopup(url, width, height) {
// Calculate the position of the popup so
// its centered on the screen.
var left = (screen.width / 2) - (width / 2),
top = (screen.height / 2) - (height / 2);
window.open(
url,
"",
"menubar=no,toolbar=no,resizable=yes,scrollbars=yes,width=" + width + ",height=" + height + ",top=" + top + ",left=" + left
);
}
//jQuery
$(".js-social-share").on("click", function(e) {
e.preventDefault();
windowPopup($(this).attr("href"), 500, 300);
});
// Vanilla JavaScript
var jsSocialShares = document.querySelectorAll(".js-social-share");
if (jsSocialShares) {
[].forEach.call(jsSocialShares, function(anchor) {
anchor.addEventListener("click", function(e) {
e.preventDefault();
windowPopup(this.href, 500, 300);
});
});
}
</script>
</body>
</html>

View file

@ -34,32 +34,33 @@
<body>
<!-- Hero -->
<div id="hero">
<div id="background-video">
<video loop autoplay width="100%" height="auto" poster="assets/img/Home-BG.jpg" class="background-video">
<video loop autoplay width="100%" height="auto" poster="/assets/img/dashorg-nodes.jpg" class="background-video">
<!-- <source src="assets/videos/Home-BG.m4v" type="video/mp4">
<source src="assets/videos/Home-BG.webm" type="video/webm">
<source src="assets/videos/Home-BG" type="video/ogg"> -->
</video>
</div>
<!-- Navigation -->
<div id="top" class="content">
<a href="#"><img src="/assets/img/logo-white.png" alt="Dash" class="logo"></a>
<!-- Navigation -->
<nav class="desktop">
<ul>
<li><a href="#">What is Dash</a></li>
<li><a href="#">Get Dash</a></li>
<li><a href="#">Participate</a></li>
<li><a href="#">Currency</a></li>
<li><a href="#">Community</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Project</a></li>
<li><a href="#">English</a></li>
<li><a href="#">Search</a></li>
<li><a href="what-is-dash/">What is Dash</a></li>
<li><a href="">Get Dash</a></li>
<li><a href="">Participate</a></li>
<li><a href="">Currency</a></li>
<li><a href="">Community</a></li>
<li><a href="">Blog</a></li>
<li><a href="">Project</a></li>
<li><a href="">English</a></li>
<li><a href="" title="Search">S</a></li>
</ul>
</nav>
</nav>
<div class="button_container" id="toggle">
<span class="top"></span>
@ -67,15 +68,27 @@
<span class="bottom"></span>
</div>
<span class="clear"></span>
</div>
</div>
<!-- Hero content -->
<h1 class="content">Dash is Digital Cash</h1>
<p class="content">This is the hero text.</p>
<p class="content">The frist truly-decentralized digital money system<br />Meet Digital Cash</p>
<div class="content">
<a href="#" class="btn-blue">Get Dash</a>
</div>
</div>
<!-- <div class="intro-header">
</div>
<div class="content">
Next-Gen Network Architecture
<p>The core of Dash's unique technology is a 2-tier P2P network design that rewards users that hold Dash to host a type of supernode called a Masternode and host it 24/7 on dedicated hardware.</p> <p>Masternodes work together in clusters and can't be faked like fullnodes in other digital currencies. This means they can provide new kinds of decentralized services, like instant transactions, anonymization and governance, without the threat of low-cost network attacks.</p>
</div>
<!-- <div class="intro-header">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
@ -373,14 +386,14 @@
<a href="/"><img src="/assets/img/logo-white.png" alt="Dash" class="logo"></a>
<nav class="overlay-menu">
<ul>
<li><a href="#">What is Dash</a></li>
<li><a href="#">Get Dash</a></li>
<li><a href="#">Participate</a></li>
<li><a href="#">Currency</a></li>
<li><a href="#">Community</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Project</a></li>
<li><a href="#">English</a></li>
<li><a href="">What is Dash</a></li>
<li><a href="">Get Dash</a></li>
<li><a href="">Participate</a></li>
<li><a href="">Currency</a></li>
<li><a href="">Community</a></li>
<li><a href="">Blog</a></li>
<li><a href="">Project</a></li>
<li><a href="">English</a></li>
</ul>
</nav>
</div>

View file

@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<title> &mdash; Dash</title>
<meta name="description" content="Participate">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
@ -34,46 +34,6 @@
<body>
<!-- Hero -->
<div id="hero">
<div id="background-video">
<video loop autoplay width="100%" height="auto" poster="assets/img/Home-BG.jpg" class="background-video">
<!-- <source src="assets/videos/Home-BG.m4v" type="video/mp4">
<source src="assets/videos/Home-BG.webm" type="video/webm">
<source src="assets/videos/Home-BG" type="video/ogg"> -->
</video>
</div>
<div id="top" class="content">
<a href="#"><img src="/assets/img/logo-white.png" alt="Dash" class="logo"></a>
<!-- Navigation -->
<nav class="desktop">
<ul>
<li><a href="#">What is Dash</a></li>
<li><a href="#">Get Dash</a></li>
<li><a href="#">Participate</a></li>
<li><a href="#">Currency</a></li>
<li><a href="#">Community</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Project</a></li>
<li><a href="#">English</a></li>
<li><a href="#">Search</a></li>
</ul>
</nav>
<div class="button_container" id="toggle">
<span class="top"></span>
<span class="middle"></span>
<span class="bottom"></span>
</div>
<span class="clear"></span>
</div>
<h1 class="content">Dash is Digital Cash</h1>
<p class="content">This is the hero text.</p>
<div class="content">
<a href="#" class="btn-blue">Get Dash</a>
</div>
</div>
<div class="intro-header">
<div class="container-fluid">
@ -216,14 +176,14 @@
<a href="/"><img src="/assets/img/logo-white.png" alt="Dash" class="logo"></a>
<nav class="overlay-menu">
<ul>
<li><a href="#">What is Dash</a></li>
<li><a href="#">Get Dash</a></li>
<li><a href="#">Participate</a></li>
<li><a href="#">Currency</a></li>
<li><a href="#">Community</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Project</a></li>
<li><a href="#">English</a></li>
<li><a href="">What is Dash</a></li>
<li><a href="">Get Dash</a></li>
<li><a href="">Participate</a></li>
<li><a href="">Currency</a></li>
<li><a href="">Community</a></li>
<li><a href="">Blog</a></li>
<li><a href="">Project</a></li>
<li><a href="">English</a></li>
</ul>
</nav>
</div>

View file

@ -0,0 +1,150 @@
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>What is Dash &mdash; Dash</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<link rel="apple-touch-icon" sizes="57x57" href="/assets/images/favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/assets/images/favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/assets/images/favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/assets/images/favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/assets/images/favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/assets/images/favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/assets/images/favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/assets/images/favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/images/favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/assets/images/favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/assets/images/favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicon/favicon-16x16.png">
<link rel="manifest" href="/assets/images/favicon/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/assets/images/favicon/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" type="text/css" href="/assets/css/style.css">
<!-- JavaScript -->
<script src="//cdn.jsdelivr.net/lodash/4.12.0/lodash.min.js"></script>
<script src="/assets/js/moment.min.js"></script>
<script src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
</head>
<body>
<div id="hero">
<div id="background-video">
<video loop autoplay width="100%" height="auto" poster="/assets/img/dashorg-nodes.jpg" class="background-video">
<!-- <source src="assets/videos/Home-BG.m4v" type="video/mp4">
<source src="assets/videos/Home-BG.webm" type="video/webm">
<source src="assets/videos/Home-BG" type="video/ogg"> -->
</video>
</div>
<!-- Navigation -->
<div id="top" class="content">
<a href="#"><img src="/assets/img/logo-white.png" alt="Dash" class="logo"></a>
<nav class="desktop">
<ul>
<li><a href="what-is-dash/">What is Dash</a></li>
<li><a href="">Get Dash</a></li>
<li><a href="">Participate</a></li>
<li><a href="">Currency</a></li>
<li><a href="">Community</a></li>
<li><a href="">Blog</a></li>
<li><a href="">Project</a></li>
<li><a href="">English</a></li>
<li><a href="" title="Search">S</a></li>
</ul>
</nav>
<div class="button_container" id="toggle">
<span class="top"></span>
<span class="middle"></span>
<span class="bottom"></span>
</div>
<span class="clear"></span>
</div>
<!-- Hero content -->
<h1 class="content">Dash is Digital Cash</h1>
<p class="content">The frist truly-decentralized digital money system<br />Meet Digital Cash</p>
<div class="content">
<a href="#" class="btn-blue">Get Dash</a>
</div>
</div>
<div class="content">
What is dash page.
</div>
<!-- Footer -->
<footer class="content">
This is the footer
</footer>
<!-- Mobile Nav -->
<div class="overlay" id="overlay">
<a href="/"><img src="/assets/img/logo-white.png" alt="Dash" class="logo"></a>
<nav class="overlay-menu">
<ul>
<li><a href="">What is Dash</a></li>
<li><a href="">Get Dash</a></li>
<li><a href="">Participate</a></li>
<li><a href="">Currency</a></li>
<li><a href="">Community</a></li>
<li><a href="">Blog</a></li>
<li><a href="">Project</a></li>
<li><a href="">English</a></li>
</ul>
</nav>
</div>
<script src="/assets/js/full-menu.js"></script>
<script>
function windowPopup(url, width, height) {
// Calculate the position of the popup so
// its centered on the screen.
var left = (screen.width / 2) - (width / 2),
top = (screen.height / 2) - (height / 2);
window.open(
url,
"",
"menubar=no,toolbar=no,resizable=yes,scrollbars=yes,width=" + width + ",height=" + height + ",top=" + top + ",left=" + left
);
}
//jQuery
$(".js-social-share").on("click", function(e) {
e.preventDefault();
windowPopup($(this).attr("href"), 500, 300);
});
// Vanilla JavaScript
var jsSocialShares = document.querySelectorAll(".js-social-share");
if (jsSocialShares) {
[].forEach.call(jsSocialShares, function(anchor) {
anchor.addEventListener("click", function(e) {
e.preventDefault();
windowPopup(this.href, 500, 300);
});
});
}
</script>
</body>
</html>

View file

@ -1,9 +1,19 @@
---
layout: default
title: pages.home.title
description: Dash is Digital Cash
description: pages.home.description
---
{% tf home/hero.html %}
<div class="content">
{% t pages.home.architecture-heading %}
{% t pages.home.architecture-text %}
</div>
<!-- {% tf home/intro-header.html %}
{% tf home/what-is-dash.html %}

11
what-is-dash/index.html Normal file
View file

@ -0,0 +1,11 @@
---
layout: default
title: pages.what-is-dash.title
description: pages.what-is-dash.description
---
{% tf home/hero.html %}
<div class="content">
What is dash page.
</div>