412 lines
26 KiB
Plaintext
412 lines
26 KiB
Plaintext
@model Church.Net.Entity.HappinessGroup
|
||
@{
|
||
Layout = null;
|
||
}
|
||
|
||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">
|
||
<head>
|
||
<!--[if gte mso 9]><xml><o:OfficeDocumentSettings><o:AllowPNG/><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml><![endif]-->
|
||
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
|
||
<meta content="width=device-width" name="viewport" />
|
||
<!--[if !mso]><!-->
|
||
<meta content="IE=edge" http-equiv="X-UA-Compatible" />
|
||
<meta property="og:type" content="website" />
|
||
<meta property="og:title" content="@ViewBag.Title">
|
||
<meta property="og:description" content="@ViewBag.Title">
|
||
<meta property="og:image" content="@Request.Url.GetLeftPart(UriPartial.Authority)/Images/HappinessGroup/@Html.Raw(Model.Weeks.First().SEQ.ToString("week0")+".jpg")">
|
||
@*<meta property="og:url" content="http://www.example.com/">*@
|
||
<!--<![endif]-->
|
||
<title>@ViewBag.Title</title>
|
||
<!--[if !mso]><!-->
|
||
<link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet" type="text/css" />
|
||
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css" />
|
||
<link href="https://fonts.googleapis.com/css?family=cwtexyen" rel="stylesheet" type="text/css" />
|
||
<!--<![endif]-->
|
||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lobster&effect=brick-sign">
|
||
<style>
|
||
|
||
.lobster {
|
||
font-family: "Lobster", Sans-serif;
|
||
}
|
||
.infoTitle {
|
||
font-family: 'cwTeXYen','Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
|
||
line-height: 1.2;
|
||
color: #7C7C7C;
|
||
text-align: center;
|
||
font-size: 26px;
|
||
font-weight: 600;
|
||
/*margin-top: -10px;*/
|
||
margin-bottom: -13px;
|
||
}
|
||
.info {
|
||
font-family: "Lobster", Sans-serif;
|
||
line-height: 1.2;
|
||
font-size: 22px;
|
||
color: #555555;
|
||
text-align: center;
|
||
margin-top: -17px;
|
||
}
|
||
.info.hightLight {
|
||
color: #5292e1;
|
||
font-weight: 600;
|
||
}
|
||
</style>
|
||
<style type="text/css">
|
||
@@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);
|
||
|
||
body {
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
table,
|
||
td,
|
||
tr {
|
||
vertical-align: top;
|
||
border-collapse: collapse;
|
||
}
|
||
|
||
* {
|
||
line-height: inherit;
|
||
}
|
||
|
||
a[x-apple-data-detectors=true] {
|
||
color: inherit !important;
|
||
text-decoration: none !important;
|
||
}
|
||
</style>
|
||
<style id="media-query" type="text/css">
|
||
@@media (max-width: 500px) {
|
||
|
||
.block-grid,
|
||
.col {
|
||
min-width: 320px !important;
|
||
max-width: 100% !important;
|
||
display: block !important;
|
||
}
|
||
|
||
.block-grid {
|
||
width: 100% !important;
|
||
}
|
||
|
||
.col {
|
||
width: 100% !important;
|
||
}
|
||
|
||
.col > div {
|
||
margin: 0 auto;
|
||
}
|
||
|
||
img.fullwidth,
|
||
img.fullwidthOnMobile {
|
||
max-width: 100% !important;
|
||
}
|
||
|
||
.no-stack .col {
|
||
min-width: 0 !important;
|
||
display: table-cell !important;
|
||
}
|
||
|
||
.no-stack.two-up .col {
|
||
width: 50% !important;
|
||
}
|
||
|
||
.no-stack .col.num4 {
|
||
width: 33% !important;
|
||
}
|
||
|
||
.no-stack .col.num8 {
|
||
width: 66% !important;
|
||
}
|
||
|
||
.no-stack .col.num4 {
|
||
width: 33% !important;
|
||
}
|
||
|
||
.no-stack .col.num3 {
|
||
width: 25% !important;
|
||
}
|
||
|
||
.no-stack .col.num6 {
|
||
width: 50% !important;
|
||
}
|
||
|
||
.no-stack .col.num9 {
|
||
width: 75% !important;
|
||
}
|
||
|
||
.video-block {
|
||
max-width: none !important;
|
||
}
|
||
|
||
.mobile_hide {
|
||
min-height: 0px;
|
||
max-height: 0px;
|
||
max-width: 0px;
|
||
display: none;
|
||
overflow: hidden;
|
||
font-size: 0px;
|
||
}
|
||
|
||
.desktop_hide {
|
||
display: block !important;
|
||
max-height: none !important;
|
||
}
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="clean-body" style="margin: 0; padding: 0; -webkit-text-size-adjust: 100%; background-color: #DFDADA;">
|
||
<div style="display:none">
|
||
<img align="center" alt="Image" border="0" class="center fixedwidth" src="/Images/HappinessGroup/@Html.Raw(Model.Weeks.First().SEQ.ToString("week00")+".jpg")" width="312" />
|
||
</div>
|
||
|
||
<!--[if IE]><div class="ie-browser"><![endif]-->
|
||
<table bgcolor="#DFDADA" cellpadding="0" cellspacing="0" class="nl-container" role="presentation" style="table-layout: fixed; vertical-align: top; min-width: 320px; Margin: 0 auto; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #DFDADA; width: 100%;" valign="top" width="100%">
|
||
<tbody>
|
||
<tr style="vertical-align: top;" valign="top">
|
||
<td style="word-break: break-word; vertical-align: top;" valign="top">
|
||
<!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" style="background-color:#DFDADA"><![endif]-->
|
||
<div style="background-color:#FFFFFF;">
|
||
<div class="block-grid two-up no-stack" style="Margin: 0 auto; min-width: 320px; max-width: 480px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: transparent;">
|
||
<div style="border-collapse: collapse;display: table;width: 100%;background-color:transparent;">
|
||
<!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:#FFFFFF;"><tr><td align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:480px"><tr class="layout-full-width" style="background-color:transparent"><![endif]-->
|
||
<!--[if (mso)|(IE)]><td align="center" width="240" style="background-color:transparent;width:240px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px;"><![endif]-->
|
||
<div class="col num6" style="max-width: 320px; min-width: 240px; display: table-cell; vertical-align: top; width: 240px;">
|
||
<div style="width:100% !important;">
|
||
<!--[if (!mso)&(!IE)]><!-->
|
||
<div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;">
|
||
<!--<![endif]-->
|
||
<div align="left" class="img-container left fixedwidth" style="padding-right: 5px;padding-left: 10px;">
|
||
<!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr style="line-height:0px"><td style="padding-right: 5px;padding-left: 10px;" align="left"><![endif]-->
|
||
<div style="font-size:1px;line-height:5px"> </div><img alt="Image" border="0" class="left fixedwidth" src="/Images/HappinessGroup/happinessGroupLogo.png" style="text-decoration: none; -ms-interpolation-mode: bicubic; border: 0; height: auto; width: 100%; max-width: 90px; display: block;" title="Image" width="90" />
|
||
<div style="font-size:1px;line-height:5px"> </div>
|
||
<!--[if mso]></td></tr></table><![endif]-->
|
||
</div>
|
||
<!--[if (!mso)&(!IE)]><!-->
|
||
</div>
|
||
<!--<![endif]-->
|
||
</div>
|
||
</div>
|
||
<!--[if (mso)|(IE)]></td></tr></table><![endif]-->
|
||
<!--[if (mso)|(IE)]></td><td align="center" width="240" style="background-color:transparent;width:240px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px;"><![endif]-->
|
||
<div class="col num6" style="max-width: 320px; min-width: 240px; display: table-cell; vertical-align: top; width: 240px;">
|
||
<div style="width:100% !important;">
|
||
<!--[if (!mso)&(!IE)]><!-->
|
||
<div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;">
|
||
<!--<![endif]-->
|
||
@*<span class="infoTitle">@Model.Name</span>*@
|
||
<!--[if (!mso)&(!IE)]><!-->
|
||
</div>
|
||
<!--<![endif]-->
|
||
</div>
|
||
</div>
|
||
<!--[if (mso)|(IE)]></td></tr></table><![endif]-->
|
||
<!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div style="background-image:url('/Images/HappinessGroup/bg1.jpg');background-position:top center;background-repeat:no-repeat;background-color:#FFFFFF;background-size:contain;">
|
||
<div class="block-grid" style="Margin: 0 auto; min-width: 320px; max-width: 480px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: transparent;">
|
||
<div style="border-collapse: collapse;display: table;width: 100%;background-color:transparent;">
|
||
<!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-image:url('/Images/HappinessGroup/0af20277-c709-4c1d-8635-d07abf667e63.jpg');background-position:top center;background-repeat:no-repeat;background-color:#FFFFFF;"><tr><td align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:480px"><tr class="layout-full-width" style="background-color:transparent"><![endif]-->
|
||
<!--[if (mso)|(IE)]><td align="center" width="480" style="background-color:transparent;width:480px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 0px; padding-top:60px; padding-bottom:60px;"><![endif]-->
|
||
<div class="col num12" style="min-width: 320px; max-width: 480px; display: table-cell; vertical-align: top; width: 480px;height:576px">
|
||
<div style="width:100% !important;">
|
||
<!--[if (!mso)&(!IE)]><!-->
|
||
<div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:60px; padding-bottom:60px; padding-right: 0px; padding-left: 0px;">
|
||
<!--<![endif]-->
|
||
<div align="center" class="img-container center fixedwidth" style="padding-right: 0px;padding-left: 0px;">
|
||
<!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr style="line-height:0px"><td style="padding-right: 0px;padding-left: 0px;" align="center"><![endif]--><img align="center" alt="Image" border="0" class="center fixedwidth" src="/Images/HappinessGroup/@Html.Raw(Model.Weeks.First().SEQ.ToString("week00")+".jpg")" style="text-decoration: none; -ms-interpolation-mode: bicubic; border: 0; height: auto; width: 100%; max-width: 212px; display: block;" title="Image" width="312" />
|
||
<!--[if mso]></td></tr></table><![endif]-->
|
||
</div>
|
||
<!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 20px; padding-left: 20px; padding-top: 20px; padding-bottom: 20px; font-family: 'Trebuchet MS', Tahoma, sans-serif"><![endif]-->
|
||
<div style="color:#555555;font-family:'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;line-height:1.2;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;">
|
||
<div style="font-family: 'cwTeXYen','Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; font-size: 12px; line-height: 1.2; color: #555555; mso-line-height-alt: 14px;">
|
||
<p class="typingContent" style="font-size: 24px; line-height: 1.2; text-align: center; mso-line-height-alt: 29px; margin: 0;">
|
||
<span style="display:none"></span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<!--[if mso]></td></tr></table><![endif]-->
|
||
<!--[if (!mso)&(!IE)]><!-->
|
||
</div>
|
||
<!--<![endif]-->
|
||
</div>
|
||
</div>
|
||
<!--[if (mso)|(IE)]></td></tr></table><![endif]-->
|
||
<!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div style="background-image:url('/Images/HappinessGroup/grunge_line_bottom.png');background-position:top center;background-repeat:repeat;background-color:#817E7E;">
|
||
<div class="block-grid" style="Margin: 0 auto; min-width: 320px; max-width: 480px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: transparent;">
|
||
<div style="border-collapse: collapse;display: table;width: 100%;background-color:transparent;">
|
||
<!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-image:url('/Images/HappinessGroup/grunge_line_bottom.png');background-position:top center;background-repeat:repeat;background-color:#817E7E;"><tr><td align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:480px"><tr class="layout-full-width" style="background-color:transparent"><![endif]-->
|
||
<!--[if (mso)|(IE)]><td align="center" width="480" style="background-color:transparent;width:480px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 0px; padding-top:0px; padding-bottom:0px;"><![endif]-->
|
||
<div class="col num12" style="min-width: 320px; max-width: 480px; display: table-cell; vertical-align: top; width: 480px;">
|
||
<div style="width:100% !important;">
|
||
<!--[if (!mso)&(!IE)]><!-->
|
||
<div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:0px; padding-bottom:0px; padding-right: 0px; padding-left: 0px;">
|
||
<!--<![endif]-->
|
||
<table border="0" cellpadding="0" cellspacing="0" class="divider" role="presentation" style="table-layout: fixed; vertical-align: top; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; min-width: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;" valign="top" width="100%">
|
||
<tbody>
|
||
<tr style="vertical-align: top;" valign="top">
|
||
<td class="divider_inner" style="word-break: break-word; vertical-align: top; min-width: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px;" valign="top">
|
||
<table align="center" border="0" cellpadding="0" cellspacing="0" class="divider_content" height="0" role="presentation" style="table-layout: fixed; vertical-align: top; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-top: 0px solid transparent; height: 0px; width: 100%;" valign="top" width="100%">
|
||
<tbody>
|
||
<tr style="vertical-align: top;" valign="top">
|
||
<td height="0" style="word-break: break-word; vertical-align: top; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;" valign="top"><span></span></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<!--[if (!mso)&(!IE)]><!-->
|
||
</div>
|
||
<!--<![endif]-->
|
||
</div>
|
||
</div>
|
||
<!--[if (mso)|(IE)]></td></tr></table><![endif]-->
|
||
<!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div style="background-image:url('/Images/HappinessGroup/bg2.jpg');background-position:top center;background-repeat:no-repeat;background-color:#F2DFDF;">
|
||
<div class="block-grid" style="Margin: 0 auto; min-width: 320px; max-width: 480px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: transparent;">
|
||
<div style="border-collapse: collapse;display: table;width: 100%;background-color:transparent;">
|
||
<!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-image:url('/Images/HappinessGroup/粉彩春天3.jpg');background-position:top center;background-repeat:no-repeat;background-color:#F2DFDF;"><tr><td align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:480px"><tr class="layout-full-width" style="background-color:transparent"><![endif]-->
|
||
<!--[if (mso)|(IE)]><td align="center" width="480" style="background-color:transparent;width:480px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px;"><![endif]-->
|
||
<div class="col num12" style="min-width: 320px; max-width: 480px; display: table-cell; vertical-align: top; width: 480px;">
|
||
<div style="width:100% !important;">
|
||
<!--[if (!mso)&(!IE)]><!-->
|
||
<div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;">
|
||
<div class="infoContainer" style="padding-top:290px;padding-right:10px;padding-bottom:5px;padding-left:15px;height: 267px; text-align: center;">
|
||
<p style="display:none"></p>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<!--<![endif]-->
|
||
</div>
|
||
</div>
|
||
<!--[if (mso)|(IE)]></td></tr></table><![endif]-->
|
||
<!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
|
||
</div>
|
||
</div>
|
||
<!--[if (mso)|(IE)]></td></tr></table><![endif]-->
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<!--[if (IE)]></div><![endif]-->
|
||
@*<script src="https://polyfill.io/v3/polyfill.min.js?features=Array.prototype.fill%2CIntersectionObserver%2CObject.assign%2CPromise"></script>*@
|
||
@Scripts.Render("~/bundles/jquery")
|
||
@Scripts.Render("~/bundles/Common")
|
||
<script>
|
||
//$('.typingContent').TypeIt({
|
||
// whatToType: "You've just initialized this bad boy.",
|
||
// typeSpeed: 100
|
||
//});
|
||
$(function () {
|
||
window.instance = new TypeIt('.typingContent', {
|
||
speed: 125,
|
||
waitUntilVisible: true,
|
||
cursor: false,
|
||
startDelay: 100
|
||
})
|
||
@Html.Raw(ViewBag.InvitationJS)
|
||
.exec(async () => {
|
||
|
||
|
||
setTimeout(() => {
|
||
$("html, body").animate({ scrollTop: $(document).height() }, 3000);
|
||
}, 1000);
|
||
|
||
})
|
||
.go();
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
@*new TypeIt('.typeDate', {
|
||
speed: 100,
|
||
waitUntilVisible: true,
|
||
cursor: false
|
||
}).exec(async () => {
|
||
|
||
//-- Return a promise that resolves after something happens.
|
||
new TypeIt('.typeTime', {
|
||
speed: 100,
|
||
waitUntilVisible: true,
|
||
cursor: false
|
||
}).type('@Html.Raw(Model.Weeks.First().Date.ToString("hh:mm tt"))').go();
|
||
|
||
}).go();
|
||
|
||
new TypeIt('.typeAddress', {
|
||
speed: 100,
|
||
waitUntilVisible: true,
|
||
cursor: false,
|
||
startDelay: 3000
|
||
}).go();
|
||
new TypeIt('.typeCity', {
|
||
speed: 100,
|
||
waitUntilVisible: true,
|
||
cursor: false,
|
||
startDelay: 4000
|
||
}).go();*@
|
||
new TypeIt('.infoContainer', {
|
||
speed: 125,
|
||
waitUntilVisible: true,
|
||
cursor: false
|
||
|
||
})
|
||
.type('<div class="infoTitle">幸福時刻</div>')
|
||
.pause(500)
|
||
.break()
|
||
.options({ speed: 50 })
|
||
.type('<span class="typeDate info hightLight">@Html.Raw(Model.Weeks.First().Date.ToString("ddd, dd MMM yyyy"))</span>')
|
||
.break()
|
||
.pause(200)
|
||
.type('<span class="info">@Html.Raw(Model.Weeks.First().Date.ToString("hh:mm tt"))</span>')
|
||
.break().break()
|
||
.pause(200)
|
||
.options({ speed: 125 })
|
||
.type('<div class="infoTitle">幸福地點</div>')
|
||
.break()
|
||
.pause(200)
|
||
.options({ speed: 50 })
|
||
.type('<span class="typeAddress info hightLight">@Html.Raw(Model.Weeks.First().Address)</span>')
|
||
.break()
|
||
.pause(200)
|
||
.type('<span class="info">@Html.Raw(Model.Weeks.First().CityAndZipCode)</span>')
|
||
.break()
|
||
.break()
|
||
.pause(300)
|
||
.options({ speed: 125 })
|
||
.type('<span class="infoTitle">@Html.Raw(Model.Name)歡迎你</span>')
|
||
.go();
|
||
|
||
//const element = document.getElementById('callback');
|
||
|
||
//const instance = new TypeIt(element, {
|
||
// strings: ["Look, it's rainbow text!"],
|
||
// afterStep: function (step, queue, instance) {
|
||
// //element.style.color = getRandomColor();
|
||
// }
|
||
//}).go();
|
||
})
|
||
</script>
|
||
</body>
|
||
|
||
|
||
</html> |