Skip to content

Commit

Permalink
feature(general): email template updates (#899)
Browse files Browse the repository at this point in the history
* small fixes for emails (mainly outlook)

* wip

* Update august newsletter

* wip

* wip

* text changes and preparing for september newsletter

* small changes

* Small fix for bullet points in Outlook

* Prettified Code!

---------

Co-authored-by: aurelieschmiedlin <[email protected]>
Co-authored-by: ssandino <[email protected]>
  • Loading branch information
3 people authored Sep 3, 2024
1 parent f6c79fe commit a7e1fd0
Show file tree
Hide file tree
Showing 18 changed files with 1,860 additions and 48 deletions.
1,549 changes: 1,548 additions & 1 deletion shared/emails/newsletter/2024-08-newsletter.html

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions shared/emails/newsletter/2024-09-newsletter.html
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
copy html code from last newsletter to start
255 changes: 255 additions & 0 deletions shared/emails/newsletter/special-elements.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,255 @@
<!-- start banner -->
<tr>
<td align="center" bgcolor="#f9f8f3" style="padding: 10px">
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px">
<tr>
<td
bgcolor="#dedad2"
style="
background-color: #dedad2;
padding: 12px 15px;
border-radius: 10px;
font-family: 'Unica77', Helvetica, Arial, sans-serif;
font-size: 24px;
line-height: 32px;
text-align: left;
display: flex;
align-items: center;
"
>
<!-- Podcast Icon -->
<img src="your-podcast-icon-url.png" alt="Podcast Icon" style="height: 100%; margin-right: 10px" />

<p
class="feature"
style="
margin: 0;
font-family: 'Unica77', Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 26px;
color: #59481c;
"
>
<span
class="feature"
style="color: #59481c; font-family: 'Unica77', Helvetica, Arial, sans-serif; font-weight: 500"
>
For those curious, XY dives into this topic in his
<a href="xxx" target="_blank" rel="noopener noreferrer" style="color: #59481c"> podcast </a>
</span>
</p>
</td>
</tr>
</table>
</td>
</tr>
<!-- end banner -->

<!-- start team news -->
<tr>
<td align="center" bgcolor="#f9f8f3" style="padding: 30px 10px 10px 10px">
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px">
<tr>
<td
bgcolor="#FAC800"
style="
background-color: #f0e08c;
padding: 20px 20px 20px 20px;
border-radius: 10px;
font-family: 'Unica77', Helvetica, Arial, sans-serif;
font-size: 32px;
line-height: 32px;
text-align: left;
"
>
<p
class="feature"
style="
margin: 0px 0px 20px 0px;
font-family: 'Unica77', Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 24px;
line-height: 32px;
color: #59481c;
"
>
Internal Staff News for {{ insert first_name 'default=Volunteers' }}
</p>
<p
class="feature"
style="
margin: 0;
font-family: 'Unica77', Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 30px;
color: #59481c;
"
>
Thanks to the
<a
style="color: #111111; text-decoration: none"
href="https://socialincome.org/campaign/MZmXEVHlDjOOFOMk82jW"
target="_blank"
rel="noopener noreferrer"
>
<span style="color: #59481c; text-decoration: underline; margin: 0px 0px 0px 0px"
>successful campaign with Ismatu</span
></a
>
we start paying out Ebola survivors on July 15th.
</p>
<p
class="feature"
style="
margin: 0;
font-family: 'Unica77', Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 30px;
color: #59481c;
"
>
</p>
<p
class="feature"
style="
margin: 0;
font-family: 'Unica77', Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 30px;
color: #59481c;
"
>
Team BBQ on August 30 in Zurich: Save the date.
</p>
<p
class="feature"
style="
margin: 0;
font-family: 'Unica77', Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 30px;
color: #59481c;
"
>
</p>
<p
class="feature"
style="
margin: 0;
font-family: 'Unica77', Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 30px;
color: #59481c;
"
>
<a
style="color: #111111; text-decoration: none"
href="https://karinberg.github.io/"
target="_blank"
rel="noopener noreferrer"
>
<span style="color: #59481c; text-decoration: underline; margin: 0px 0px 0px 0px">Karin Berg</span></a
>, a friend of Verena, has joined as a volunteer to code the next updates of our mobile app. Welcome!
</p>
<p
class="feature"
style="
margin: 0;
font-family: 'Unica77', Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 30px;
color: #59481c;
"
>
</p>
<p
class="feature"
style="
margin: 0;
font-family: 'Unica77', Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 30px;
color: #59481c;
"
>
Q2 Finance Call is coming up on July 5
<a
style="color: #111111; text-decoration: none"
href="https://docs.google.com/document/d/1q9HMum4oeIEyNTUGUy0LbkVkplhk6uuK3d_CczxKhbA/edit#heading=h.ne5fjieuq94e"
target="_blank"
rel="noopener noreferrer"
>
<span style="color: #59481c; text-decoration: underline">(Meeting document)</span></a
>
</p>
<p
class="feature"
style="
margin: 0;
font-family: 'Unica77', Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 30px;
color: #59481c;
"
>
</p>
<p
class="feature"
style="
margin: 0;
font-family: 'Unica77', Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 30px;
color: #59481c;
"
>
Kerrin turned in her master thesis on the topic of Social Income's impact. Congrats! She will setup a call
for everyone interested to learn more.
</p>
<p
style="
margin: 0;
font-family: 'Unica77', Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 30px;
color: #59481c;
"
>
</p>
<p
class="feature"
style="
margin: 0;
font-family: 'Unica77', Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 30px;
color: #59481c;
"
>
I started my internship at the WTO in Geneva. Wish me luck that they don't find out that I work for Social
Income during the day!
</p>
</td>
</tr>
</table>
</td>
</tr>

<!-- end team news -->
6 changes: 3 additions & 3 deletions shared/emails/transactional/payout-email-de.html
Original file line number Diff line number Diff line change
Expand Up @@ -178,7 +178,7 @@
src="http://cdn.mcauto-images-production.sendgrid.net/044784a789c4863a/b641e150-9ec7-4220-b6a3-2616e65915ac/935x101.png"
alt="Logo"
border="0"
width="48"
width="250"
style="display: block; width: 250px; max-width: 250px; min-width: 250px"
/>
</a>
Expand Down Expand Up @@ -870,10 +870,10 @@
style="display: inline-block"
>
<img
src="http://cdn.mcauto-images-production.sendgrid.net/044784a789c4863a/e82b674a-943e-4a8b-b8b2-183c1e992e6d/816x523.png"
src="http://cdn.mcauto-images-production.sendgrid.net/044784a789c4863a/00efcc42-51b2-4724-b566-c29b53cae2d5/100x66.png"
alt="Logo"
border="0"
width="48px"
width="80"
style="display: block; width: 80px; max-width: 80px; min-width: 80px"
/>
</a>
Expand Down
6 changes: 3 additions & 3 deletions shared/emails/transactional/payout-email-en.html
Original file line number Diff line number Diff line change
Expand Up @@ -178,7 +178,7 @@
src="http://cdn.mcauto-images-production.sendgrid.net/044784a789c4863a/b641e150-9ec7-4220-b6a3-2616e65915ac/935x101.png"
alt="Logo"
border="0"
width="48"
width="250"
style="display: block; width: 250px; max-width: 250px; min-width: 250px"
/>
</a>
Expand Down Expand Up @@ -864,10 +864,10 @@
style="display: inline-block"
>
<img
src="http://cdn.mcauto-images-production.sendgrid.net/044784a789c4863a/e82b674a-943e-4a8b-b8b2-183c1e992e6d/816x523.png"
src="http://cdn.mcauto-images-production.sendgrid.net/044784a789c4863a/00efcc42-51b2-4724-b566-c29b53cae2d5/100x66.png"
alt="Logo"
border="0"
width="48px"
width="80"
style="display: block; width: 80px; max-width: 80px; min-width: 80px"
/>
</a>
Expand Down
6 changes: 3 additions & 3 deletions shared/emails/transactional/payout-email-fr.html
Original file line number Diff line number Diff line change
Expand Up @@ -178,7 +178,7 @@
src="http://cdn.mcauto-images-production.sendgrid.net/044784a789c4863a/b641e150-9ec7-4220-b6a3-2616e65915ac/935x101.png"
alt="Logo"
border="0"
width="48"
width="250"
style="display: block; width: 250px; max-width: 250px; min-width: 250px"
/>
</a>
Expand Down Expand Up @@ -868,10 +868,10 @@
style="display: inline-block"
>
<img
src="http://cdn.mcauto-images-production.sendgrid.net/044784a789c4863a/e82b674a-943e-4a8b-b8b2-183c1e992e6d/816x523.png"
src="http://cdn.mcauto-images-production.sendgrid.net/044784a789c4863a/00efcc42-51b2-4724-b566-c29b53cae2d5/100x66.png"
alt="Logo"
border="0"
width="48px"
width="80"
style="display: block; width: 80px; max-width: 80px; min-width: 80px"
/>
</a>
Expand Down
9 changes: 6 additions & 3 deletions shared/emails/transactional/welcome-1-de.html
Original file line number Diff line number Diff line change
Expand Up @@ -194,7 +194,7 @@
src="http://cdn.mcauto-images-production.sendgrid.net/044784a789c4863a/b641e150-9ec7-4220-b6a3-2616e65915ac/935x101.png"
alt="Logo"
border="0"
width="48"
width="250"
style="display: block; width: 250px; max-width: 250px; min-width: 250px"
/>
</a>
Expand Down Expand Up @@ -376,6 +376,9 @@
>
</li>
</ul>
<!-- start outlook fix to prevent additional bullet point -->
<div style="display: none">&nbsp;</div>
<!-- end outlook fix to prevent additional bullet point -->
</td>
</tr>
<!-- separator start -->
Expand Down Expand Up @@ -647,10 +650,10 @@
style="display: inline-block"
>
<img
src="http://cdn.mcauto-images-production.sendgrid.net/044784a789c4863a/e82b674a-943e-4a8b-b8b2-183c1e992e6d/816x523.png"
src="http://cdn.mcauto-images-production.sendgrid.net/044784a789c4863a/00efcc42-51b2-4724-b566-c29b53cae2d5/100x66.png"
alt="Logo"
border="0"
width="48px"
width="80"
style="display: block; width: 80px; max-width: 80px; min-width: 80px"
/>
</a>
Expand Down
13 changes: 8 additions & 5 deletions shared/emails/transactional/welcome-1-en.html
Original file line number Diff line number Diff line change
Expand Up @@ -201,7 +201,7 @@
src="http://cdn.mcauto-images-production.sendgrid.net/044784a789c4863a/b641e150-9ec7-4220-b6a3-2616e65915ac/935x101.png"
alt="Logo"
border="0"
width="48"
width="250"
style="display: block; width: 250px; max-width: 250px; min-width: 250px"
/>
</a>
Expand Down Expand Up @@ -377,12 +377,15 @@
>
We built a 100%
<a href="https://github.com/socialincome-san/public" target="_blank" rel="noopener noreferrer"
>open-source platform
</a>
>open-source platform</a
>
to manage donations and mobile money payments to people living in poverty.</span
>
</li>
</ul>
<!-- start outlook fix to prevent additional bullet point -->
<div style="display: none">&nbsp;</div>
<!-- end outlook fix to prevent additional bullet point -->
</td>
</tr>
<!-- separator start -->
Expand Down Expand Up @@ -655,10 +658,10 @@
style="display: inline-block"
>
<img
src="http://cdn.mcauto-images-production.sendgrid.net/044784a789c4863a/e82b674a-943e-4a8b-b8b2-183c1e992e6d/816x523.png"
src="http://cdn.mcauto-images-production.sendgrid.net/044784a789c4863a/00efcc42-51b2-4724-b566-c29b53cae2d5/100x66.png"
alt="Logo"
border="0"
width="48px"
width="80"
style="display: block; width: 80px; max-width: 80px; min-width: 80px"
/>
</a>
Expand Down
Loading

0 comments on commit a7e1fd0

Please sign in to comment.