mirror of
https://github.com/jorgev259/soc_site-astro.git
synced 2025-06-29 07:57:41 +00:00
241 lines
12 KiB
TypeScript
241 lines
12 KiB
TypeScript
const forgorTemplate = `<!DOCTYPE html>
|
||
|
||
<html lang='en' xmlns:o='urn:schemas-microsoft-com:office:office' xmlns:v='urn:schemas-microsoft-com:vml'>
|
||
|
||
<head>
|
||
<title></title>
|
||
<meta charset='utf-8' />
|
||
<meta content='width=device-width, initial-scale=1.0' name='viewport' />
|
||
<!--[if mso]><xml><o:OfficeDocumentSettings><o:PixelsPerInch>96</o:PixelsPerInch><o:AllowPNG/></o:OfficeDocumentSettings></xml><![endif]-->
|
||
<!--[if !mso]><!-->
|
||
<link href='https://fonts.googleapis.com/css?family=Abril+Fatface' rel='stylesheet' type='text/css' />
|
||
<link href='https://fonts.googleapis.com/css?family=Alegreya' rel='stylesheet' type='text/css' />
|
||
<link href='https://fonts.googleapis.com/css?family=Arvo' rel='stylesheet' type='text/css' />
|
||
<link href='https://fonts.googleapis.com/css?family=Bitter' rel='stylesheet' type='text/css' />
|
||
<link href='https://fonts.googleapis.com/css?family=Cabin' rel='stylesheet' type='text/css' />
|
||
<link href='https://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css' />
|
||
<!--<![endif]-->
|
||
<style>
|
||
* {
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
html {
|
||
height: 100%;
|
||
background-color: #f5f5f5;
|
||
}
|
||
|
||
body {
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
th.column {
|
||
padding: 0
|
||
}
|
||
|
||
a[x-apple-data-detectors] {
|
||
color: inherit !important;
|
||
text-decoration: inherit !important;
|
||
}
|
||
|
||
#MessageViewBody a {
|
||
color: inherit;
|
||
text-decoration: none;
|
||
}
|
||
|
||
p {
|
||
line-height: inherit
|
||
}
|
||
|
||
@media (max-width:520px) {
|
||
.icons-inner {
|
||
text-align: center;
|
||
}
|
||
|
||
.icons-inner td {
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.row-content {
|
||
width: 100% !important;
|
||
}
|
||
|
||
.image_block img.big {
|
||
width: auto !important;
|
||
}
|
||
|
||
.stack .column {
|
||
width: 100%;
|
||
display: block;
|
||
}
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body style='background-color: #FFFFFF; margin: 0; padding: 0; -webkit-text-size-adjust: none; text-size-adjust: none;'>
|
||
<table border='0' cellpadding='0' cellspacing='0' class='nl-container' role='presentation'
|
||
style='mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #FFFFFF;' width='100%'>
|
||
<tbody>
|
||
<tr>
|
||
<td>
|
||
<table align='center' border='0' cellpadding='0' cellspacing='0' class='row row-3'
|
||
role='presentation'
|
||
style='mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #f5f5f5;' width='100%'>
|
||
<tbody>
|
||
<tr>
|
||
<td>
|
||
<table align='center' border='0' cellpadding='0' cellspacing='0'
|
||
class='row-content stack' role='presentation'
|
||
style='mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #ffffff; color: #000000;'
|
||
width='500'>
|
||
<tbody>
|
||
<tr>
|
||
<th class='column'
|
||
style='mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; vertical-align: top; padding-top: 0px; padding-bottom: 5px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px;'
|
||
width='100%'>
|
||
<table border='0' cellpadding='0' cellspacing='0'
|
||
class='image_block' role='presentation'
|
||
style='mso-table-lspace: 0pt; mso-table-rspace: 0pt;'
|
||
width='100%'>
|
||
<tr>
|
||
<td
|
||
style='padding-bottom:5px;padding-left:5px;padding-right:5px;width:100%;'>
|
||
<div align='center' style='line-height:10px'><img
|
||
alt='reset-password' src='https://sittingonclouds.net/img/assets/clouds.png'
|
||
style='display: block; height: auto; border: 0; width: 175px; max-width: 100%;'
|
||
title='reset-password' width='175' /></div>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
<table border='0' cellpadding='0' cellspacing='0'
|
||
class='heading_block' role='presentation'
|
||
style='mso-table-lspace: 0pt; mso-table-rspace: 0pt;'
|
||
width='100%'>
|
||
<tr>
|
||
<td style='text-align:center;width:100%;'>
|
||
<h1
|
||
style='margin: 0; color: #393d47; direction: ltr; font-family: Tahoma, Verdana, Segoe, sans-serif; font-size: 25px; font-weight: normal; letter-spacing: normal; line-height: 120%; text-align: center; margin-top: 0; margin-bottom: 0;'>
|
||
<strong>Forgot your password?</strong></h1>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
<table border='0' cellpadding='10' cellspacing='0'
|
||
class='text_block' role='presentation'
|
||
style='mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word;'
|
||
width='100%'>
|
||
<tr>
|
||
<td>
|
||
<div style='font-family: Tahoma, Verdana, sans-serif'>
|
||
<div
|
||
style='font-size: 12px; font-family: Tahoma, Verdana, Segoe, sans-serif; mso-line-height-alt: 18px; color: #393d47; line-height: 1.5;'>
|
||
<p
|
||
style='margin: 0; font-size: 14px; text-align: center; mso-line-height-alt: 21px;'>
|
||
<span style='font-size:14px;'><span
|
||
style=''>Not to worry, we got you!
|
||
</span><span style=''>Let’s get you a
|
||
new password.</span></span></p>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
<table border='0' cellpadding='15' cellspacing='0'
|
||
class='button_block' role='presentation'
|
||
style='mso-table-lspace: 0pt; mso-table-rspace: 0pt;'
|
||
width='100%'>
|
||
<tr>
|
||
<td>
|
||
<div align='center'>
|
||
<!--[if mso]><v:roundrect xmlns:v='urn:schemas-microsoft-com:vml' xmlns:w='urn:schemas-microsoft-com:office:word' href='{{forgor_link}}' style='height:58px;width:272px;v-text-anchor:middle;' arcsize='35%' strokeweight='0.75pt' strokecolor='#FFC727' fillcolor='#e38e36'><w:anchorlock/><v:textbox inset='0px,0px,0px,0px'><center style='color:#393d47; font-family:Tahoma, Verdana, sans-serif; font-size:18px'><![endif]--><a
|
||
href='{{forgor_link}}'
|
||
style='text-decoration:none;display:inline-block;color:#393d47;background-color:#ff7b24;border-radius:20px;width:auto;padding-top:10px;padding-bottom:10px;font-family:Tahoma, Verdana, Segoe, sans-serif;text-align:center;mso-border-alt:none;word-break:keep-all;'
|
||
target='_blank'><span
|
||
style='padding-left:50px;padding-right:50px;font-size:18px;display:inline-block;letter-spacing:normal;'><span
|
||
style='font-size: 16px; line-height: 2; word-break: break-word; mso-line-height-alt: 32px;'><span
|
||
data-mce-style='font-size: 18px; line-height: 36px;'
|
||
style='font-size: 18px; line-height: 36px;'><strong>RESET
|
||
PASSWORD</strong></span></span></span></a>
|
||
<!--[if mso]></center></v:textbox></v:roundrect><![endif]-->
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
<table border='0' cellpadding='0' cellspacing='0' class='text_block'
|
||
role='presentation'
|
||
style='mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word;'
|
||
width='100%'>
|
||
<tr>
|
||
<td
|
||
style='padding-bottom:5px;padding-left:10px;padding-right:10px;padding-top:10px;'>
|
||
<div style='font-family: Tahoma, Verdana, sans-serif'>
|
||
<div
|
||
style='font-size: 12px; font-family: Tahoma, Verdana, Segoe, sans-serif; text-align: center; mso-line-height-alt: 18px; color: #393d47; line-height: 1.5;'>
|
||
<p
|
||
style='margin: 0; mso-line-height-alt: 19.5px;'>
|
||
<span style='font-size:13px;'>If you didn’t
|
||
request to change your password, simply
|
||
ignore this email.</span></p>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</th>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<table align='center' border='0' cellpadding='0' cellspacing='0' class='row row-5'
|
||
role='presentation'
|
||
style='mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #f5f5f5;' width='100%'>
|
||
<tbody>
|
||
<tr>
|
||
<td>
|
||
<table align='center' border='0' cellpadding='0' cellspacing='0'
|
||
class='row-content stack' role='presentation'
|
||
style='mso-table-lspace: 0pt; mso-table-rspace: 0pt; color: #000000;'
|
||
width='500'>
|
||
<tbody>
|
||
<tr>
|
||
<th class='column'
|
||
style='mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; vertical-align: top; padding-top: 5px; padding-bottom: 5px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px;'
|
||
width='100%'>
|
||
<table border='0' cellpadding='15' cellspacing='0'
|
||
class='text_block' role='presentation'
|
||
style='mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word;'
|
||
width='100%'>
|
||
<tr>
|
||
<td>
|
||
<div style='font-family: Tahoma, Verdana, sans-serif'>
|
||
<div
|
||
style='font-size: 12px; font-family: Tahoma, Verdana, Segoe, sans-serif; mso-line-height-alt: 14.399999999999999px; color: #393d47; line-height: 1.2;'>
|
||
<p
|
||
style='margin: 0; font-size: 14px; text-align: center;'>
|
||
<span style='font-size:10px;'>This link will
|
||
expire in 24 hours</span></p>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</th>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table><!-- End -->
|
||
</body>
|
||
|
||
</html>`
|
||
|
||
export default forgorTemplate
|