Output i18n content

Output the content on the HTML files.

_i18n/en.yml

@@ -95,8 +95,8 @@ pages:
 
     need-heading: Need some Dash?
     need-text: Signup to our forum we'll send you some Dash!
-    need-btn: Enter your Email Address
+    need-btn: Sign up for Dash
-    need-input: Sign up for Dash
+    need-input: Enter your Email Address
 
   participate:
     title: Join the Dash Network

_i18n/en/community/hero.html

@@ -11,11 +11,22 @@
 	{% include nav-desktop.html %}
 
 	<!-- Hero content -->
-	<h1 class="content">{% t pages.home.hero-heading %}</h1>
+	<h1 class="content">{% t pages.community.hero-heading %}</h1>
-	<p class="content">{% t pages.home.hero-text %}</p>
+	<p class="content">{% t pages.community.hero-text %}</p>
 
 	<div class="content">
-	<a href="#" class="btn-blue-solid">{% t nav.get-dash %}</a>
+		<a href="#" class="btn-blue-solid">{% t pages.community.hero-forum-btn %}</a>
+	</div>
+
+	<br />
+
+	<div class="content">
+		<a href="#" class="btn-white-solid">{% t pages.community.hero-discussion-btn %}</a>
+		<a href="#" class="btn-white-solid">{% t pages.community.hero-social-btn %}</a>
+		<a href="#" class="btn-white-solid">{% t pages.community.hero-news-btn %}</a>
+		<a href="#" class="btn-white-solid">{% t pages.community.hero-development-btn %}</a>
+		<a href="#" class="btn-white-solid">{% t pages.community.hero-masternodes-btn %}</a>
+		<a href="#" class="btn-white-solid">{% t pages.community.hero-video-btn %}</a>
 	</div>
   
 </div>

_i18n/en/currency/hero.html

@@ -11,11 +11,15 @@
 	{% include nav-desktop.html %}
 
 	<!-- Hero content -->
-	<h1 class="content">{% t pages.home.hero-heading %}</h1>
+	<h1 class="content">{% t pages.currency.hero-heading %}</h1>
-	<p class="content">{% t pages.home.hero-text %}</p>
+
+	<p>Visualizer Goes Here</p>
 
 	<div class="content">
-	<a href="#" class="btn-blue-solid">{% t nav.get-dash %}</a>
+		<a href="#" class="btn-white-solid">{% t pages.currency.hero-markets-btn %}</a>
+		<a href="#" class="btn-white-solid">{% t pages.currency.hero-governance-btn %}</a>
+		<a href="#" class="btn-white-solid">{% t pages.currency.hero-network-btn %}</a>
+		<a href="#" class="btn-white-solid">{% t pages.currency.hero-blockchain-btn %}</a>
 	</div>
   
 </div>

_i18n/en/get-dash/hero.html

@@ -11,11 +11,23 @@
 	{% include nav-desktop.html %}
 
 	<!-- Hero content -->
-	<h1 class="content">{% t pages.home.hero-heading %}</h1>
+	<h1 class="content">{% t pages.get-dash.hero-heading %}</h1>
-	<p class="content">{% t pages.home.hero-text %}</p>
+	<p class="content">{% t pages.get-dash.hero-text %}<br />
+		{% t pages.get-dash.hero-wallet-version %}<br />
+		{% t pages.get-dash.hero-wallet-version-select %}
+	</p>
 
 	<div class="content">
-	<a href="#" class="btn-blue-solid">{% t nav.get-dash %}</a>
+		<a href="#" class="btn-blue-solid">{% t pages.get-dash.hero-download-btn %}</a>
 	</div>
+
+	<br />
+
+	<div class="content">
+		<a href="#" class="btn-white-solid">{% t pages.get-dash.hero-guide-btn %}</a>
+		<a href="#" class="btn-white-solid">{% t pages.get-dash.hero-buy-btn %}</a>
+		<a href="#" class="btn-white-solid">{% t pages.get-dash.hero-spend-btn %}</a>
+		<a href="#" class="btn-white-solid">{% t pages.get-dash.hero-trade-btn %}</a>
+	</div>	
   
 </div>

_i18n/en/participate/hero.html

@@ -11,11 +11,13 @@
 	{% include nav-desktop.html %}
 
 	<!-- Hero content -->
-	<h1 class="content">{% t pages.home.hero-heading %}</h1>
+	<h1 class="content">{% t pages.participate.hero-heading %}</h1>
-	<p class="content">{% t pages.home.hero-text %}</p>
+	<p class="content">{% t pages.participate.hero-text %}</p>
 
 	<div class="content">
-	<a href="#" class="btn-blue-solid">{% t nav.get-dash %}</a>
+		<a href="#" class="btn-blue-solid">{% t pages.participate.hero-masternodes-btn %}</a>
+		<a href="#" class="btn-blue-solid">{% t pages.participate.hero-mining-btn %}</a>
+		<a href="#" class="btn-blue-solid">{% t pages.participate.hero-funding-btn %}</a>
 	</div>
   
 </div>

_i18n/es/community/hero.html

@@ -11,11 +11,22 @@
 	{% include nav-desktop.html %}
 
 	<!-- Hero content -->
-	<h1 class="content">{% t pages.home.hero-heading %}</h1>
+	<h1 class="content">{% t pages.community.hero-heading %}</h1>
-	<p class="content">{% t pages.home.hero-text %}</p>
+	<p class="content">{% t pages.community.hero-text %}</p>
 
 	<div class="content">
