ente/server/mail-templates/storage_limit_exceeded.html
2025-01-27 16:28:27 +05:30

193 lines
4.3 KiB
HTML

<!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;
}
pre {
background: #f4f4f4f4;
padding: 2px;
}
table {
width: 100%;
border: 1px solid #ddd;
}
table td {
border-color: #ddd;
padding: 5px;
}
.wrap {
background-color: #fff;
padding: 30px;
max-width: 525px;
margin: 0 auto;
border-radius: 5px;
}
.button {
background: #0055d4;
border-radius: 3px;
text-decoration: none !important;
color: #fff !important;
font-weight: bold;
padding: 10px 30px;
display: inline-block;
}
.button:hover {
background: #111;
}
.footer {
text-align: center;
font-size: 12px;
color: #888;
}
.footer a {
color: #888;
margin-right: 5px;
}
.gutter {
padding: 30px;
}
img {
max-width: 100%;
height: auto;
}
a {
color: #0055d4;
}
a:hover {
color: #111;
}
@media screen and (max-width: 600px) {
.wrap {
max-width: auto;
}
.gutter {
padding: 10px;
}
}
.footer-icons {
padding: 4px !important;
width: 24px !important;
}
</style>
<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>Hey,</p>
<p>
This is to let you know that you have used up your storage limit. The
files you've uploaded so far will remain accessible, but no new files
will be backed up until you upgrade your subscription.
</p>
<p>
Once you upgrade, you can share your albums with
<a href="https://ente.io/blog/powerful-links/">powerful links</a> and
split your subscription with family at no extra cost.
</p>
<p>
In case you did not know, Ente also has a
<a href="https://help.ente.io/photos/features/referral-program/"
>referral program</a
>, that will let you double your storage, for free!
</p>
<p>If you have any questions, do write back, we'd be happy to help.</p>
</div>
<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>