TerribleDev/ente
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update first upload template for mobile

Browse Source
This commit is contained in:
vishnukvmd
2024-08-22 17:40:07 +05:30
parent 36085eb78f
commit eee01322c8
1 changed files with 172 additions and 326 deletions
Download Patch File Download Diff File Expand all files Collapse all files

498
server/mail-templates/mobile_app_first_upload.html
View File

@@ -1,347 +1,193 @@
<html data-editor-version="2" class="sg-campaigns" xmlns="http://www.w3.org/1999/xhtml">
<!DOCTYPE html>
<html>
<meta content="text/html; charset=utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1,
minimum-scale=1"
/>
<style>
body {
background-color: #f0f1f3;
font-family: "Helvetica Neue", "Segoe UI", Helvetica, sans-serif;
font-size: 16px;
line-height: 27px;
margin: 0;
color: #444;
}
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<!--[if !mso]><!-->
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<!--<![endif]-->
<!--[if (gte mso 9)|(IE)]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->
<!--[if (gte mso 9)|(IE)]>
<style type="text/css">
body {
width: 600px;
margin: 0 auto;
}
pre {
background: #f4f4f4f4;
padding: 2px;
}
table {
border-collapse: collapse;
}
table {
width: 100%;
border: 1px solid #ddd;
}
table, td {
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
table td {
border-color: #ddd;
padding: 5px;
}
img {
-ms-interpolation-mode: bicubic;
}
</style>
<![endif]-->
<style type="text/css">
body,
p,
div {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
}
.wrap {
background-color: #fff;
padding: 30px;
max-width: 525px;
margin: 0 auto;
border-radius: 5px;
}
body {
color: #000000;
}
.button {
background: #0055d4;
border-radius: 3px;
text-decoration: none !important;
color: #fff !important;
font-weight: bold;
padding: 10px 30px;
display: inline-block;
}
body a {
color: #1188E6;
text-decoration: none;
}
.button:hover {
background: #111;
}
p {
margin: 0;
padding: 0;
}
.footer {
text-align: center;
font-size: 12px;
color: #888;
}
table.wrapper {
width: 100% !important;
table-layout: fixed;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
.footer a {
color: #888;
margin-right: 5px;
}
img.max-width {
max-width: 100% !important;
}
.gutter {
padding: 30px;
}
.column.of-2 {
width: 50%;
}
img {
max-width: 100%;
height: auto;
}
.column.of-3 {
width: 33.333%;
}
a {
color: #0055d4;
}
.column.of-4 {
width: 25%;
}
a:hover {
color: #111;
}
ul ul ul ul {
list-style-type: disc !important;
}
@media screen and (max-width: 600px) {
.wrap {
max-width: auto;
}
ol ol {
list-style-type: lower-roman !important;
}
.gutter {
padding: 10px;
}
}
ol ol ol {
list-style-type: lower-latin !important;
}
.footer-icons {
padding: 4px !important;
width: 24px !important;
}
</style>
ol ol ol ol {
list-style-type: decimal !important;
}
<body>
<div class="gutter" style="padding: 4px">&nbsp;</div>
<div
class="wrap"
style="
background-color: rgb(255, 255, 255);
padding: 2px 30px 30px 30px;
max-width: 525px;
margin: 0 auto;
border-radius: 5px;
font-size: 16px;
"
>
<p>Congratulations on preserving your first memory with Ente!</p>
@media screen and (max-width: 480px) {
<p>
Did you know that we will be keeping 3 copies of this memory, at 3
different locations so that they are as safe as they can be? One of
these copies will in fact be preserved in an underground fallout
shelter!
</p>
.preheader .rightColumnContent,
.footer .rightColumnContent {
text-align: left !important;
}
<p>
While we work our magic, you can go ahead share your memories with your
loved ones. If they aren't on Ente yet, you can
<a href="https://ente.io/blog/powerful-links/" target="_blank"
>share links</a
>.
</p>
.preheader .rightColumnContent div,
.preheader .rightColumnContent span,
.footer .rightColumnContent div,
.footer .rightColumnContent span {
text-align: left !important;
}
<p>That's not all, if you wish to import more of your photos, we have an awesome desktop app waiting for you @ <a href="https://ente.io/download/desktop" target="_blank">ente.io/download/desktop</a>.</p>
.preheader .rightColumnContent,
.preheader .leftColumnContent {
font-size: 80% !important;
padding: 5px 0;
}
table.wrapper-mobile {
width: 100% !important;
table-layout: fixed;
}
img.max-width {
height: auto !important;
max-width: 100% !important;
}
a.bulletproof-button {
display: block !important;
width: auto !important;
font-size: 80%;
padding-left: 0 !important;
padding-right: 0 !important;
}
.columns {
width: 100% !important;
}
.column {
display: block !important;
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.social-icon-column {
display: inline-block !important;
}
}
</style>
<!--user entered Head Start-->
<!--End Head user entered-->
</head>
<body>
<center class="wrapper" data-link-color="#1188E6"
data-body-style="font-size:14px; font-family:'Open Sans', sans-serif; color:#000000; background-color:#FFFFFF;">
<div class="webkit">
<table class="wrapper" width="100%" cellspacing="0" cellpadding="0" border="0" bgcolor="#FFFFFF">
<tbody>
<tr>
<td width="100%" valign="top" bgcolor="#FFFFFF">
<table role="content-container" class="outer" width="100%" cellspacing="0" cellpadding="0"
border="0" align="center">
<tbody>
<tr>
<td width="100%">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td>
<!--[if mso]>
<center>
<table>
<tr>
<td width="600">
<![endif]-->
<table style="width:100%; max-width:600px;" width="100%"
cellspacing="0" cellpadding="0" border="0"
align="center">
<tbody>
<tr>
<td role="modules-container"
style="padding:0px 0px 0px 0px; color:#000000; text-align:left;"
width="100%" bgcolor="#FFFFFF" align="left">
<table
class="module preheader preheader-hide"
role="module" data-type="preheader"
style="display: none !important; mso-hide: all; visibility: hidden; opacity: 0; color: transparent; height: 0; width: 0;"
width="100%" cellspacing="0"
cellpadding="0" border="0">
<tbody>
<tr>
<td role="module-content">
<p></p>
</td>
</tr>
</tbody>
</table>
<table class="module" role="module"
data-type="text"
style="table-layout: fixed;"
data-muid="4d38f79c-f345-49d5-81f6-a0feac657ac3"
data-mc-module-version="2019-10-22"
width="100%" cellspacing="0"
cellpadding="0" border="0">
<tbody>
<tr>
<td style="padding:18px 0px 18px 0px; line-height:22px; text-align:inherit;"
role="module-content"
valign="top" height="100%"
bgcolor="">
<div>
<div
style="font-family: inherit; text-align: inherit">
<span
style="font-family: 'Open Sans', sans-serif">Congratulations
on preserving
your first
memory with
ente!</span>
</div>
<div
style="font-family: inherit; text-align: inherit">
<br>
</div>
<div
style="font-family: inherit; text-align: inherit">
<span
style="font-family: 'Open Sans', sans-serif">Did you know that we will be
keeping 3 copies of this memory, at 3 different locations so that they are
as safe as they can be? One of these copies will in fact be preserved in
an underground fallout shelter!</span>
</div>
<div
style="font-family: inherit; text-align: inherit">
<br>
</div>
<div
style="font-family: inherit; text-align: inherit">
<span
style="font-family: 'Open Sans', sans-serif">While we work our magic,
you can go ahead share your memories with your loved ones.
If they aren't on ente yet,
<a href="https://ente.io/blog/powerful-links/">you can share links</a>.</span>
</div>
<div
style="font-family: inherit; text-align: inherit">
<br>
</div>
<div
style="font-family: inherit; text-align: inherit">
<span style="font-family: 'Open Sans', sans-serif">That's not all,
if you wish to import more of your photos, we have an awesome
desktop app waiting for you @
<a href="https://ente.io/download/desktop">ente.io/download/desktop</a>.
</span>
</div>
<div
style="font-family: inherit; text-align: inherit">
<br>
</div>
<div
style="font-family: inherit; text-align: inherit">
<span
style="font-family: 'Open Sans', sans-serif">Now as you check out the product,
if there's anything you need help with, just write back and
we'll be there for you!</span>
</div>
<div
style="font-family: inherit; text-align: inherit">
<br>
</div>
<div
style="font-family: inherit; text-align: inherit">
<span
style="font-family: 'Open Sans', sans-serif">-
team@ente</span>
</div>
<div
style="font-family: inherit; text-align: inherit">
<br>
</div>
<div></div>
<hr>
<div style="font-family: inherit; text-align: inherit">
<br>
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<div style="flex: 1">
<a href="https://ente.io" style="color: black; font-size: 18px; font-weight: bold;">
ente
</a>
</div>
<div>
<a style="color: grey; font-size: 14px; margin-left: 12px;"
href="https://ente.io/about">About</a>
<a style="color: grey; font-size: 14px; margin-left: 12px;"
href="https://help.ente.io/">Help</a>
<a style="color: grey; font-size: 14px; margin-left: 12px;"
href="https://twitter.com/enteio">Twitter</a>
<a style="color: grey; font-size: 14px; margin-left: 12px;"
href="https://ente.io/community">Community</a>
</div>
</div>
<div style="font-family: inherit; text-align: inherit">
<br>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if mso]>
</td>
</tr>
</table>
</center>
<![endif]-->
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<p>
Now as you check out Ente, if there's anything you need help with,
please write back and we'll be there for you!
</p>
</div>
</center>
</body>
</html>
<br />
<div
class="footer"
style="text-align: center; font-size: 12px; color: rgb(136, 136, 136)"
>
<div>
<a href="https://ente.io" target="_blank"
><img
src="https://email-assets.ente.io/ente-green.png"
style="width: 100px; padding: 24px"
title="Ente"
alt="Ente"
/></a>
</div>
<div>
<a href="https://fosstodon.org/@ente" target="_blank"
><img
src="https://email-assets.ente.io/mastodon-icon.png"
class="footer-icons"
style="width: 24px; padding: 4px"
title="Mastodon"
alt="Mastodon"
/></a>
<a href="https://twitter.com/enteio" target="_blank"
><img
src="https://email-assets.ente.io/twitter-icon.png"
class="footer-icons"
style="width: 24px; padding: 4px"
title="Twitter"
alt="Twitter"
/></a>
<a href="https://discord.ente.io" target="_blank"
><img
src="https://email-assets.ente.io/discord-icon.png"
class="footer-icons"
style="width: 24px; padding: 4px"
title="Discord"
alt="Discord"
/></a>
<a href="https://github.com/ente-io" target="_blank"
><img
src="https://email-assets.ente.io/github-icon.png"
class="footer-icons"
style="width: 24px; padding: 4px"
title="GitHub"
alt="GitHub"
/></a>
</div>
<p>
Ente Technologies, Inc.
<br />
1111B S Governors Ave 6032 Dover, DE 19904
</p>
<br />
</div>
</body>
</html>