-	<a href="#" class="btn-blue-solid">{% t nav.get-dash %}</a>
+		<a href="#" class="btn-blue-solid">{% t pages.community.hero-forum-btn %}</a>
+	</div>
+
+	<br />
+
+	<div class="content">
+		<a href="#" class="btn-white-solid">{% t pages.community.hero-discussion-btn %}</a>
+		<a href="#" class="btn-white-solid">{% t pages.community.hero-social-btn %}</a>
+		<a href="#" class="btn-white-solid">{% t pages.community.hero-news-btn %}</a>
+		<a href="#" class="btn-white-solid">{% t pages.community.hero-development-btn %}</a>
+		<a href="#" class="btn-white-solid">{% t pages.community.hero-masternodes-btn %}</a>
+		<a href="#" class="btn-white-solid">{% t pages.community.hero-video-btn %}</a>
 	</div>
   
 </div>

_i18n/es/currency/hero.html

@@ -11,11 +11,15 @@
 	{% include nav-desktop.html %}
 
 	<!-- Hero content -->
-	<h1 class="content">{% t pages.home.hero-heading %}</h1>
+	<h1 class="content">{% t pages.currency.hero-heading %}</h1>
-	<p class="content">{% t pages.home.hero-text %}</p>
+
+	<p>Visualizer Goes Here</p>
 
 	<div class="content">
-	<a href="#" class="btn-blue-solid">{% t nav.get-dash %}</a>
+		<a href="#" class="btn-white-solid">{% t pages.currency.hero-markets-btn %}</a>
+		<a href="#" class="btn-white-solid">{% t pages.currency.hero-governance-btn %}</a>
+		<a href="#" class="btn-white-solid">{% t pages.currency.hero-network-btn %}</a>
+		<a href="#" class="btn-white-solid">{% t pages.currency.hero-blockchain-btn %}</a>
 	</div>
   
 </div>

_i18n/es/get-dash/hero.html

@@ -11,11 +11,23 @@
 	{% include nav-desktop.html %}
 
 	<!-- Hero content -->
-	<h1 class="content">{% t pages.home.hero-heading %}</h1>
+	<h1 class="content">{% t pages.get-dash.hero-heading %}</h1>
-	<p class="content">{% t pages.home.hero-text %}</p>
+	<p class="content">{% t pages.get-dash.hero-text %}<br />
+		{% t pages.get-dash.hero-wallet-version %}<br />
+		{% t pages.get-dash.hero-wallet-version-select %}
+	</p>
 
 	<div class="content">
-	<a href="#" class="btn-blue-solid">{% t nav.get-dash %}</a>
+		<a href="#" class="btn-blue-solid">{% t pages.get-dash.hero-download-btn %}</a>
 	</div>
+
+	<br />
+
+	<div class="content">
+		<a href="#" class="btn-white-solid">{% t pages.get-dash.hero-guide-btn %}</a>
+		<a href="#" class="btn-white-solid">{% t pages.get-dash.hero-buy-btn %}</a>
+		<a href="#" class="btn-white-solid">{% t pages.get-dash.hero-spend-btn %}</a>
+		<a href="#" class="btn-white-solid">{% t pages.get-dash.hero-trade-btn %}</a>
+	</div>	
   
 </div>

_i18n/es/home/hero.html

@@ -15,7 +15,7 @@
 	<p class="content">{% t pages.home.hero-text %}</p>
 
 	<div class="content">
-	<a href="#" class="btn-blue">{% t nav.get-dash %}</a>
+	<a href="#" class="btn-blue-solid">{% t nav.get-dash %}</a>
 	</div>
   
 </div>

_i18n/es/participate/hero.html

@@ -11,11 +11,13 @@
 	{% include nav-desktop.html %}
 
 	<!-- Hero content -->
-	<h1 class="content">{% t pages.home.hero-heading %}</h1>
+	<h1 class="content">{% t pages.participate.hero-heading %}</h1>
-	<p class="content">{% t pages.home.hero-text %}</p>
+	<p class="content">{% t pages.participate.hero-text %}</p>
 
 	<div class="content">
-	<a href="#" class="btn-blue-solid">{% t nav.get-dash %}</a>
+		<a href="#" class="btn-blue-solid">{% t pages.participate.hero-masternodes-btn %}</a>
+		<a href="#" class="btn-blue-solid">{% t pages.participate.hero-mining-btn %}</a>
+		<a href="#" class="btn-blue-solid">{% t pages.participate.hero-funding-btn %}</a>
 	</div>
   
 </div>

_layouts/default.html

@@ -26,12 +26,10 @@
     <meta name="theme-color" content="#ffffff">
     
     <link rel="stylesheet" type="text/css" href="/assets/css/style.css">
-    <link rel="stylesheet" type="text/css" href="/assets/css/dropit.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>
-    <script src="/assets/js/dropit.js"></script>
   </head>
   
   <body>
@@ -85,9 +83,6 @@ if (jsSocialShares) {
   });
 }
 
-$(document).ready(function() {
-    $('.menu').dropit();
-});
 </script>    
 
     

_sass/_buttons.scss

