mirror of
https://github.com/Telecominfraproject/wlan-cloud-ucentralsec.git
synced 2025-10-29 01:42:30 +00:00
Signed-off-by: stephb9959 <stephane.bourque@gmail.com>
This commit is contained in:
@@ -60,6 +60,16 @@ if [[ "$TEMPLATE_CONFIG" = 'true' ]]; then
|
|||||||
STORAGE_TYPE_MYSQL_PASSWORD=${STORAGE_TYPE_MYSQL_PASSWORD:-"owsec"} \
|
STORAGE_TYPE_MYSQL_PASSWORD=${STORAGE_TYPE_MYSQL_PASSWORD:-"owsec"} \
|
||||||
STORAGE_TYPE_MYSQL_DATABASE=${STORAGE_TYPE_MYSQL_DATABASE:-"owsec"} \
|
STORAGE_TYPE_MYSQL_DATABASE=${STORAGE_TYPE_MYSQL_DATABASE:-"owsec"} \
|
||||||
STORAGE_TYPE_MYSQL_PORT=${STORAGE_TYPE_MYSQL_PORT:-"3306"} \
|
STORAGE_TYPE_MYSQL_PORT=${STORAGE_TYPE_MYSQL_PORT:-"3306"} \
|
||||||
|
USER_HELPER_EMAIL=${USER_HELPER_EMAIL:-"openwifi@telecominfraproject.com"} \
|
||||||
|
SUB_HELPER_EMAIL=${SUB_HELPER_EMAIL:-"openwifi@telecominfraproject.com"} \
|
||||||
|
GLOBAL_USER_HELPER_EMAIL=${GLOBAL_USER_HELPER_EMAIL:-"openwifi@telecominfraproject.com"} \
|
||||||
|
GLOBAL_SUB_HELPER_EMAIL=${GLOBAL_SUB_HELPER_EMAIL:-"openwifi@telecominfraproject.com"} \
|
||||||
|
USER_HELPER_SITE=${USER_HELPER_SITE:-"https://openwifi.telecominfraproject.com"} \
|
||||||
|
SUB_HELPER_SITE=${SUB_HELPER_SITE:-"https://openwifi.telecominfraproject.com"} \
|
||||||
|
USER_SYSTEM_LOGIN=${USER_SYSTEM_LOGIN:-"https://openwifi.telecominfraproject.com"} \
|
||||||
|
SUB_SYSTEM_LOGIN=${SUB_SYSTEM_LOGIN:-"https://openwifi.telecominfraproject.com"} \
|
||||||
|
USER_SIGNATURE=${USER_SIGNATURE:-"Telecom Infra Project"} \
|
||||||
|
SUB_SIGNATURE=${SUB_SIGNATURE:-"Telecom Infra Project"} \
|
||||||
envsubst < /owsec.properties.tmpl > $OWSEC_CONFIG/owsec.properties
|
envsubst < /owsec.properties.tmpl > $OWSEC_CONFIG/owsec.properties
|
||||||
fi
|
fi
|
||||||
|
|
||||||
|
|||||||
@@ -34,8 +34,8 @@ authentication.default.username = tip@ucentral.com
|
|||||||
authentication.default.password = 13268b7daa751240369d125e79c873bd8dd3bef7981bdfd38ea03dbb1fbe7dcf
|
authentication.default.password = 13268b7daa751240369d125e79c873bd8dd3bef7981bdfd38ea03dbb1fbe7dcf
|
||||||
openwifi.system.data = $OWSEC_ROOT/data
|
openwifi.system.data = $OWSEC_ROOT/data
|
||||||
openwifi.system.uri.private = https://localhost:17001
|
openwifi.system.uri.private = https://localhost:17001
|
||||||
openwifi.system.uri.public = https://local.dpaas.arilia.com:16001
|
openwifi.system.uri.public = https://main.server.com:16001
|
||||||
openwifi.system.uri.ui = https://ucentral-ui.arilia.com
|
openwifi.system.uri.ui = https://ucentral-ui.main.server.com
|
||||||
openwifi.security.restapi.disable = false
|
openwifi.security.restapi.disable = false
|
||||||
openwifi.system.commandchannel = /tmp/app.ucentralsec
|
openwifi.system.commandchannel = /tmp/app.ucentralsec
|
||||||
openwifi.service.key = $OWSEC_ROOT/certs/restapi-key.pem
|
openwifi.service.key = $OWSEC_ROOT/certs/restapi-key.pem
|
||||||
@@ -64,9 +64,19 @@ mailer.loginmethod = login
|
|||||||
mailer.port = 587
|
mailer.port = 587
|
||||||
mailer.templates = $OWSEC_ROOT/templates
|
mailer.templates = $OWSEC_ROOT/templates
|
||||||
|
|
||||||
|
helper.user.email = openwifi@telecominfraproject.com
|
||||||
|
helper.sub.email = openwifi@telecominfraproject.com
|
||||||
|
helper.user.global.email = openwifi@telecominfraproject.com
|
||||||
|
helper.sub.global.email = openwifi@telecominfraproject.com
|
||||||
|
helper.user.site = https://openwifi.telecominfraproject.com
|
||||||
|
helper.sub.site = https://openwifi.telecominfraproject.com
|
||||||
|
helper.user.login = https://openwifi.telecominfraproject.com
|
||||||
|
helper.sub.login = https://openwifi.telecominfraproject.com
|
||||||
|
helper.user.signature = Telecom Infra Project
|
||||||
|
helper.sub.signature = Telecom Infra Project
|
||||||
|
|
||||||
#############################
|
#############################
|
||||||
# Generic information for all micro services
|
# Generic information for all micro-services
|
||||||
#############################
|
#############################
|
||||||
#
|
#
|
||||||
# NLB Support
|
# NLB Support
|
||||||
@@ -80,7 +90,7 @@ alb.port = 16101
|
|||||||
openwifi.kafka.group.id = security
|
openwifi.kafka.group.id = security
|
||||||
openwifi.kafka.client.id = security1
|
openwifi.kafka.client.id = security1
|
||||||
openwifi.kafka.enable = true
|
openwifi.kafka.enable = true
|
||||||
openwifi.kafka.brokerlist = a1.arilia.com:9092
|
openwifi.kafka.brokerlist = kafka:9092
|
||||||
openwifi.kafka.auto.commit = false
|
openwifi.kafka.auto.commit = false
|
||||||
openwifi.kafka.queue.buffering.max.ms = 50
|
openwifi.kafka.queue.buffering.max.ms = 50
|
||||||
openwifi.kafka.ssl.ca.location =
|
openwifi.kafka.ssl.ca.location =
|
||||||
@@ -110,18 +120,18 @@ storage.type.sqlite.maxsessions = 128
|
|||||||
storage.type.postgresql.maxsessions = 64
|
storage.type.postgresql.maxsessions = 64
|
||||||
storage.type.postgresql.idletime = 60
|
storage.type.postgresql.idletime = 60
|
||||||
storage.type.postgresql.host = localhost
|
storage.type.postgresql.host = localhost
|
||||||
storage.type.postgresql.username = stephb
|
storage.type.postgresql.username = owsec
|
||||||
storage.type.postgresql.password = snoopy99
|
storage.type.postgresql.password = owsec
|
||||||
storage.type.postgresql.database = ucentral
|
storage.type.postgresql.database = owsec
|
||||||
storage.type.postgresql.port = 5432
|
storage.type.postgresql.port = 5432
|
||||||
storage.type.postgresql.connectiontimeout = 60
|
storage.type.postgresql.connectiontimeout = 60
|
||||||
|
|
||||||
storage.type.mysql.maxsessions = 64
|
storage.type.mysql.maxsessions = 64
|
||||||
storage.type.mysql.idletime = 60
|
storage.type.mysql.idletime = 60
|
||||||
storage.type.mysql.host = localhost
|
storage.type.mysql.host = localhost
|
||||||
storage.type.mysql.username = stephb
|
storage.type.mysql.username = owsec
|
||||||
storage.type.mysql.password = snoopy99
|
storage.type.mysql.password = owsec
|
||||||
storage.type.mysql.database = ucentral
|
storage.type.mysql.database = owsec
|
||||||
storage.type.mysql.port = 3306
|
storage.type.mysql.port = 3306
|
||||||
storage.type.mysql.connectiontimeout = 60
|
storage.type.mysql.connectiontimeout = 60
|
||||||
|
|
||||||
|
|||||||
@@ -64,6 +64,16 @@ mailer.loginmethod = login
|
|||||||
mailer.port = ${MAILER_PORT}
|
mailer.port = ${MAILER_PORT}
|
||||||
mailer.templates = ${MAILER_TEMPLATES}
|
mailer.templates = ${MAILER_TEMPLATES}
|
||||||
|
|
||||||
|
helper.user.email = ${USER_HELPER_EMAIL}
|
||||||
|
helper.sub.email = ${SUB_HELPER_EMAIL}
|
||||||
|
helper.user.global.email = ${GLOBAL_USER_HELPER_EMAIL}
|
||||||
|
helper.sub.global.email = ${GLOBAL_SUB_HELPER_EMAIL}
|
||||||
|
helper.user.site = ${USER_HELPER_SITE}
|
||||||
|
helper.sub.site = ${SUB_HELPER_SITE}
|
||||||
|
helper.user.login = ${USER_SYSTEM_LOGIN}
|
||||||
|
helper.sub.login = ${SUB_SYSTEM_LOGIN}
|
||||||
|
helper.user.signature = ${USER_SIGNATURE}
|
||||||
|
helper.sub.signature = ${SUB_SIGNATURE}
|
||||||
|
|
||||||
#############################
|
#############################
|
||||||
# Generic information for all micro services
|
# Generic information for all micro services
|
||||||
|
|||||||
@@ -435,18 +435,18 @@
|
|||||||
regarding this application,
|
regarding this application,
|
||||||
please contact us at
|
please contact us at
|
||||||
<a
|
<a
|
||||||
href="mailto:tip-keys@arilia.com"
|
href="mailto:${USER_HELPER_EMAIL}"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
tip-keys@arilia.com
|
${USER_HELPER_EMAIL}
|
||||||
</a>
|
</a>
|
||||||
. For question regarding the
|
. For question regarding the
|
||||||
Telecom Infra Project,
|
Telecom Infra Project,
|
||||||
please contact us at
|
please contact us at
|
||||||
<a
|
<a
|
||||||
href="mailto:info@telecominfraproject.com"
|
href="mailto:${GLOBAL_USER_HELPER_EMAIL}"
|
||||||
>
|
>
|
||||||
info@telecominfraproject.com
|
${GLOBAL_USER_HELPER_EMAIL}
|
||||||
</a>
|
</a>
|
||||||
.
|
.
|
||||||
</p>
|
</p>
|
||||||
@@ -456,7 +456,7 @@
|
|||||||
<tr>
|
<tr>
|
||||||
<td>
|
<td>
|
||||||
<p>Thank You!</p>
|
<p>Thank You!</p>
|
||||||
<p>Arilia Wireless Inc.</p>
|
<p>${USER_SIGNATURE}</p>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
@@ -502,13 +502,13 @@
|
|||||||
<tr>
|
<tr>
|
||||||
<p class="align-center">
|
<p class="align-center">
|
||||||
Copyright 2023
|
Copyright 2023
|
||||||
Arilia Wireless Inc,
|
${USER_SIGNATURE},
|
||||||
All rights reserved.
|
All rights reserved.
|
||||||
</p>
|
</p>
|
||||||
<a
|
<a
|
||||||
href="https://arilia.com"
|
href="https://${USER_HELPER_SITE}"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>www.arilia.com</a
|
>${USER_HELPER_SITE}</a
|
||||||
>
|
>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
|
|||||||
@@ -431,18 +431,18 @@
|
|||||||
regarding this application,
|
regarding this application,
|
||||||
please contact us at
|
please contact us at
|
||||||
<a
|
<a
|
||||||
href="mailto:tip-keys@arilia.com"
|
href="mailto:${USER_HELPER_EMAIL}"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
tip-keys@arilia.com
|
${USER_HELPER_EMAIL}
|
||||||
</a>
|
</a>
|
||||||
. For question regarding the
|
. For question regarding the
|
||||||
Telecom Infra Project,
|
Telecom Infra Project,
|
||||||
please contact us at
|
please contact us at
|
||||||
<a
|
<a
|
||||||
href="mailto:info@telecominfraproject.com"
|
href="mailto:${GLOBAL_USER_HELPER_EMAIL}"
|
||||||
>
|
>
|
||||||
info@telecominfraproject.com
|
${GLOBAL_USER_HELPER_EMAIL}
|
||||||
</a>
|
</a>
|
||||||
.
|
.
|
||||||
</p>
|
</p>
|
||||||
@@ -452,7 +452,7 @@
|
|||||||
<tr>
|
<tr>
|
||||||
<td>
|
<td>
|
||||||
<p>Thank You!</p>
|
<p>Thank You!</p>
|
||||||
<p>Arilia Wireless Inc.</p>
|
<p>${USER_SIGNATURE}</p>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
@@ -494,19 +494,19 @@
|
|||||||
style="min-width: 100%"
|
style="min-width: 100%"
|
||||||
>
|
>
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr></tr>
|
<tr></tr>
|
||||||
<tr>
|
<tr>
|
||||||
<p class="align-center">
|
<p class="align-center">
|
||||||
Copyright 2023
|
Copyright 2023
|
||||||
Arilia Wireless Inc,
|
${USER_SIGNATURE},
|
||||||
All rights reserved.
|
All rights reserved.
|
||||||
</p>
|
</p>
|
||||||
<a
|
<a
|
||||||
href="https://arilia.com"
|
href="https://${USER_HELPER_SITE}"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>www.arilia.com</a
|
>${USER_HELPER_SITE}</a
|
||||||
>
|
>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
</td>
|
</td>
|
||||||
|
|||||||
@@ -435,18 +435,18 @@
|
|||||||
regarding this application,
|
regarding this application,
|
||||||
please contact us at
|
please contact us at
|
||||||
<a
|
<a
|
||||||
href="mailto:tip-keys@arilia.com"
|
href="mailto:${USER_HELPER_EMAIL}"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
tip-keys@arilia.com
|
${USER_HELPER_EMAIL}
|
||||||
</a>
|
</a>
|
||||||
. For question regarding the
|
. For question regarding the
|
||||||
Telecom Infra Project,
|
Telecom Infra Project,
|
||||||
please contact us at
|
please contact us at
|
||||||
<a
|
<a
|
||||||
href="mailto:info@telecominfraproject.com"
|
href="mailto:${GLOBAL_USER_HELPER_EMAIL}"
|
||||||
>
|
>
|
||||||
info@telecominfraproject.com
|
${GLOBAL_USER_HELPER_EMAIL}
|
||||||
</a>
|
</a>
|
||||||
.
|
.
|
||||||
</p>
|
</p>
|
||||||
@@ -456,7 +456,7 @@
|
|||||||
<tr>
|
<tr>
|
||||||
<td>
|
<td>
|
||||||
<p>Thank You!</p>
|
<p>Thank You!</p>
|
||||||
<p>Arilia Wireless Inc.</p>
|
<p>${USER_SIGNATURE}</p>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
@@ -498,19 +498,19 @@
|
|||||||
style="min-width: 100%"
|
style="min-width: 100%"
|
||||||
>
|
>
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr></tr>
|
<tr></tr>
|
||||||
<tr>
|
<tr>
|
||||||
<p class="align-center">
|
<p class="align-center">
|
||||||
Copyright 2023
|
Copyright 2023
|
||||||
Arilia Wireless Inc,
|
${USER_SIGNATURE},
|
||||||
All rights reserved.
|
All rights reserved.
|
||||||
</p>
|
</p>
|
||||||
<a
|
<a
|
||||||
href="https://arilia.com"
|
href="https://${USER_HELPER_SITE}"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>www.arilia.com</a
|
>${USER_HELPER_SITE}</a
|
||||||
>
|
>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
</td>
|
</td>
|
||||||
|
|||||||
@@ -0,0 +1,527 @@
|
|||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>Email Confirmation</title>
|
||||||
|
<style>
|
||||||
|
img {
|
||||||
|
border: none;
|
||||||
|
-ms-interpolation-mode: bicubic;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
color: #414141;
|
||||||
|
background-color: #f6f6f6;
|
||||||
|
font-family: sans-serif;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 1.4;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
-ms-text-size-adjust: 100%;
|
||||||
|
-webkit-text-size-adjust: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
border-collapse: separate;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
table td {
|
||||||
|
font-family: sans-serif;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #414141;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
|
.body {
|
||||||
|
background-color: white;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto !important;
|
||||||
|
max-width: 580px;
|
||||||
|
padding: 10px;
|
||||||
|
width: 580px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
box-sizing: border-box;
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
max-width: 580px;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main {
|
||||||
|
background: #ffffff;
|
||||||
|
border-radius: 0px;
|
||||||
|
width: 600px;
|
||||||
|
max-width: 100%;
|
||||||
|
border: 1px solid #d4d4d4;
|
||||||
|
padding-left: 45px;
|
||||||
|
padding-right: 45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wrapper {
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 40px 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-block {
|
||||||
|
padding-bottom: 10px;
|
||||||
|
padding-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
clear: both;
|
||||||
|
margin-top: 10px;
|
||||||
|
text-align: center;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer td,
|
||||||
|
.footer p,
|
||||||
|
.footer span,
|
||||||
|
.footer a {
|
||||||
|
color: #999999;
|
||||||
|
font-size: 12px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
/* -------------------------------------
|
||||||
|
TYPOGRAPHY
|
||||||
|
------------------------------------- */
|
||||||
|
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4 {
|
||||||
|
color: #414141;
|
||||||
|
font-family: sans-serif;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 1.4;
|
||||||
|
margin: 0;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 35px;
|
||||||
|
font-weight: 300;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: capitalize;
|
||||||
|
}
|
||||||
|
|
||||||
|
p,
|
||||||
|
ul,
|
||||||
|
ol {
|
||||||
|
font-family: sans-serif;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: normal;
|
||||||
|
margin: 0;
|
||||||
|
color: #414141;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
p li,
|
||||||
|
ul li,
|
||||||
|
ol li {
|
||||||
|
list-style-position: inside;
|
||||||
|
margin-left: 5px;
|
||||||
|
color: #414141;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #29818c !important;
|
||||||
|
text-decoration: none;
|
||||||
|
border-bottom: 1px solid #d2d2d2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer a {
|
||||||
|
color: #999999 !important;
|
||||||
|
}
|
||||||
|
/* -------------------------------------
|
||||||
|
BUTTONS
|
||||||
|
------------------------------------- */
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
box-sizing: border-box;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
tbody {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn > tbody > tr > td {
|
||||||
|
padding-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn table {
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn table td {
|
||||||
|
background-color: #ffffff;
|
||||||
|
border-radius: 20px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn a {
|
||||||
|
background-color: #ffffff;
|
||||||
|
border: solid 1px #489e94;
|
||||||
|
border-radius: 5px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
color: #29818c;
|
||||||
|
cursor: pointer;
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: bold;
|
||||||
|
margin: 0;
|
||||||
|
padding: 12px 120px;
|
||||||
|
text-decoration: none;
|
||||||
|
font-weight: 600;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary a {
|
||||||
|
transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)
|
||||||
|
0ms,
|
||||||
|
box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
|
||||||
|
border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
|
||||||
|
margin: auto;
|
||||||
|
background-color: #29818c;
|
||||||
|
border-color: #29818c;
|
||||||
|
color: #ffffff !important;
|
||||||
|
}
|
||||||
|
/* -------------------------------------
|
||||||
|
OTHER STYLES THAT MIGHT BE USEFUL
|
||||||
|
------------------------------------- */
|
||||||
|
|
||||||
|
.align-center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.preheader {
|
||||||
|
color: transparent;
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
max-height: 0;
|
||||||
|
max-width: 0;
|
||||||
|
opacity: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
visibility: hidden;
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
border: 0;
|
||||||
|
border-bottom: 1px solid #d4d4d4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.grayFont {
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bold {
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* -------------------------------------
|
||||||
|
RESPONSIVE AND MOBILE FRIENDLY STYLES
|
||||||
|
------------------------------------- */
|
||||||
|
|
||||||
|
@media only screen and (max-width: 620px) {
|
||||||
|
table[class='body'] h1 {
|
||||||
|
font-size: 28px !important;
|
||||||
|
margin-bottom: 10px !important;
|
||||||
|
}
|
||||||
|
table[class='body'] p,
|
||||||
|
table[class='body'] ul,
|
||||||
|
table[class='body'] ol,
|
||||||
|
table[class='body'] td,
|
||||||
|
table[class='body'] span,
|
||||||
|
table[class='body'] a {
|
||||||
|
font-size: 16px !important;
|
||||||
|
}
|
||||||
|
table[class='body'] .wrapper,
|
||||||
|
table[class='body'] .article {
|
||||||
|
padding: 10px !important;
|
||||||
|
}
|
||||||
|
table[class='body'] .content {
|
||||||
|
padding: 0 !important;
|
||||||
|
}
|
||||||
|
table[class='body'] .container {
|
||||||
|
padding: 0 !important;
|
||||||
|
width: 100% !important;
|
||||||
|
}
|
||||||
|
table[class='body'] .main {
|
||||||
|
border-left-width: 0 !important;
|
||||||
|
border-radius: 0 !important;
|
||||||
|
border-right-width: 0 !important;
|
||||||
|
}
|
||||||
|
table[class='body'] .btn table {
|
||||||
|
width: 100% !important;
|
||||||
|
}
|
||||||
|
table[class='body'] .btn a {
|
||||||
|
width: 100% !important;
|
||||||
|
}
|
||||||
|
table[class='body'] .img-responsive {
|
||||||
|
height: auto !important;
|
||||||
|
max-width: 100% !important;
|
||||||
|
width: auto !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* -------------------------------------
|
||||||
|
PRESERVE THESE STYLES IN THE HEAD
|
||||||
|
------------------------------------- */
|
||||||
|
|
||||||
|
@media all {
|
||||||
|
.ExternalClass {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.ExternalClass,
|
||||||
|
.ExternalClass p,
|
||||||
|
.ExternalClass span,
|
||||||
|
.ExternalClass font,
|
||||||
|
.ExternalClass td,
|
||||||
|
.ExternalClass div {
|
||||||
|
line-height: 100%;
|
||||||
|
}
|
||||||
|
.apple-link a {
|
||||||
|
color: inherit !important;
|
||||||
|
font-family: inherit !important;
|
||||||
|
font-size: inherit !important;
|
||||||
|
font-weight: inherit !important;
|
||||||
|
line-height: inherit !important;
|
||||||
|
text-decoration: none !important;
|
||||||
|
}
|
||||||
|
.btn-primary a:hover {
|
||||||
|
background-color: rgb(50, 110, 103) !important;
|
||||||
|
border-color: rgb(50, 110, 103) !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="">
|
||||||
|
<span class="preheader"></span>
|
||||||
|
<table
|
||||||
|
d=""
|
||||||
|
role="presentation"
|
||||||
|
border="0"
|
||||||
|
cellpadding="0"
|
||||||
|
cellspacing="0"
|
||||||
|
class="body"
|
||||||
|
>
|
||||||
|
<tr>
|
||||||
|
<td class="container">
|
||||||
|
<div class="content">
|
||||||
|
<!-- START CENTERED WHITE CONTAINER -->
|
||||||
|
|
||||||
|
<table
|
||||||
|
border="0"
|
||||||
|
cellpadding="0"
|
||||||
|
cellspacing="0"
|
||||||
|
width="100%"
|
||||||
|
style="min-width: 100%"
|
||||||
|
>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td valign="top" style="padding: 0px">
|
||||||
|
<table
|
||||||
|
align="center"
|
||||||
|
style="text-align: center"
|
||||||
|
width="100%"
|
||||||
|
border="0"
|
||||||
|
cellpadding="0"
|
||||||
|
cellspacing="0"
|
||||||
|
style="min-width: 100%"
|
||||||
|
>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
valign="top"
|
||||||
|
class="align-center"
|
||||||
|
style="
|
||||||
|
padding-right: 0px;
|
||||||
|
padding-left: 48px;
|
||||||
|
padding-top: 0;
|
||||||
|
padding-bottom: 0;
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
align="center"
|
||||||
|
alt="OpenWifi"
|
||||||
|
src="${LOGO}"
|
||||||
|
style="
|
||||||
|
max-width: 100%;
|
||||||
|
padding-bottom: 0;
|
||||||
|
display: inline !important;
|
||||||
|
vertical-align: bottom;
|
||||||
|
"
|
||||||
|
/>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
<table role="presentation" class="main">
|
||||||
|
<!-- START MAIN CONTENT AREA -->
|
||||||
|
<tr>
|
||||||
|
<td class="wrapper">
|
||||||
|
<table
|
||||||
|
role="presentation"
|
||||||
|
border="0"
|
||||||
|
cellpadding="0"
|
||||||
|
cellspacing="0"
|
||||||
|
>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<h2>
|
||||||
|
Confirm Your Email Address
|
||||||
|
to Get Started
|
||||||
|
</h2>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<p>Dear ${RECIPIENT_EMAIL} ,</p>
|
||||||
|
<p>
|
||||||
|
Before you can access the
|
||||||
|
system, you must validate
|
||||||
|
your e-mail address. Please
|
||||||
|
click on the button below to
|
||||||
|
complete this task.
|
||||||
|
</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
style="
|
||||||
|
padding-top: 15px;
|
||||||
|
padding-bottom: 40px;
|
||||||
|
"
|
||||||
|
class="btn btn-primary"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="${ACTION_LINK}"
|
||||||
|
target="_blank"
|
||||||
|
>Confirm Email Address</a
|
||||||
|
>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<hr
|
||||||
|
style="
|
||||||
|
margin-top: 0px;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
"
|
||||||
|
/>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<p>
|
||||||
|
For questions & support
|
||||||
|
regarding this application,
|
||||||
|
please contact us at
|
||||||
|
<a
|
||||||
|
href="mailto:${SUB_HELPER_EMAIL}"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
${SUB_HELPER_EMAIL}
|
||||||
|
</a>
|
||||||
|
. For question regarding the
|
||||||
|
Telecom Infra Project,
|
||||||
|
please contact us at
|
||||||
|
<a
|
||||||
|
href="mailto:${GLOBAL_SUB_HELPER_EMAIL}"
|
||||||
|
>
|
||||||
|
${GLOBAL_SUB_HELPER_EMAIL}
|
||||||
|
</a>
|
||||||
|
.
|
||||||
|
</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<p>Thank You!</p>
|
||||||
|
<p>${SUB_SIGNATURE}</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<table
|
||||||
|
role="presentation"
|
||||||
|
border="0"
|
||||||
|
cellpadding="0"
|
||||||
|
cellspacing="0"
|
||||||
|
class="btn btn-primary"
|
||||||
|
>
|
||||||
|
<tbody></tbody>
|
||||||
|
</table>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<!-- END MAIN CONTENT AREA -->
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<!-- END CENTERED WHITE CONTAINER -->
|
||||||
|
|
||||||
|
<div class="footer">
|
||||||
|
<table
|
||||||
|
border="0"
|
||||||
|
cellpadding="0"
|
||||||
|
cellspacing="0"
|
||||||
|
width="100%"
|
||||||
|
style="min-width: 100; margin-top: 30px"
|
||||||
|
>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td valign="top" style="padding: 0px">
|
||||||
|
<table
|
||||||
|
align="left"
|
||||||
|
width="100%"
|
||||||
|
border="0"
|
||||||
|
cellpadding="0"
|
||||||
|
cellspacing="0"
|
||||||
|
style="min-width: 100%"
|
||||||
|
>
|
||||||
|
<tbody>
|
||||||
|
<tr></tr>
|
||||||
|
<tr>
|
||||||
|
<p class="align-center">
|
||||||
|
Copyright 2023
|
||||||
|
${SUB_SIGNATURE},
|
||||||
|
All rights reserved.
|
||||||
|
</p>
|
||||||
|
<a
|
||||||
|
href="https://${SUB_HELPER_SITE}"
|
||||||
|
target="_blank"
|
||||||
|
>${SUB_HELPER_SITE}</a
|
||||||
|
>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td> </td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|||||||
@@ -0,0 +1,9 @@
|
|||||||
|
Dear ${RECIPIENT_EMAIL},
|
||||||
|
|
||||||
|
Before you can access the system, you must validate your e-mail address. Please click on the link below to complete this task.
|
||||||
|
|
||||||
|
${ACTION_LINK}
|
||||||
|
|
||||||
|
And follow the instructions.
|
||||||
|
|
||||||
|
Thank you!
|
||||||
@@ -0,0 +1,523 @@
|
|||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>Password Reset</title>
|
||||||
|
<style>
|
||||||
|
img {
|
||||||
|
border: none;
|
||||||
|
-ms-interpolation-mode: bicubic;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
color: #414141;
|
||||||
|
background-color: #f6f6f6;
|
||||||
|
font-family: sans-serif;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 1.4;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
-ms-text-size-adjust: 100%;
|
||||||
|
-webkit-text-size-adjust: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
border-collapse: separate;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
table td {
|
||||||
|
font-family: sans-serif;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #414141;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
|
.body {
|
||||||
|
background-color: white;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto !important;
|
||||||
|
max-width: 580px;
|
||||||
|
padding: 10px;
|
||||||
|
width: 580px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
box-sizing: border-box;
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
max-width: 580px;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main {
|
||||||
|
background: #ffffff;
|
||||||
|
border-radius: 0px;
|
||||||
|
width: 600px;
|
||||||
|
max-width: 100%;
|
||||||
|
border: 1px solid #d4d4d4;
|
||||||
|
padding-left: 45px;
|
||||||
|
padding-right: 45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wrapper {
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 40px 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-block {
|
||||||
|
padding-bottom: 10px;
|
||||||
|
padding-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
clear: both;
|
||||||
|
margin-top: 10px;
|
||||||
|
text-align: center;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer td,
|
||||||
|
.footer p,
|
||||||
|
.footer span,
|
||||||
|
.footer a {
|
||||||
|
color: #999999;
|
||||||
|
font-size: 12px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
/* -------------------------------------
|
||||||
|
TYPOGRAPHY
|
||||||
|
------------------------------------- */
|
||||||
|
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4 {
|
||||||
|
color: #414141;
|
||||||
|
font-family: sans-serif;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 1.4;
|
||||||
|
margin: 0;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 35px;
|
||||||
|
font-weight: 300;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: capitalize;
|
||||||
|
}
|
||||||
|
|
||||||
|
p,
|
||||||
|
ul,
|
||||||
|
ol {
|
||||||
|
font-family: sans-serif;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: normal;
|
||||||
|
margin: 0;
|
||||||
|
color: #414141;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
p li,
|
||||||
|
ul li,
|
||||||
|
ol li {
|
||||||
|
list-style-position: inside;
|
||||||
|
margin-left: 5px;
|
||||||
|
color: #414141;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #29818c !important;
|
||||||
|
text-decoration: none;
|
||||||
|
border-bottom: 1px solid #d2d2d2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer a {
|
||||||
|
color: #999999 !important;
|
||||||
|
}
|
||||||
|
/* -------------------------------------
|
||||||
|
BUTTONS
|
||||||
|
------------------------------------- */
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
box-sizing: border-box;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
tbody {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn > tbody > tr > td {
|
||||||
|
padding-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn table {
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn table td {
|
||||||
|
background-color: #ffffff;
|
||||||
|
border-radius: 20px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn a {
|
||||||
|
background-color: #ffffff;
|
||||||
|
border: solid 1px #489e94;
|
||||||
|
border-radius: 5px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
color: #29818c;
|
||||||
|
cursor: pointer;
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: bold;
|
||||||
|
margin: 0;
|
||||||
|
padding: 12px 120px;
|
||||||
|
text-decoration: none;
|
||||||
|
font-weight: 600;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary a {
|
||||||
|
transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)
|
||||||
|
0ms,
|
||||||
|
box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
|
||||||
|
border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
|
||||||
|
margin: auto;
|
||||||
|
background-color: #29818c;
|
||||||
|
border-color: #29818c;
|
||||||
|
color: #ffffff !important;
|
||||||
|
}
|
||||||
|
/* -------------------------------------
|
||||||
|
OTHER STYLES THAT MIGHT BE USEFUL
|
||||||
|
------------------------------------- */
|
||||||
|
|
||||||
|
.align-center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.preheader {
|
||||||
|
color: transparent;
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
max-height: 0;
|
||||||
|
max-width: 0;
|
||||||
|
opacity: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
visibility: hidden;
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
border: 0;
|
||||||
|
border-bottom: 1px solid #d4d4d4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.grayFont {
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bold {
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* -------------------------------------
|
||||||
|
RESPONSIVE AND MOBILE FRIENDLY STYLES
|
||||||
|
------------------------------------- */
|
||||||
|
|
||||||
|
@media only screen and (max-width: 620px) {
|
||||||
|
table[class='body'] h1 {
|
||||||
|
font-size: 28px !important;
|
||||||
|
margin-bottom: 10px !important;
|
||||||
|
}
|
||||||
|
table[class='body'] p,
|
||||||
|
table[class='body'] ul,
|
||||||
|
table[class='body'] ol,
|
||||||
|
table[class='body'] td,
|
||||||
|
table[class='body'] span,
|
||||||
|
table[class='body'] a {
|
||||||
|
font-size: 16px !important;
|
||||||
|
}
|
||||||
|
table[class='body'] .wrapper,
|
||||||
|
table[class='body'] .article {
|
||||||
|
padding: 10px !important;
|
||||||
|
}
|
||||||
|
table[class='body'] .content {
|
||||||
|
padding: 0 !important;
|
||||||
|
}
|
||||||
|
table[class='body'] .container {
|
||||||
|
padding: 0 !important;
|
||||||
|
width: 100% !important;
|
||||||
|
}
|
||||||
|
table[class='body'] .main {
|
||||||
|
border-left-width: 0 !important;
|
||||||
|
border-radius: 0 !important;
|
||||||
|
border-right-width: 0 !important;
|
||||||
|
}
|
||||||
|
table[class='body'] .btn table {
|
||||||
|
width: 100% !important;
|
||||||
|
}
|
||||||
|
table[class='body'] .btn a {
|
||||||
|
width: 100% !important;
|
||||||
|
}
|
||||||
|
table[class='body'] .img-responsive {
|
||||||
|
height: auto !important;
|
||||||
|
max-width: 100% !important;
|
||||||
|
width: auto !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* -------------------------------------
|
||||||
|
PRESERVE THESE STYLES IN THE HEAD
|
||||||
|
------------------------------------- */
|
||||||
|
|
||||||
|
@media all {
|
||||||
|
.ExternalClass {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.ExternalClass,
|
||||||
|
.ExternalClass p,
|
||||||
|
.ExternalClass span,
|
||||||
|
.ExternalClass font,
|
||||||
|
.ExternalClass td,
|
||||||
|
.ExternalClass div {
|
||||||
|
line-height: 100%;
|
||||||
|
}
|
||||||
|
.apple-link a {
|
||||||
|
color: inherit !important;
|
||||||
|
font-family: inherit !important;
|
||||||
|
font-size: inherit !important;
|
||||||
|
font-weight: inherit !important;
|
||||||
|
line-height: inherit !important;
|
||||||
|
text-decoration: none !important;
|
||||||
|
}
|
||||||
|
.btn-primary a:hover {
|
||||||
|
background-color: rgb(50, 110, 103) !important;
|
||||||
|
border-color: rgb(50, 110, 103) !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="">
|
||||||
|
<span class="preheader"></span>
|
||||||
|
<table
|
||||||
|
d=""
|
||||||
|
role="presentation"
|
||||||
|
border="0"
|
||||||
|
cellpadding="0"
|
||||||
|
cellspacing="0"
|
||||||
|
class="body"
|
||||||
|
>
|
||||||
|
<tr>
|
||||||
|
<td class="container">
|
||||||
|
<div class="content">
|
||||||
|
<!-- START CENTERED WHITE CONTAINER -->
|
||||||
|
|
||||||
|
<table
|
||||||
|
border="0"
|
||||||
|
cellpadding="0"
|
||||||
|
cellspacing="0"
|
||||||
|
width="100%"
|
||||||
|
style="min-width: 100%"
|
||||||
|
>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td valign="top" style="padding: 0px">
|
||||||
|
<table
|
||||||
|
align="center"
|
||||||
|
style="text-align: center"
|
||||||
|
width="100%"
|
||||||
|
border="0"
|
||||||
|
cellpadding="0"
|
||||||
|
cellspacing="0"
|
||||||
|
style="min-width: 100%"
|
||||||
|
>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
valign="top"
|
||||||
|
class="align-center"
|
||||||
|
style="
|
||||||
|
padding-right: 0px;
|
||||||
|
padding-left: 48px;
|
||||||
|
padding-top: 0;
|
||||||
|
padding-bottom: 0;
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
align="center"
|
||||||
|
alt="OpenWifi"
|
||||||
|
src="${LOGO}"
|
||||||
|
style="
|
||||||
|
max-width: 100%;
|
||||||
|
padding-bottom: 0;
|
||||||
|
display: inline !important;
|
||||||
|
vertical-align: bottom;
|
||||||
|
"
|
||||||
|
/>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
<table role="presentation" class="main">
|
||||||
|
<!-- START MAIN CONTENT AREA -->
|
||||||
|
<tr>
|
||||||
|
<td class="wrapper">
|
||||||
|
<table
|
||||||
|
role="presentation"
|
||||||
|
border="0"
|
||||||
|
cellpadding="0"
|
||||||
|
cellspacing="0"
|
||||||
|
>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<h2>Password Reset</h2>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<p>Dear ${RECIPIENT_EMAIL} ,</p>
|
||||||
|
<p>
|
||||||
|
You have requested us to
|
||||||
|
reset your password. Please
|
||||||
|
click on the link below and
|
||||||
|
follow the instructions.
|
||||||
|
</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
style="
|
||||||
|
padding-top: 15px;
|
||||||
|
padding-bottom: 40px;
|
||||||
|
"
|
||||||
|
class="btn btn-primary"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="${ACTION_LINK}"
|
||||||
|
target="_blank"
|
||||||
|
>Reset Password</a
|
||||||
|
>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<hr
|
||||||
|
style="
|
||||||
|
margin-top: 0px;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
"
|
||||||
|
/>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<p>
|
||||||
|
For questions & support
|
||||||
|
regarding this application,
|
||||||
|
please contact us at
|
||||||
|
<a
|
||||||
|
href="mailto:${SUB_HELPER_EMAIL}"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
${SUB_HELPER_EMAIL}
|
||||||
|
</a>
|
||||||
|
. For question regarding the
|
||||||
|
Telecom Infra Project,
|
||||||
|
please contact us at
|
||||||
|
<a
|
||||||
|
href="mailto:${GLOBAL_SUB_HELPER_EMAIL}"
|
||||||
|
>
|
||||||
|
${GLOBAL_SUB_HELPER_EMAIL}
|
||||||
|
</a>
|
||||||
|
.
|
||||||
|
</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<p>Thank You!</p>
|
||||||
|
<p>${SUB_SIGNATURE}</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<table
|
||||||
|
role="presentation"
|
||||||
|
border="0"
|
||||||
|
cellpadding="0"
|
||||||
|
cellspacing="0"
|
||||||
|
class="btn btn-primary"
|
||||||
|
>
|
||||||
|
<tbody></tbody>
|
||||||
|
</table>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<!-- END MAIN CONTENT AREA -->
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<!-- END CENTERED WHITE CONTAINER -->
|
||||||
|
|
||||||
|
<div class="footer">
|
||||||
|
<table
|
||||||
|
border="0"
|
||||||
|
cellpadding="0"
|
||||||
|
cellspacing="0"
|
||||||
|
width="100%"
|
||||||
|
style="min-width: 100; margin-top: 30px"
|
||||||
|
>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td valign="top" style="padding: 0px">
|
||||||
|
<table
|
||||||
|
align="left"
|
||||||
|
width="100%"
|
||||||
|
border="0"
|
||||||
|
cellpadding="0"
|
||||||
|
cellspacing="0"
|
||||||
|
style="min-width: 100%"
|
||||||
|
>
|
||||||
|
<tbody>
|
||||||
|
<tr></tr>
|
||||||
|
<tr>
|
||||||
|
<p class="align-center">
|
||||||
|
Copyright 2023
|
||||||
|
${SUB_SIGNATURE},
|
||||||
|
All rights reserved.
|
||||||
|
</p>
|
||||||
|
<a
|
||||||
|
href="https://${SUB_HELPER_SITE}"
|
||||||
|
target="_blank"
|
||||||
|
>${SUB_HELPER_SITE}</a
|
||||||
|
>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td> </td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|||||||
@@ -0,0 +1,9 @@
|
|||||||
|
Dear ${RECIPIENT_EMAIL},
|
||||||
|
|
||||||
|
You have requested us to reset your password. Please click on the link below
|
||||||
|
|
||||||
|
${ACTION_LINK}
|
||||||
|
|
||||||
|
And follow the instructions.
|
||||||
|
|
||||||
|
Thank you!
|
||||||
@@ -0,0 +1,515 @@
|
|||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>Verification Code</title>
|
||||||
|
<style>
|
||||||
|
img {
|
||||||
|
border: none;
|
||||||
|
-ms-interpolation-mode: bicubic;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
color: #414141;
|
||||||
|
background-color: #f6f6f6;
|
||||||
|
font-family: sans-serif;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 1.4;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
-ms-text-size-adjust: 100%;
|
||||||
|
-webkit-text-size-adjust: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
border-collapse: separate;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
table td {
|
||||||
|
font-family: sans-serif;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #414141;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
|
.body {
|
||||||
|
background-color: white;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto !important;
|
||||||
|
max-width: 580px;
|
||||||
|
padding: 10px;
|
||||||
|
width: 580px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
box-sizing: border-box;
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
max-width: 580px;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main {
|
||||||
|
background: #ffffff;
|
||||||
|
border-radius: 0px;
|
||||||
|
width: 600px;
|
||||||
|
max-width: 100%;
|
||||||
|
border: 1px solid #d4d4d4;
|
||||||
|
padding-left: 45px;
|
||||||
|
padding-right: 45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wrapper {
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 40px 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-block {
|
||||||
|
padding-bottom: 10px;
|
||||||
|
padding-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
clear: both;
|
||||||
|
margin-top: 10px;
|
||||||
|
text-align: center;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer td,
|
||||||
|
.footer p,
|
||||||
|
.footer span,
|
||||||
|
.footer a {
|
||||||
|
color: #999999;
|
||||||
|
font-size: 12px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
/* -------------------------------------
|
||||||
|
TYPOGRAPHY
|
||||||
|
------------------------------------- */
|
||||||
|
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4 {
|
||||||
|
color: #414141;
|
||||||
|
font-family: sans-serif;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 1.4;
|
||||||
|
margin: 0;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 35px;
|
||||||
|
font-weight: 300;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: capitalize;
|
||||||
|
}
|
||||||
|
|
||||||
|
p,
|
||||||
|
ul,
|
||||||
|
ol {
|
||||||
|
font-family: sans-serif;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: normal;
|
||||||
|
margin: 0;
|
||||||
|
color: #414141;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
p li,
|
||||||
|
ul li,
|
||||||
|
ol li {
|
||||||
|
list-style-position: inside;
|
||||||
|
margin-left: 5px;
|
||||||
|
color: #414141;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #29818c !important;
|
||||||
|
text-decoration: none;
|
||||||
|
border-bottom: 1px solid #d2d2d2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer a {
|
||||||
|
color: #999999 !important;
|
||||||
|
}
|
||||||
|
/* -------------------------------------
|
||||||
|
BUTTONS
|
||||||
|
------------------------------------- */
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
box-sizing: border-box;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
tbody {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn > tbody > tr > td {
|
||||||
|
padding-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn table {
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn table td {
|
||||||
|
background-color: #ffffff;
|
||||||
|
border-radius: 20px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn a {
|
||||||
|
background-color: #ffffff;
|
||||||
|
border: solid 1px #489e94;
|
||||||
|
border-radius: 5px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
color: #29818c;
|
||||||
|
cursor: pointer;
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: bold;
|
||||||
|
margin: 0;
|
||||||
|
padding: 12px 120px;
|
||||||
|
text-decoration: none;
|
||||||
|
font-weight: 600;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary a {
|
||||||
|
transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)
|
||||||
|
0ms,
|
||||||
|
box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
|
||||||
|
border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
|
||||||
|
margin: auto;
|
||||||
|
background-color: #29818c;
|
||||||
|
border-color: #29818c;
|
||||||
|
color: #ffffff !important;
|
||||||
|
}
|
||||||
|
/* -------------------------------------
|
||||||
|
OTHER STYLES THAT MIGHT BE USEFUL
|
||||||
|
------------------------------------- */
|
||||||
|
|
||||||
|
.align-center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.preheader {
|
||||||
|
color: transparent;
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
max-height: 0;
|
||||||
|
max-width: 0;
|
||||||
|
opacity: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
visibility: hidden;
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
border: 0;
|
||||||
|
border-bottom: 1px solid #d4d4d4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.grayFont {
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bold {
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* -------------------------------------
|
||||||
|
RESPONSIVE AND MOBILE FRIENDLY STYLES
|
||||||
|
------------------------------------- */
|
||||||
|
|
||||||
|
@media only screen and (max-width: 620px) {
|
||||||
|
table[class='body'] h1 {
|
||||||
|
font-size: 28px !important;
|
||||||
|
margin-bottom: 10px !important;
|
||||||
|
}
|
||||||
|
table[class='body'] p,
|
||||||
|
table[class='body'] ul,
|
||||||
|
table[class='body'] ol,
|
||||||
|
table[class='body'] td,
|
||||||
|
table[class='body'] span,
|
||||||
|
table[class='body'] a {
|
||||||
|
font-size: 16px !important;
|
||||||
|
}
|
||||||
|
table[class='body'] .wrapper,
|
||||||
|
table[class='body'] .article {
|
||||||
|
padding: 10px !important;
|
||||||
|
}
|
||||||
|
table[class='body'] .content {
|
||||||
|
padding: 0 !important;
|
||||||
|
}
|
||||||
|
table[class='body'] .container {
|
||||||
|
padding: 0 !important;
|
||||||
|
width: 100% !important;
|
||||||
|
}
|
||||||
|
table[class='body'] .main {
|
||||||
|
border-left-width: 0 !important;
|
||||||
|
border-radius: 0 !important;
|
||||||
|
border-right-width: 0 !important;
|
||||||
|
}
|
||||||
|
table[class='body'] .btn table {
|
||||||
|
width: 100% !important;
|
||||||
|
}
|
||||||
|
table[class='body'] .btn a {
|
||||||
|
width: 100% !important;
|
||||||
|
}
|
||||||
|
table[class='body'] .img-responsive {
|
||||||
|
height: auto !important;
|
||||||
|
max-width: 100% !important;
|
||||||
|
width: auto !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* -------------------------------------
|
||||||
|
PRESERVE THESE STYLES IN THE HEAD
|
||||||
|
------------------------------------- */
|
||||||
|
|
||||||
|
@media all {
|
||||||
|
.ExternalClass {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.ExternalClass,
|
||||||
|
.ExternalClass p,
|
||||||
|
.ExternalClass span,
|
||||||
|
.ExternalClass font,
|
||||||
|
.ExternalClass td,
|
||||||
|
.ExternalClass div {
|
||||||
|
line-height: 100%;
|
||||||
|
}
|
||||||
|
.apple-link a {
|
||||||
|
color: inherit !important;
|
||||||
|
font-family: inherit !important;
|
||||||
|
font-size: inherit !important;
|
||||||
|
font-weight: inherit !important;
|
||||||
|
line-height: inherit !important;
|
||||||
|
text-decoration: none !important;
|
||||||
|
}
|
||||||
|
.btn-primary a:hover {
|
||||||
|
background-color: rgb(50, 110, 103) !important;
|
||||||
|
border-color: rgb(50, 110, 103) !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="">
|
||||||
|
<span class="preheader"></span>
|
||||||
|
<table
|
||||||
|
d=""
|
||||||
|
role="presentation"
|
||||||
|
border="0"
|
||||||
|
cellpadding="0"
|
||||||
|
cellspacing="0"
|
||||||
|
class="body"
|
||||||
|
>
|
||||||
|
<tr>
|
||||||
|
<td class="container">
|
||||||
|
<div class="content">
|
||||||
|
<!-- START CENTERED WHITE CONTAINER -->
|
||||||
|
|
||||||
|
<table
|
||||||
|
border="0"
|
||||||
|
cellpadding="0"
|
||||||
|
cellspacing="0"
|
||||||
|
width="100%"
|
||||||
|
style="min-width: 100%"
|
||||||
|
>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td valign="top" style="padding: 0px">
|
||||||
|
<table
|
||||||
|
align="center"
|
||||||
|
style="text-align: center"
|
||||||
|
width="100%"
|
||||||
|
border="0"
|
||||||
|
cellpadding="0"
|
||||||
|
cellspacing="0"
|
||||||
|
style="min-width: 100%"
|
||||||
|
>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
valign="top"
|
||||||
|
class="align-center"
|
||||||
|
style="
|
||||||
|
padding-right: 0px;
|
||||||
|
padding-left: 48px;
|
||||||
|
padding-top: 0;
|
||||||
|
padding-bottom: 0;
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
align="center"
|
||||||
|
alt="OpenWifi"
|
||||||
|
src="${LOGO}"
|
||||||
|
style="
|
||||||
|
max-width: 100%;
|
||||||
|
padding-bottom: 0;
|
||||||
|
display: inline !important;
|
||||||
|
vertical-align: bottom;
|
||||||
|
"
|
||||||
|
/>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
<table role="presentation" class="main">
|
||||||
|
<!-- START MAIN CONTENT AREA -->
|
||||||
|
<tr>
|
||||||
|
<td class="wrapper">
|
||||||
|
<table
|
||||||
|
role="presentation"
|
||||||
|
border="0"
|
||||||
|
cellpadding="0"
|
||||||
|
cellspacing="0"
|
||||||
|
>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<h2>Your Login Validation Code</h2>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<p>Dear ${RECIPIENT_EMAIL} ,</p>
|
||||||
|
<p>
|
||||||
|
You have requested your login validation. Please enter the following code on the login screen:
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<div style="text-align: center;">
|
||||||
|
<h3 style="margin-bottom: 0px; font-weight: bold;">${CHALLENGE_CODE}</h3>
|
||||||
|
</div>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
If you are not trying to login, please login and change your password. Someone may be trying to
|
||||||
|
access your account illegally.
|
||||||
|
</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<hr
|
||||||
|
style="
|
||||||
|
margin-top: 0px;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
"
|
||||||
|
/>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<p>
|
||||||
|
For questions & support
|
||||||
|
regarding this application,
|
||||||
|
please contact us at
|
||||||
|
<a
|
||||||
|
href="mailto:${SUB_HELPER_EMAIL}"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
${SUB_HELPER_EMAIL}
|
||||||
|
</a>
|
||||||
|
. For question regarding the
|
||||||
|
Telecom Infra Project,
|
||||||
|
please contact us at
|
||||||
|
<a
|
||||||
|
href="mailto:${GLOBAL_SUB_HELPER_EMAIL}"
|
||||||
|
>
|
||||||
|
${GLOBAL_SUB_HELPER_EMAIL}
|
||||||
|
</a>
|
||||||
|
.
|
||||||
|
</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<p>Thank You!</p>
|
||||||
|
<p>${SUB_SIGNATURE}</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<table
|
||||||
|
role="presentation"
|
||||||
|
border="0"
|
||||||
|
cellpadding="0"
|
||||||
|
cellspacing="0"
|
||||||
|
class="btn btn-primary"
|
||||||
|
>
|
||||||
|
<tbody></tbody>
|
||||||
|
</table>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<!-- END MAIN CONTENT AREA -->
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<!-- END CENTERED WHITE CONTAINER -->
|
||||||
|
|
||||||
|
<div class="footer">
|
||||||
|
<table
|
||||||
|
border="0"
|
||||||
|
cellpadding="0"
|
||||||
|
cellspacing="0"
|
||||||
|
width="100%"
|
||||||
|
style="min-width: 100; margin-top: 30px"
|
||||||
|
>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td valign="top" style="padding: 0px">
|
||||||
|
<table
|
||||||
|
align="left"
|
||||||
|
width="100%"
|
||||||
|
border="0"
|
||||||
|
cellpadding="0"
|
||||||
|
cellspacing="0"
|
||||||
|
style="min-width: 100%"
|
||||||
|
>
|
||||||
|
<tbody>
|
||||||
|
<tr></tr>
|
||||||
|
<tr>
|
||||||
|
<p class="align-center">
|
||||||
|
Copyright 2023
|
||||||
|
${SUB_SIGNATURE},
|
||||||
|
All rights reserved.
|
||||||
|
</p>
|
||||||
|
<a
|
||||||
|
href="https://${SUB_HELPER_SITE}"
|
||||||
|
target="_blank"
|
||||||
|
>${SUB_HELPER_SITE}</a
|
||||||
|
>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td> </td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|||||||
@@ -0,0 +1,10 @@
|
|||||||
|
Dear ${RECIPIENT_EMAIL},
|
||||||
|
|
||||||
|
You have requested your login validation. Please enter the following code on the login screen:
|
||||||
|
|
||||||
|
${CHALLENGE_CODE}
|
||||||
|
|
||||||
|
If you are not trying to login, please login and change your password. Someone may be trying to
|
||||||
|
access your account illegally.
|
||||||
|
|
||||||
|
Thank you!
|
||||||
@@ -423,18 +423,18 @@
|
|||||||
regarding this application,
|
regarding this application,
|
||||||
please contact us at
|
please contact us at
|
||||||
<a
|
<a
|
||||||
href="mailto:tip-keys@arilia.com"
|
href="mailto:${USER_HELPER_EMAIL}"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
tip-keys@arilia.com
|
${USER_HELPER_EMAIL}
|
||||||
</a>
|
</a>
|
||||||
. For question regarding the
|
. For question regarding the
|
||||||
Telecom Infra Project,
|
Telecom Infra Project,
|
||||||
please contact us at
|
please contact us at
|
||||||
<a
|
<a
|
||||||
href="mailto:info@telecominfraproject.com"
|
href="mailto:${GLOBAL_USER_HELPER_EMAIL}"
|
||||||
>
|
>
|
||||||
info@telecominfraproject.com
|
${GLOBAL_USER_HELPER_EMAIL}
|
||||||
</a>
|
</a>
|
||||||
.
|
.
|
||||||
</p>
|
</p>
|
||||||
@@ -444,7 +444,7 @@
|
|||||||
<tr>
|
<tr>
|
||||||
<td>
|
<td>
|
||||||
<p>Thank You!</p>
|
<p>Thank You!</p>
|
||||||
<p>Arilia Wireless Inc.</p>
|
<p>${USER_SIGNATURE}</p>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
@@ -490,13 +490,13 @@
|
|||||||
<tr>
|
<tr>
|
||||||
<p class="align-center">
|
<p class="align-center">
|
||||||
Copyright 2023
|
Copyright 2023
|
||||||
Arilia Wireless Inc,
|
${USER_SIGNATURE},
|
||||||
All rights reserved.
|
All rights reserved.
|
||||||
</p>
|
</p>
|
||||||
<a
|
<a
|
||||||
href="https://arilia.com"
|
href="https://${USER_HELPER_SITE}"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>www.arilia.com</a
|
>${USER_HELPER_SITE}</a
|
||||||
>
|
>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
|
|||||||
@@ -2,10 +2,10 @@
|
|||||||
<div class="footer">
|
<div class="footer">
|
||||||
<p>
|
<p>
|
||||||
For questions & support regarding this application, please contact us at
|
For questions & support regarding this application, please contact us at
|
||||||
<a href="mailto:tip-keys@arilia.com" target="_blank">tip-keys@arilia.com</a>.
|
<a href="mailto:${USER_HELPER_EMAIL}" target="_blank">${USER_HELPER_EMAIL}</a>.
|
||||||
For question regarding the Telecom Infra Project, please contact us at
|
For question regarding the Telecom Infra Project, please contact us at
|
||||||
<a href="mailto:info@telecominfraproject.com">
|
<a href="mailto:${GLOBAL_USER_HELPER_EMAIL}">
|
||||||
info@telecominfraproject.com
|
${GLOBAL_USER_HELPER_EMAIL}
|
||||||
</a>.
|
</a>.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
171
wwwassets/sub_common.css
Normal file
171
wwwassets/sub_common.css
Normal file
@@ -0,0 +1,171 @@
|
|||||||
|
body {font-family: Arial, Helvetica, sans-serif;}
|
||||||
|
|
||||||
|
input[type=text], input[type=password] {
|
||||||
|
width: 100%;
|
||||||
|
padding: 12px 20px;
|
||||||
|
margin: 8px 0;
|
||||||
|
display: inline-block;
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
button {
|
||||||
|
background-color: #04AA6D;
|
||||||
|
color: white;
|
||||||
|
padding: 14px 20px;
|
||||||
|
margin: 8px 0;
|
||||||
|
border: none;
|
||||||
|
cursor: pointer;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
button:hover {
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 20% 60% 20%;
|
||||||
|
margin-top: calc(10vh)
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-grid > div > img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
max-height: 200px;
|
||||||
|
object-fit: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.info-card {
|
||||||
|
padding: 30px;
|
||||||
|
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
|
||||||
|
display: block;
|
||||||
|
width: 50%;
|
||||||
|
min-width: 400px;
|
||||||
|
border: 1em;
|
||||||
|
background-color: white;
|
||||||
|
width: 40%;
|
||||||
|
height: auto;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
margin-bottom: auto;
|
||||||
|
margin-top: 50px;
|
||||||
|
position: relative;
|
||||||
|
border-radius: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info-list {
|
||||||
|
margin-left: 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info-title {
|
||||||
|
margin-left: 5%;
|
||||||
|
color: #63B3ED;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flex-box {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: left;
|
||||||
|
align-items: center;
|
||||||
|
margin-left: 5%;
|
||||||
|
margin-top: 6px;
|
||||||
|
margin-bottom: 6px;
|
||||||
|
min-height: 30px
|
||||||
|
}
|
||||||
|
|
||||||
|
.flex-box > h3 {
|
||||||
|
margin-right: 4px;
|
||||||
|
margin-top: 5px;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
padding: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
span.password1 {
|
||||||
|
float: right;
|
||||||
|
padding-top: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: #ebedef;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Change styles for span and cancel button on extra small screens */
|
||||||
|
@media screen and (max-width: 300px) {
|
||||||
|
span.password1 {
|
||||||
|
display: block;
|
||||||
|
float: none;
|
||||||
|
}
|
||||||
|
.cancelbtn {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-container {
|
||||||
|
border: 0px;
|
||||||
|
margin-left: 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-label {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-input {
|
||||||
|
border-radius: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-control {
|
||||||
|
margin-bottom: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-submit-btn {
|
||||||
|
display: inline-flex;
|
||||||
|
appearance: none;
|
||||||
|
-webkit-box-align: center;
|
||||||
|
align-items: center;
|
||||||
|
-webkit-box-pack: center;
|
||||||
|
justify-content: center;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
position: relative;
|
||||||
|
white-space: nowrap;
|
||||||
|
vertical-align: middle;
|
||||||
|
outline-color: transparent;
|
||||||
|
outline-style: solid;
|
||||||
|
outline-width: 2px;
|
||||||
|
outline-offset: 2px;
|
||||||
|
line-height: 1.2;
|
||||||
|
border-top-left-radius: 15px;
|
||||||
|
border-top-right-radius: 15px;
|
||||||
|
border-bottom-right-radius: 15px;
|
||||||
|
border-bottom-left-radius: 15px;
|
||||||
|
height: 45px;
|
||||||
|
background-color:#4299E1;
|
||||||
|
font-size: 15px;
|
||||||
|
padding-inline-start: 16px;
|
||||||
|
padding-inline-end: 16px;
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
color: white;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: left;
|
||||||
|
align-items: center;
|
||||||
|
margin-left: 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
hr.rounded {
|
||||||
|
margin-top: 40px;
|
||||||
|
margin-bottom: 0px;
|
||||||
|
margin-left: 5%;
|
||||||
|
margin-right: 5%;
|
||||||
|
border-top: 1px solid #bbb;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
@@ -2,10 +2,10 @@
|
|||||||
<div class="footer">
|
<div class="footer">
|
||||||
<p>
|
<p>
|
||||||
For questions & support regarding this application, please contact us at
|
For questions & support regarding this application, please contact us at
|
||||||
<a href="mailto:tip-keys@arilia.com" target="_blank">tip-keys@arilia.com</a>.
|
<a href="mailto:${SUB_HELPER_EMAIL}" target="_blank">${SUB_HELPER_EMAIL}</a>.
|
||||||
For question regarding the Telecom Infra Project, please contact us at
|
For question regarding the Telecom Infra Project, please contact us at
|
||||||
<a href="mailto:info@telecominfraproject.com">
|
<a href="mailto:${GLOBAL_SUB_HELPER_EMAIL}">
|
||||||
info@telecominfraproject.com
|
${GLOBAL_SUB_HELPER_EMAIL}
|
||||||
</a>.
|
</a>.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
Reference in New Issue
Block a user