xorbitlab
/
openstock
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

updated links

This commit is contained in:
Mr. Algorithm 2025-10-04 22:10:44 +05:30
parent 255826ff34
commit 6341e1a6d5
2 changed files with 91 additions and 80 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
components/Footer.tsx
View File

@ -44,6 +44,17 @@ const Footer = () => {
<span className="absolute left-0 bottom-0 w-0 h-0.5 bg-blue-400 transition-all duration-300 group-hover:w-full"></span> <span className="absolute left-0 bottom-0 w-0 h-0.5 bg-blue-400 transition-all duration-300 group-hover:w-full"></span>
</span> </span>
</Link> </Link>
<Link
href="https://discord.gg/jdJuEMvk"
target="_blank"
rel="noopener noreferrer"
className="text-gray-400 hover:text-blue-600 transition-colors duration-200 relative group"
>
<span className="relative">
Discord
<span className="absolute left-0 bottom-0 w-0 h-0.5 bg-blue-600 transition-all duration-300 group-hover:w-full"></span>
</span>
</Link>
</div> </div>
</div> </div>

160
lib/nodemailer/templates.ts
View File

@ -39,7 +39,7 @@ export const WELCOME_EMAIL_TEMPLATE = `<!DOCTYPE html>
border-color: #30333A !important; border-color: #30333A !important;
} }
} }
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {
.email-container { .email-container {
width: 100% !important; width: 100% !important;
@ -93,71 +93,71 @@ export const WELCOME_EMAIL_TEMPLATE = `<!DOCTYPE html>
<tr> <tr>
<td align="center" class="mobile-outer-padding" style="padding: 40px 20px;"> <td align="center" class="mobile-outer-padding" style="padding: 40px 20px;">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" class="email-container" style="max-width: 600px; background-color: #141414; border-radius: 8px; border: 1px solid #30333A;"> <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" class="email-container" style="max-width: 600px; background-color: #141414; border-radius: 8px; border: 1px solid #30333A;">
<!-- Header with Logo --> <!-- Header with Logo -->
<tr> <tr>
<td align="left" class="mobile-header-padding" style="padding: 40px 40px 20px 40px;"> <td align="left" class="mobile-header-padding" style="padding: 40px 40px 20px 40px;">
<img src="https://i.ibb.co/r28VWPjS/Screenshot-2025-10-04-123317-Picsart-Ai-Image-Enhancer-removebg-preview.png" alt="OpenStock Logo" width="150" style="max-width: 100%; height: auto;"> <img src="https://i.ibb.co/r28VWPjS/Screenshot-2025-10-04-123317-Picsart-Ai-Image-Enhancer-removebg-preview.png" alt="OpenStock Logo" width="150" style="max-width: 100%; height: auto;">
</td> </td>
</tr> </tr>
<!-- Dashboard Preview Image --> <!-- Dashboard Preview Image -->
<tr> <tr>
<td align="center" class="dashboard-preview" style="padding: 40px 40px 0px 40px;"> <td align="center" class="dashboard-preview" style="padding: 40px 40px 0px 40px;">
<img src="https://i.ibb.co/BKC2HBBQ/dashboard.png" alt="OpenStock Dashboard Preview" width="100%" style="max-width: 520px; width: 100%; height: auto; border-radius: 12px; border: 1px solid #30333A;"> <img src="https://i.ibb.co/BKC2HBBQ/dashboard.png" alt="OpenStock Dashboard Preview" width="100%" style="max-width: 520px; width: 100%; height: auto; border-radius: 12px; border: 1px solid #30333A;">
</td> </td>
</tr> </tr>
<!-- Main Content --> <!-- Main Content -->
<tr> <tr>
<td class="mobile-padding" style="padding: 40px 40px 40px 40px;"> <td class="mobile-padding" style="padding: 40px 40px 40px 40px;">
<!-- Welcome Heading --> <!-- Welcome Heading -->
<h1 class="mobile-title dark-text" style="margin: 0 0 30px 0; font-size: 24px; font-weight: 600; color: #FDD458; line-height: 1.2;"> <h1 class="mobile-title dark-text" style="margin: 0 0 30px 0; font-size: 24px; font-weight: 600; color: #FDD458; line-height: 1.2;">
Welcome aboard {{name}} Welcome aboard {{name}}
</h1> </h1>
<!-- Intro Text --> <!-- Intro Text -->
{{intro}} {{intro}}
<!-- Feature List Label --> <!-- Feature List Label -->
<p class="mobile-text dark-text-secondary" style="margin: 0 0 15px 0; font-size: 16px; line-height: 1.6; color: #CCDADC; font-weight: 600;"> <p class="mobile-text dark-text-secondary" style="margin: 0 0 15px 0; font-size: 16px; line-height: 1.6; color: #CCDADC; font-weight: 600;">
Here's what you can do right now: Here's what you can do right now:
</p> </p>
<!-- Feature List --> <!-- Feature List -->
<ul class="mobile-text dark-text-secondary" style="margin: 0 0 30px 0; padding-left: 20px; font-size: 16px; line-height: 1.6; color: #CCDADC;"> <ul class="mobile-text dark-text-secondary" style="margin: 0 0 30px 0; padding-left: 20px; font-size: 16px; line-height: 1.6; color: #CCDADC;">
<li style="margin-bottom: 12px;">Set up your watchlist to follow your favorite stocks</li> <li style="margin-bottom: 12px;">Set up your watchlist to follow your favorite stocks</li>
<li style="margin-bottom: 12px;">Create price and volume alerts so you never miss a move</li> <li style="margin-bottom: 12px;">Create price and volume alerts so you never miss a move</li>
<li style="margin-bottom: 12px;">Explore the dashboard for trends and the latest market news</li> <li style="margin-bottom: 12px;">Explore the dashboard for trends and the latest market news</li>
</ul> </ul>
<!-- Additional Text --> <!-- Additional Text -->
<p class="mobile-text dark-text-secondary" style="margin: 0 0 40px 0; font-size: 16px; line-height: 1.6; color: #CCDADC;"> <p class="mobile-text dark-text-secondary" style="margin: 0 0 40px 0; font-size: 16px; line-height: 1.6; color: #CCDADC;">
We'll keep you informed with timely updates, insights, and alerts — so you can focus on making the right calls. We'll keep you informed with timely updates, insights, and alerts — so you can focus on making the right calls.
</p> </p>
<!-- CTA Button --> <!-- CTA Button -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" style="margin: 0 0 40px 0; width: 100%;"> <table role="presentation" cellspacing="0" cellpadding="0" border="0" style="margin: 0 0 40px 0; width: 100%;">
<tr> <tr>
<td align="center"> <td align="center">
<a href="https://openstock.vercel.app/" style="display: block; width: 100%; background: linear-gradient(135deg, #FDD458 0%, #E8BA40 100%); color: #000000; text-decoration: none; padding: 16px 32px; border-radius: 8px; font-size: 16px; font-weight: 500; line-height: 1; text-align: center; box-sizing: border-box;"> <a href="https://openstock-ods.vercel.app/" style="display: block; width: 100%; background: linear-gradient(135deg, #FDD458 0%, #E8BA40 100%); color: #000000; text-decoration: none; padding: 16px 32px; border-radius: 8px; font-size: 16px; font-weight: 500; line-height: 1; text-align: center; box-sizing: border-box;">
Go to Dashboard Go to Dashboard
</a> </a>
</td> </td>
</tr> </tr>
</table> </table>
<!-- Footer Text --> <!-- Footer Text -->
<p class="mobile-text dark-text-muted" style="margin: 40px 0 0 0; font-size: 14px; line-height: 1.5; color: #CCDADC !important; text-align: center;"> <p class="mobile-text dark-text-muted" style="margin: 40px 0 0 0; font-size: 14px; line-height: 1.5; color: #CCDADC !important; text-align: center;">
Initiative by Open Dev Society<br> Initiative by Open Dev Society<br>
<a href="#" style="color: #CCDADC !important; text-decoration: underline;">Unsubscribe</a> | <a href="#" style="color: #CCDADC !important; text-decoration: underline;">Unsubscribe</a> |
<a href="https://stock-market-dev.vercel.app/" style="color: #CCDADC !important; text-decoration: underline;">Visit OpenStock</a><br> <a href="https://stock-market-dev.vercel.app/" style="color: #CCDADC !important; text-decoration: underline;">Visit OpenStock</a><br>
© 2025 Open Dev Society © 2025 Open Dev Society
</p> </p>
</td> </td>
</tr> </tr>
</table> </table>
</td> </td>
</tr> </tr>
@ -210,7 +210,7 @@ export const NEWS_SUMMARY_EMAIL_TEMPLATE = `<!DOCTYPE html>
border: 1px solid #374151 !important; border: 1px solid #374151 !important;
} }
} }
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {
.email-container { .email-container {
width: 100% !important; width: 100% !important;
@ -256,38 +256,38 @@ export const NEWS_SUMMARY_EMAIL_TEMPLATE = `<!DOCTYPE html>
<tr> <tr>
<td align="center" class="mobile-outer-padding" style="padding: 40px 20px;"> <td align="center" class="mobile-outer-padding" style="padding: 40px 20px;">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" class="email-container" style="max-width: 600px; background-color: #141414; border-radius: 8px; border: 1px solid #30333A;"> <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" class="email-container" style="max-width: 600px; background-color: #141414; border-radius: 8px; border: 1px solid #30333A;">
<!-- Header with Logo --> <!-- Header with Logo -->
<tr> <tr>
<td align="left" class="mobile-header-padding" style="padding: 40px 40px 20px 40px;"> <td align="left" class="mobile-header-padding" style="padding: 40px 40px 20px 40px;">
<img src="https://i.ibb.co/r28VWPjS/Screenshot-2025-10-04-123317-Picsart-Ai-Image-Enhancer-removebg-preview.png" alt="Openstock Logo" width="150" style="max-width: 100%; height: auto;"> <img src="https://i.ibb.co/r28VWPjS/Screenshot-2025-10-04-123317-Picsart-Ai-Image-Enhancer-removebg-preview.png" alt="Openstock Logo" width="150" style="max-width: 100%; height: auto;">
</td> </td>
</tr> </tr>
<!-- Main Content --> <!-- Main Content -->
<tr> <tr>
<td class="mobile-padding" style="padding: 40px 40px 40px 40px;"> <td class="mobile-padding" style="padding: 40px 40px 40px 40px;">
<!-- Header --> <!-- Header -->
<h1 class="mobile-title dark-text" style="margin: 0 0 20px 0; font-size: 24px; font-weight: 600; color: #FDD458; line-height: 1.2;"> <h1 class="mobile-title dark-text" style="margin: 0 0 20px 0; font-size: 24px; font-weight: 600; color: #FDD458; line-height: 1.2;">
Market News Summary Today Market News Summary Today
</h1> </h1>
<!-- Date --> <!-- Date -->
<p class="mobile-text dark-text-muted" style="margin: 0 0 30px 0; font-size: 14px; line-height: 1.4; color: #6b7280;"> <p class="mobile-text dark-text-muted" style="margin: 0 0 30px 0; font-size: 14px; line-height: 1.4; color: #6b7280;">
{{date}} {{date}}
</p> </p>
<!-- News Summary --> <!-- News Summary -->
{{newsContent}} {{newsContent}}
<!-- Footer Text --> <!-- Footer Text -->
<div style="text-align: center; margin: 40px 0 0 0;"> <div style="text-align: center; margin: 40px 0 0 0;">
<p style="margin: 0 0 10px 0; font-size: 14px; line-height: 1.5; color: #CCDADC !important;"> <p style="margin: 0 0 10px 0; font-size: 14px; line-height: 1.5; color: #CCDADC !important;">
You're receiving this because you subscribed to Openstock news updates. You're receiving this because you subscribed to Openstock news updates.
</p> </p>
<p style="margin: 0 0 10px 0; font-size: 14px; line-height: 1.5; color: #CCDADC !important;"> <p style="margin: 0 0 10px 0; font-size: 14px; line-height: 1.5; color: #CCDADC !important;">
<a href="#" style="color: #CCDADC !important; text-decoration: underline;">Unsubscribe</a> | <a href="#" style="color: #CCDADC !important; text-decoration: underline;">Unsubscribe</a> |
<a href="https://openstock.vercel.app" style="color: #CCDADC !important; text-decoration: underline;">Visit Openstock</a> <a href="https://openstock.vercel.app" style="color: #CCDADC !important; text-decoration: underline;">Visit Openstock</a>
</p> </p>
<p style="margin: 0; font-size: 14px; line-height: 1.5; color: #CCDADC !important;"> <p style="margin: 0; font-size: 14px; line-height: 1.5; color: #CCDADC !important;">
@ -296,7 +296,7 @@ export const NEWS_SUMMARY_EMAIL_TEMPLATE = `<!DOCTYPE html>
</div> </div>
</td> </td>
</tr> </tr>
</table> </table>
</td> </td>
</tr> </tr>
@ -349,7 +349,7 @@ export const STOCK_ALERT_UPPER_EMAIL_TEMPLATE = `<!DOCTYPE html>
border: 1px solid #374151 !important; border: 1px solid #374151 !important;
} }
} }
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {
.email-container { .email-container {
width: 100% !important; width: 100% !important;
@ -406,14 +406,14 @@ export const STOCK_ALERT_UPPER_EMAIL_TEMPLATE = `<!DOCTYPE html>
<tr> <tr>
<td align="center" class="mobile-outer-padding" style="padding: 40px 20px;"> <td align="center" class="mobile-outer-padding" style="padding: 40px 20px;">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" class="email-container" style="max-width: 600px; background-color: #141414; border-radius: 8px; border: 1px solid #30333A;"> <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" class="email-container" style="max-width: 600px; background-color: #141414; border-radius: 8px; border: 1px solid #30333A;">
<!-- Header with Logo --> <!-- Header with Logo -->
<tr> <tr>
<td align="left" class="mobile-header-padding" style="padding: 40px 40px 20px 40px;"> <td align="left" class="mobile-header-padding" style="padding: 40px 40px 20px 40px;">
<img src="https://i.ibb.co/r28VWPjS/Screenshot-2025-10-04-123317-Picsart-Ai-Image-Enhancer-removebg-preview.png" alt="Openstock Logo" width="150" style="max-width: 100%; height: auto;"> <img src="https://i.ibb.co/r28VWPjS/Screenshot-2025-10-04-123317-Picsart-Ai-Image-Enhancer-removebg-preview.png" alt="Openstock Logo" width="150" style="max-width: 100%; height: auto;">
</td> </td>
</tr> </tr>
<!-- Alert Header --> <!-- Alert Header -->
<tr> <tr>
<td class="mobile-padding" style="padding: 0 40px 20px 40px;"> <td class="mobile-padding" style="padding: 0 40px 20px 40px;">
@ -431,11 +431,11 @@ export const STOCK_ALERT_UPPER_EMAIL_TEMPLATE = `<!DOCTYPE html>
</table> </table>
</td> </td>
</tr> </tr>
<!-- Main Content --> <!-- Main Content -->
<tr> <tr>
<td class="mobile-padding" style="padding: 0 40px 40px 40px;"> <td class="mobile-padding" style="padding: 0 40px 40px 40px;">
<!-- Stock Info --> <!-- Stock Info -->
<div class="dark-bg" style="text-align: center; padding: 30px 20px; background-color: #212328; border-radius: 8px; margin-bottom: 10px;"> <div class="dark-bg" style="text-align: center; padding: 30px 20px; background-color: #212328; border-radius: 8px; margin-bottom: 10px;">
<h2 class="dark-text" style="margin: 0 0 10px 0; font-size: 28px; font-weight: 700; color: #ffffff;"> <h2 class="dark-text" style="margin: 0 0 10px 0; font-size: 28px; font-weight: 700; color: #ffffff;">
@ -444,7 +444,7 @@ export const STOCK_ALERT_UPPER_EMAIL_TEMPLATE = `<!DOCTYPE html>
<p class="dark-text-muted" style="margin: 0 0 20px 0; font-size: 16px; color: #6b7280;"> <p class="dark-text-muted" style="margin: 0 0 20px 0; font-size: 16px; color: #6b7280;">
{{company}} {{company}}
</p> </p>
<!-- Current Price --> <!-- Current Price -->
<div style="margin-bottom: 20px;"> <div style="margin-bottom: 20px;">
<p class="dark-text-muted" style="margin: 0 0 5px 0; font-size: 14px; color: #6b7280; text-transform: uppercase; letter-spacing: 0.5px;"> <p class="dark-text-muted" style="margin: 0 0 5px 0; font-size: 14px; color: #6b7280; text-transform: uppercase; letter-spacing: 0.5px;">
@ -455,7 +455,7 @@ export const STOCK_ALERT_UPPER_EMAIL_TEMPLATE = `<!DOCTYPE html>
</p> </p>
</div> </div>
</div> </div>
<!-- Alert Details --> <!-- Alert Details -->
<div class="dark-info-box" style="background-color: #212328; border-radius: 8px; padding: 20px; margin-bottom: 30px;"> <div class="dark-info-box" style="background-color: #212328; border-radius: 8px; padding: 20px; margin-bottom: 30px;">
<h3 class="dark-text" style="margin: 0 0 15px 0; font-size: 18px; font-weight: 600; color: #ffffff;"> <h3 class="dark-text" style="margin: 0 0 15px 0; font-size: 18px; font-weight: 600; color: #ffffff;">
@ -468,7 +468,7 @@ export const STOCK_ALERT_UPPER_EMAIL_TEMPLATE = `<!DOCTYPE html>
<strong>Trigger:</strong> Price exceeded your upper threshold of {{targetPrice}} <strong>Trigger:</strong> Price exceeded your upper threshold of {{targetPrice}}
</p> </p>
</div> </div>
<!-- Success Message --> <!-- Success Message -->
<div style="background-color: #050505; border: 1px solid #374151; border-radius: 8px; padding: 20px; margin-bottom: 30px;"> <div style="background-color: #050505; border: 1px solid #374151; border-radius: 8px; padding: 20px; margin-bottom: 30px;">
<h3 style="margin: 0 0 8px 0; font-size: 18px; font-weight: 600; color: #E8BA40;"> <h3 style="margin: 0 0 8px 0; font-size: 18px; font-weight: 600; color: #E8BA40;">
@ -478,12 +478,12 @@ export const STOCK_ALERT_UPPER_EMAIL_TEMPLATE = `<!DOCTYPE html>
{{symbol}} has reached your target price! This could be a good time to review your position and consider taking profits or adjusting your strategy. {{symbol}} has reached your target price! This could be a good time to review your position and consider taking profits or adjusting your strategy.
</p> </p>
</div> </div>
<!-- Action Button --> <!-- Action Button -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="margin-bottom: 30px;"> <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="margin-bottom: 30px;">
<tr> <tr>
<td align="center"> <td align="center">
<a href="https://openstock.vercel.app/" style="display: block; width: 100%; max-width: 100%; box-sizing: border-box; color: #000000; background-color: #E8BA40; text-decoration: none; padding: 16px 32px; border-radius: 8px; font-size: 16px; font-weight: 500; line-height: 1; text-align: center;"> <a href="https://openstock-ods.vercel.app/" style="display: block; width: 100%; max-width: 100%; box-sizing: border-box; color: #000000; background-color: #E8BA40; text-decoration: none; padding: 16px 32px; border-radius: 8px; font-size: 16px; font-weight: 500; line-height: 1; text-align: center;">
View Dashboard View Dashboard
</a> </a>
</td> </td>
@ -496,15 +496,15 @@ export const STOCK_ALERT_UPPER_EMAIL_TEMPLATE = `<!DOCTYPE html>
You're receiving this because you subscribed to Openstock news updates. You're receiving this because you subscribed to Openstock news updates.
</p> </p>
<p style="margin: 0 0 10px 0; font-size: 14px; line-height: 1.5; color: #CCDADC !important;"> <p style="margin: 0 0 10px 0; font-size: 14px; line-height: 1.5; color: #CCDADC !important;">
<a href="#" style="color: #CCDADC !important; text-decoration: underline;">Unsubscribe</a> | <a href="#" style="color: #CCDADC !important; text-decoration: underline;">Unsubscribe</a> |
<a href="https://openstock.vercel.app/" style="color: #CCDADC !important; text-decoration: underline;">Visit Openstock</a> <a href="https://openstock-ods.vercel.app/" style="color: #CCDADC !important; text-decoration: underline;">Visit Openstock</a>
</p> </p>
<p style="margin: 0; font-size: 14px; line-height: 1.5; color: #CCDADC !important;"> <p style="margin: 0; font-size: 14px; line-height: 1.5; color: #CCDADC !important;">
© 2025 Open Dev Society © 2025 Open Dev Society
</div> </div>
</td> </td>
</tr> </tr>
</table> </table>
</td> </td>
</tr> </tr>
@ -557,7 +557,7 @@ export const STOCK_ALERT_LOWER_EMAIL_TEMPLATE = `<!DOCTYPE html>
border: 1px solid #374151 !important; border: 1px solid #374151 !important;
} }
} }
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {
.email-container { .email-container {
width: 100% !important; width: 100% !important;
@ -614,14 +614,14 @@ export const STOCK_ALERT_LOWER_EMAIL_TEMPLATE = `<!DOCTYPE html>
<tr> <tr>
<td align="center" class="mobile-outer-padding" style="padding: 40px 20px;"> <td align="center" class="mobile-outer-padding" style="padding: 40px 20px;">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" class="email-container" style="max-width: 600px; background-color: #141414; border-radius: 8px; border: 1px solid #30333A;"> <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" class="email-container" style="max-width: 600px; background-color: #141414; border-radius: 8px; border: 1px solid #30333A;">
<!-- Header with Logo --> <!-- Header with Logo -->
<tr> <tr>
<td align="left" class="mobile-header-padding" style="padding: 40px 40px 20px 40px;"> <td align="left" class="mobile-header-padding" style="padding: 40px 40px 20px 40px;">
<img src="https://i.ibb.co/r28VWPjS/Screenshot-2025-10-04-123317-Picsart-Ai-Image-Enhancer-removebg-preview.png" alt="Openstock Logo" width="150" style="max-width: 100%; height: auto;"> <img src="https://i.ibb.co/r28VWPjS/Screenshot-2025-10-04-123317-Picsart-Ai-Image-Enhancer-removebg-preview.png" alt="Openstock Logo" width="150" style="max-width: 100%; height: auto;">
</td> </td>
</tr> </tr>
<!-- Alert Header --> <!-- Alert Header -->
<tr> <tr>
<td class="mobile-padding" style="padding: 0 40px 20px 40px;"> <td class="mobile-padding" style="padding: 0 40px 20px 40px;">
@ -639,11 +639,11 @@ export const STOCK_ALERT_LOWER_EMAIL_TEMPLATE = `<!DOCTYPE html>
</table> </table>
</td> </td>
</tr> </tr>
<!-- Main Content --> <!-- Main Content -->
<tr> <tr>
<td class="mobile-padding" style="padding: 0 40px 40px 40px;"> <td class="mobile-padding" style="padding: 0 40px 40px 40px;">
<!-- Stock Info --> <!-- Stock Info -->
<div class="dark-bg" style="text-align: center; padding: 30px 20px; background-color: #212328; border-radius: 8px; margin-bottom: 10px;"> <div class="dark-bg" style="text-align: center; padding: 30px 20px; background-color: #212328; border-radius: 8px; margin-bottom: 10px;">
<h2 class="dark-text" style="margin: 0 0 10px 0; font-size: 28px; font-weight: 700; color: #ffffff;"> <h2 class="dark-text" style="margin: 0 0 10px 0; font-size: 28px; font-weight: 700; color: #ffffff;">
@ -652,7 +652,7 @@ export const STOCK_ALERT_LOWER_EMAIL_TEMPLATE = `<!DOCTYPE html>
<p class="dark-text-muted" style="margin: 0 0 20px 0; font-size: 16px; color: #6b7280;"> <p class="dark-text-muted" style="margin: 0 0 20px 0; font-size: 16px; color: #6b7280;">
{{company}} {{company}}
</p> </p>
<!-- Current Price --> <!-- Current Price -->
<div style="margin-bottom: 20px;"> <div style="margin-bottom: 20px;">
<p class="dark-text-muted" style="margin: 0 0 5px 0; font-size: 14px; color: #6b7280; text-transform: uppercase; letter-spacing: 0.5px;"> <p class="dark-text-muted" style="margin: 0 0 5px 0; font-size: 14px; color: #6b7280; text-transform: uppercase; letter-spacing: 0.5px;">
@ -663,7 +663,7 @@ export const STOCK_ALERT_LOWER_EMAIL_TEMPLATE = `<!DOCTYPE html>
</p> </p>
</div> </div>
</div> </div>
<!-- Alert Details --> <!-- Alert Details -->
<div class="dark-info-box" style="background-color: #212328; border-radius: 8px; padding: 20px; margin-bottom: 30px;"> <div class="dark-info-box" style="background-color: #212328; border-radius: 8px; padding: 20px; margin-bottom: 30px;">
<h3 class="dark-text" style="margin: 0 0 15px 0; font-size: 18px; font-weight: 600; color: #ffffff;"> <h3 class="dark-text" style="margin: 0 0 15px 0; font-size: 18px; font-weight: 600; color: #ffffff;">
@ -676,7 +676,7 @@ export const STOCK_ALERT_LOWER_EMAIL_TEMPLATE = `<!DOCTYPE html>
<strong>Trigger:</strong> Price dropped below your lower threshold of {{targetPrice}} <strong>Trigger:</strong> Price dropped below your lower threshold of {{targetPrice}}
</p> </p>
</div> </div>
<!-- Opportunity Message --> <!-- Opportunity Message -->
<div style="background-color: #050505; border: 1px solid #374151; border-radius: 8px; padding: 20px; margin-bottom: 30px;"> <div style="background-color: #050505; border: 1px solid #374151; border-radius: 8px; padding: 20px; margin-bottom: 30px;">
<h3 style="margin: 0 0 8px 0; font-size: 18px; font-weight: 600; color: #E8BA40;"> <h3 style="margin: 0 0 8px 0; font-size: 18px; font-weight: 600; color: #E8BA40;">
@ -686,26 +686,26 @@ export const STOCK_ALERT_LOWER_EMAIL_TEMPLATE = `<!DOCTYPE html>
{{symbol}} dropped below your target price. This might be a good time to buy. {{symbol}} dropped below your target price. This might be a good time to buy.
</p> </p>
</div> </div>
<!-- Action Button --> <!-- Action Button -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="margin-bottom: 30px;"> <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="margin-bottom: 30px;">
<tr> <tr>
<td align="center"> <td align="center">
<a href="https://openstock.vercel.app/" style="display: block; width: 100%; max-width: 100%; box-sizing: border-box; background-color: #E8BA40; color: #000000; text-decoration: none; padding: 16px 32px; border-radius: 8px; font-size: 16px; font-weight: 500; line-height: 1; text-align: center;"> <a href="https://openstock-ods.vercel.app/" style="display: block; width: 100%; max-width: 100%; box-sizing: border-box; background-color: #E8BA40; color: #000000; text-decoration: none; padding: 16px 32px; border-radius: 8px; font-size: 16px; font-weight: 500; line-height: 1; text-align: center;">
View Dashboard View Dashboard
</a> </a>
</td> </td>
</tr> </tr>
</table> </table>
<!-- Footer Text --> <!-- Footer Text -->
<div style="text-align: center; margin: 40px 0 0 0;"> <div style="text-align: center; margin: 40px 0 0 0;">
<p style="margin: 0 0 10px 0; font-size: 14px; line-height: 1.5; color: #CCDADC !important;"> <p style="margin: 0 0 10px 0; font-size: 14px; line-height: 1.5; color: #CCDADC !important;">
You're receiving this because you subscribed to Openstock news updates. You're receiving this because you subscribed to Openstock news updates.
</p> </p>
<p style="margin: 0 0 10px 0; font-size: 14px; line-height: 1.5; color: #CCDADC !important;"> <p style="margin: 0 0 10px 0; font-size: 14px; line-height: 1.5; color: #CCDADC !important;">
<a href="#" style="color: #CCDADC !important; text-decoration: underline;">Unsubscribe</a> | <a href="#" style="color: #CCDADC !important; text-decoration: underline;">Unsubscribe</a> |
<a href="https://openstock.vercel.app/" style="color: #CCDADC !important; text-decoration: underline;">Visit Openstock</a> <a href="https://openstock-ods.vercel.app/" style="color: #CCDADC !important; text-decoration: underline;">Visit Openstock</a>
</p> </p>
<p style="margin: 0; font-size: 14px; line-height: 1.5; color: #CCDADC !important;"> <p style="margin: 0; font-size: 14px; line-height: 1.5; color: #CCDADC !important;">
© 2025 Open Dev Society © 2025 Open Dev Society
@ -713,7 +713,7 @@ export const STOCK_ALERT_LOWER_EMAIL_TEMPLATE = `<!DOCTYPE html>
</div> </div>
</td> </td>
</tr> </tr>
</table> </table>
</td> </td>
</tr> </tr>
@ -766,7 +766,7 @@ export const VOLUME_ALERT_EMAIL_TEMPLATE = `<!DOCTYPE html>
border: 1px solid #374151 !important; border: 1px solid #374151 !important;
} }
} }
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {
.email-container { .email-container {
width: 100% !important; width: 100% !important;
@ -814,14 +814,14 @@ export const VOLUME_ALERT_EMAIL_TEMPLATE = `<!DOCTYPE html>
<tr> <tr>
<td align="center" class="mobile-outer-padding" style="padding: 40px 20px;"> <td align="center" class="mobile-outer-padding" style="padding: 40px 20px;">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" class="email-container" style="max-width: 600px; background-color: #141414; border-radius: 8px; border: 1px solid #30333A;"> <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" class="email-container" style="max-width: 600px; background-color: #141414; border-radius: 8px; border: 1px solid #30333A;">
<!-- Header with Logo --> <!-- Header with Logo -->
<tr> <tr>
<td align="left" class="mobile-header-padding" style="padding: 40px 40px 20px 40px;"> <td align="left" class="mobile-header-padding" style="padding: 40px 40px 20px 40px;">
<img src="https://i.ibb.co/r28VWPjS/Screenshot-2025-10-04-123317-Picsart-Ai-Image-Enhancer-removebg-preview.png" alt="Openstock Logo" width="150" style="max-width: 100%; height: auto;"> <img src="https://i.ibb.co/r28VWPjS/Screenshot-2025-10-04-123317-Picsart-Ai-Image-Enhancer-removebg-preview.png" alt="Openstock Logo" width="150" style="max-width: 100%; height: auto;">
</td> </td>
</tr> </tr>
<!-- Alert Header --> <!-- Alert Header -->
<tr> <tr>
<td class="mobile-padding" style="padding: 0 40px 20px 40px;"> <td class="mobile-padding" style="padding: 0 40px 20px 40px;">
@ -839,11 +839,11 @@ export const VOLUME_ALERT_EMAIL_TEMPLATE = `<!DOCTYPE html>
</table> </table>
</td> </td>
</tr> </tr>
<!-- Main Content --> <!-- Main Content -->
<tr> <tr>
<td class="mobile-padding" style="padding: 0 40px 40px 40px;"> <td class="mobile-padding" style="padding: 0 40px 40px 40px;">
<!-- Stock Info --> <!-- Stock Info -->
<div class="dark-bg" style="text-align: center; padding: 30px 20px; background-color: #050505; border-radius: 8px; margin-bottom: 30px;"> <div class="dark-bg" style="text-align: center; padding: 30px 20px; background-color: #050505; border-radius: 8px; margin-bottom: 30px;">
<h2 class="dark-text" style="margin: 0 0 10px 0; font-size: 28px; font-weight: 700; color: #ffffff;"> <h2 class="dark-text" style="margin: 0 0 10px 0; font-size: 28px; font-weight: 700; color: #ffffff;">
@ -852,7 +852,7 @@ export const VOLUME_ALERT_EMAIL_TEMPLATE = `<!DOCTYPE html>
<p class="dark-text-muted" style="margin: 0 0 20px 0; font-size: 16px; color: #6b7280;"> <p class="dark-text-muted" style="margin: 0 0 20px 0; font-size: 16px; color: #6b7280;">
{{company}} {{company}}
</p> </p>
<!-- Current Volume --> <!-- Current Volume -->
<div style="margin-bottom: 20px;"> <div style="margin-bottom: 20px;">
<p class="dark-text-muted" style="margin: 0 0 5px 0; font-size: 14px; color: #6b7280; text-transform: uppercase; letter-spacing: 0.5px;"> <p class="dark-text-muted" style="margin: 0 0 5px 0; font-size: 14px; color: #6b7280; text-transform: uppercase; letter-spacing: 0.5px;">
@ -862,7 +862,7 @@ export const VOLUME_ALERT_EMAIL_TEMPLATE = `<!DOCTYPE html>
{{currentVolume}}M {{currentVolume}}M
</p> </p>
</div> </div>
<!-- Current Price (smaller) --> <!-- Current Price (smaller) -->
<div class="dark-border" style="margin-top: 20px; padding-top: 20px; border-top: 1px solid #30333A;"> <div class="dark-border" style="margin-top: 20px; padding-top: 20px; border-top: 1px solid #30333A;">
<p class="dark-text-secondary" style="margin: 0 0 5px 0; font-size: 12px; color: #9ca3af; text-transform: uppercase; letter-spacing: 0.5px;"> <p class="dark-text-secondary" style="margin: 0 0 5px 0; font-size: 12px; color: #9ca3af; text-transform: uppercase; letter-spacing: 0.5px;">
@ -873,7 +873,7 @@ export const VOLUME_ALERT_EMAIL_TEMPLATE = `<!DOCTYPE html>
</p> </p>
</div> </div>
</div> </div>
<!-- Alert Details --> <!-- Alert Details -->
<div class="dark-info-box" style="background-color: #1f2937; border: 1px solid #374151; border-radius: 8px; padding: 20px; margin-bottom: 30px;"> <div class="dark-info-box" style="background-color: #1f2937; border: 1px solid #374151; border-radius: 8px; padding: 20px; margin-bottom: 30px;">
<h3 class="dark-text" style="margin: 0 0 15px 0; font-size: 18px; font-weight: 600; color: #ffffff;"> <h3 class="dark-text" style="margin: 0 0 15px 0; font-size: 18px; font-weight: 600; color: #ffffff;">
@ -889,7 +889,7 @@ export const VOLUME_ALERT_EMAIL_TEMPLATE = `<!DOCTYPE html>
<strong>Spike Detected:</strong> {{volumeSpike}} above normal trading activity <strong>Spike Detected:</strong> {{volumeSpike}} above normal trading activity
</p> </p>
</div> </div>
<!-- What This Means --> <!-- What This Means -->
<div class="dark-info-box" style="background-color: #1f2937; border: 1px solid #374151; border-radius: 8px; padding: 20px; margin-bottom: 30px;"> <div class="dark-info-box" style="background-color: #1f2937; border: 1px solid #374151; border-radius: 8px; padding: 20px; margin-bottom: 30px;">
<h3 class="dark-text" style="margin: 0 0 15px 0; font-size: 18px; font-weight: 600; color: #ffffff;"> <h3 class="dark-text" style="margin: 0 0 15px 0; font-size: 18px; font-weight: 600; color: #ffffff;">
@ -899,33 +899,33 @@ export const VOLUME_ALERT_EMAIL_TEMPLATE = `<!DOCTYPE html>
High volume often indicates increased investor interest, potential news events, or significant price movements. This could signal an opportunity to investigate what's driving the activity. High volume often indicates increased investor interest, potential news events, or significant price movements. This could signal an opportunity to investigate what's driving the activity.
</p> </p>
</div> </div>
<!-- Action Button --> <!-- Action Button -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="margin-bottom: 30px;"> <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="margin-bottom: 30px;">
<tr> <tr>
<td align="center"> <td align="center">
<a href="https://openstock.vercel.app/" style="display: inline-block; background-color: #E8BA40; color: #ffffff; text-decoration: none; padding: 14px 28px; border-radius: 8px; font-size: 16px; font-weight: 500; line-height: 1;"> <a href="https://openstock-ods.vercel.app" style="display: inline-block; background-color: #E8BA40; color: #ffffff; text-decoration: none; padding: 14px 28px; border-radius: 8px; font-size: 16px; font-weight: 500; line-height: 1;">
View Dashboard View Dashboard
</a> </a>
</td> </td>
</tr> </tr>
</table> </table>
<!-- Disclaimer --> <!-- Disclaimer -->
<div class="dark-info-box" style="background-color: #1f2937; border-radius: 6px; padding: 15px; margin-bottom: 20px; border: 1px solid #374151;"> <div class="dark-info-box" style="background-color: #1f2937; border-radius: 6px; padding: 15px; margin-bottom: 20px; border: 1px solid #374151;">
<p class="dark-text-muted" style="margin: 0; font-size: 13px; line-height: 1.4; color: #6b7280; text-align: center;"> <p class="dark-text-muted" style="margin: 0; font-size: 13px; line-height: 1.4; color: #6b7280; text-align: center;">
<strong>Disclaimer:</strong> This alert is for informational purposes only and should not be considered investment advice. High volume doesn't guarantee price direction. Always do your own research before making investment decisions. <strong>Disclaimer:</strong> This alert is for informational purposes only and should not be considered investment advice. High volume doesn't guarantee price direction. Always do your own research before making investment decisions.
</p> </p>
</div> </div>
<!-- Footer Text --> <!-- Footer Text -->
<div style="text-align: center; margin: 40px 0 0 0;"> <div style="text-align: center; margin: 40px 0 0 0;">
<p style="margin: 0 0 10px 0; font-size: 14px; line-height: 1.5; color: #CCDADC !important;"> <p style="margin: 0 0 10px 0; font-size: 14px; line-height: 1.5; color: #CCDADC !important;">
You're receiving this because you subscribed to Openstock news updates. You're receiving this because you subscribed to Openstock news updates.
</p> </p>
<p style="margin: 0 0 10px 0; font-size: 14px; line-height: 1.5; color: #CCDADC !important;"> <p style="margin: 0 0 10px 0; font-size: 14px; line-height: 1.5; color: #CCDADC !important;">
<a href="#" style="color: #CCDADC !important; text-decoration: underline;">Unsubscribe</a> | <a href="#" style="color: #CCDADC !important; text-decoration: underline;">Unsubscribe</a> |
<a href="https://openstock.vercel.app/" style="color: #CCDADC !important; text-decoration: underline;">Visit Openstock</a> <a href="https://openstock-ods.vercel.app" style="color: #CCDADC !important; text-decoration: underline;">Visit Openstock</a>
</p> </p>
<p style="margin: 0; font-size: 14px; line-height: 1.5; color: #CCDADC !important;"> <p style="margin: 0; font-size: 14px; line-height: 1.5; color: #CCDADC !important;">
© 2025 Open Dev Society © 2025 Open Dev Society
@ -933,7 +933,7 @@ export const VOLUME_ALERT_EMAIL_TEMPLATE = `<!DOCTYPE html>
</div> </div>
</td> </td>
</tr> </tr>
</table> </table>
</td> </td>
</tr> </tr>
@ -986,7 +986,7 @@ export const INACTIVE_USER_REMINDER_EMAIL_TEMPLATE = `<!DOCTYPE html>
border: 1px solid #374151 !important; border: 1px solid #374151 !important;
} }
} }
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {
.email-container { .email-container {
width: 100% !important; width: 100% !important;
@ -1037,23 +1037,23 @@ export const INACTIVE_USER_REMINDER_EMAIL_TEMPLATE = `<!DOCTYPE html>
<tr> <tr>
<td align="center" class="mobile-outer-padding" style="padding: 40px 20px;"> <td align="center" class="mobile-outer-padding" style="padding: 40px 20px;">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" class="email-container" style="max-width: 600px; background-color: #141414; border-radius: 8px; border: 1px solid #30333A;"> <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" class="email-container" style="max-width: 600px; background-color: #141414; border-radius: 8px; border: 1px solid #30333A;">
<!-- Header with Logo --> <!-- Header with Logo -->
<tr> <tr>
<td align="left" class="mobile-header-padding" style="padding: 40px 40px 20px 40px;"> <td align="left" class="mobile-header-padding" style="padding: 40px 40px 20px 40px;">
<img src="https://i.ibb.co/r28VWPjS/Screenshot-2025-10-04-123317-Picsart-Ai-Image-Enhancer-removebg-preview.png" alt="Openstock Logo" width="150" style="max-width: 100%; height: auto;"> <img src="https://i.ibb.co/r28VWPjS/Screenshot-2025-10-04-123317-Picsart-Ai-Image-Enhancer-removebg-preview.png" alt="Openstock Logo" width="150" style="max-width: 100%; height: auto;">
</td> </td>
</tr> </tr>
<!-- Main Content --> <!-- Main Content -->
<tr> <tr>
<td class="mobile-padding" style="padding: 40px 40px 40px 40px;"> <td class="mobile-padding" style="padding: 40px 40px 40px 40px;">
<!-- Welcome Back Heading --> <!-- Welcome Back Heading -->
<h1 class="mobile-title dark-text" style="margin: 0 0 15px 0; font-size: 28px; font-weight: 600; background: linear-gradient(135deg, #FDD458 0%, #E8BA40 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: #FDD458; line-height: 1.2;"> <h1 class="mobile-title dark-text" style="margin: 0 0 15px 0; font-size: 28px; font-weight: 600; background: linear-gradient(135deg, #FDD458 0%, #E8BA40 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: #FDD458; line-height: 1.2;">
We Miss You, {{name}}! We Miss You, {{name}}!
</h1> </h1>
<!-- Main Message --> <!-- Main Message -->
<p class="mobile-text dark-text-secondary" style="margin: 0 0 30px 0; font-size: 16px; line-height: 1.6; color: #CCDADC;"> <p class="mobile-text dark-text-secondary" style="margin: 0 0 30px 0; font-size: 16px; line-height: 1.6; color: #CCDADC;">
We noticed you haven't visited Openstock in a while. The markets have been moving, and there might be some opportunities you don't want to miss! We noticed you haven't visited Openstock in a while. The markets have been moving, and there might be some opportunities you don't want to miss!
@ -1068,31 +1068,31 @@ export const INACTIVE_USER_REMINDER_EMAIL_TEMPLATE = `<!DOCTYPE html>
Markets have been active lately! Major indices have seen significant movements, and there might be opportunities in your tracked stocks that you don't want to miss. Markets have been active lately! Major indices have seen significant movements, and there might be opportunities in your tracked stocks that you don't want to miss.
</p> </p>
</div> </div>
<!-- Encouragement Message --> <!-- Encouragement Message -->
<p class="mobile-text dark-text-secondary" style="margin: 0 0 40px 0; font-size: 16px; line-height: 1.6; color: #CCDADC;"> <p class="mobile-text dark-text-secondary" style="margin: 0 0 40px 0; font-size: 16px; line-height: 1.6; color: #CCDADC;">
Your watchlists are still active and ready to help you stay on top of your investments. Don't let market opportunities pass you by! Your watchlists are still active and ready to help you stay on top of your investments. Don't let market opportunities pass you by!
</p> </p>
<!-- CTA Button --> <!-- CTA Button -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" style="margin: 0 0 20px 0; width: 100%;"> <table role="presentation" cellspacing="0" cellpadding="0" border="0" style="margin: 0 0 20px 0; width: 100%;">
<tr> <tr>
<td align="center" class="mobile-button"> <td align="center" class="mobile-button">
<a href="https://openstock.vercel.app/" style="display: inline-block; background: #E8BA40; color: #000000; text-decoration: none; padding: 16px 32px; border-radius: 8px; font-size: 16px; font-weight: 500; line-height: 1; text-align: center; width: 100%;"> <a href="https://openstock-ods.vercel.app" style="display: inline-block; background: #E8BA40; color: #000000; text-decoration: none; padding: 16px 32px; border-radius: 8px; font-size: 16px; font-weight: 500; line-height: 1; text-align: center; width: 100%;">
Return to Dashboard Return to Dashboard
</a> </a>
</td> </td>
</tr> </tr>
</table> </table>
<!-- Footer Text --> <!-- Footer Text -->
<div style="text-align: center; margin: 40px 0 0 0;"> <div style="text-align: center; margin: 40px 0 0 0;">
<p style="margin: 0 0 10px 0; font-size: 14px; line-height: 1.5; color: #CCDADC !important;"> <p style="margin: 0 0 10px 0; font-size: 14px; line-height: 1.5; color: #CCDADC !important;">
Questions? Reply to this email or contact our support team. Questions? Reply to this email or contact our support team.
</p> </p>
<p style="margin: 0 0 10px 0; font-size: 14px; line-height: 1.5; color: #CCDADC !important;"> <p style="margin: 0 0 10px 0; font-size: 14px; line-height: 1.5; color: #CCDADC !important;">
<a href="#" style="color: #CCDADC !important; text-decoration: underline;">Unsubscribe</a> | <a href="#" style="color: #CCDADC !important; text-decoration: underline;">Unsubscribe</a> |
<a href="https://openstock.vercel.app/" style="color: #CCDADC !important; text-decoration: underline;">Visit Openstock</a> <a href="https://openstock-ods.vercel.app" style="color: #CCDADC !important; text-decoration: underline;">Visit Openstock</a>
</p> </p>
<p style="margin: 0; font-size: 14px; line-height: 1.5; color: #CCDADC !important;"> <p style="margin: 0; font-size: 14px; line-height: 1.5; color: #CCDADC !important;">
© 2025 Openstock © 2025 Openstock
@ -1100,10 +1100,10 @@ export const INACTIVE_USER_REMINDER_EMAIL_TEMPLATE = `<!DOCTYPE html>
</div> </div>
</td> </td>
</tr> </tr>
</table> </table>
</td> </td>
</tr> </tr>
</table> </table>
</body> </body>
</html>`; </html>`;