@@ -1,14 +1,17 @@
-.btn-white {
+.btn-white-solid {
+	border-radius: 5px;
 	border: 2px solid $white;
-	padding: 10px 20px 10px 20px;
+	background-color: darken($white, 3);
-	color: $white !important;
+	padding: 5px 10px;
+	margin-bottom: 10px;
+	color: lighten($black, 5) !important;
 	text-decoration: none;
 	font-size: 16px;
 	font-family: 'montserratregular';
 	text-transform: uppercase;
+	box-sizing: border-box;
 	&:hover {
 		background-color: $white;
-		color: $blue !important;
 	}
 }
 

_site/assets/css/dropit.css

@@ -1,28 +0,0 @@
-/*
- * Dropit v1.1.0
- * http://dev7studios.com/dropit
- *
- * Copyright 2012, Dev7studios
- * Free to use and abuse under the MIT license.
- * http://www.opensource.org/licenses/mit-license.php
- */
-
-/* These styles assume you are using ul and li */
-.dropit {
-    list-style: none;
-	padding: 0;
-	margin: 0;
-}
-.dropit .dropit-trigger { position: relative; }
-.dropit .dropit-submenu {
-    position: absolute;
-    top: 100%;
-    left: 0; /* dropdown left or right */
-    z-index: 1000;
-    display: none;
-    min-width: 150px;
-    list-style: none;
-	padding: 0;
-	margin: 0;
-}
-.dropit .dropit-open .dropit-submenu { display: block; }

_site/assets/css/style.css

@@ -130,17 +130,20 @@ a.blog_link {
     #top nav .status {
       color: #1c75bc !important; }
 
-.btn-white {
+.btn-white-solid {
+  border-radius: 5px;
   border: 2px solid #ffffff;
-  padding: 10px 20px 10px 20px;
+  background-color: #f7f7f7;
-  color: #ffffff !important;
+  padding: 5px 10px;
+  margin-bottom: 10px;
+  color: #3c3c3c !important;
   text-decoration: none;
   font-size: 16px;
   font-family: 'montserratregular';
-  text-transform: uppercase; }
+  text-transform: uppercase;
-  .btn-white:hover {
+  box-sizing: border-box; }
-    background-color: #ffffff;
+  .btn-white-solid:hover {
-    color: #1c75bc !important; }
+    background-color: #ffffff; }
 
 .btn-green {
   background-color: #1dd68a;

_site/assets/js/dropit.js

@@ -1,97 +0,0 @@
-/*
- * Dropit v1.1.0
- * http://dev7studios.com/dropit
- *
- * Copyright 2012, Dev7studios
- * Free to use and abuse under the MIT license.
- * http://www.opensource.org/licenses/mit-license.php
- */
-
-;(function($) {
-
-    $.fn.dropit = function(method) {
-
-        var methods = {
-
-            init : function(options) {
-                this.dropit.settings = $.extend({}, this.dropit.defaults, options);
-                return this.each(function() {
-                    var $el = $(this),
-                         el = this,
-                         settings = $.fn.dropit.settings;
-
-                    // Hide initial submenus
-                    $el.addClass('dropit')
-                    .find('>'+ settings.triggerParentEl +':has('+ settings.submenuEl +')').addClass('dropit-trigger')
-                    .find(settings.submenuEl).addClass('dropit-submenu').hide();
-
-                    // Open on click
-                    $el.off(settings.action).on(settings.action, settings.triggerParentEl +':has('+ settings.submenuEl +') > '+ settings.triggerEl +'', function(){
-                        // Close click menu's if clicked again
-                        if(settings.action == 'click' && $(this).parents(settings.triggerParentEl).hasClass('dropit-open')){
-                            settings.beforeHide.call(this);
-                            $(this).parents(settings.triggerParentEl).removeClass('dropit-open').find(settings.submenuEl).hide();
-                            settings.afterHide.call(this);
-                            return false;
-                        }
-
-                        // Hide open menus
-                        settings.beforeHide.call(this);
-                        $('.dropit-open').removeClass('dropit-open').find('.dropit-submenu').hide();
-                        settings.afterHide.call(this);
-
-                        // Open this menu
-                        settings.beforeShow.call(this);
-                        $(this).parents(settings.triggerParentEl).addClass('dropit-open').find(settings.submenuEl).show();
-                        settings.afterShow.call(this);
-
-                        return false;
-                    });
-
-                    // Close if outside click
-                    $(document).on('click', function(){
-                        settings.beforeHide.call(this);
-                        $('.dropit-open').removeClass('dropit-open').find('.dropit-submenu').hide();
-                        settings.afterHide.call(this);
-                    });
-
-                    // If hover
-                    if(settings.action == 'mouseenter'){
-                        $el.on('mouseleave', '.dropit-open', function(){
-                            settings.beforeHide.call(this);
-                            $(this).removeClass('dropit-open').find(settings.submenuEl).hide();
-                            settings.afterHide.call(this);
-                        });
-                    }
-
-                    settings.afterLoad.call(this);
-                });
-            }
-
-        };
-
-        if (methods[method]) {
-            return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
-        } else if (typeof method === 'object' || !method) {
-            return methods.init.apply(this, arguments);
-        } else {
-            $.error( 'Method "' +  method + '" does not exist in dropit plugin!');
-        }
-
-    };
-
-    $.fn.dropit.defaults = {
-        action: 'click', // The open action for the trigger
-        submenuEl: 'ul', // The submenu element
-        triggerEl: 'a', // The trigger element
-        triggerParentEl: 'li', // The trigger parent element
-        afterLoad: function(){}, // Triggers when plugin has loaded
-        beforeShow: function(){}, // Triggers before submenu is shown
-        afterShow: function(){}, // Triggers after submenu is shown
-        beforeHide: function(){}, // Triggers before submenu is hidden
-        afterHide: function(){} // Triggers before submenu is hidden
-    };
-
-    $.fn.dropit.settings = {};
-
-})(jQuery);

_site/community/index.html

@@ -26,12 +26,10 @@
     <meta name="theme-color" content="#ffffff">
     
     <link rel="stylesheet" type="text/css" href="/assets/css/style.css">
-    <link rel="stylesheet" type="text/css" href="/assets/css/dropit.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>
-    <script src="/assets/js/dropit.js"></script>
   </head>
   
   <body>
@@ -78,18 +76,62 @@
 
 
 	<!-- Hero content -->
-	<h1 class="content">Dash is Digital Cash</h1>
+	<h1 class="content">Join our Community</h1>
-	<p class="content">The first truly-decentralized digital money system<br />Meet Digital Cash.</p>
+	<p class="content">Become a part of the Dash community</p>
 
 	<div class="content">
-	<a href="#" class="btn-blue-solid">Get Dash</a>
+		<a href="#" class="btn-blue-solid">Official Forums</a>
+	</div>
+
+	<br />
+
+	<div class="content">
+		<a href="#" class="btn-white-solid">Discussion</a>
+		<a href="#" class="btn-white-solid">Social Apps</a>
+		<a href="#" class="btn-white-solid">News &amp; Info</a>
+		<a href="#" class="btn-white-solid">Development</a>
+		<a href="#" class="btn-white-solid">Masternodes</a>
+		<a href="#" class="btn-white-solid">Video &amp; Audio</a>
 	</div>
   
 </div>
 
 <div class="content">
 	
+	<h2>Discussion</h2>
+    <p>Discuss Dash on these forums</p>
+
+
+    <h2>Social</h2>
+    <p>Find Dash on these social apps</p>
+
+
+    <h2>News &amp; Information</h2>
+    <p>Sites created by Dash community members</p>
+
+
+    <h2>Development</h2>
+    <p>Sites &amp; tools for developers</p>
+
+
+    <h2></h2>
+    <p></p>
+
+
+    <h2></h2>
+
+    <h2>Conferences</h2>
+    <h2>Technology</h2>
+    <h2>Community</h2>
+
+    <a href="#" class="btn-blue">Dash YouTube</a>
+    
 	
+	<h2>Need some Dash?</h2>
+    <p>Signup to our forum we'll send you some Dash!</p>
+    
+	<a href="#" class="btn-blue">Sign up for Dash</a>
+    <p>Enter your Email Address</p>
 
 </div>
 
@@ -206,9 +248,6 @@ if (jsSocialShares) {
   });
 }
 
-$(document).ready(function() {
-    $('.menu').dropit();
-});
 </script>    
 
     

_site/currency/index.html

@@ -26,12 +26,10 @@
     <meta name="theme-color" content="#ffffff">
     
     <link rel="stylesheet" type="text/css" href="/assets/css/style.css">
-    <link rel="stylesheet" type="text/css" href="/assets/css/dropit.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>
-    <script src="/assets/js/dropit.js"></script>
   </head>
   
   <body>
@@ -78,18 +76,28 @@
 
 
 	<!-- Hero content -->
-	<h1 class="content">Dash is Digital Cash</h1>
+	<h1 class="content">Dash Currency</h1>
-	<p class="content">The first truly-decentralized digital money system<br />Meet Digital Cash.</p>
+
+	<p>Visualizer Goes Here</p>
 
 	<div class="content">
-	<a href="#" class="btn-blue-solid">Get Dash</a>
+		<a href="#" class="btn-white-solid">Markets</a>
+		<a href="#" class="btn-white-solid">Governance</a>
+		<a href="#" class="btn-white-solid">Network</a>
+		<a href="#" class="btn-white-solid">Blockchain</a>
 	</div>
   
 </div>
 
 <div class="content">
 	
-	
+	<h2>Markets</h2>
+
+	<h2>Governance</h2>
+
+	<h2>Network</h2>
+
+	<h2>Blockchain</h2>
 
 </div>
 
@@ -206,9 +214,6 @@ if (jsSocialShares) {
   });
 }
 
-$(document).ready(function() {
-    $('.menu').dropit();
-});
 </script>    
 
     

_site/es/community/index.html

@@ -26,12 +26,10 @@
     <meta name="theme-color" content="#ffffff">
     
     <link rel="stylesheet" type="text/css" href="/assets/css/style.css">
-    <link rel="stylesheet" type="text/css" href="/assets/css/dropit.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>
-    <script src="/assets/js/dropit.js"></script>
   </head>
   
   <body>
@@ -78,18 +76,62 @@
 
 
 	<!-- Hero content -->
-	<h1 class="content">Dash is Digital Cash</h1>
+	<h1 class="content">Join our Community</h1>
-	<p class="content">The first truly-decentralized digital money system<br />Meet Digital Cash.</p>
+	<p class="content">Become a part of the Dash community</p>
 
 	<div class="content">
-	<a href="#" class="btn-blue-solid">Get Dash</a>
+		<a href="#" class="btn-blue-solid">Official Forums</a>
+	</div>
+
+	<br />
+
+	<div class="content">
+		<a href="#" class="btn-white-solid">Discussion</a>
+		<a href="#" class="btn-white-solid">Social Apps</a>
+		<a href="#" class="btn-white-solid">News &amp; Info</a>
+		<a href="#" class="btn-white-solid">Development</a>
+		<a href="#" class="btn-white-solid">Masternodes</a>
+		<a href="#" class="btn-white-solid">Video &amp; Audio</a>
 	</div>
   
 </div>
 
 <div class="content">
 	
+	<h2>Discussion</h2>
+    <p>Discuss Dash on these forums</p>
+
+
+    <h2>Social</h2>
+    <p>Find Dash on these social apps</p>
+
+
+    <h2>News &amp; Information</h2>
+    <p>Sites created by Dash community members</p>
+
+
+    <h2>Development</h2>
+    <p>Sites &amp; tools for developers</p>
+
+
+    <h2></h2>
+    <p></p>
+
+
+    <h2></h2>
+
+    <h2>Conferences</h2>
+    <h2>Technology</h2>
+    <h2>Community</h2>
+
+    <a href="#" class="btn-blue">Dash YouTube</a>
+    
 	
+	<h2>Need some Dash?</h2>
+    <p>Signup to our forum we'll send you some Dash!</p>
+    
+	<a href="#" class="btn-blue">Sign up for Dash</a>
+    <p>Enter your Email Address</p>
 
 </div>
 
@@ -206,9 +248,6 @@ if (jsSocialShares) {
   });
 }
 
