From 6f66c30f8f6ddfcb88309fe096f5051d7960d714 Mon Sep 17 00:00:00 2001 From: Kimberley Cook Date: Wed, 20 Nov 2024 13:41:15 +0100 Subject: [PATCH 1/2] update the emails socials and some other small design tweaks --- app/assets/stylesheets/email.css | 14 ++++++++------ app/views/shared_mailers/_social.html.haml | 9 ++++++--- 2 files changed, 14 insertions(+), 9 deletions(-) diff --git a/app/assets/stylesheets/email.css b/app/assets/stylesheets/email.css index 62639e3d9..73deb1030 100644 --- a/app/assets/stylesheets/email.css +++ b/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,7 +56,7 @@ 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; @@ -65,8 +65,10 @@ table.social { } a.fb { background-color: #3B5998!important; } a.tw { background-color: #1daced!important; } -a.gp { background-color: #DB4A39!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 { diff --git a/app/views/shared_mailers/_social.html.haml b/app/views/shared_mailers/_social.html.haml index 6081aa64e..9020e4590 100644 --- a/app/views/shared_mailers/_social.html.haml +++ b/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://twitter.com/codebar", class: "soc-btn tw" } Follow us on Twitter + %a{ href: "https://www.youtube.com/channel/UCEYz232agE47GHUq8wneBCA", class: "soc-btn yt" }Follow us on YouTube + %table.column{ align: "left" } From 2161c6ff26addcfb495c2289fc92c089a70dd34a Mon Sep 17 00:00:00 2001 From: Kriszta Matyi Date: Wed, 4 Dec 2024 11:13:47 -0800 Subject: [PATCH 2/2] Replace Twitter/X with Bluesky in email footer --- app/assets/stylesheets/email.css | 2 +- app/views/shared_mailers/_social.html.haml | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/app/assets/stylesheets/email.css b/app/assets/stylesheets/email.css index 73deb1030..ad28603c1 100644 --- a/app/assets/stylesheets/email.css +++ b/app/assets/stylesheets/email.css @@ -64,7 +64,7 @@ table.social { text-align:center; } a.fb { background-color: #3B5998!important; } -a.tw { background-color: #1daced!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; } diff --git a/app/views/shared_mailers/_social.html.haml b/app/views/shared_mailers/_social.html.haml index 9020e4590..9012b71b9 100644 --- a/app/views/shared_mailers/_social.html.haml +++ b/app/views/shared_mailers/_social.html.haml @@ -12,7 +12,7 @@ %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://twitter.com/codebar", class: "soc-btn tw" } Follow us on Twitter + %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