Merge pull request #2141 from codebar/update-emails-design

Update the emails socials and some other small design tweaks

Author: matyikriszta

app/assets/stylesheets/email.css

@@ -25,12 +25,12 @@ body {
 /* ------------------------------------- 
 		ELEMENTS 
 ------------------------------------- */
-a { color: #2BA6CB;}
+a { color: #006cc2;}
 
 .btn {
 	text-decoration:none;
 	color: #FFF;
-	background-color: #666;
+	background-color: #006cc2;
 	padding:10px 16px;
 	font-weight:bold;
 	margin-right:10px;
@@ -56,17 +56,19 @@ table.social {
 }
 .social .soc-btn {
 	padding: 3px 7px;
-	font-size:12px;
+	font-size:13px;
 	margin-bottom:10px;
 	text-decoration:none;
 	color: #FFF;font-weight:bold;
 	display:block;
 	text-align:center;
 }
 a.fb { background-color: #3B5998!important; }
-a.tw { background-color: #1daced!important; }
-a.gp { background-color: #DB4A39!important; }
+a.bs { background-color: #1daced!important; }
 a.ms { background-color: #000!important; }
+a.sl { background-color: #2EB67D!important; }
+a.yt { background-color: #FF0000!important; }
+a.li { background-color: #0077B5!important; }
 
 .sidebar .soc-btn { 
 	display:block;
@@ -121,10 +123,10 @@ h6 { font-weight:900; font-size: 14px; text-transform: uppercase; color:#444;}
 p, ul { 
 	margin-bottom: 10px; 
 	font-weight: normal; 
-	font-size:14px; 
+	font-size:15px; 
 	line-height:1.6;
 }
-p.lead { font-size:17px; }
+p.lead { font-size:18px; }
 p.last { margin-bottom:0px;}
 
 ul li {

app/views/shared_mailers/_social.html.haml

@@ -9,9 +9,12 @@
 
             %h5 Connect with us:
             %p
-              %a{ href: "https://www.facebook.com/codebarHQ", class: 'soc-btn fb'} Like us on Facebook
-              %a{ href: "https://twitter.com/codebar", class: "soc-btn tw" }Follow us on Twitter
-              %a{ href: "https://www.facebook.com/groups/codebarcommunity", class: 'soc-btn fb'} Join our facebook community
+              %a{ href: "https://slack.codebar.io/", class: 'soc-btn sl'} Join us on Slack
+              %a{ href: "https://www.youtube.com/channel/UCEYz232agE47GHUq8wneBCA", class: "soc-btn li" } Follow us on LinkedIn
+              %a{ href: "https://www.facebook.com/codebarHQ", class: 'soc-btn fb'} Follow us on Facebook
+              %a{ href: "https://bsky.app/profile/codebar.bsky.social", class: "soc-btn bs" } Follow us on Bluesky
+              %a{ href: "https://www.youtube.com/channel/UCEYz232agE47GHUq8wneBCA", class: "soc-btn yt" }Follow us on YouTube
+             
 
 
       %table.column{ align: "left" }