Mirroristas/pockethost
2
0
Fork 0
mirror of https://github.com/pockethost/pockethost.git synced 2025-11-24 06:25:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

pockethost: add email templates for OTP, updates, verification, login alerts, password reset, and email change confirmation

Browse Source
This commit is contained in:
cheskoxd 2025-09-12 10:06:57 -05:00
parent 7d442912c1
commit d9941a3878
6 changed files with 318 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
assets/templates/emails/OPT.html Normal file
View 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>&copy; 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
View 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>&copy; 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
View 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>&copy; 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
View 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>&copy; 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
View 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>&copy; 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
View 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>&copy; 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>