added new images and contact form

_i18n/en.yml

@@ -146,7 +146,7 @@ pages:
     execution-btn: Learn More
     execution-link: https://www.dash.org/forum/threads/january-2017-budget-report.12601/
 
-    update-heading: EVOLUTION UPDATE
+    update-heading: Sentinel
     update-text:
       Lead evolution developer Andy Freer has been locked away producing huge amounts of documentation for the various concepts of Evolution. This comes after months of conversations between Andy and Dash Lead Developer Evan Duffield about how each component of Evolution works, then reimagining it and improving the components and designs systematically.
 
@@ -223,6 +223,7 @@ pages:
     social-text-heading: Visit DashTalk
     social-text: For technical support or troubleshooting with wallets, mining, or other general questions, please visit DashTalk or one of the many other community resources.
     volunteer-heading: Volunteer
+    join-btn: Join
 
   home:
     title: Dash Official Website | Dash Crypto Currency

_includes/hero/contact.html

@@ -53,7 +53,46 @@
 	<div class="hero__content">
 		<section class="section section--cta">
 			<h5>{% t pages.contact.mail-list-heading %}</h5>
-			{% t pages.contact.mail-list-text %}
+			<div class="bottom-space">{% t pages.contact.mail-list-text %}</div>
+			<div class="row">
+				<div class="col-xs-12">
+					<button class="btn-white-solid js-subscribe">{% t pages.contact.join-btn %}</button>
+				</div>
+				<div class="col-xs-12 ">
+					<!-- Begin MailChimp Signup Form -->
+						<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
+
+						<div id="mc_embed_signup" class="js-mailing-form hidden">
+						<form action="//dash.us10.list-manage.com/subscribe/post?u=24325ade3f458f5d1004b6c23&amp;id=8ecd7e9bb7" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
+						    <div id="mc_embed_signup_scroll">
+						    <h2>Subscribe to our mailing list</h2>
+						<div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
+						<div class="mc-field-group">
+						    <label for="mce-EMAIL">Email Address  <span class="asterisk">*</span>
+						</label>
+						    <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
+						</div>
+						<div class="mc-field-group input-group">
+						    <strong>Subscriptions </strong>
+						    <ul><li><input type="checkbox" value="1" name="group[9869][1]" id="mce-group[9869]-9869-0"><label for="mce-group[9869]-9869-0">Technical Updates and Alerts</label></li>
+						<li><input type="checkbox" value="2" name="group[9869][2]" id="mce-group[9869]-9869-1"><label for="mce-group[9869]-9869-1">Monthly Newsletter</label></li>
+						<li><input type="checkbox" value="4" name="group[9869][4]" id="mce-group[9869]-9869-2"><label for="mce-group[9869]-9869-2">Weekly Content Digest from Dash.org</label></li>
+						</ul>
+						</div>
+						<p class="bottom-space"><a href="http://us10.campaign-archive2.com/home/?u=24325ade3f458f5d1004b6c23&id=8ecd7e9bb7" title="View previous campaigns" >View previous campaigns.</a></p>
+						    <div id="mce-responses" class="clear">
+						        <div class="response" id="mce-error-response" style="display:none"></div>
+						        <div class="response" id="mce-success-response" style="display:none"></div>
+						    </div>    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
+						    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_24325ade3f458f5d1004b6c23_8ecd7e9bb7" tabindex="-1" value=""></div>
+						    <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
+						    </div>
+						</form>
+						</div>
+						<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[6]='MMERGE6';ftypes[6]='dropdown';fnames[3]='MMERGE3';ftypes[3]='text';fnames[5]='MMERGE5';ftypes[5]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
+						<!--End mc_embed_signup-->
+				</div>
+			</div>
 		</section>
 	</div>
 

evolution/index.html

@@ -230,7 +230,7 @@ description: pages.evolution.description
 					<a href="{{ basenav }}/currency" class="btn-blue">{% t pages.evolution.merchants-plugin-btn %}</a>
 				</div>
 				<div class="col-sm-6 home-network-graphic-live">
-					<img src="/assets/img/evolution/merchants.jpg" alt="{% t pages.evolution.merchants-heading %}">
+					<img src="/assets/img/evolution/merchants.png" alt="{% t pages.evolution.merchants-heading %}">
 				</div>
 			</div>
 		</div>

src/js/contacts.js

@@ -0,0 +1,9 @@
+;(function ($) {
+	'use strict';
+	$(document).ready(function () {
+		$('.js-subscribe').on('click',function () {
+			$(this).toggleClass('hidden');
+			$('.js-mailing-form').toggleClass('hidden');
+		});
+	});
+}(jQuery));

src/scss/_junk-drawer.scss

@@ -11,6 +11,10 @@ you're in a hurry or lost or you just need to Make It Work©
 	display: block;
 }
 
+.hidden{
+	display: none !important;
+}
+
 .bottom-space {
 	margin-bottom: 3%;
 }
@@ -378,10 +382,18 @@ a.blog_link {
 		background-color: #ffffff;
 	}
 }
+
 .text-word-wrap{
 	word-wrap: break-word;
 }
+
 .color-article{
 	float: left;
 	margin-left: 15px;
 }
+
+#mc_embed_signup{
+	background:transparent;
+	clear:left;
+	font:14px Helvetica,Arial,sans-serif;
+}

update/index.html

@@ -230,7 +230,7 @@ description: pages.update.description
 					<a href="{% t pages.home.launching-link %}" target="_blank" class="btn-blue">{% t pages.update.launching-btn %}</a>
 				</div>
 				<div class="col-sm-6 col-sm-pull-6 home-evolution-graphic">
-					<img src="/assets/img/update/budget.png" alt="Dash Evolution">
+					<img src="/assets/img/update/lan_date.png" alt="Dash Evolution">
 				</div>
 			</div>
 		</div>