-$(document).ready(function() {
-    $('.menu').dropit();
-});
 </script>    
 
     

_site/es/currency/index.html

@@ -26,12 +26,10 @@
     <meta name="theme-color" content="#ffffff">
     
     <link rel="stylesheet" type="text/css" href="/assets/css/style.css">
-    <link rel="stylesheet" type="text/css" href="/assets/css/dropit.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>
-    <script src="/assets/js/dropit.js"></script>
   </head>
   
   <body>
@@ -78,18 +76,28 @@
 
 
 	<!-- Hero content -->
-	<h1 class="content">Dash is Digital Cash</h1>
+	<h1 class="content">Dash Currency</h1>
-	<p class="content">The first truly-decentralized digital money system<br />Meet Digital Cash.</p>
+
+	<p>Visualizer Goes Here</p>
 
 	<div class="content">
-	<a href="#" class="btn-blue-solid">Get Dash</a>
+		<a href="#" class="btn-white-solid">Markets</a>
+		<a href="#" class="btn-white-solid">Governance</a>
+		<a href="#" class="btn-white-solid">Network</a>
+		<a href="#" class="btn-white-solid">Blockchain</a>
 	</div>
   
 </div>
 
 <div class="content">
 	
-	
+	<h2>Markets</h2>
+
+	<h2>Governance</h2>
+
+	<h2>Network</h2>
+
+	<h2>Blockchain</h2>
 
 </div>
 
