Upload templates from output folder

This commit is contained in:
cheskoxd 2025-09-12 11:00:39 -05:00
parent d9941a3878
commit c37ce2b53e
6 changed files with 431 additions and 308 deletions

View File

@ -1,46 +1,62 @@
---
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">
<!DOCTYPE html>
<html lang="en" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta charset="utf-8">
<meta name="x-apple-disable-message-reformatting">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no, date=no, address=no, email=no, url=no">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<!--[if mso]>
<noscript>
<xml>
<o:OfficeDocumentSettings xmlns:o="urn:schemas-microsoft-com:office:office">
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
</noscript>
<style>
td,th,div,p,a,h1,h2,h3,h4,h5,h6 {font-family: "Segoe UI", sans-serif; mso-line-height-rule: exactly;}
</style>
<![endif]-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet" media="screen">
<link href="https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet" media="screen">
</head>
<body style="margin: 0; width: 100%; background-color: #111111; padding: 0; -webkit-font-smoothing: antialiased; word-break: break-word">
<div style="display: none">
OTP
&#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847;
</div>
<div role="article" aria-roledescription="email" aria-label lang="en">
<table width="100%" cellpadding="0" cellspacing="0" border="0" background="https://s6.imgcdn.dev/YiDOO2.png" style="background-size: cover; background-position: center; position: relative; background-color: #111111; padding-top: 40px; padding-bottom: 40px; font-family: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif" role="none">
<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">
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="position: relative; z-index: 10; margin-left: auto; margin-right: auto; max-width: 552px; border-radius: 8px; border: 1px solid rgba(255, 255, 254, 0.2); background-color: rgba(17, 17, 17, 0.6); padding: 24px 40px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)" role="none">
<tr>
<td>
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<table width="100%" cellpadding="0" cellspacing="0" border="0" role="none">
<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 style="display: flex; flex-direction: row; align-items: center; justify-content: flex-start; text-align: center; font-weight: 700">
<img src="https://pockethost.io/pockethost-cloud-logo.png" alt="Logo" style="vertical-align: middle; max-width: 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">
<td style="font-optical-sizing: auto; font-family: 'Figtree', Arial, sans-serif; padding-top: 12px; padding-bottom: 12px; text-align: start">
<h1 style="margin-bottom: 8px; font-size: 24px; font-weight: 700; color: #fffffe">🔒 Your One-Time Password</h1>
<p style="margin-top: 16px; color: #9ca3af">Enter this code to complete your login. It expires in 3 minutes.</p>
<table cellpadding="0" cellspacing="0" border="0" style="margin-top: 16px; width: 100%" role="none">
<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 style="border-radius: 6px; border-width: 1px; border-color: #4b5563; background-color: rgba(31, 41, 55, 0.5); padding: 12px 16px; text-align: center">
<span style="font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 30px; letter-spacing: 0.05em; color: #fffffe">{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;">
<td style="font-optical-sizing: auto; font-family: 'Figtree', Arial, sans-serif; text-align: start; font-size: 12px; color: #6b7280">
<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>
@ -52,4 +68,6 @@ preheader: OTP
</td>
</tr>
</table>
</x-main>
</div>
</body>
</html>

View File

@ -1,45 +1,63 @@
---
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">
<!DOCTYPE html>
<html lang="en" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta charset="utf-8">
<meta name="x-apple-disable-message-reformatting">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no, date=no, address=no, email=no, url=no">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<!--[if mso]>
<noscript>
<xml>
<o:OfficeDocumentSettings xmlns:o="urn:schemas-microsoft-com:office:office">
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
</noscript>
<style>
td,th,div,p,a,h1,h2,h3,h4,h5,h6 {font-family: "Segoe UI", sans-serif; mso-line-height-rule: exactly;}
</style>
<![endif]-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet" media="screen">
<link href="https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet" media="screen">
</head>
<body style="margin: 0; width: 100%; background-color: #111111; padding: 0; -webkit-font-smoothing: antialiased; word-break: break-word">
<div style="display: none">
Update PP or TOS
&#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847;
</div>
<div role="article" aria-roledescription="email" aria-label lang="en">
<table width="100%" cellpadding="0" cellspacing="0" border="0" background="https://s6.imgcdn.dev/YiDOO2.png" style="background-size: cover; background-position: center; position: relative; background-color: #111111; padding-top: 40px; padding-bottom: 40px; font-family: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif" role="none">
<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">
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="position: relative; z-index: 10; margin-left: auto; margin-right: auto; max-width: 552px; border-radius: 8px; border: 1px solid rgba(255, 255, 254, 0.2); background-color: rgba(17, 17, 17, 0.6); padding: 24px 40px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)" role="none">
<tr>
<td>
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<table width="100%" cellpadding="0" cellspacing="0" border="0" role="none">
<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 style="display: flex; flex-direction: row; align-items: center; justify-content: flex-start; text-align: center; font-weight: 700">
<img src="https://pockethost.io/pockethost-cloud-logo.png" alt="Logo" style="vertical-align: middle; max-width: 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">Weve 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">
<td style="font-family: 'Figtree', Arial, sans-serif; font-optical-sizing: auto; padding-top: 16px; padding-bottom: 16px; text-align: start">
<h1 style="margin-bottom: 8px; font-size: 24px; font-weight: 700; color: #fffffe">📝 Updates to Our Terms of Service</h1>
<p style="margin-top: 16px; color: #d1d5db">Weve updated our Terms of Service to reflect that we no longer offer free projects.</p>
<p style="margin-top: 16px; color: #d1d5db">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" style="margin-top: 16px" role="none">
<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 style="background: linear-gradient(to right, #4169e1, #8a2be2); display: inline-block; border-radius: 6px; padding: 12px 24px; font-weight: 600; color: #fffffe; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; text-decoration: none">
<a href="https://pockethost.io/terms" target="_blank" rel="noopener" style="color: #fffffe; text-decoration: none">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;">
<td style="font-optical-sizing: auto; font-family: 'Figtree', Arial, sans-serif; text-align: start; font-size: 12px; color: #6b7280">
<p>&copy; 2025 Pockethost. All rights reserved.</p>
<p>If you have any questions about this update, please contact our support team.</p>
</td>
@ -51,4 +69,6 @@ preheader: Update PP or TOS
</td>
</tr>
</table>
</x-main>
</div>
</body>
</html>

View File

@ -1,39 +1,62 @@
---
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">
<!DOCTYPE html>
<html lang="en" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta charset="utf-8">
<meta name="x-apple-disable-message-reformatting">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no, date=no, address=no, email=no, url=no">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<!--[if mso]>
<noscript>
<xml>
<o:OfficeDocumentSettings xmlns:o="urn:schemas-microsoft-com:office:office">
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
</noscript>
<style>
td,th,div,p,a,h1,h2,h3,h4,h5,h6 {font-family: "Segoe UI", sans-serif; mso-line-height-rule: exactly;}
</style>
<![endif]-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet" media="screen">
<link href="https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet" media="screen">
</head>
<body style="margin: 0; width: 100%; background-color: #111111; padding: 0; -webkit-font-smoothing: antialiased; word-break: break-word">
<div style="display: none">
Email Verification
&#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847;
</div>
<div role="article" aria-roledescription="email" aria-label lang="en">
<table width="100%" cellpadding="0" cellspacing="0" border="0" background="https://s6.imgcdn.dev/YiDOO2.png" style="background-size: cover; background-position: center; position: relative; background-color: #111111; padding-top: 40px; padding-bottom: 40px; font-family: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif" role="none">
<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">
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="position: relative; z-index: 10; margin-left: auto; margin-right: auto; max-width: 552px; border-radius: 8px; border: 1px solid rgba(255, 255, 254, 0.2); background-color: rgba(17, 17, 17, 0.6); padding: 24px 40px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)" role="none">
<tr>
<td>
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<table width="100%" cellpadding="0" cellspacing="0" border="0" role="none">
<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 style="display: flex; flex-direction: row; align-items: center; justify-content: flex-start; text-align: center; font-weight: 700">
<img src="https://pockethost.io/pockethost-cloud-logo.png" alt="Logo" style="vertical-align: middle; max-width: 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">
<td style="font-optical-sizing: auto; font-family: 'Figtree', Arial, sans-serif; padding-top: 12px; padding-bottom: 12px; text-align: start">
<h1 style="font-size: 24px; font-weight: 700; color: #fffffe">Verify Your Email Address</h1>
<p style="margin-top: 16px; color: #9ca3af">Thank you for signing up! Click on the button below to verify your email address.</p>
<table cellpadding="0" cellspacing="0" border="0" role="none">
<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 style="background: linear-gradient(to right, #4169e1, #8a2be2); margin-top: 8px; display: inline-block; border-radius: 6px; padding: 12px 24px; font-weight: 600; color: #fffffe; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms">
<a href="{APP_URL}/_/#/auth/confirm-verification/{TOKEN}" target="_blank" rel="noopener" style="color: #fffffe; text-decoration: none">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;">
<td style="font-optical-sizing: auto; font-family: 'Figtree', Arial, sans-serif; text-align: start; font-size: 12px; color: #6b7280">
<p>&copy; 2025 Pockethost. All rights reserved.</p>
<p>If you did not sign up for this account, please ignore this email.</p>
</td>
@ -44,5 +67,7 @@ preheader: Email Verification
</table>
</td>
</tr>
</table>
</x-main>
</table>
</div>
</body>
</html>

View File

@ -1,46 +1,64 @@
---
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">
<!DOCTYPE html>
<html lang="en" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta charset="utf-8">
<meta name="x-apple-disable-message-reformatting">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no, date=no, address=no, email=no, url=no">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<!--[if mso]>
<noscript>
<xml>
<o:OfficeDocumentSettings xmlns:o="urn:schemas-microsoft-com:office:office">
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
</noscript>
<style>
td,th,div,p,a,h1,h2,h3,h4,h5,h6 {font-family: "Segoe UI", sans-serif; mso-line-height-rule: exactly;}
</style>
<![endif]-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet" media="screen">
<link href="https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet" media="screen">
</head>
<body style="margin: 0; width: 100%; background-color: #111111; padding: 0; -webkit-font-smoothing: antialiased; word-break: break-word">
<div style="display: none">
Login Alert
&#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847;
</div>
<div role="article" aria-roledescription="email" aria-label lang="en">
<table width="100%" cellpadding="0" cellspacing="0" border="0" background="https://s6.imgcdn.dev/YiDOO2.png" style="background-size: cover; background-position: center; position: relative; background-color: #111111; padding-top: 40px; padding-bottom: 40px; font-family: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif" role="none">
<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">
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="position: relative; z-index: 10; margin-left: auto; margin-right: auto; max-width: 552px; border-radius: 8px; border: 1px solid rgba(255, 255, 254, 0.2); background-color: rgba(17, 17, 17, 0.6); padding: 24px 40px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)" role="none">
<tr>
<td>
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<table width="100%" cellpadding="0" cellspacing="0" border="0" role="none">
<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 style="display: flex; flex-direction: row; align-items: center; justify-content: flex-start; text-align: center; font-weight: 700">
<img src="https://pockethost.io/pockethost-cloud-logo.png" alt="Logo" style="vertical-align: middle; max-width: 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">
<td style="font-optical-sizing: auto; font-family: 'Figtree', Arial, sans-serif; padding-top: 12px; padding-bottom: 12px; text-align: start">
<h1 style="margin-bottom: 8px; font-size: 24px; font-weight: 700; color: #fffffe">🚨 New Login Alert</h1>
<p style="margin-top: 16px; color: #9ca3af">We noticed a login to your Pockethost account from a new location.</p>
<p style="margin-top: 8px; color: #9ca3af">If this was you, you may disregard this email.</p>
<p style="margin-top: 16px; font-weight: 700; color: #d1d5db">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" role="none">
<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 style="background: linear-gradient(to right, #4169e1, #8a2be2); margin-top: 8px; display: inline-block; border-radius: 6px; padding: 12px 24px; font-weight: 600; color: #fffffe; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms">
<a href="{APP_URL}/_/#/auth/reset-password/{TOKEN}" target="_blank" rel="noopener" style="color: #fffffe; text-decoration: none">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;">
<td style="font-optical-sizing: auto; font-family: 'Figtree', Arial, sans-serif; text-align: start; font-size: 12px; color: #6b7280">
<p>&copy; 2025 Pockethost. All rights reserved.</p>
<p>If you need assistance, please contact our support team.</p>
</td>
@ -52,4 +70,6 @@ preheader: Login Alert
</td>
</tr>
</table>
</x-main>
</div>
</body>
</html>

View File

@ -1,44 +1,62 @@
---
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">
<!DOCTYPE html>
<html lang="en" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta charset="utf-8">
<meta name="x-apple-disable-message-reformatting">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no, date=no, address=no, email=no, url=no">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<!--[if mso]>
<noscript>
<xml>
<o:OfficeDocumentSettings xmlns:o="urn:schemas-microsoft-com:office:office">
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
</noscript>
<style>
td,th,div,p,a,h1,h2,h3,h4,h5,h6 {font-family: "Segoe UI", sans-serif; mso-line-height-rule: exactly;}
</style>
<![endif]-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet" media="screen">
<link href="https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet" media="screen">
</head>
<body style="margin: 0; width: 100%; background-color: #111111; padding: 0; -webkit-font-smoothing: antialiased; word-break: break-word">
<div style="display: none">
Reset Password
&#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847;
</div>
<div role="article" aria-roledescription="email" aria-label lang="en">
<table width="100%" cellpadding="0" cellspacing="0" border="0" background="https://s6.imgcdn.dev/YiDOO2.png" style="background-size: cover; background-position: center; position: relative; background-color: #111111; padding-top: 40px; padding-bottom: 40px; font-family: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif" role="none">
<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">
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="position: relative; z-index: 10; margin-left: auto; margin-right: auto; max-width: 552px; border-radius: 8px; border: 1px solid rgba(255, 255, 254, 0.2); background-color: rgba(17, 17, 17, 0.6); padding: 24px 40px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)" role="none">
<tr>
<td>
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<table width="100%" cellpadding="0" cellspacing="0" border="0" role="none">
<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 style="display: flex; flex-direction: row; align-items: center; justify-content: flex-start; text-align: center; font-weight: 700">
<img src="https://pockethost.io/pockethost-cloud-logo.png" alt="Logo" style="vertical-align: middle; max-width: 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">
<td style="font-optical-sizing: auto; font-family: 'Figtree', Arial, sans-serif; padding-top: 12px; padding-bottom: 12px; text-align: start">
<h1 style="margin-bottom: 8px; font-size: 24px; font-weight: 700; color: #fffffe">🔒 Reset Your Password</h1>
<p style="margin-top: 16px; color: #9ca3af">Click the button below to reset your password. This link expires in 30 minutes.</p>
<table cellpadding="0" cellspacing="0" border="0" role="none">
<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 style="background: linear-gradient(to right, #4169e1, #8a2be2); margin-top: 8px; display: inline-block; border-radius: 6px; padding: 12px 24px; font-weight: 600; color: #fffffe; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms">
<a href="{APP_URL}/_/#/auth/confirm-password-reset/{TOKEN}" target="_blank" rel="noopener" style="color: #fffffe; text-decoration: none">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;">
<td style="font-optical-sizing: auto; font-family: 'Figtree', Arial, sans-serif; text-align: start; font-size: 12px; color: #6b7280">
<p>&copy; 2025 Pockethost. All rights reserved.</p>
<p>If you didn't ask to reset your password, please ignore this email.</p>
</td>
@ -50,4 +68,6 @@ preheader: Reset Password
</td>
</tr>
</table>
</x-main>
</div>
</body>
</html>

View File

@ -1,44 +1,62 @@
---
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">
<!DOCTYPE html>
<html lang="en" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta charset="utf-8">
<meta name="x-apple-disable-message-reformatting">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no, date=no, address=no, email=no, url=no">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<!--[if mso]>
<noscript>
<xml>
<o:OfficeDocumentSettings xmlns:o="urn:schemas-microsoft-com:office:office">
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
</noscript>
<style>
td,th,div,p,a,h1,h2,h3,h4,h5,h6 {font-family: "Segoe UI", sans-serif; mso-line-height-rule: exactly;}
</style>
<![endif]-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet" media="screen">
<link href="https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet" media="screen">
</head>
<body style="margin: 0; width: 100%; background-color: #111111; padding: 0; -webkit-font-smoothing: antialiased; word-break: break-word">
<div style="display: none">
Verify Email Change
&#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847;
</div>
<div role="article" aria-roledescription="email" aria-label lang="en">
<table width="100%" cellpadding="0" cellspacing="0" border="0" background="https://s6.imgcdn.dev/YiDOO2.png" style="background-size: cover; background-position: center; position: relative; background-color: #111111; padding-top: 40px; padding-bottom: 40px; font-family: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif" role="none">
<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">
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="position: relative; z-index: 10; margin-left: auto; margin-right: auto; max-width: 552px; border-radius: 8px; border: 1px solid rgba(255, 255, 254, 0.2); background-color: rgba(17, 17, 17, 0.6); padding: 24px 40px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)" role="none">
<tr>
<td>
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<table width="100%" cellpadding="0" cellspacing="0" border="0" role="none">
<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 style="display: flex; flex-direction: row; align-items: center; justify-content: flex-start; text-align: center; font-weight: 700">
<img src="https://pockethost.io/pockethost-cloud-logo.png" alt="Logo" style="vertical-align: middle; max-width: 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">Youve requested to change your email address. Click the button below to confirm your new email address.</p>
<table cellpadding="0" cellspacing="0" border="0">
<td style="font-optical-sizing: auto; font-family: 'Figtree', Arial, sans-serif; padding-top: 12px; padding-bottom: 12px; text-align: start">
<h1 style="margin-bottom: 8px; font-size: 24px; font-weight: 700; color: #fffffe">📧 Confirm Your New Email Address</h1>
<p style="margin-top: 16px; color: #9ca3af">Youve requested to change your email address. Click the button below to confirm your new email address.</p>
<table cellpadding="0" cellspacing="0" border="0" role="none">
<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 style="background: linear-gradient(to right, #4169e1, #8a2be2); margin-top: 8px; display: inline-block; border-radius: 6px; padding: 12px 24px; font-weight: 600; color: #fffffe; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms">
<a href="{APP_URL}/_/#/auth/confirm-email-change/{TOKEN}" target="_blank" rel="noopener" style="color: #fffffe; text-decoration: none">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;">
<td style="font-optical-sizing: auto; font-family: 'Figtree', Arial, sans-serif; text-align: start; font-size: 12px; color: #6b7280">
<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>
@ -50,4 +68,6 @@ preheader: Verify Email Change
</td>
</tr>
</table>
</x-main>
</div>
</body>
</html>