From 49629b0c1861c2563c9270ef0b5d57d3b99fed40 Mon Sep 17 00:00:00 2001
From: Perry Woodin <perry@node40.com>
Date: Tue, 12 Jul 2016 13:02:45 -0400
Subject: [PATCH] Hero content and variable i18n example.

---
 _i18n/en.yml                     |  17 +++-
 _i18n/en/home/hero.html          |  21 +++++
 _i18n/es.yml                     |   3 +-
 _i18n/es/home/hero.html          |  21 +++++
 _includes/nav-desktop.html       |  38 +++++---
 _includes/nav-mobile.html        |  16 ++--
 _layouts/default.html            |  30 +------
 _site/es/index.html              | 111 +++++++++++++----------
 _site/es/participate/index.html  |  58 ++----------
 _site/es/what-is-dash/index.html | 150 +++++++++++++++++++++++++++++++
 _site/index.html                 | 111 +++++++++++++----------
 _site/participate/index.html     |  58 ++----------
 _site/what-is-dash/index.html    | 150 +++++++++++++++++++++++++++++++
 index.html                       |  12 ++-
 what-is-dash/index.html          |  11 +++
 15 files changed, 554 insertions(+), 253 deletions(-)
 create mode 100644 _i18n/en/home/hero.html
 create mode 100644 _i18n/es/home/hero.html
 create mode 100644 _site/es/what-is-dash/index.html
 create mode 100644 _site/what-is-dash/index.html
 create mode 100644 what-is-dash/index.html

diff --git a/_i18n/en.yml b/_i18n/en.yml
index f61d6d7..067b370 100644
--- a/_i18n/en.yml
+++ b/_i18n/en.yml
@@ -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
diff --git a/_i18n/en/home/hero.html b/_i18n/en/home/hero.html
new file mode 100644
index 0000000..8a6db73
--- /dev/null
+++ b/_i18n/en/home/hero.html
@@ -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>
\ No newline at end of file
diff --git a/_i18n/es.yml b/_i18n/es.yml
index c09f202..fcf496e 100644
--- a/_i18n/es.yml
+++ b/_i18n/es.yml
@@ -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
diff --git a/_i18n/es/home/hero.html b/_i18n/es/home/hero.html
new file mode 100644
index 0000000..8a6db73
--- /dev/null
+++ b/_i18n/es/home/hero.html
@@ -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>
\ No newline at end of file
diff --git a/_includes/nav-desktop.html b/_includes/nav-desktop.html
index aa48241..b0a226d 100644
--- a/_includes/nav-desktop.html
+++ b/_includes/nav-desktop.html
@@ -1,13 +1,25 @@
-<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>
-    </ul>
-</nav>
\ No newline at end of file
+<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="{{ 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>
+
+    <div class="button_container" id="toggle">
+        <span class="top"></span>
+        <span class="middle"></span>
+        <span class="bottom"></span>
+    </div>
+    <span class="clear"></span>
+
+</div>
\ No newline at end of file
diff --git a/_includes/nav-mobile.html b/_includes/nav-mobile.html
index 9a1f13c..56a042a 100644
--- a/_includes/nav-mobile.html
+++ b/_includes/nav-mobile.html
@@ -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>
\ No newline at end of file
diff --git a/_layouts/default.html b/_layouts/default.html
index e581b60..33502de 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -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 }}
 
diff --git a/_site/es/index.html b/_site/es/index.html
index b310464..735c6b9 100644
--- a/_site/es/index.html
+++ b/_site/es/index.html
@@ -34,48 +34,61 @@
   
   <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 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">
+    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>
diff --git a/_site/es/participate/index.html b/_site/es/participate/index.html
index 5bcc4b3..523ffbc 100644
--- a/_site/es/participate/index.html
+++ b/_site/es/participate/index.html
@@ -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>
diff --git a/_site/es/what-is-dash/index.html b/_site/es/what-is-dash/index.html
new file mode 100644
index 0000000..d0a4348
--- /dev/null
+++ b/_site/es/what-is-dash/index.html
@@ -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
+  // it’s 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>
diff --git a/_site/index.html b/_site/index.html
index 895d113..8d9e2af 100644
--- a/_site/index.html
+++ b/_site/index.html
@@ -34,48 +34,61 @@
   
   <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 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">
+    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>
diff --git a/_site/participate/index.html b/_site/participate/index.html
index 884b60b..7fcc70c 100644
--- a/_site/participate/index.html
+++ b/_site/participate/index.html
@@ -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>
diff --git a/_site/what-is-dash/index.html b/_site/what-is-dash/index.html
new file mode 100644
index 0000000..9826976
--- /dev/null
+++ b/_site/what-is-dash/index.html
@@ -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
+  // it’s 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>
diff --git a/index.html b/index.html
index 31ea36b..6809380 100644
--- a/index.html
+++ b/index.html
@@ -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 %}
diff --git a/what-is-dash/index.html b/what-is-dash/index.html
new file mode 100644
index 0000000..44eff0b
--- /dev/null
+++ b/what-is-dash/index.html
@@ -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>
\ No newline at end of file