@@ -206,9 +214,6 @@ if (jsSocialShares) {
   });
 }
 
-$(document).ready(function() {
-    $('.menu').dropit();
-});
 </script>    
 
     

_site/es/get-dash/index.html

@@ -26,12 +26,10 @@
     <meta name="theme-color" content="#ffffff">
     
     <link rel="stylesheet" type="text/css" href="/assets/css/style.css">
-    <link rel="stylesheet" type="text/css" href="/assets/css/dropit.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>
-    <script src="/assets/js/dropit.js"></script>
   </head>
   
   <body>
@@ -78,18 +76,70 @@
 
 
 	<!-- Hero content -->
-	<h1 class="content">Dash is Digital Cash</h1>
+	<h1 class="content">Download Dash Wallet</h1>
-	<p class="content">The first truly-decentralized digital money system<br />Meet Digital Cash.</p>
+	<p class="content">Download the latest Dash client to get started<br />
+		Dash Wallet (Fullclient v12.0.56) for OSX<br />
+		Choose Another
+	</p>
 
 	<div class="content">
-	<a href="#" class="btn-blue">Get Dash</a>
+		<a href="#" class="btn-blue-solid">Download</a>
 	</div>
+
+	<br />
+
+	<div class="content">
+		<a href="#" class="btn-white-solid">Setup Guide</a>
+		<a href="#" class="btn-white-solid">Buy Dash</a>
+		<a href="#" class="btn-white-solid">Spend Dash</a>
+		<a href="#" class="btn-white-solid">Trade Dash</a>
+	</div>	
   
 </div>
 
 <div class="content">
 	
-	
+	<h2>Learn how to setup your wallet</h2>
+    <p></p>
+
+    <a href="#" class="btn-blue">Lean More</a>
+
+
+    <h2>Buy Dash Online</h2>
+    <p>Convert local currency to Dash and send it to your wallet</p>
+
+    <a href="#" class="btn-blue">Buy Dash</a>
+
+
+    <h2>Trade Dash on an exchange</h2>
+    <p>Trade local currency for Dash on an Exchange Market</p>
+
+    <a href="#" class="btn-blue">Trade Dash</a>
+
+    
+    <h2>Buy Dash at an ATM</h2>
+    <p>Instant Dash purchases from an ATM in your country</p>
+
+    <a href="#" class="btn-blue">ATM Locator</a>
+
+    
+    <h2>Shop direct with Dash</h2>
+    <p>Instant and anonymous online purchases, direct from your Dash Wallet</p>
+
+    <a href="#" class="btn-blue">More Merchants</a>
+
+    
+    <h2>Shop at Visa stores</h2>
+    <p>Dash-Visa debit card with no foreign transaction fees & mobile tap & pay</p>
+
+    <a href="#" class="btn-blue">Get Shake</a>
+
+
+    <h2>Need some Dash?</h2>
+    <p>Signup to our forum we'll send you some Dash!</p>
+
+    <a href="#" class="btn-blue">Sign up for Dash</a>
+    <p>Enter your Email Address</p>
 
 </div>
 
@@ -206,9 +256,6 @@ if (jsSocialShares) {
   });
 }
 
-$(document).ready(function() {
-    $('.menu').dropit();
-});
 </script>    
 
     

_site/es/index.html

@@ -26,12 +26,10 @@
     <meta name="theme-color" content="#ffffff">
     
     <link rel="stylesheet" type="text/css" href="/assets/css/style.css">
-    <link rel="stylesheet" type="text/css" href="/assets/css/dropit.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>
-    <script src="/assets/js/dropit.js"></script>
   </head>
   
   <body>
@@ -82,7 +80,7 @@
 	<p class="content">The first truly-decentralized digital money system<br />Meet Digital Cash.</p>
 
 	<div class="content">
-	<a href="#" class="btn-blue">Get Dash</a>
+	<a href="#" class="btn-blue-solid">Get Dash</a>
 	</div>
   
 </div>
@@ -261,9 +259,6 @@ if (jsSocialShares) {
   });
 }
 
-$(document).ready(function() {
-    $('.menu').dropit();
-});
 </script>    
 
     

_site/es/participate/index.html

@@ -26,12 +26,10 @@
     <meta name="theme-color" content="#ffffff">
     
     <link rel="stylesheet" type="text/css" href="/assets/css/style.css">
-    <link rel="stylesheet" type="text/css" href="/assets/css/dropit.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>
-    <script src="/assets/js/dropit.js"></script>
   </head>
   
   <body>
@@ -78,18 +76,43 @@
 
 
 	<!-- Hero content -->
-	<h1 class="content">Dash is Digital Cash</h1>
+	<h1 class="content">Join our Network</h1>
-	<p class="content">The first truly-decentralized digital money system<br />Meet Digital Cash.</p>
+	<p class="content">Earn Dash by powering, securing or developing the Dash Network</p>
 
 	<div class="content">
