The HTML for this page is generated by the template homepage.php.
All templates can be found in the /site/templates folder.
To learn more about Kirby’s templates, please check out our docs: https://getkirby.com/docs
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MQ46GT');</script>
<!-- End Google Tag Manager -->
<link rel="shortcut icon" href="<?= $site->url() ?>/media/images/favicon.ico" type="image/x-icon">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<?= $page->meta_tags() ?>
<title><?= $page->title()->html() ?></title>
<link rel="stylesheet" href="<?= $site->url() ?>/assets/css/main.css" />
<link rel="stylesheet" href="<?= $site->url() ?>/assets/css/custom-styleguide.css" />
<link rel="stylesheet" href="<?= $site->url() ?>/assets/css/swiper-bundle.min.css" />
<link rel="stylesheet" href="<?= $site->url() ?>/assets/css/key-highlights-section.css" />
<?= Bnomei\Fingerprint::js('/assets/js/jquery-3.5.1.min.js', [ "integrity" => true ]); ?>
<?= Bnomei\Fingerprint::js('/assets/js/popper.min.js', [ "integrity" => true ]); ?>
<?= Bnomei\Fingerprint::js('/assets/js/bootstrap.min.js', [ "integrity" => true ]); ?>
<?= Bnomei\Fingerprint::js('/assets/js/main.js', [ "integrity" => true ]); ?>
<?= Bnomei\Fingerprint::js('/assets/js/swiper-bundle.min.js', [ "integrity" => true ]); ?>
<style>
.data-msg{
display: none;
}
@media (min-width:501px){
.download-app-p{
margin: 0px 40px;
}
}
@media (min-width:426px) and (max-device-width: 500px) {
#download-app{
text-align: left !important;
}
#download-app-span{
position: absolute;
right: 15px;
}
}
@media (min-device-width: 426px) {
.download-app-p{
display: inline;
}
}
@media (max-device-width: 425px) {
.download-app-p{
display: inherit;
}
}
</style>
</head>
<?php
function compute_dynamic_lemnisk($data, $page){
$result = [];
$result['page'] = $page->id();
if (!($data->lmnsk_event_type()->isEmpty())) {
$event_type = $data->lmnsk_event_type();
$result['event_type'] = $event_type;
}
if (!($data->lmnsk_view()->isEmpty())) {
$event_view = $data->lmnsk_view();
$result['event_view'] = $event_view;
}
if (!($data->lmnsk_section()->isEmpty())) {
$event_section = $data->lmnsk_section();
$result['event_section'] = $event_section;
}
if (!($data->lmnsk_event_label()->isEmpty())) {
$event_label = !$data->lmnsk_event_label()->isEmpty() ? filter_var( filter_var($data->lmnsk_event_label(),
FILTER_UNSAFE_RAW, array('flags' => FILTER_FLAG_STRIP_LOW | FILTER_FLAG_ENCODE_HIGH | FILTER_FLAG_STRIP_BACKTICK | FILTER_FLAG_ENCODE_LOW | FILTER_FLAG_ENCODE_HIGH | FILTER_FLAG_ENCODE_AMP)), FILTER_SANITIZE_FULL_SPECIAL_CHARS) : "";
$result['event_label'] = $event_label;
}
if (!($data->lmnsk_category()->isEmpty())) {
$event_category = ucfirst($page->id()) .'_'.$data->lmnsk_category();
$result['event_category'] = $event_category;
}
if (!($data->lmnsk_event_action()->isEmpty())) {
$event_action = $data->lmnsk_event_action();
$result['event_action'] = $event_action;
}
if (!($data->lmnsk_desc()->isEmpty())) {
$event_desc = $data->lmnsk_desc();
$result['event_desc'] = $event_desc;
}
return $result;
}
function clean($string, $replace_with='_', $_ucwords = false) {
if($_ucwords){
$string = ucwords($string);
}
$string = str_replace(' ', '_', $string); // Replaces all spaces with hyphens.
$string = preg_replace('/[^A-Za-z0-9\-_]/', '', $string); // Removes special chars.
return preg_replace('/-+/', $replace_with, $string); // Replaces multiple hyphens with single one.
}
?>
<body class="bg-white">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MQ46GT"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- header start-->
<?php snippet('header_new', ['parent_page' => $page]) ?>
<!-- header ends-->
<?php
$iPod = stripos($_SERVER['HTTP_USER_AGENT'],"iPod");
$iPhone = stripos($_SERVER['HTTP_USER_AGENT'],"iPhone");
$iPad = stripos($_SERVER['HTTP_USER_AGENT'],"iPad");
$Android = strpos($_SERVER['HTTP_USER_AGENT'],"Android");
if(
($iPod || $iPhone || $iPad) &&
$page->start_text()->isNotEmpty() &&
$page->ios_app()->isNotEmpty() &&
$page->link_text()->isNotEmpty()
){ ?>
<div class="row">
<div class="container-fluid quize-card-mobile-padding">
<div class="custom-container">
<div class="bg-secondary quize-knowledge-card col-12 text-center">
<div>
<p class="quize-knowledge-text text-white">
<?= $page->start_text() ?><a href='<?= $page->android_app() ?>' class='text-white'><?= $page->link_text() ?></a> <?= $page->end_text() ?>
</p>
</div>
</div>
</div>
</div>
</div>
<?php }else if($Android){?>
<div class="row">
<div class="container-fluid quize-card-mobile-padding">
<div class="custom-container">
<div class="bg-secondary quize-knowledge-card col-12 text-center">
<p class="quize-knowledge-text text-white">
<?= $page->start_text() ?><a href='<?= $page->android_app() ?>' class='text-white'><?= $page->link_text() ?></a> <?= $page->end_text() ?> </p>
</div>
</div>
</div>
</div>
<?php
}
?>
<section class="container-fluid">
<div class="custom-container">
<div class="row">
<div id="main-banner" class="col-12 col-md-4 col-lg-4 d-flex align-items-center" >
<div class="py-5 py-md-4 my-2 my-md-0 mx-auto home-hero-title-container" >
<h1 class="text-primary font-weight-bold home-hero-title" style="font-weight: 550 !important; font-size: 2.5rem" >
<?= $page->banner_long_text_left() ?>
</h1>
<hr class="border-0 w-75 ml-0 green-gradiant-devider" />
<div style="display: flex;">
<button id="banner-left-link" class="text-secondary font-weight-semibold text-uppercase bg-transparent px-0 pb-2 font-size-12 investment-saving-card-btn" onclick=" window.open('<?= $page->banner_long_link_left() ?>')"><?= $page->banner_long_link_text_left() ?></button>
</div>
</div>
</div>
<div class="col-12 col-md-8 col-lg-8 px-0 d-flex">
<!-- swiper-->
<!-- honest scientific swiper start-->
<div class="swiper-container honest-scientific-swiper" >
<div class="swiper-wrapper">
<?php $hs1=1; foreach ($page->Rotating_banner_right()->toStructure() as $item) {
/*
$i=0;
foreach($item->banner_images()->images()->toFiles() as $image){
echo '<br>'.$i . '<br>';
if($i==0){
echo $image->url() .' 400w,';
}
if($i==1){
echo $image->url() .' 754w,';
}
if($i==2){
echo $image->url() .' 1266w';
}
$i++;
// echo '<pre>';
// print_r($image->url());
}
exit;
*/
// if(!$item->rotatig_banner_link_right()->isEmpty()){
$cdl_hs = []; // compute_dynamic_lemnisk($item, $page)
if (!($page->l1_lmnsk_section()->isEmpty())) {
$cdl_hs['event_section'] = $page->l1_lmnsk_section();
}
if (!($page->l1_lmnsk_category()->isEmpty())) {
$cdl_hs['event_category'] = ucfirst($page->id()) .'_'.$page->l1_lmnsk_category();
}
$cdl_hs['event_label'] = 'Banner Right ' . clean($item->Rotatig_banner_short_text_right(), ' ', true);
// var_dump(clean($cdl_hs['event_label']));exit;
$cdl_hs['event_action'] = clean('Banner Right ' . $item->Rotatig_banner_short_text_right(), '_', true).'_Click';
$cdl_hs['event_desc'] = 'Link to ' . $item->Rotatig_banner_link_right();
?>
<div class="swiper-slide d-block bg-secondary text-left" >
<?php
foreach($item->banner_images()->images()->toFiles() as $image){
// var_dump($image->width()); exit;
if($image->width() <= 767){
$small_screen_img = $image->url();
}
if($image->width() > 767 && $image->width() < 800){
$mid_screen_img = $image->url();
}
// if($image->width() > 800){
// echo $image->url() .' 1266w';
// }
// echo '<pre>';
// print_r($image->url());
}
?>
<a href="<?= $item->rotatig_banner_link_right()->isEmpty() ? '#' : $item->rotatig_banner_link_right() ?>" class="<?php if (!($item->rotatig_banner_link_right()->isEmpty())) { ?>cursor-pointer <?php } ?>" <?php if (!($item->rotatig_banner_link_right()->isEmpty())) { ?> onclick="<?php if(!empty($cdl_hs)){?> trackExternalEvents('Homepage_Right_Banner_Slider_<?= $hs1; ?>', JSON.parse(atob('<?php echo base64_encode(json_encode($cdl_hs)); ?>'))); <?php } ?> " target="_blank" <?php } ?> >
<picture>
<source media="(max-width:768px)" srcset="<?= $small_screen_img ?>">
<source media="(max-width:6500px)" srcset="<?= $mid_screen_img ?>">
<img class="honest-scientific-swiper-banner w-100"
src="<?= !empty($item->banner_images()->images()->toFile()->url()) ? $item->banner_images()->images()->toFile()->url() : '' ?>"
alt="<?= !empty($item->banner_images()->images()->toFile()->alt()) ? $item->banner_images()->images()->toFile()->alt() : '' ?>"
style="max-height: 320px"
/>
</picture>
</a>
<div class="p-4" style="">
<h4 class="text-white font-weight-semibold font-size-20"><?= $item->rotatig_banner_short_text_right() ?></h4>
<p class="text-white font-size-normal pb-1"><?= $item->rotatig_banner_long_text_right() ?></p>
<button class="text-primary font-weight-semibold text-uppercase bg-transparent px-0 font-size-12 honest-swiper-invest-btn" <?php if (!($item->rotatig_banner_link_right()->isEmpty())) { ?> onclick="<?php if(!empty($cdl_hs)){?> trackExternalEvents('Homepage_Right_Banner_Slider_<?= $hs1; ?>', JSON.parse(atob('<?php echo base64_encode(json_encode($cdl_hs)); ?>'))); <?php } ?> window.open('<?= $item->rotatig_banner_link_right() ?>')" <?php } ?>><?= $item->rotatig_banner_link_text_right() ?></button>
</div>
</div>
<?php // } // main if closed
$hs1++; }?>
</div>
<div class="swiper-pagination swiper-pagination-honest px-4 text-right"></div>
</div>
<hr class="honest-swiper-yellow-patch border-0 h-100 m-0" />
<!-- honest scientific swiper end-->
</div>
</div>
</div>
</section>
<!-- investment saving cards start-->
<section class="container-fluid pt-3 bg-gainsboro-50">
<div class="custom-container mt-4">
<div class="row">
<?php $bbb =1; foreach ($page->level_2()->yaml() as $item) {
$cdl_l2_link1 = []; // compute_dynamic_laminsk($item, $page)
if (!($page->l2_lmnsk_section()->isEmpty())) {
$cdl_l2_link1['event_section'] = $page->l2_lmnsk_section();
}
if (!($page->l2_lmnsk_category()->isEmpty())) {
$cdl_l2_link1['event_category'] = ucfirst($page->id()) .'_'.$page->l2_lmnsk_category();
}
$cdl_l2_link1['event_label'] = 'Below Banner Block ' . clean($item['level_2_link_text'],' ', true);
$cdl_l2_link1['event_action'] = clean('Below Banner Block ' . $item['level_2_link_text'], '_', true).'_Click';
$cdl_l2_link1['event_desc'] = 'Link to ' . $item['level_2_link'];
$cdl_l2_link2 = []; // compute_dynamic_lemnisk($item, $page)
if (!($page->l2_lmnsk_section()->isEmpty())) {
$cdl_l2_link2['event_section'] = $page->l2_lmnsk_section();
}
if (!($page->l2_lmnsk_category()->isEmpty())) {
$cdl_l2_link2['event_category'] = ucfirst($page->id()) .'_'.$page->l2_lmnsk_category();
}
$cdl_l2_link2['event_label'] = 'Below Banner Block ' . clean($item['level_2_2_link_text'],' ', true);
$cdl_l2_link2['event_action'] = clean('Below Banner Block ' . $item['level_2_2_link_text'], '_', true).'_Click';
$cdl_l2_link2['event_desc'] = 'Link to ' . $item['level_2_2_link'];
?>
<div class="col-12 col-md-4 mb-3">
<div class="card border-0 h-100 px-0 px-md-2 rounded-5 investment-saving-card">
<div class="card-body" style="flex-direction: column; display: flex;">
<div style="flex-grow: 1; cursor:pointer;" <?php if (!empty($item['level_2_link'])) { ?> onclick="<?php if(!empty($cdl_l2_link1)){?> trackExternalEvents('<?= 'Below_Banner_Block_'.$bbb.'_Button_1' ?>', JSON.parse(atob('<?php echo base64_encode(json_encode($cdl_l2_link1)); ?>'))); <?php } ?> window.open('<?= $item['level_2_link'] ?>')" <?php } ?> >
<h4 class="font-size-20" style="cursor:pointer;"><?= $item['level_2_heading'] ?></h4>
<p class="font-size-normal pb-1 text-gray-opacity-70" style="cursor:pointer;">
<?= $item['level_2_small_heading'] ?>
</p>
</div>
<div style="display: flex;">
<button class="text-secondary font-weight-semibold text-uppercase bg-transparent px-0 pb-2 font-size-12 investment-saving-card-btn" <?php if (!empty($item['level_2_link'])) { ?> onclick="<?php if(!empty($cdl_l2_link1)){?> trackExternalEvents('<?= 'Below_Banner_Block_'.$bbb.'_Button_1' ?>', JSON.parse(atob('<?php echo base64_encode(json_encode($cdl_l2_link1)); ?>'))); <?php } ?> window.open('<?= $item['level_2_link'] ?>')" <?php } ?>><?= isset($item['level_2_link_text'])?$item['level_2_link_text']:'' ?>
</button>
<?php if (!empty($item['level_2_2_link'])) { ?>
<hr class="border-0 mx-3 my-0 bg-primary key-highlight-btn-divider" style="float: right;">
<?php } ?>
<button class="text-secondary font-weight-semibold text-uppercase bg-transparent px-0 pb-2 font-size-12 investment-saving-card-btn" <?php if (!empty($item['level_2_2_link'])) { ?> onclick="<?php if(!empty($cdl_l2_link2)){?> trackExternalEvents('<?= 'Below_Banner_Block_'.$bbb.'_Button_2' ?>', JSON.parse(atob('<?php echo base64_encode(json_encode($cdl_l2_link2)); ?>'))); <?php } ?> window.open('<?= $item['level_2_2_link'] ?>')" <?php } ?>><?= isset($item['level_2_2_link_text'])?$item['level_2_2_link_text']:"" ?></button>
</div>
</div>
</div>
</div>
<?php $bbb++; } ?>
</div>
</div>
</section>
<!-- investment saving cards end-->
<!-- Key Hilights -->
<section class="container-fluid">
<div class="custom-container key-highlight-container" style="padding-top: 50px !important;" >
<div class="text-center">
<h2 class="text-primary font-weight-semibold d-inline-block position-relative text-uppercase yellow-patch-title key-highlight-section-title">
<span class="text-uppercase bg-white"><?= $page->level_5() ?></span>
</h2>
</div>
<div class="row flex-nowrap flex-md-wrap key-highlight-row">
<?php
$l5i = 1;
foreach ($page->level_5_block()->toStructure() as $key => $item) {
$cdl_l5rd = []; // compute_dynamic_lemnisk($item, $page)
if (!($page->l5_lmnsk_section()->isEmpty())) {
$cdl_l5rd['event_section'] = $page->l5_lmnsk_section();
}
if (!($page->l5_lmnsk_category()->isEmpty())) {
$cdl_l5rd['event_category'] = ucfirst($page->id()) .'_'.$page->l5_lmnsk_category();
}
$cdl_l5rd['event_label'] = 'Key Highlights ' . clean($item->level_5_heading() . ' Read CTA',' ', true);
$cdl_l5rd['event_action'] = 'KeyHighlights_Tile'.($key+1).'_' . 'Read_Click';
$cdl_l5rd['event_desc'] = 'Opens Link to ' . $item->level_5_read_link();
?>
<!-- key highlight card start-->
<div class="col-10 col-sm-8 col-md-4 key-highlight-column mt-3 d-flex <?= $key + 1 > 6 ? 'l5b_view_more' : '' ?>" style="<?= $key + 1 > 6 ? 'display:none !important;' : '' ?>">
<div class="w-100 key-highlight-content-container d-flex flex-column justify-content-between">
<div <?php if (!empty($item->level_5_read_link()->toString())) { ?> onclick="<?php if(!empty($cdl_l5rd)){?> trackExternalEvents('<?= clean($cdl_l5rd['event_action'], '_') ?>', JSON.parse(atob('<?php echo base64_encode(json_encode($cdl_l5rd)); ?>'))); <?php } ?> window.open('<?= filter_var($item->level_5_read_link(), FILTER_VALIDATE_URL)?$item->level_5_read_link():$site->url().$item->level_5_read_link() ?>')" <?php } ?> style="cursor: pointer;">
<?php if (!$item->slider_images()->isEmpty()) { ?>
<img class="w-100" style="max-width:100vh;" src="<?= !empty($item->slider_images()->toFile()->url()) ? $item->slider_images()->toFile()->url() : '' ?>" alt="<?= !$item->slider_images()->toFile()->alt()->isEmpty() ? $item->slider_images()->toFile()->alt() : '' ?>" />
<?php } ?>
<div class="p-3">
<p class="mt-1 font-size-normal font-italic key-highlight-subtitle">
<span class="text-uppercase"><?= $item->level_5_category() ?></span>
</p>
<h3 class="my-3 font-weight-semibold font-size-20">
<?= $item->level_5_heading() ?>
</h3>
<p class="text-gray-opacity-70 mb-5">
<?= $item->level_5_short_info() ?>
</p>
</div>
</div>
<div class="p-3 d-flex justify-content-between">
<div class="d-flex">
<?php
$xdownloads = [];
$cdl_l5dl = []; // compute_dynamic_lemnisk($item, $page)
if(!empty($item->level_5_download_links()->isNotEmpty())){
foreach ($item->level_5_download_links()->yaml() as $xkey => $downloads) {
if (!($page->l5_lmnsk_section()->isEmpty())) {
$cdl_l5dl['event_section'] = $page->l5_lmnsk_section();
}
if (!($page->l5_lmnsk_category()->isEmpty())) {
$cdl_l5dl['event_category'] = ucfirst($page->id()) .'_'.$page->l5_lmnsk_category();
}
$cdl_l5dl['event_label'] = 'Key Highlights ' . clean($item->level_5_heading() . ' Download CTA',' ', true);
$cdl_l5dl['event_action'] = 'KeyHighlights_Tile'.($key+1).'_' . 'Download_Click';
$cdl_l5dl['event_desc'] = 'Downloads the file';
$is_read = 0;
$xdownloads = $downloads;
// $rd_lnk_split = explode('.',$item->level_5_read_link());
// if(!empty($rd_lnk_split)){
// $rd_lnk_ext = strtolower($rd_lnk_split[count($rd_lnk_split)-1]);
// if($rd_lnk_ext != 'pdf' && $rd_lnk_ext != 'xlxs' && $rd_lnk_ext != 'xls' && $rd_lnk_ext != 'doc' && $rd_lnk_ext != 'docx' && $rd_lnk_ext != 'csv' ){
if (!empty(trim($item->level_5_read_link()->toString()))) {
$is_read = 1;
?>
<button class="btn px-0 text-primary font-size-12 font-weight-semibold text-uppercase border-none pt-0 pb-1 border-primary key-heighlight-read-download-btn" <?php if (!empty($item->level_5_read_link()->toString())) { ?> onclick="<?php if(!empty($cdl_l5rd)){?> trackExternalEvents('<?= clean($cdl_l5rd['event_action'], '_') ?>', JSON.parse(atob('<?php echo base64_encode(json_encode($cdl_l5rd)); ?>'))); <?php } ?> window.open('<?= filter_var($item->level_5_read_link(), FILTER_VALIDATE_URL)?$item->level_5_read_link():$site->url().$item->level_5_read_link() ?>')" <?php } ?> data-url="<?= filter_var($item->level_5_read_link(), FILTER_VALIDATE_URL)?$item->level_5_read_link():$site->url().$item->level_5_read_link() ?>">
<?= $item->level_5_read_text()->isNotEmpty() ? $item->level_5_read_text()->toString() : 'Read' ?>
</button>
<?php
}
?>
<?php
// if($rd_lnk_ext == 'pdf' || $rd_lnk_ext == 'xlxs' || $rd_lnk_ext == 'xls' || $rd_lnk_ext == 'doc' || $rd_lnk_ext == 'docx' || $rd_lnk_ext == 'csv' ){
if (!empty(trim($downloads['l5_download_links']))) {
if ($is_read == 1) {
?>
<hr class="border-0 mx-3 my-0 bg-primary key-highlight-btn-divider" />
<?php } ?>
<button class="btn px-0 text-primary font-size-12 font-weight-semibold text-uppercase border-none pt-0 pb-1 border-primary key-heighlight-read-download-btn" <?php if (!empty($downloads['l5_download_links'])) { ?> onclick="<?php if(!empty($cdl_l5dl)){?> trackExternalEvents('<?= clean($cdl_l5dl['event_action'], '_') ?>', JSON.parse(atob('<?php echo base64_encode(json_encode($cdl_l5dl)); ?>'))); <?php } ?> document.getElementById('kh-link<?= $key ?>').click()" <?php } ?>>
<?= $item->level_5_download_text()->isNotEmpty() ? $item->level_5_download_text()->toString() : 'Download' ?> <?php //$key + 1
?>
</button>
<a id="kh-link<?= $key ?>" href="<?= filter_var($downloads['l5_download_links'], FILTER_VALIDATE_URL)?$downloads['l5_download_links']:$site->url().$downloads['l5_download_links'] ?>" style="display: none;" target="_blank" download></a>
<?php
}
?>
<?php break;
}
}
else{
if (!empty(trim($item->level_5_read_link()->toString()))) {
$is_read = 1;
?>
<button class="btn px-0 text-primary font-size-12 font-weight-semibold text-uppercase border-none pt-0 pb-1 border-primary key-heighlight-read-download-btn" <?php if (!empty($item->level_5_read_link()->toString())) { ?> onclick="<?php if(!empty($cdl_l5rd)){?> trackExternalEvents('<?= clean($cdl_l5rd['event_action'], '_') ?>', JSON.parse(atob('<?php echo base64_encode(json_encode($cdl_l5rd)); ?>'))); <?php } ?> window.open('<?= filter_var($item->level_5_read_link(), FILTER_VALIDATE_URL)?$item->level_5_read_link():$site->url().$item->level_5_read_link() ?>')" <?php } ?> data-url="<?= filter_var($item->level_5_read_link(), FILTER_VALIDATE_URL)?$item->level_5_read_link():$site->url().$item->level_5_read_link() ?>">
<?= $item->level_5_read_text()->isNotEmpty() ? $item->level_5_read_text()->toString() : 'Download' ?> <?php //$key + 1
?>
</button>
<?php
}
}
?>
</div>
<!-- <button class="btn border-0 p-0 bg-transparent outline-none">
<img src="/assets/images/icons/share-icon.svg" alt="share" />
</button> -->
<?php
$cdl_l5_copy_link = []; // compute_dynamic_lemnisk($item, $page)
if (!($page->l5_lmnsk_section()->isEmpty())) {
$cdl_l5_copy_link['event_section'] = $page->l5_lmnsk_section();
}
else{
$cdl_l5_copy_link['event_section'] = '';
}
if (!($page->l5_lmnsk_category()->isEmpty())) {
$cdl_l5_copy_link['event_category'] = ucfirst($page->id()) .'_'.$page->l5_lmnsk_category();
}
else{
$cdl_l5_copy_link['event_category'] = '';
}
$cdl_l5_copy_link['event_label'] = 'Key Highlights ' . clean($item->level_5_heading() . ' CopyLink CTA',' ', true);
$cdl_l5_copy_link['event_action'] = 'KeyHighlights_Tile'.($key+1).'_' . 'copylink_Click';
$cdl_l5_copy_link['event_desc'] = 'Copies the link of the blog post';
$cdl_l5_whatsapp_link = []; // compute_dynamic_lemnisk($item, $page)
if (!($page->l5_lmnsk_section()->isEmpty())) {
$cdl_l5_whatsapp_link['event_section'] = $page->l5_lmnsk_section();
}
if (!($page->l5_lmnsk_category()->isEmpty())) {
$cdl_l5_whatsapp_link['event_category'] = ucfirst($page->id()) .'_'.$page->l5_lmnsk_category();
}
$cdl_l5_whatsapp_link['event_label'] = 'Key Highlights ' . clean($item->level_5_heading() . ' Whatsapp CTA',' ', true);
$cdl_l5_whatsapp_link['event_action'] = 'KeyHighlights_Tile'.($key+1).'_' . 'whatsapp_Click';
$cdl_l5_whatsapp_link['event_desc'] = 'Opens whatsapp account';
$cdl_l5_twitter_link = []; // compute_dynamic_lemnisk($item, $page)
if (!($page->l5_lmnsk_section()->isEmpty())) {
$cdl_l5_twitter_link['event_section'] = $page->l5_lmnsk_section();
}
if (!($page->l5_lmnsk_category()->isEmpty())) {
$cdl_l5_twitter_link['event_category'] = ucfirst($page->id()) .'_'.$page->l5_lmnsk_category();
}
$cdl_l5_twitter_link['event_label'] = 'Key Highlights ' . clean($item->level_5_heading() . ' Twitter CTA',' ', true);
$cdl_l5_twitter_link['event_action'] = 'KeyHighlights_Tile'.($key+1).'_' . 'twitter_Click';
$cdl_l5_twitter_link['event_desc'] = 'Opens twitter account';
$downloads = $xdownloads;
$copy_link="";
$whatsapp_link="";
$twitter_link="";
if(!empty($downloads['level_5_copy_link'])){
$copy_link = $downloads['level_5_copy_link'];
}
else if(!empty($item->level_5_read_link()->toString())){
$copy_link = filter_var($item->level_5_read_link(), FILTER_VALIDATE_URL)?$item->level_5_read_link():$site->url().$item->level_5_read_link();
}
else{
$copy_link = filter_var($downloads['l5_download_links'], FILTER_VALIDATE_URL)?$downloads['l5_download_links']:$site->url().$downloads['l5_download_links'];
}
// Whatsapp starts
if(!empty($downloads['level_5_whatsapp_link'])){
$whatsapp_link = $downloads['level_5_whatsapp_link'];
}
else if(!empty($item->level_5_read_link()->toString())){
$whatsapp_link = filter_var($item->level_5_read_link(), FILTER_VALIDATE_URL)?$item->level_5_read_link():$site->url().$item->level_5_read_link();
}
else{
$whatsapp_link = filter_var($downloads['l5_download_links'], FILTER_VALIDATE_URL)?$downloads['l5_download_links']:$site->url().$downloads['l5_download_links'];
}
if(!empty($downloads['level_5_whatsapp_msg'])){
$whatsapp_msg = $downloads['level_5_whatsapp_msg'];
$whatsapp_msg = $whatsapp_msg . ' ' .$whatsapp_link;
}
else{
$whatsapp_msg = $item->level_5_heading() . '. To know more please visit this link ' .$whatsapp_link;
}
// Whatsapp ends
if(!empty($downloads['level_5_twitter_link'])){
$twitter_link = $downloads['level_5_twitter_link'];
}
else if(!empty($item->level_5_read_link()->toString())){
$twitter_link = filter_var($item->level_5_read_link(), FILTER_VALIDATE_URL)?$item->level_5_read_link():$site->url().$item->level_5_read_link();
}
else{
$twitter_link = filter_var($downloads['l5_download_links'], FILTER_VALIDATE_URL)?$downloads['l5_download_links']:$site->url().$downloads['l5_download_links'];
}
if(!empty($downloads['level_5_twitter_msg'])){
$twitter_msg = $downloads['level_5_twitter_msg'];
$twitter_msg = $twitter_msg . ' ';
}
else{
$twitter_msg = $item->level_5_heading() . '. To know more please visit this link ';
}
?>
<button class="btn border-0 p-0 bg-transparent outline-none p-2 share-btn" type="button" data-bs-toggle="popover" onclick="showShareOptions(this)" data-bs-placement="right" data-html="true" data-lemnisk-event-section="<?= $cdl_l5_copy_link['event_section'] ?>" data-lemnisk-event-category="<?= $cdl_l5_copy_link['event_category'] ?>" data-keyhilights-key="<?= $key+1 ?>" data-content="<div class='d-flex flex-row align-items-center mb-3 mx-2 mt-2'><a href='<?= $copy_link ?>' onclick='<?php if(!empty($cdl_l5_copy_link)){?> trackExternalEvents("<?= clean($cdl_l5_copy_link['event_action'], '_') ?>", JSON.parse(atob("<?php echo base64_encode(json_encode($cdl_l5_copy_link)); ?>"))); <?php } ?>' class='text-decoration-none clipboard'><img class='img-fluid mr-2' src='<?= $site->url() ?>/assets/images/icons/copy-link-icon.svg' alt='copy link icon'><span class='font-size-12 text-primary'>Copy Link</span></a></div><div class='d-flex flex-row align-items-center mb-3 mx-2'><a href='<?= $whatsapp_link ?>' onclick='<?php if(!empty($cdl_l5_whatsapp_link)){?> trackExternalEvents("<?= clean($cdl_l5_whatsapp_link['event_action'], '_') ?>", JSON.parse(atob("<?php echo base64_encode(json_encode($cdl_l5_whatsapp_link)); ?>"))); <?php } ?>' class='text-decoration-none whatsapp-share'><img class='img-fluid mr-2' src='<?= $site->url() ?>/assets/images/icons/whatsapp-icon.svg' alt='copy link icon'><span class='font-size-12 text-primary ml-1'>Whatsapp</span><span class='data-msg' ><?= $whatsapp_msg ?></span></a></div><div class='d-flex flex-row align-items-center mb-3 mx-2'><a href='<?= $twitter_link ?>' onclick='<?php if(!empty($cdl_l5_twitter_link)){?> trackExternalEvents("<?= clean($cdl_l5_twitter_link['event_action'], '_') ?>", JSON.parse(atob("<?php echo base64_encode(json_encode($cdl_l5_twitter_link)); ?>"))); <?php } ?>' data-msg='<?= $twitter_msg ?>' class='text-decoration-none twitter-share'><img class='img-fluid mr-2' src='<?= $site->url() ?>/assets/images/icons/twitter-icon.svg' alt='twitter icon'><span class='font-size-12 text-primary ml-1'>Twitter</span><span class='data-msg' ><?= $twitter_msg ?></span></a></div><div class='d-flex flex-row align-items-center mb-2 mx-2'></div>">
<svg width="21" height="22" viewBox="0 0 21 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.2491 5.69897C14.6792 6.15153 15.1681 6.48364 15.7453 6.69167C16.9695 7.13328 18.5319 6.73182 19.3958 5.76467C20.0906 4.9873 20.392 4.08584 20.2928 3.0603C20.142 1.50191 18.9105 0.250084 17.3408 0.0347557C14.9035 -0.304659 12.9036 1.89606 13.4991 4.26832C13.5469 4.4581 13.5028 4.53839 13.3374 4.63328C10.9552 5.97269 8.58039 7.31941 6.20189 8.66977C6.09528 8.73181 6.04014 8.71721 5.95558 8.63327C4.74244 7.4143 2.98154 7.21722 1.53679 8.13692C0.16557 9.00918 -0.393212 10.896 0.294237 12.3741C0.908163 13.6916 1.96691 14.3814 3.41533 14.4325C4.39688 14.469 5.24608 14.0895 5.93353 13.3887C6.04381 13.2756 6.11366 13.2829 6.23865 13.3522C8.6098 14.6989 10.9809 16.0457 13.3558 17.3814C13.5138 17.469 13.5433 17.5493 13.5028 17.7208C12.9367 19.9872 14.716 22.1223 17.0614 21.9945C18.6752 21.907 20.0207 20.6953 20.267 19.104C20.5685 17.1515 19.2009 15.3486 17.2378 15.1478C16.1203 15.0311 15.1608 15.3924 14.3704 16.1807C14.2675 16.2829 14.1976 16.2829 14.0763 16.2135C11.6941 14.8595 9.31195 13.5128 6.9261 12.1661C6.79743 12.0931 6.757 12.0347 6.80111 11.8851C6.97021 11.2865 6.96286 10.6844 6.79743 10.0858C6.76802 9.98363 6.77538 9.92524 6.87831 9.86684C9.30093 8.49823 11.7199 7.12598 14.1388 5.75737C14.1719 5.73912 14.205 5.72452 14.2491 5.69897ZM16.8592 1.37782C18.0172 1.38147 18.9362 2.29387 18.9326 3.43986C18.9289 4.57489 17.9841 5.50554 16.8445 5.49824C15.7085 5.49094 14.7821 4.56394 14.7821 3.43256C14.7785 2.28658 15.7012 1.37417 16.8592 1.37782ZM14.7785 18.5639C14.7785 17.4289 15.7196 16.4946 16.8592 16.4982C17.9988 16.5055 18.9252 17.4252 18.9289 18.5566C18.9326 19.6989 18.0098 20.6186 16.8555 20.6223C15.7049 20.6223 14.7785 19.7099 14.7785 18.5639ZM5.5365 10.9982C5.5365 12.126 4.6101 13.0566 3.47415 13.0603C2.3235 13.0676 1.39342 12.1515 1.38607 11.0092C1.37872 9.86684 2.30144 8.94349 3.45209 8.93984C4.60274 8.93619 5.5365 9.85954 5.5365 10.9982Z" fill="#003A5D"></path>
</svg>
</button>
</div>
</div>
</div>
<?php $l5i++; } ?>
<!-- key highlight card end-->
</div>
<?php if($l5i > 6){ ?>
<div class="d-flex justify-content-center py-4">
<button id="l5b_view_more" class="btn btn-outline-primary px-3 py-2 my-3 text-uppercase font-size-12 rounded-2 btn-weight-letter-spacing">
View More
</button>
</div>
<?php } else{ ?>
<div class="d-flex justify-content-center py-4 px-3 my-3">
</div>
<?php } ?>
</div>
</section>
<!-- End Key Hilights -->
<!-- our partner section start-->
<?php foreach ($page->level_4_block_slider_images()->toStructure() as $item) {
if (!$item->slider_images()->isEmpty()) {
?>
<section class="container-fluid bg-primary our-partner-section-container">
<div class="row">
<div class="col-12 text-center">
<h2 class="text-white font-weight-semibold d-inline-block position-relative text-uppercase yellow-patch-title our-partner-section-title">
<span class="text-uppercase bg-primary"><?= $page->level_4() ?></span>
</h2>
</div>
<div class="col-12 our-partner-swiper-column d-flex">
<!-- our partner swiper start-->
<div class="swiper-container our-partner-swiper w-100">
<div class="swiper-wrapper">
<?php foreach ($page->level_4_block_slider_images()->toStructure() as $item) {
$cdl_l4_bsi = []; // compute_dynamic_lemnisk($item, $page)
?>
<?php if (!$item->slider_images()->isEmpty()) { ?>
<div class="swiper-slide bg-transparent">
<a onclick="<?php if(!empty($cdl_l4_bsi)){?> trackExternalEvents('<?= clean($item->lmnsk_event_action(),'_') ?>', JSON.parse(atob('<?php echo base64_encode(json_encode($cdl_l4_bsi)); ?>'))); <?php } ?>" href="<?=$item->slider_link()?>" target="_blank"><img src="<?= !($item->slider_images()->isEmpty()) ? $item->slider_images()->toFile()->url() : '#' ?>" alt="<?= !$item->slider_images()->toFile()->alt()->isEmpty() ? $item->slider_images()->toFile()->alt() : $item->slider_placeholder() ?>" /></a>
</div>
<?php } ?>
<?php } ?>
</div>
<div class="swiper-pagination swiper-pagination-partner px-4"></div>
</div><!-- our partner swiper end-->
</div>
</div>
</section>
<?php }
break;
} ?>
<!-- our partner section end-->
<!-- why should choose dsp section start-->
<section class="container-fluid why-should-dsp-container bg-gainsboro-50">
<div class="row">
<div class="col-12 text-center">
<h2 class="text-primary font-weight-semibold d-inline-block position-relative text-uppercase yellow-patch-title why-should-dsp-section-title">
<span class="text-uppercase bg-gainsboro-50"><?= $page->level_3() ?></span>
</h2>
</div><!-- chairman column start-->
<div class="col-12 col-md-5 col-lg-4 px-0 d-flex">
<hr class="h-auto m-0 border-0 why-should-dsp-secodary-patch" />
<div class="position-relative why-should-dsp-banner-container d-flex"><img class="w-100 why-should-dsp-banner-img"
srcset="
<?php
$i=0;
foreach($page->level_3_static_image()->images()->toFiles() as $image){
if($i==0){
echo $image->url() .' 400w,';
}
if($i==1){
echo $image->url() .' 754w,';
}
if($i==2){
echo $image->url() .' 1266w';
}
$i++;
// echo '<pre>';
// print_r($image->url());
}
?>
"
sizes="
(max-width: 400px) 400px,
(max-width: 768px) and (min-width: 401px) 754px,
(max-width: 1280px) and (min-width: 769px) 400px,
(max-width: 1920px) and (min-width: 1281px) 754px,
(max-width: 1920px) and (min-width: 1281px) 754px,
(min-width: 1921px) 1266px
"
src="<?= isset($page->level_3_static_image()->yaml()[0]) ? $page->level_3_static_image()->toFile()->url() : '#' ?>" alt="<?= isset($page->level_3_static_image()->yaml()[0]) ? $page->level_3_static_image()->toFile()->alt() : '' ?>" />
<div class="position-absolute w-100 d-flex align-items-end justify-content-center p-2 chairman-title-container">
<h3 class="text-white font-weight-bold font-size-20">A message from Our Chairman</h3>
</div>
<p class="position-absolute text-white mb-0 font-italic chairman-message"><?= $page->Level_3_chariman_quotes() ?></p>
</div>
</div><!-- chairman column end-->
<div class="col-12 col-md-7 col-lg-8 px-0 d-flex">
<!-- why should choose dsp swiper start-->
<div class="swiper-container why-should-dsp-swiper mt-3 mt-md-0">
<div class="swiper-wrapper">
<?php foreach ($page->level_3_block_2()->yaml() as $item) {
?>
<div class="swiper-slide bg-transparent d-block text-left cursor-pointer">
<div class="p-4 mt-3">
<h4 class="font-weight-bold mb-3 font-size-30"><?= $item['level_2_block_3_heading'] ?></h4>
<p class="pb-1 text-gray-opacity-70 font-size-20"><?= $item['level_2_block_3_small_heading'] ?></p>
<hr class="border-0 bg-secondary ml-0 why-should-dsp-secondary-devider" />
</div>
</div>
<?php } ?>
</div>
<div>
<div class="d-flex mx-auto mx-md-4 justify-content-center justify-content-md-between"><button id="level_3_link" class="btn btn-outline-primary px-3 py-2 text-uppercase font-size-12 rounded-2 btn-weight-letter-spacing" <?php if (!empty($page->level_3_link())) { ?> onclick="window.open('<?= $page->level_3_link() ?>')" <?php } ?>><?= $page->level_3_link_text() ?></button>
<div class="d-none d-md-block position-relative w-50">
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
</div>
<div>
<p class="statistics-text mb-0 pl-4 font-weight-normal font-size-12 font-italic text-primary"><?= $page->level_3_chariman_disclaimer() ?></p>
</div>
</div><!-- why should choose dsp swiper end-->
</div>
</div>
</div>
</section>
<?php if(!($page->page_ticker()->isEmpty())){ ?>
<section>
<div class="page-head__ticker subpage-blue">
<p class="msg"><span><?= $page->page_ticker() ?></span></p>
</div>
</section>
<?php } ?>
<!-- why should choose dsp section end-->
<!-- twitter section start
<section class="container-fluid">
<div class="custom-container twitter-update-container">
<div class="text-center">
<h2 class="text-primary font-weight-semibold d-inline-block position-relative text-uppercase yellow-patch-title twitter-update-section-title">
<span class="text-uppercase bg-white">Updates via @dspmf on Twitter</span>
</h2>
</div>
<?php if ($page->Posttype() == 'All tweets with images' && !empty($page->Awi_link_left()) && !empty($page->Awi_link_middle()) && !empty($page->Awi_link_right())) { ?>
<!-- ALL images Tweets
<div class="row flex-nowrap twitter-update-row">
<div class="col-11 col-sm-9 col-md-7 col-lg-4 twitter-update-column">
<div class="">
<div class="d-flex flex-column justify-content-between">
<?= $page->Awi_link_left() ?>
</div>
</div>
</div>
<div class="col-11 col-sm-9 col-md-7 col-lg-4 twitter-update-column">
<div class="">
<div class="d-flex flex-column justify-content-between">
<?= $page->Awi_link_middle() ?>
</div>
</div>
</div>
<div class="col-11 col-sm-9 col-md-7 col-lg-4 twitter-update-column">
<div class="">
<div class="d-flex flex-column justify-content-between">
<?= $page->Awi_link_right() ?>
</div>
</div>
</div>
</div>
<!-- Images on both the sides
<?php } elseif ($page->Posttype() == 'Tweets Images on both sides only' && !empty($page->Iob_link_left()) && !empty($page->Iob_link_upper_middle()) && !empty($page->Iob_link_lower_middle()) && !empty($page->Iob_link_right())) { ?>
<!-- ALL images Tweets
<div class="row flex-nowrap twitter-update-row">
<div class="col-11 col-sm-9 col-md-7 col-lg-4 twitter-update-column">
<div class="">
<div class="d-flex flex-column justify-content-between">
<?= $page->Iob_link_left() ?>
</div>
</div>
</div>
<div class="col-11 col-sm-9 col-md-7 col-lg-4 twitter-update-column">
<div class="">
<div class="d-flex flex-column justify-content-between">
<?= $page->Iob_link_upper_middle() ?>
</div>
</div>
<div class="mb-3">
<div class="d-flex flex-column justify-content-between">
<?= $page->Iob_link_lower_middle() ?>
</div>
</div>
</div>
<div class="col-11 col-sm-9 col-md-7 col-lg-4 twitter-update-column">
<div class="">
<div class="d-flex flex-column justify-content-between">
<?= $page->Iob_link_right() ?>
</div>
</div>
</div>
</div>
<!-- Left Image Only
<?php } elseif (
$page->Posttype() == 'Left Image rest all text' && !empty($page->Lio_link_left()) && !empty($page->Lio_link_upper_middle()) && !empty($page->Lio_link_lower_middle())
&& !empty($page->Lio_link_upper_right()) && !empty($page->Lio_link_lower_right())
) { ?>
<!-- ALL images Tweets
<div class="row flex-nowrap twitter-update-row">
<div class="col-11 col-sm-9 col-md-7 col-lg-4 twitter-update-column">
<div class="">
<div class="d-flex flex-column justify-content-between">
<?= $page->Lio_link_left() ?>
</div>
</div>
</div>
<div class="col-11 col-sm-9 col-md-7 col-lg-4 twitter-update-column">
<div class="">
<div class="d-flex flex-column justify-content-between">
<?= $page->Lio_link_upper_middle() ?>
</div>
</div>
<div class="">
<div class="d-flex flex-column justify-content-between">
<?= $page->Lio_link_lower_middle() ?>
</div>
</div>
</div>
<div class="col-11 col-sm-9 col-md-7 col-lg-4 twitter-update-column">
<div class="">
<div class="d-flex flex-column justify-content-between">
<?= $page->Lio_link_upper_right() ?>
</div>
</div>
<div class="">
<div class="d-flex flex-column justify-content-between">
<?= $page->Lio_link_lower_right() ?>
</div>
</div>
</div>
</div>
<!-- Middle Image only
<?php } elseif (
$page->Posttype() == 'Middle Image rest all text' && !empty($page->Mio_link_upper_left()) && !empty($page->Mio_link_lower_left()) && !empty($page->Mio_link_middle())
&& !empty($page->Mio_link_upper_right()) && !empty($page->Mio_link_lower_right())
) { ?>
<!-- ALL images Tweets
<div class="row flex-nowrap twitter-update-row">
<div class="col-11 col-sm-9 col-md-7 col-lg-4 twitter-update-column">
<div class="">
<div class="d-flex flex-column justify-content-between">
<?= $page->Mio_link_upper_left() ?>
</div>
</div>
<div class="">
<div class="d-flex flex-column justify-content-between">
<?= $page->Mio_link_lower_left() ?>
</div>
</div>
</div>
<div class="col-11 col-sm-9 col-md-7 col-lg-4 twitter-update-column">
<div class="">
<div class="d-flex flex-column justify-content-between">
<?= $page->Mio_link_middle() ?>
</div>
</div>
</div>
<div class="col-11 col-sm-9 col-md-7 col-lg-4 twitter-update-column">
<div class="">
<div class="d-flex flex-column justify-content-between">
<?= $page->Mio_link_upper_right() ?>
</div>
</div>
<div class="">
<div class="d-flex flex-column justify-content-between">
<?= $page->Mio_link_lower_right() ?>
</div>
</div>
</div>
</div>
<!-- Right Image Only
<?php } elseif (
$page->Posttype() == 'Right Image rest all text' && !empty($page->Rio_link_upper_left()) && !empty($page->Rio_link_upper_middle()) && !empty($page->Rio_link_lower_middle())
&& !empty($page->Rio_link_lower_left()) && !empty($page->Rio_link_right())
) { ?>
<!-- ALL images Tweets
<div class="row flex-nowrap twitter-update-row">
<div class="col-11 col-sm-9 col-md-7 col-lg-4 twitter-update-column">
<div class="">
<div class="d-flex flex-column justify-content-between">
<?= $page->Rio_link_upper_left() ?>
</div>
</div>
<div class="">
<div class="d-flex flex-column justify-content-between">
<?= $page->Rio_link_lower_left() ?>
</div>
</div>
</div>
<div class="col-11 col-sm-9 col-md-7 col-lg-4 twitter-update-column">
<div class="">
<div class="d-flex flex-column justify-content-between">
<?= $page->Rio_link_upper_middle() ?>
</div>
</div>
<div class="">
<div class="d-flex flex-column justify-content-between">
<?= $page->Rio_link_lower_middle() ?>
</div>
</div>
</div>
<div class="col-11 col-sm-9 col-md-7 col-lg-4 twitter-update-column">
<div class="">
<div class="d-flex flex-column justify-content-between">
<?= $page->Rio_link_right() ?>
</div>
</div>
</div>
</div>
<!-- Dynamically Load Tweets
<?php } elseif ($page->Posttype() == 'Dynamic' && !empty($page->Dynamic_tweets())) { ?>
<!-- ALL images Tweets
<div class="row flex-nowrap twitter-update-row">
<div class="col-11 col-sm-9 col-md-7 col-lg-4 twitter-update-column">
<div class="">
<div class="d-flex flex-column justify-content-between">
<?= $page->Dynamic_tweets() ?>
</div>
</div>
</div>
</div>
<?php } ?>
<div class="d-flex justify-content-center py-4"><button class="btn btn-lg btn-outline-primary px-3 py-2 my-3 text-uppercase font-size-12 rounded-2 btn-weight-letter-spacing" <?php if (!empty($page->Twitter_handler_link())) { ?> onclick="window.open('<?= $page->Twitter_handler_link() ?>')" <?php } ?>><img class="mr-2 join-twitter-btn" src="/assets/images/twitter-icon.svg" alt="Twitter Share" /><span>Join the conversation on Twitter</span></button></div>
</div>
</section>
twitter section end-->
<?= Bnomei\Fingerprint::js('/assets/js/honest-scientific-swiper.js', [ "integrity" => true ]); ?>
<?= Bnomei\Fingerprint::js('/assets/js/our-partner-swiper.js', [ "integrity" => true ]); ?>
<?= Bnomei\Fingerprint::js('/assets/js/why-should-dsp-swiper.js', [ "integrity" => true ]); ?>
<?= Bnomei\Fingerprint::js('/assets/js/home-page.js', [ "integrity" => true ]); ?>
<script>
$( document ).ready(function(){
if($(window).width() < 992){
$('.l5b_view_more').show();
$('#l5b_view_more').attr('style', 'display:none !important;');
}
else{
$('.l5b_view_more').attr('style', 'display:none !important;');
$('#l5b_view_more').attr('style', 'display:block !important;');
}
$(window).resize(function() {
if($(window).width() < 992){
$('.l5b_view_more').show();
$('#l5b_view_more').attr('style', 'display:none !important;');
}
else{
$('.l5b_view_more').attr('style', 'display:none !important;');
$('#l5b_view_more').attr('style', 'display:block !important;');
}
});
});
$('#l5b_view_more').click(function() {
$('.l5b_view_more').show();
$('#l5b_view_more').attr('style', 'display:none !important;');
});
/**@abstract
* Share
*/
$('[data-bs-toggle="popover"]').on('inserted.bs.popover', function () {
$('.clipboard').on('click', function(e) {
e.preventDefault();
let $temp = $('<input>');
$('body').append($temp);
$temp.val($(this).attr('href')).select();
document.execCommand('copy');
$temp.remove();
// console.log('URL copied!');
$(this).find('span').text('Link Copied');
// Handle lemnisk
lemnisk_data = {
'event_section': curr_lemnisk_event_section,
'event_category': curr_lemnisk_event_category,
'event_action': 'KeyHighlights_Tile' + curr_data_keyhilights_key+'_copylink_Click',
'event_desc': 'Copies the link('+$(this).attr('href')+')',
}
trackExternalEvents(lemnisk_data['event_action'], lemnisk_data);
});
$('.twitter-share').on('click', function(e) {
e.preventDefault();
let share_data = 'https://twitter.com/share?url='+ encodeURIComponent($(this).attr('href'))+'&text='+$(this).find('.data-msg').text();
let win = window.open(share_data, '_blank');
if (win) {
win.focus();
} else {
// alert('Please allow popups for this website');
}
// Handle lemnisk
lemnisk_data = {
'event_section': curr_lemnisk_event_section,
'event_category': curr_lemnisk_event_category,
'event_action': 'KeyHighlights_Tile' + curr_data_keyhilights_key+'_twitter_Click',
'event_desc': 'Opens twitter account',
}
trackExternalEvents(lemnisk_data['event_action'], lemnisk_data);
});
$('.whatsapp-share').on('click', function(e) {
e.preventDefault();
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
let share_data = 'whatsapp://send?text='+ encodeURIComponent($(this).find('.data-msg').text());
let win = window.open(share_data, '_blank');
if (win) {
win.focus();
} else {
// alert('Please allow popups for this website');
}
}
else{
let share_data = 'https://api.whatsapp.com/send?text='+ encodeURIComponent($(this).find('.data-msg').text());
let win = window.open(share_data, '_blank');
if (win) {
win.focus();
} else {
// alert('Please allow popups for this website');
}
}
// Handle lemnisk
lemnisk_data = {
'event_section': curr_lemnisk_event_section,
'event_category': curr_lemnisk_event_category,
'event_action': 'KeyHighlights_Tile' + curr_data_keyhilights_key+'_whatsapp_Click',
'event_desc': 'Opens whatsapp account',
}
trackExternalEvents(lemnisk_data['event_action'], lemnisk_data);
});
});
</script>
<script>
// function loadTwitter(){
// var tag = document.createElement("script");
// tag.src = "https://platform.twitter.com/widgets.js";
// document.getElementsByTagName("head")[0].appendChild(tag);
// // console.log('loading twitter');
// };
// $(document).ready(function(){
// let tload = 0;
// $( window ).scroll(function() {
// scrollPos = $(window).scrollTop();
// if(scrollPos > 1540 && tload == 0){
// // load script now only once
// loadTwitter();
// tload=1;
// // console.log('Current Pos='+scrollPos);
// }
// });
// });
// (function(d, s, id){
// var js, fjs = d.getElementsByTagName(s)[0];
// if (d.getElementById(id)) return;
// js = d.createElement(s); js.id = id;
// js.src = "//platform.twitter.com/widgets.js";
// fjs.parentNode.insertBefore(js, fjs);
// }(document, 'script', 'twitter'));
</script>
</body>
<!-- Footer start -->
<?php snippet('footer') ?>
<!-- Footer end -->