Skip to content

Commit

Permalink
chore: Update email templates header
Browse files Browse the repository at this point in the history
  • Loading branch information
@wryonik
wryonik committed Oct 21, 2024
1 parent bac8715 commit 3aa3a00
Show file tree
Hide file tree
Showing 4 changed files with 150 additions and 18 deletions.
41 changes: 37 additions & 4 deletions packages/relayer/email_templates/acknowledgement_template.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -90,33 +90,62 @@
margin: 0 auto;
padding: 0;
"
cellspacing="0"
cellpadding="0"
>
<tr>
<td align="center" style="padding: 0">
<td align="center" style="padding: 0; margin: 0">
<!-- Header -->
<table
width="100%"
style="
background-image: url(https://storage.googleapis.com/email-templates-artifacts/Header.png?ignoreCache=1);
background-image: url(https://storage.googleapis.com/email-templates-artifacts/Header.png);
background-size: cover;
background-position: center;
height: 4.5rem;
border-radius: 8px 8px 0 0;
padding: 0;
margin: 0;
"
cellspacing="0"
cellpadding="0"
>
<tr>
<td style="padding: 0; margin: 0">
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td align="left" style="padding: 0; margin: 0">
<img
src="https://storage.googleapis.com/email-templates-artifacts/Z.png?ignoreCache=1"
style="display: block; width: 70px; height: 70px; margin: 0"
alt="Z logo"
/>
</td>
<td align="right" style="padding: 0; margin: 0">
<img
src="https://storage.googleapis.com/email-templates-artifacts/K.png"
style="display: block; width: 70px; height: 70px; margin: 0"
alt="K logo"
/>
</td>
</tr>
</table>
</td>
</tr>
</table>

<!-- Content -->
<table
width="100%"
style="
background-color: white;
z-index: 100;
padding: 2rem 1rem;
border: 1px solid #dddddd;
"
>
<tr>
<td style="padding: 0; font-size: 16px; color: #000">
<td style="padding: 0; font-size: 16px; color: #000;">
Hi,
</td>
</tr>
Expand All @@ -142,7 +171,11 @@
background-size: cover;
height: 4.5rem;
border-radius: 0 0 8px 8px;
padding: 0;
margin: 0;
"
cellspacing="0"
cellpadding="0"
>
<tr>
<td align="center" style="padding: 5px">
Expand Down Expand Up @@ -200,7 +233,7 @@
</td>
<td>
<a href="https://t.me/zkemail/1" class="social-links-logo"
style=" border-radius: 50%;
style=" border-radius: 50%;
background: #161819;
border: 1px solid #3B3B3B;
backdrop-filter: blur(8px);
Expand Down
41 changes: 37 additions & 4 deletions packages/relayer/email_templates/command_template.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -90,33 +90,62 @@
margin: 0 auto;
padding: 0;
"
cellspacing="0"
cellpadding="0"
>
<tr>
<td align="center" style="padding: 0">
<td align="center" style="padding: 0; margin: 0">
<!-- Header -->
<table
width="100%"
style="
background-image: url(https://storage.googleapis.com/email-templates-artifacts/Header.png?ignoreCache=1);
background-image: url(https://storage.googleapis.com/email-templates-artifacts/Header.png);
background-size: cover;
background-position: center;
height: 4.5rem;
border-radius: 8px 8px 0 0;
padding: 0;
margin: 0;
"
cellspacing="0"
cellpadding="0"
>
<tr>
<td style="padding: 0; margin: 0">
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td align="left" style="padding: 0; margin: 0">
<img
src="https://storage.googleapis.com/email-templates-artifacts/Z.png?ignoreCache=1"
style="display: block; width: 70px; height: 70px; margin: 0"
alt="Z logo"
/>
</td>
<td align="right" style="padding: 0; margin: 0">
<img
src="https://storage.googleapis.com/email-templates-artifacts/K.png"
style="display: block; width: 70px; height: 70px; margin: 0"
alt="K logo"
/>
</td>
</tr>
</table>
</td>
</tr>
</table>

<!-- Content -->
<table
width="100%"
style="
background-color: white;
z-index: 100;
padding: 2rem 1rem;
border: 1px solid #dddddd;
"
>
<tr>
<td style="padding: 0; font-size: 16px; color: #000">
<td style="padding: 0; font-size: 16px; color: #000;">
Hi,
</td>
</tr>
Expand Down Expand Up @@ -151,7 +180,11 @@
background-size: cover;
height: 4.5rem;
border-radius: 0 0 8px 8px;
padding: 0;
margin: 0;
"
cellspacing="0"
cellpadding="0"
>
<tr>
<td align="center" style="padding: 5px">
Expand Down Expand Up @@ -209,7 +242,7 @@
</td>
<td>
<a href="https://t.me/zkemail/1" class="social-links-logo"
style=" border-radius: 50%;
style=" border-radius: 50%;
background: #161819;
border: 1px solid #3B3B3B;
backdrop-filter: blur(8px);
Expand Down
43 changes: 38 additions & 5 deletions packages/relayer/email_templates/completion_template.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -90,33 +90,62 @@
margin: 0 auto;
padding: 0;
"
cellspacing="0"
cellpadding="0"
>
<tr>
<td align="center" style="padding: 0">
<td align="center" style="padding: 0; margin: 0">
<!-- Header -->
<table
width="100%"
style="
background-image: url(https://storage.googleapis.com/email-templates-artifacts/Header.png?ignoreCache=1);
background-image: url(https://storage.googleapis.com/email-templates-artifacts/Header.png);
background-size: cover;
background-position: center;
height: 4.5rem;
border-radius: 8px 8px 0 0;
padding: 0;
margin: 0;
"
cellspacing="0"
cellpadding="0"
>
<tr>
<td style="padding: 0; margin: 0">
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td align="left" style="padding: 0; margin: 0">
<img
src="https://storage.googleapis.com/email-templates-artifacts/Z.png?ignoreCache=1"
style="display: block; width: 70px; height: 70px; margin: 0"
alt="Z logo"
/>
</td>
<td align="right" style="padding: 0; margin: 0">
<img
src="https://storage.googleapis.com/email-templates-artifacts/K.png"
style="display: block; width: 70px; height: 70px; margin: 0"
alt="K logo"
/>
</td>
</tr>
</table>
</td>
</tr>
</table>

<!-- Content -->
<table
width="100%"
style="
background-color: white;
z-index: 100;
padding: 2rem 1rem;
border: 1px solid #dddddd;
"
>
<tr>
<td style="padding: 0; font-size: 16px; color: #000">
<td style="padding: 0; font-size: 16px; color: #000;">
Hi,
</td>
</tr>
Expand All @@ -137,7 +166,7 @@
font-weight: 600;
text-decoration: none;">
<img
src="https://storage.googleapis.com/email-templates-artifacts/GlobeIcon.png"
src="https://storage.googleapis.com/email-templates-artifacts/GlobeIcon.png?ignoreCache=1"
alt="Share Icon"
style="vertical-align: middle; margin-right: 5px; height: 20px; width: 20px"
/>View on Explorer
Expand All @@ -161,7 +190,11 @@
background-size: cover;
height: 4.5rem;
border-radius: 0 0 8px 8px;
padding: 0;
margin: 0;
"
cellspacing="0"
cellpadding="0"
>
<tr>
<td align="center" style="padding: 5px">
Expand Down Expand Up @@ -219,7 +252,7 @@
</td>
<td>
<a href="https://t.me/zkemail/1" class="social-links-logo"
style=" border-radius: 50%;
style=" border-radius: 50%;
background: #161819;
border: 1px solid #3B3B3B;
backdrop-filter: blur(8px);
Expand Down
43 changes: 38 additions & 5 deletions packages/relayer/email_templates/error_template.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -90,34 +90,63 @@
margin: 0 auto;
padding: 0;
"
cellspacing="0"
cellpadding="0"
>
<tr>
<td align="center" style="padding: 0">
<td align="center" style="padding: 0; margin: 0">
<!-- Header -->
<table
width="100%"
style="
background-image: url(https://storage.googleapis.com/email-templates-artifacts/Header.png?ignoreCache=1);
background-image: url(https://storage.googleapis.com/email-templates-artifacts/Header.png);
background-size: cover;
background-position: center;
height: 4.5rem;
border-radius: 8px 8px 0 0;
padding: 0;
margin: 0;
"
cellspacing="0"
cellpadding="0"
>
<tr>
<td style="padding: 0; margin: 0">
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td align="left" style="padding: 0; margin: 0">
<img
src="https://storage.googleapis.com/email-templates-artifacts/Z.png?ignoreCache=1"
style="display: block; width: 70px; height: 70px; margin: 0"
alt="Z logo"
/>
</td>
<td align="right" style="padding: 0; margin: 0">
<img
src="https://storage.googleapis.com/email-templates-artifacts/K.png"
style="display: block; width: 70px; height: 70px; margin: 0"
alt="K logo"
/>
</td>
</tr>
</table>
</td>
</tr>
</table>

<!-- Content -->
<table
width="100%"
style="
background-color: white;
z-index: 100;
padding: 2rem 1rem;
border: 1px solid #dddddd;
"
>
<tr>
<td style="padding: 0; font-size: 16px; color: #000">
Hi, {{userEmailAddr}}!
<td style="padding: 0; font-size: 16px; color: #000;">
Hi,
</td>
</tr>
<tr>
Expand All @@ -143,7 +172,11 @@
background-size: cover;
height: 4.5rem;
border-radius: 0 0 8px 8px;
padding: 0;
margin: 0;
"
cellspacing="0"
cellpadding="0"
>
<tr>
<td align="center" style="padding: 5px">
Expand Down Expand Up @@ -201,7 +234,7 @@
</td>
<td>
<a href="https://t.me/zkemail/1" class="social-links-logo"
style=" border-radius: 50%;
style=" border-radius: 50%;
background: #161819;
border: 1px solid #3B3B3B;
backdrop-filter: blur(8px);
Expand Down

0 comments on commit 3aa3a00

Please sign in to comment.