-	<a href="#" class="btn-blue-solid">Get Dash</a>
+		<a href="#" class="btn-blue-solid">Masternodes</a>
+		<a href="#" class="btn-blue-solid">Mining</a>
+		<a href="#" class="btn-blue-solid">Funding</a>
 	</div>
   
 </div>
 
 <div class="content">
     
-    
+    <h2>Setup a Masternode and power Dash's Network</h2>
+    <p>Help power Dash by hosting a Masternode or join a shared hosting service. Masternodes operators are rewarded for providing decentralized services to our users and anyone can set one up.</p>
+
+    <a href="#" class="btn-blue">Setup a Masternode</a>
+
+
+    <h2>Start Mining and Secure Dash's Network</h2>
+    <p>Mine Dash using your computer or dedicated hardware. Miners are rewarded for securing the Dash Network.</p>
+
+    <a href="#" class="btn-blue">Start Mining</a>
+
+
+    <h2>Develop the Network with Blockchain funding</h2>
+    <p>Dash's Network funds winning proposals each month for anything that can improve Dash like hiring developers, making decisions or integrating Dash payments into more online stores and retail outlets.</p>
+
+    <a href="#" class="btn-blue">Submit a Proposal</a>
+
+
+    <h2>Do you take Dash?</h2>
+    <p>Integrate instant, anonymous payments to your webstore, app or retail outlet</p>
+
+    <a href="#" class="btn-blue">Integrate Dash</a>
+    <a href="#" class="btn-blue">Payment Processors</a>
+    <a href="#" class="btn-blue">Contact Our Team</a>
 
 </div>
 
@@ -206,9 +229,6 @@ if (jsSocialShares) {
   });
 }
 
-$(document).ready(function() {
-    $('.menu').dropit();
-});
 </script>    
 
     

_site/get-dash/index.html

@@ -26,12 +26,10 @@
     <meta name="theme-color" content="#ffffff">
     
     <link rel="stylesheet" type="text/css" href="/assets/css/style.css">
-    <link rel="stylesheet" type="text/css" href="/assets/css/dropit.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>
-    <script src="/assets/js/dropit.js"></script>
   </head>
   
   <body>
@@ -78,18 +76,70 @@
 
 
 	<!-- Hero content -->
-	<h1 class="content">Dash is Digital Cash</h1>
+	<h1 class="content">Download Dash Wallet</h1>
-	<p class="content">The first truly-decentralized digital money system<br />Meet Digital Cash.</p>
+	<p class="content">Download the latest Dash client to get started<br />
+		Dash Wallet (Fullclient v12.0.56) for OSX<br />
+		Choose Another
+	</p>
 
 	<div class="content">
-	<a href="#" class="btn-blue-solid">Get Dash</a>
+		<a href="#" class="btn-blue-solid">Download</a>
 	</div>
+
+	<br />
+
+	<div class="content">
+		<a href="#" class="btn-white-solid">Setup Guide</a>
+		<a href="#" class="btn-white-solid">Buy Dash</a>
+		<a href="#" class="btn-white-solid">Spend Dash</a>
+		<a href="#" class="btn-white-solid">Trade Dash</a>
+	</div>	
   
 </div>
 
 <div class="content">
 	
-	
+	<h2>Learn how to setup your wallet</h2>
+    <p></p>
+
+    <a href="#" class="btn-blue">Lean More</a>
+
+
+    <h2>Buy Dash Online</h2>
+    <p>Convert local currency to Dash and send it to your wallet</p>
+
+    <a href="#" class="btn-blue">Buy Dash</a>
+
+
+    <h2>Trade Dash on an exchange</h2>
+    <p>Trade local currency for Dash on an Exchange Market</p>
+
+    <a href="#" class="btn-blue">Trade Dash</a>
+
+    
+    <h2>Buy Dash at an ATM</h2>
+    <p>Instant Dash purchases from an ATM in your country</p>
+
+    <a href="#" class="btn-blue">ATM Locator</a>
+
+    
+    <h2>Shop direct with Dash</h2>
+    <p>Instant and anonymous online purchases, direct from your Dash Wallet</p>
+
+    <a href="#" class="btn-blue">More Merchants</a>
+
+    
+    <h2>Shop at Visa stores</h2>
+    <p>Dash-Visa debit card with no foreign transaction fees & mobile tap & pay</p>
+
+    <a href="#" class="btn-blue">Get Shake</a>
+
+
+    <h2>Need some Dash?</h2>
+    <p>Signup to our forum we'll send you some Dash!</p>
+
+    <a href="#" class="btn-blue">Sign up for Dash</a>
+    <p>Enter your Email Address</p>
 
 </div>
 
@@ -206,9 +256,6 @@ if (jsSocialShares) {
   });
 }
 
-$(document).ready(function() {
-    $('.menu').dropit();
-});
 </script>    
 
     

_site/index.html

@@ -26,12 +26,10 @@
     <meta name="theme-color" content="#ffffff">
     
     <link rel="stylesheet" type="text/css" href="/assets/css/style.css">
-    <link rel="stylesheet" type="text/css" href="/assets/css/dropit.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>
-    <script src="/assets/js/dropit.js"></script>
   </head>
   
   <body>
@@ -261,9 +259,6 @@ if (jsSocialShares) {
   });
 }
 
-$(document).ready(function() {
-    $('.menu').dropit();
-});
 </script>    
 
     

_site/participate/index.html

@@ -26,12 +26,10 @@
     <meta name="theme-color" content="#ffffff">
     
     <link rel="stylesheet" type="text/css" href="/assets/css/style.css">
-    <link rel="stylesheet" type="text/css" href="/assets/css/dropit.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>
-    <script src="/assets/js/dropit.js"></script>
   </head>
   
   <body>
@@ -78,18 +76,43 @@
 
 
 	<!-- Hero content -->
