mirror of
https://github.com/jorgev259/soc_site-astro.git
synced 2025-06-29 07:57:41 +00:00
Implement register form
This commit is contained in:
parent
adeb3fd3bf
commit
cdcd71cf2a
17 changed files with 526 additions and 99 deletions
241
src/utils/forgorTemplate.ts
Normal file
241
src/utils/forgorTemplate.ts
Normal file
|
|
@ -0,0 +1,241 @@
|
|||
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
|
||||
Loading…
Add table
Add a link
Reference in a new issue