added missing images, add menu close button, added newletters form

Author: rhotep

index.html

@@ -13,7 +13,6 @@
 		<link type="text/css" rel="stylesheet" href="styles/styles.css"/>
 		<link type="text/css" rel="stylesheet" href="styles/font-awesome.min.css"/>
 
-
 		<!-- favicon -->
 		<link rel="shortcut icon" href="mc_favicon.ico">
 		<link rel="icon" type="image/png" href="mc_favicon.png" sizes="32x32">
@@ -45,7 +44,8 @@
 				ng-if		= "narrow"	
 				ng-click 	= "toggleMenu()"
 			>
-				<i class = "fa fa-bars"></i>
+				<i ng-if = "!showMenu"	class = "fa fa-bars"></i>
+				<i ng-if = "showMenu"	class = "fa fa-times"></i>
 			</button>
 
 			<button 

mc_apple-touch-icon.png

@@ -1,11 +1,28 @@
 <h3 translate = "CONTACT.HEADING"></h3>
 
+<!-- Begin MailChimp Signup Form -->
+<div id="mc_embed_signup">
+<form action="//metacollect.us13.list-manage.com/subscribe/post?u=6a165a760b2a16869d9ebe7c5&amp;id=a92bbbef7e" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
+    <div id="mc_embed_signup_scroll">
+    <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="{{'CONTACT.NEWSLETTER.PLACEHOLDER'}}" required>
+    <div class="clear"><input type="submit" value="{{'CONTACT.NEWSLETTER.SUBMIT' |translate}}" name="subscribe" id="mc-embedded-subscribe" class="button"></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_6a165a760b2a16869d9ebe7c5_a92bbbef7e" tabindex="-1" value=""></div>
+    </div>
+</form>
+</div>
+
+<!--End mc_embed_signup-->
+
+<button class = "newsletter">
+</button>
+
 <div class ="mono">
-	<div id = "contact-links">
-		<a href ="mailto:[email protected]"><i class = "fa fa-envelope-square 	fa-2x"></i></a>
-		<a href ="https://www.facebook.com/metacollect/" target="_blank"><i class = "fa fa-facebook-square 	fa-2x"></i></a>
-		<a href ="https://twitter.com/metacollect/" target="_blank"><i class = "fa fa-twitter-square	fa-2x"></i></a>
-		<a href ="https://github.com/metacollect-org/" target="_blank"><i class = "fa fa-github-square		fa-2x"></i></a>
-	</div>
-	<p translate = "CONTACT.PARAGRAPH_1"></p>
+    <div id = "contact-links">
+        <a href ="mailto:[email protected]"><i class = "fa fa-envelope-square    fa-2x"></i></a>
+        <a href ="https://www.facebook.com/metacollect/" target="_blank"><i class = "fa fa-facebook-square  fa-2x"></i></a>
+        <a href ="https://twitter.com/metacollect/" target="_blank"><i class = "fa fa-twitter-square    fa-2x"></i></a>
+        <a href ="https://github.com/metacollect-org/" target="_blank"><i class = "fa fa-github-square      fa-2x"></i></a>
+    </div>
+    <p translate = "CONTACT.PARAGRAPH_1"></p>
 </div>

mc_favicon.ico

@@ -535,7 +535,7 @@ em {
 #search-bar {
 	background:				#fff;
 	position:				relative;
-	font-size:				1.6em;
+	font-size:				1.6rem;
 	line-height:			1.4em;
 }
 
@@ -792,4 +792,66 @@ em {
 
 a.logo:hover{
 	cursor:				pointer;
-}
+}
+
+
+
+/* mailchimp custom styles */
+
+
+#mc_embed_signup {
+	width:					40rem;
+	font-size:				1rem;
+	margin:					2rem auto;
+}
+
+.narrow #mc_embed_signup {
+	width:					24rem;
+}
+
+#mc_embed_signup .email {
+	display:				inline-block;
+	position:				relative;
+	font-size:				1em;
+	line-height:			1.4em;
+	height:					1.4em;
+	margin:					auto;
+	border:					none;
+	width:					18rem;
+	background:				#ededef;
+	color:					#000;
+	padding:				0.3em 1rem;
+	font-family:			source-code-pro-regular;
+}
+
+.narrow #mc_embed_signup .email{
+	display:				block;
+	width:					22rem;
+	text-align:				center;
+}
+
+#mc_embed_signup .clear{
+	display:				inline-block;
+}
+
+#mc_embed_signup .button {
+	display:				inline-block;
+	font-size:				1em;
+	width:					19rem;
+	line-height:			1.4em;
+	border:					none;
+	border-radius:			0;
+	padding:				0.3rem 0rem;
+	background:				#1922fb;
+	color:					#fff;
+
+}
+
+
+.narrow #mc_embed_signup .button {
+	margin-top:				1rem;
+	display:				block;
+	width:					24rem;
+}
+
+