-	<h1 class="content">Dash is Digital Cash</h1>
+	<h1 class="content">Join our Network</h1>
-	<p class="content">The first truly-decentralized digital money system<br />Meet Digital Cash.</p>
+	<p class="content">Earn Dash by powering, securing or developing the Dash Network</p>
 
 	<div class="content">
-	<a href="#" class="btn-blue-solid">Get Dash</a>
+		<a href="#" class="btn-blue-solid">Masternodes</a>
+		<a href="#" class="btn-blue-solid">Mining</a>
+		<a href="#" class="btn-blue-solid">Funding</a>
 	</div>
   
 </div>
 
 <div class="content">
     
-    
+    <h2>Setup a Masternode and power Dash's Network</h2>
+    <p>Help power Dash by hosting a Masternode or join a shared hosting service. Masternodes operators are rewarded for providing decentralized services to our users and anyone can set one up.</p>
+
+    <a href="#" class="btn-blue">Setup a Masternode</a>
+
+
+    <h2>Start Mining and Secure Dash's Network</h2>
+    <p>Mine Dash using your computer or dedicated hardware. Miners are rewarded for securing the Dash Network.</p>
+
+    <a href="#" class="btn-blue">Start Mining</a>
+
+
+    <h2>Develop the Network with Blockchain funding</h2>
+    <p>Dash's Network funds winning proposals each month for anything that can improve Dash like hiring developers, making decisions or integrating Dash payments into more online stores and retail outlets.</p>
+
+    <a href="#" class="btn-blue">Submit a Proposal</a>
+
+
+    <h2>Do you take Dash?</h2>
+    <p>Integrate instant, anonymous payments to your webstore, app or retail outlet</p>
+
+    <a href="#" class="btn-blue">Integrate Dash</a>
+    <a href="#" class="btn-blue">Payment Processors</a>
+    <a href="#" class="btn-blue">Contact Our Team</a>
 
 </div>
 
@@ -206,9 +229,6 @@ if (jsSocialShares) {
   });
 }
 
-$(document).ready(function() {
-    $('.menu').dropit();
-});
 </script>    
 
     

assets/css/dropit.css

@@ -1,28 +0,0 @@
-/*
- * Dropit v1.1.0
- * http://dev7studios.com/dropit
- *
- * Copyright 2012, Dev7studios
- * Free to use and abuse under the MIT license.
- * http://www.opensource.org/licenses/mit-license.php
- */
-
-/* These styles assume you are using ul and li */
-.dropit {
-    list-style: none;
-	padding: 0;
-	margin: 0;
-}
-.dropit .dropit-trigger { position: relative; }
-.dropit .dropit-submenu {
-    position: absolute;
-    top: 100%;
-    left: 0; /* dropdown left or right */
-    z-index: 1000;
-    display: none;
-    min-width: 150px;
-    list-style: none;
-	padding: 0;
-	margin: 0;
-}
-.dropit .dropit-open .dropit-submenu { display: block; }

assets/js/dropit.js

@@ -1,97 +0,0 @@
-/*
- * Dropit v1.1.0
- * http://dev7studios.com/dropit
- *
- * Copyright 2012, Dev7studios
- * Free to use and abuse under the MIT license.
- * http://www.opensource.org/licenses/mit-license.php
- */
-
-;(function($) {
-
-    $.fn.dropit = function(method) {
-
-        var methods = {
-
-            init : function(options) {
-                this.dropit.settings = $.extend({}, this.dropit.defaults, options);
-                return this.each(function() {
-                    var $el = $(this),
-                         el = this,
-                         settings = $.fn.dropit.settings;
-
-                    // Hide initial submenus
-                    $el.addClass('dropit')
-                    .find('>'+ settings.triggerParentEl +':has('+ settings.submenuEl +')').addClass('dropit-trigger')
-                    .find(settings.submenuEl).addClass('dropit-submenu').hide();
-
-                    // Open on click
-                    $el.off(settings.action).on(settings.action, settings.triggerParentEl +':has('+ settings.submenuEl +') > '+ settings.triggerEl +'', function(){
-                        // Close click menu's if clicked again
-                        if(settings.action == 'click' && $(this).parents(settings.triggerParentEl).hasClass('dropit-open')){
-                            settings.beforeHide.call(this);
-                            $(this).parents(settings.triggerParentEl).removeClass('dropit-open').find(settings.submenuEl).hide();
-                            settings.afterHide.call(this);
-                            return false;
-                        }
-
-                        // Hide open menus
-                        settings.beforeHide.call(this);
-                        $('.dropit-open').removeClass('dropit-open').find('.dropit-submenu').hide();
-                        settings.afterHide.call(this);
-
-                        // Open this menu
-                        settings.beforeShow.call(this);
-                        $(this).parents(settings.triggerParentEl).addClass('dropit-open').find(settings.submenuEl).show();
-                        settings.afterShow.call(this);
-
-                        return false;
-                    });
-
-                    // Close if outside click
-                    $(document).on('click', function(){
-                        settings.beforeHide.call(this);
-                        $('.dropit-open').removeClass('dropit-open').find('.dropit-submenu').hide();
-                        settings.afterHide.call(this);
-                    });
-
-                    // If hover
-                    if(settings.action == 'mouseenter'){
-                        $el.on('mouseleave', '.dropit-open', function(){
-                            settings.beforeHide.call(this);
-                            $(this).removeClass('dropit-open').find(settings.submenuEl).hide();
-                            settings.afterHide.call(this);
-                        });
-                    }
-
-                    settings.afterLoad.call(this);
-                });
-            }
-
-        };
-
-        if (methods[method]) {
-            return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
-        } else if (typeof method === 'object' || !method) {
-            return methods.init.apply(this, arguments);
-        } else {
-            $.error( 'Method "' +  method + '" does not exist in dropit plugin!');
-        }
-
-    };
-
-    $.fn.dropit.defaults = {
-        action: 'click', // The open action for the trigger
-        submenuEl: 'ul', // The submenu element
-        triggerEl: 'a', // The trigger element
-        triggerParentEl: 'li', // The trigger parent element
-        afterLoad: function(){}, // Triggers when plugin has loaded
-        beforeShow: function(){}, // Triggers before submenu is shown
-        afterShow: function(){}, // Triggers after submenu is shown
-        beforeHide: function(){}, // Triggers before submenu is hidden
-        afterHide: function(){} // Triggers before submenu is hidden
-    };
-
-    $.fn.dropit.settings = {};
-
-})(jQuery);

