mirror of
https://github.com/pockethost/pockethost.git
synced 2025-11-24 14:35:49 +00:00
pockethost: add email templates for OTP, updates, verification, login alerts, password reset, and email change confirmation
This commit is contained in:
cheskoxd
parent
7d442912c1
commit
d9941a3878
55
assets/templates/emails/OPT.html
Normal file
55
assets/templates/emails/OPT.html
Normal file
@ -0,0 +1,55 @@
|
|||||||
|
---
|
||||||
|
bodyClass: bg-[#111111]
|
||||||
|
preheader: OTP
|
||||||
|
---
|
||||||
|
|
||||||
|
<x-main>
|
||||||
|
<table width="100%" cellpadding="0" cellspacing="0" border="0" background="https://s6.imgcdn.dev/YiDOO2.png"
|
||||||
|
style="background-size:cover; background-color:#111111;background-position:center;"
|
||||||
|
class="bg-[#111111] font-sans relative py-10">
|
||||||
|
<tr>
|
||||||
|
<td align="center" valign="top">
|
||||||
|
<!-- <img src="https://pockethost.io/pockethost-cloud-logo.png" class="absolute top-0 left-0 z-0 object-fill w-full h-full pointer-events-none opacity-80 blur-3xl" alt=""> -->
|
||||||
|
|
||||||
|
<table width="100%" cellpadding="0" cellspacing="0" border="0"
|
||||||
|
class="max-w-[552px] px-10 py-6 mx-auto bg-[#111111]/60 border-solid border border-white/20 rounded-lg shadow z-10 relative">
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<table width="100%" cellpadding="0" cellspacing="0" border="0">
|
||||||
|
<tr>
|
||||||
|
<td class="flex flex-row items-center justify-start font-bold text-center ">
|
||||||
|
<img src="https://pockethost.io/pockethost-cloud-logo.png" alt="Logo"
|
||||||
|
class="max-w-[60px]">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="py-3 text-start figtree"
|
||||||
|
style="font-family: 'Figtree', Arial, sans-serif;">
|
||||||
|
<h1 class="mb-2 text-2xl font-bold text-white">🔒 Your One-Time Password</h1>
|
||||||
|
<p class="mt-4 text-gray-400">Enter this code to complete your login. It expires in 3 minutes.</p>
|
||||||
|
<table cellpadding="0" cellspacing="0" border="0" class="w-full mt-4">
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
class="px-4 py-3 text-center border border-gray-600 rounded-md bg-gray-800/50">
|
||||||
|
<span
|
||||||
|
class="font-mono text-3xl tracking-wider text-white">{OTP}</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="text-xs text-gray-500 text-start figtree"
|
||||||
|
style="font-family:'Figtree', Arial, sans-serif;">
|
||||||
|
<p>© 2025 Pockethost. All rights reserved.</p>
|
||||||
|
<p>If you didn't ask for the one-time password, please ignore this email.</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</x-main>
|
||||||
54
assets/templates/emails/UpdatePPOrToS.html
Normal file
54
assets/templates/emails/UpdatePPOrToS.html
Normal file
@ -0,0 +1,54 @@
|
|||||||
|
---
|
||||||
|
bodyClass: bg-[#111111]
|
||||||
|
preheader: Update PP or TOS
|
||||||
|
---
|
||||||
|
|
||||||
|
<x-main>
|
||||||
|
<table width="100%" cellpadding="0" cellspacing="0" border="0" background="https://s6.imgcdn.dev/YiDOO2.png"
|
||||||
|
style="background-size:cover; background-color:#111111;background-position:center;"
|
||||||
|
class="bg-[#111111] font-sans relative py-10">
|
||||||
|
<tr>
|
||||||
|
<td align="center" valign="top">
|
||||||
|
<!-- <img src="https://pockethost.io/pockethost-cloud-logo.png" class="absolute top-0 left-0 z-0 object-fill w-full h-full pointer-events-none opacity-80 blur-3xl" alt=""> -->
|
||||||
|
|
||||||
|
<table width="100%" cellpadding="0" cellspacing="0" border="0"
|
||||||
|
class="max-w-[552px] px-10 py-6 mx-auto bg-[#111111]/60 border-solid border border-white/20 rounded-lg shadow z-10 relative">
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<table width="100%" cellpadding="0" cellspacing="0" border="0">
|
||||||
|
<tr>
|
||||||
|
<td class="flex flex-row items-center justify-start font-bold text-center ">
|
||||||
|
<img src="https://pockethost.io/pockethost-cloud-logo.png" alt="Logo"
|
||||||
|
class="max-w-[60px]">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="py-4 text-start figtree">
|
||||||
|
<h1 class="mb-2 text-2xl font-bold text-white">📝 Updates to Our Terms of Service</h1>
|
||||||
|
<p class="mt-4 text-gray-300 text">We’ve updated our Terms of Service to reflect that we no longer offer free projects.</p>
|
||||||
|
<p class="mt-4 text-gray-300 text">As announced on January 10, 2025, we moved to a <a href="https://pockethost.io/blog/hard-paywall-is-live">hard paywall</a>. All existing users at that time were automatically grandfathered in and can continue under their previous terms </p>
|
||||||
|
|
||||||
|
<table cellpadding="0" cellspacing="0" border="0" class="mt-4">
|
||||||
|
<tr>
|
||||||
|
<td class="inline-block px-6 py-3 font-semibold text-white no-underline transition rounded-md bg-ph">
|
||||||
|
<a href="https://pockethost.io/terms" class="text-white no-underline" target="_blank" rel="noopener">Review Terms of Service</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="text-xs text-gray-500 text-start figtree"
|
||||||
|
style="font-family:'Figtree', Arial, sans-serif;">
|
||||||
|
<p>© 2025 Pockethost. All rights reserved.</p>
|
||||||
|
<p>If you have any questions about this update, please contact our support team.</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</x-main>
|
||||||
48
assets/templates/emails/emailVerification.html
Normal file
48
assets/templates/emails/emailVerification.html
Normal file
@ -0,0 +1,48 @@
|
|||||||
|
---
|
||||||
|
bodyClass: bg-[#111111]
|
||||||
|
preheader: Email Verification
|
||||||
|
---
|
||||||
|
|
||||||
|
<x-main>
|
||||||
|
<table width="100%" cellpadding="0" cellspacing="0" border="0" background="https://s6.imgcdn.dev/YiDOO2.png"
|
||||||
|
style="background-size:cover; background-color:#111111;background-position:center;" class="bg-[#111111] font-sans relative py-10">
|
||||||
|
<tr>
|
||||||
|
<td align="center" valign="top">
|
||||||
|
<!-- <img src="https://pockethost.io/pockethost-cloud-logo.png" class="absolute top-0 left-0 z-0 object-fill w-full h-full pointer-events-none opacity-80 blur-3xl" alt=""> -->
|
||||||
|
|
||||||
|
<table width="100%" cellpadding="0" cellspacing="0" border="0" class="max-w-[552px] px-10 py-6 mx-auto bg-[#111111]/60 border-solid border border-white/20 rounded-lg shadow z-10 relative">
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<table width="100%" cellpadding="0" cellspacing="0" border="0">
|
||||||
|
<tr>
|
||||||
|
<td class="flex flex-row items-center justify-start font-bold text-center ">
|
||||||
|
<img src="https://pockethost.io/pockethost-cloud-logo.png" alt="Logo" class="max-w-[60px]">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="py-3 text-start figtree" style="font-family:'Figtree', Arial, sans-serif;">
|
||||||
|
<h1 class="text-2xl font-bold text-white">Verify Your Email Address</h1>
|
||||||
|
<p class="mt-4 text-gray-400">Thank you for signing up! Click on the button below to verify your email address.</p>
|
||||||
|
<table cellpadding="0" cellspacing="0" border="0">
|
||||||
|
<tr>
|
||||||
|
<td class="inline-block px-6 py-3 mt-2 font-semibold text-white transition rounded-md bg-ph">
|
||||||
|
<a href="{APP_URL}/_/#/auth/confirm-verification/{TOKEN}" class="text-white no-underline" target="_blank" rel="noopener">Verify Email</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="text-xs text-gray-500 text-start figtree" style="font-family:'Figtree', Arial, sans-serif;">
|
||||||
|
<p>© 2025 Pockethost. All rights reserved.</p>
|
||||||
|
<p>If you did not sign up for this account, please ignore this email.</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</x-main>
|
||||||
55
assets/templates/emails/loginAlert.html
Normal file
55
assets/templates/emails/loginAlert.html
Normal file
@ -0,0 +1,55 @@
|
|||||||
|
---
|
||||||
|
bodyClass: bg-[#111111]
|
||||||
|
preheader: Login Alert
|
||||||
|
---
|
||||||
|
|
||||||
|
<x-main>
|
||||||
|
<table width="100%" cellpadding="0" cellspacing="0" border="0" background="https://s6.imgcdn.dev/YiDOO2.png"
|
||||||
|
style="background-size:cover; background-color:#111111;background-position:center;"
|
||||||
|
class="bg-[#111111] font-sans relative py-10">
|
||||||
|
<tr>
|
||||||
|
<td align="center" valign="top">
|
||||||
|
<!-- <img src="https://pockethost.io/pockethost-cloud-logo.png" class="absolute top-0 left-0 z-0 object-fill w-full h-full pointer-events-none opacity-80 blur-3xl" alt=""> -->
|
||||||
|
|
||||||
|
<table width="100%" cellpadding="0" cellspacing="0" border="0"
|
||||||
|
class="max-w-[552px] px-10 py-6 mx-auto bg-[#111111]/60 border-solid border border-white/20 rounded-lg shadow z-10 relative">
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<table width="100%" cellpadding="0" cellspacing="0" border="0">
|
||||||
|
<tr>
|
||||||
|
<td class="flex flex-row items-center justify-start font-bold text-center ">
|
||||||
|
<img src="https://pockethost.io/pockethost-cloud-logo.png" alt="Logo"
|
||||||
|
class="max-w-[60px]">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="py-3 text-start figtree"
|
||||||
|
style="font-family: 'Figtree', Arial, sans-serif;">
|
||||||
|
<h1 class="mb-2 text-2xl font-bold text-white">🚨 New Login Alert</h1>
|
||||||
|
<p class="mt-4 text-gray-400">We noticed a login to your Pockethost account from a new location.</p>
|
||||||
|
<p class="mt-2 text-gray-400">If this was you, you may disregard this email.</p>
|
||||||
|
<p class="mt-4 font-bold text-gray-300">If this wasn't you, you should immediately change your {APP_NAME} account password to revoke access from all other locations.</p>
|
||||||
|
<table cellpadding="0" cellspacing="0" border="0">
|
||||||
|
<tr>
|
||||||
|
<td class="inline-block px-6 py-3 mt-2 font-semibold text-white transition rounded-md bg-ph">
|
||||||
|
<a href="{APP_URL}/_/#/auth/reset-password/{TOKEN}" class="text-white no-underline" target="_blank" rel="noopener">Change Password</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="text-xs text-gray-500 text-start figtree"
|
||||||
|
style="font-family:'Figtree', Arial, sans-serif;">
|
||||||
|
<p>© 2025 Pockethost. All rights reserved.</p>
|
||||||
|
<p>If you need assistance, please contact our support team.</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</x-main>
|
||||||
53
assets/templates/emails/resetPassword.html
Normal file
53
assets/templates/emails/resetPassword.html
Normal file
@ -0,0 +1,53 @@
|
|||||||
|
---
|
||||||
|
bodyClass: bg-[#111111]
|
||||||
|
preheader: Reset Password
|
||||||
|
---
|
||||||
|
|
||||||
|
<x-main>
|
||||||
|
<table width="100%" cellpadding="0" cellspacing="0" border="0" background="https://s6.imgcdn.dev/YiDOO2.png"
|
||||||
|
style="background-size:cover; background-color:#111111;background-position:center;"
|
||||||
|
class="bg-[#111111] font-sans relative py-10">
|
||||||
|
<tr>
|
||||||
|
<td align="center" valign="top">
|
||||||
|
<!-- <img src="https://pockethost.io/pockethost-cloud-logo.png" class="absolute top-0 left-0 z-0 object-fill w-full h-full pointer-events-none opacity-80 blur-3xl" alt=""> -->
|
||||||
|
|
||||||
|
<table width="100%" cellpadding="0" cellspacing="0" border="0"
|
||||||
|
class="max-w-[552px] px-10 py-6 mx-auto bg-[#111111]/60 border-solid border border-white/20 rounded-lg shadow z-10 relative">
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<table width="100%" cellpadding="0" cellspacing="0" border="0">
|
||||||
|
<tr>
|
||||||
|
<td class="flex flex-row items-center justify-start font-bold text-center ">
|
||||||
|
<img src="https://pockethost.io/pockethost-cloud-logo.png" alt="Logo"
|
||||||
|
class="max-w-[60px]">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="py-3 text-start figtree"
|
||||||
|
style="font-family: 'Figtree', Arial, sans-serif;">
|
||||||
|
<h1 class="mb-2 text-2xl font-bold text-white">🔒 Reset Your Password</h1>
|
||||||
|
<p class="mt-4 text-gray-400">Click the button below to reset your password. This link expires in 30 minutes.</p>
|
||||||
|
<table cellpadding="0" cellspacing="0" border="0">
|
||||||
|
<tr>
|
||||||
|
<td class="inline-block px-6 py-3 mt-2 font-semibold text-white transition rounded-md bg-ph">
|
||||||
|
<a href="{APP_URL}/_/#/auth/confirm-password-reset/{TOKEN}" class="text-white no-underline" target="_blank" rel="noopener">Reset Password</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="text-xs text-gray-500 text-start figtree"
|
||||||
|
style="font-family:'Figtree', Arial, sans-serif;">
|
||||||
|
<p>© 2025 Pockethost. All rights reserved.</p>
|
||||||
|
<p>If you didn't ask to reset your password, please ignore this email.</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</x-main>
|
||||||
53
assets/templates/emails/verifyEmailChange.html
Normal file
53
assets/templates/emails/verifyEmailChange.html
Normal file
@ -0,0 +1,53 @@
|
|||||||
|
---
|
||||||
|
bodyClass: bg-[#111111]
|
||||||
|
preheader: Verify Email Change
|
||||||
|
---
|
||||||
|
|
||||||
|
<x-main>
|
||||||
|
<table width="100%" cellpadding="0" cellspacing="0" border="0" background="https://s6.imgcdn.dev/YiDOO2.png"
|
||||||
|
style="background-size:cover; background-color:#111111;background-position:center;"
|
||||||
|
class="bg-[#111111] font-sans relative py-10">
|
||||||
|
<tr>
|
||||||
|
<td align="center" valign="top">
|
||||||
|
<!-- <img src="https://pockethost.io/pockethost-cloud-logo.png" class="absolute top-0 left-0 z-0 object-fill w-full h-full pointer-events-none opacity-80 blur-3xl" alt=""> -->
|
||||||
|
|
||||||
|
<table width="100%" cellpadding="0" cellspacing="0" border="0"
|
||||||
|
class="max-w-[552px] px-10 py-6 mx-auto bg-[#111111]/60 border-solid border border-white/20 rounded-lg shadow z-10 relative">
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<table width="100%" cellpadding="0" cellspacing="0" border="0">
|
||||||
|
<tr>
|
||||||
|
<td class="flex flex-row items-center justify-start font-bold text-center ">
|
||||||
|
<img src="https://pockethost.io/pockethost-cloud-logo.png" alt="Logo"
|
||||||
|
class="max-w-[60px]">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="py-3 text-start figtree"
|
||||||
|
style="font-family: 'Figtree', Arial, sans-serif;">
|
||||||
|
<h1 class="mb-2 text-2xl font-bold text-white">📧 Confirm Your New Email Address</h1>
|
||||||
|
<p class="mt-4 text-gray-400">You’ve requested to change your email address. Click the button below to confirm your new email address.</p>
|
||||||
|
<table cellpadding="0" cellspacing="0" border="0">
|
||||||
|
<tr>
|
||||||
|
<td class="inline-block px-6 py-3 mt-2 font-semibold text-white transition rounded-md bg-ph">
|
||||||
|
<a href="{APP_URL}/_/#/auth/confirm-email-change/{TOKEN}" class="text-white no-underline" target="_blank" rel="noopener">Confirm New Email</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="text-xs text-gray-500 text-start figtree"
|
||||||
|
style="font-family:'Figtree', Arial, sans-serif;">
|
||||||
|
<p>© 2025 Pockethost. All rights reserved.</p>
|
||||||
|
<p>If you did not request this email change, please ignore this email or contact support.</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</x-main>
|
||||||
Loading…
x
Reference in New Issue
Block a user