community/index.html

@@ -8,6 +8,39 @@ description: pages.community.description
 
 <div class="content">
 	
+	<h2>{% t pages.community.discussion-heading %}</h2>
+    <p>{% t pages.community.discussion-text %}</p>
+
+
+    <h2>{% t pages.community.social-heading %}</h2>
+    <p>{% t pages.community.social-text %}</p>
+
+
+    <h2>{% t pages.community.news-heading %}</h2>
+    <p>{% t pages.community.news-text %}</p>
+
+
+    <h2>{% t pages.community.development-heading %}</h2>
+    <p>{% t pages.community.development-text %}</p>
+
+
+    <h2>{% t pages.community.masternodes-heading %}</h2>
+    <p>{% t pages.community.masternodes-text %}</p>
+
+
+    <h2>{% t pages.community.meda-heading %}</h2>
+
+    <h2>{% t pages.community.conferences-heading %}</h2>
+    <h2>{% t pages.community.technology-heading %}</h2>
+    <h2>{% t pages.community.community-heading %}</h2>
+
+    <a href="#" class="btn-blue">{% t pages.community.youtube-btn %}</a>
+    
 	
+	<h2>{% t pages.get-dash.need-heading %}</h2>
+    <p>{% t pages.get-dash.need-text %}</p>
+    
+	<a href="#" class="btn-blue">{% t pages.get-dash.need-btn %}</a>
+    <p>{% t pages.get-dash.need-input %}</p>
 
 </div>

currency/index.html

@@ -8,6 +8,12 @@ description: pages.currency.description
 
 <div class="content">
 	
-	
+	<h2>{% t pages.currency.markets-heading %}</h2>
+
+	<h2>{% t pages.currency.governance-heading %}</h2>
+
+	<h2>{% t pages.currency.network-heading %}</h2>
+
+	<h2>{% t pages.currency.blockchain-heading %}</h2>
 
 </div>

get-dash/index.html

@@ -4,10 +4,50 @@ title: pages.get-dash.title
 description: pages.get-dash.description
 ---
 
-{% tf home/hero.html %}
+{% tf get-dash/hero.html %}
 
 <div class="content">
 	
-	
+	<h2>{% t pages.get-dash.setup-heading %}</h2>
+    <p>{% t pages.get-dash.setup-text %}</p>
+
+    <a href="#" class="btn-blue">{% t pages.get-dash.setup-btn %}</a>
+
+
+    <h2>{% t pages.get-dash.buy-heading %}</h2>
+    <p>{% t pages.get-dash.buy-text %}</p>
+
+    <a href="#" class="btn-blue">{% t pages.get-dash.buy-btn %}</a>
+
+
+    <h2>{% t pages.get-dash.trade-heading %}</h2>
+    <p>{% t pages.get-dash.trade-text %}</p>
+
+    <a href="#" class="btn-blue">{% t pages.get-dash.trade-btn %}</a>
+
+    
+    <h2>{% t pages.get-dash.atm-heading %}</h2>
+    <p>{% t pages.get-dash.atm-text %}</p>
+
+    <a href="#" class="btn-blue">{% t pages.get-dash.atm-btn %}</a>
+
+    
+    <h2>{% t pages.get-dash.shop-heading %}</h2>
+    <p>{% t pages.get-dash.shop-text %}</p>
+
+    <a href="#" class="btn-blue">{% t pages.get-dash.shop-btn %}</a>
+
+    
+    <h2>{% t pages.get-dash.visa-heading %}</h2>
+    <p>{% t pages.get-dash.visa-text %}</p>
+
+    <a href="#" class="btn-blue">{% t pages.get-dash.visa-btn %}</a>
+
+
+    <h2>{% t pages.get-dash.need-heading %}</h2>
+    <p>{% t pages.get-dash.need-text %}</p>
+
+    <a href="#" class="btn-blue">{% t pages.get-dash.need-btn %}</a>
+    <p>{% t pages.get-dash.need-input %}</p>
 
 </div>

participate/index.html

@@ -8,6 +8,29 @@ description: pages.participate.description
 
 <div class="content">
     
-    
+    <h2>{% t pages.participate.masternode-heading %}</h2>
+    <p>{% t pages.participate.masternode-text %}</p>
+
+    <a href="#" class="btn-blue">{% t pages.participate.masternode-btn %}</a>
+
+
+    <h2>{% t pages.participate.mining-heading %}</h2>
+    <p>{% t pages.participate.mining-text %}</p>
+
+    <a href="#" class="btn-blue">{% t pages.participate.mining-btn %}</a>
+
+
+    <h2>{% t pages.participate.funding-heading %}</h2>
+    <p>{% t pages.participate.funding-text %}</p>
+
+    <a href="#" class="btn-blue">{% t pages.participate.funding-btn %}</a>
+
+
+    <h2>{% t pages.participate.integrate-heading %}</h2>
+    <p>{% t pages.participate.integrate-text %}</p>
+
+    <a href="#" class="btn-blue">{% t pages.participate.integrate-btn %}</a>
+    <a href="#" class="btn-blue">{% t pages.participate.integrate-payment-processor-btn %}</a>
+    <a href="#" class="btn-blue">{% t pages.participate.integrate-contact-btn %}</a>
 
 </div>