BankInsure Today | Magazine Launch<\/title>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,600;14..32,700&display=swap\" rel=\"stylesheet\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n background: linear-gradient(145deg, #f0f4f8 0%, #e6edf4 100%);\n font-family: 'Inter', sans-serif;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n padding: 2rem;\n }\n\n \/* main card container *\/\n .magazine-container {\n max-width: 1280px;\n width: 100%;\n background: #ffffff;\n border-radius: 2.5rem;\n box-shadow: 0 25px 45px -12px rgba(0, 0, 0, 0.25), 0 8px 18px rgba(0, 0, 0, 0.05);\n overflow: hidden;\n transition: all 0.2s ease;\n }\n\n \/* hero \/ header area *\/\n .hero-section {\n background: #0a2540;\n padding: 2.5rem 2.5rem 1.8rem 2.5rem;\n color: white;\n border-bottom: 5px solid #f5a623;\n }\n\n .badge {\n display: inline-block;\n background: rgba(245, 166, 35, 0.2);\n backdrop-filter: blur(2px);\n padding: 0.3rem 1rem;\n border-radius: 40px;\n font-size: 0.75rem;\n font-weight: 600;\n letter-spacing: 0.5px;\n text-transform: uppercase;\n margin-bottom: 1.2rem;\n border: 1px solid rgba(245, 166, 35, 0.5);\n }\n\n .hero-section h1 {\n font-size: 3rem;\n font-weight: 700;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 1rem;\n }\n\n .hero-section h1 span {\n color: #f5a623;\n }\n\n .tagline {\n font-size: 1.2rem;\n font-weight: 400;\n opacity: 0.9;\n max-width: 85%;\n border-left: 3px solid #f5a623;\n padding-left: 1.2rem;\n margin-top: 0.5rem;\n }\n\n \/* main content *\/\n .content-panel {\n padding: 2.8rem 2.5rem 2.5rem 2.5rem;\n }\n\n .intro-text {\n font-size: 1.1rem;\n line-height: 1.5;\n color: #1f2f3e;\n margin-bottom: 2.5rem;\n background: #f9fafc;\n padding: 1.4rem 2rem;\n border-radius: 1.5rem;\n border: 1px solid #e9edf2;\n }\n\n .intro-text p {\n margin-bottom: 1rem;\n }\n\n .intro-text p:last-child {\n margin-bottom: 0;\n }\n\n .highlight {\n font-weight: 600;\n color: #0a2540;\n background: linear-gradient(120deg, #fdf8e7 0%, #fef3db 100%);\n padding: 0 0.2rem;\n }\n\n \/* thumbnail grid \/ center *\/\n .thumbnail-showcase {\n display: flex;\n justify-content: center;\n margin: 2rem 0 1rem;\n }\n\n .magazine-card {\n background: #ffffff;\n border-radius: 1.8rem;\n box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.2);\n transition: transform 0.25s ease, box-shadow 0.3s ease;\n cursor: pointer;\n max-width: 380px;\n width: 100%;\n border: 1px solid #eef2f8;\n overflow: hidden;\n }\n\n .magazine-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 28px 40px -16px rgba(0, 0, 0, 0.3);\n }\n\n .thumb-img {\n width: 100%;\n display: block;\n background: #f2f5f9;\n transition: opacity 0.2s;\n }\n\n .thumb-img img {\n width: 100%;\n height: auto;\n display: block;\n object-fit: cover;\n }\n\n .card-caption {\n padding: 1.2rem 1.5rem 1.5rem;\n text-align: center;\n background: white;\n }\n\n .card-caption h3 {\n font-size: 1.4rem;\n font-weight: 700;\n color: #0a2540;\n margin-bottom: 0.3rem;\n }\n\n .card-caption p {\n color: #5b6f82;\n font-size: 0.9rem;\n margin-top: 0.25rem;\n }\n\n .view-pdf-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n background: #f5a62310;\n border: 1px solid #f5a62340;\n border-radius: 60px;\n padding: 0.4rem 1rem;\n margin-top: 0.8rem;\n font-size: 0.8rem;\n font-weight: 500;\n color: #c47d2b;\n transition: all 0.2s;\n }\n\n .magazine-card:hover .view-pdf-badge {\n background: #f5a62320;\n border-color: #f5a623;\n }\n\n \/* Lightbox modal (PDF viewer) *\/\n .lightbox {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.85);\n backdrop-filter: blur(8px);\n z-index: 1000;\n justify-content: center;\n align-items: center;\n padding: 1.5rem;\n box-sizing: border-box;\n }\n\n .lightbox.active {\n display: flex;\n animation: fadeIn 0.25s ease;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n\n .lightbox-content {\n background: #1e2a36;\n border-radius: 1.5rem;\n width: 90%;\n max-width: 1100px;\n height: 85vh;\n display: flex;\n flex-direction: column;\n box-shadow: 0 30px 50px rgba(0, 0, 0, 0.5);\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.2);\n }\n\n .lightbox-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n background: #0f1a24;\n color: white;\n }\n\n .lightbox-header h3 {\n font-weight: 500;\n font-size: 1.2rem;\n letter-spacing: -0.2px;\n }\n\n .close-lightbox {\n background: none;\n border: none;\n color: #fff;\n font-size: 1.8rem;\n cursor: pointer;\n line-height: 1;\n transition: transform 0.1s;\n padding: 0 0.5rem;\n }\n\n .close-lightbox:hover {\n color: #f5a623;\n transform: scale(1.1);\n }\n\n .pdf-frame {\n flex: 1;\n width: 100%;\n border: none;\n background: #eef2f6;\n }\n\n .fallback-message {\n background: #fef2e0;\n padding: 0.6rem 1rem;\n text-align: center;\n font-size: 0.8rem;\n border-top: 1px solid #ffdfb3;\n color: #a1621a;\n }\n\n \/* footer info *\/\n .footer-note {\n margin-top: 2.5rem;\n text-align: center;\n font-size: 0.8rem;\n color: #6b7c93;\n border-top: 1px solid #e2e8f0;\n padding-top: 1.8rem;\n display: flex;\n justify-content: center;\n gap: 1.8rem;\n flex-wrap: wrap;\n }\n\n .footer-note span {\n display: inline-flex;\n align-items: center;\n gap: 0.3rem;\n }\n\n \/* responsive *\/\n @media (max-width: 720px) {\n .hero-section h1 {\n font-size: 2rem;\n }\n .tagline {\n font-size: 1rem;\n max-width: 100%;\n }\n .content-panel {\n padding: 1.8rem;\n }\n .intro-text {\n padding: 1rem 1.2rem;\n }\n .lightbox-content {\n width: 95%;\n height: 80vh;\n }\n }\n @media (max-width: 480px) {\n .hero-section {\n padding: 1.5rem;\n }\n .card-caption h3 {\n font-size: 1.2rem;\n }\n }\n .btn-icon {\n cursor: pointer;\n }\n a, .magazine-card {\n cursor: pointer;\n }\n <\/style>\n<\/head>\n<body>\n<div class=\"magazine-container\">\n <div class=\"hero-section\">\n <div class=\"badge\"> LAUNCH ISSUE<\/div>\n <h1><span>BankInsure<\/span> Today<\/h1>\n <div class=\"tagline\">Where banking meets insurance \u2014 dialogue, discovery & inspiration<\/div>\n <\/div>\n\n <div class=\"content-panel\">\n <div class=\"intro-text\">\n <p> <strong class=\"highlight\">Happy to launch<\/strong> \u2014 <strong>BankInsure Today<\/strong> is more than just news and updates; it’s a <strong>platform for dialogue, discovery, and inspiration<\/strong>. Within these pages, you’ll find diverse voices sharing knowledge, fresh perspectives challenging norms, and stories that illustrate the ever-evolving landscape of banking and insurance.<\/p>\n <p> Our inaugural edition brings together industry leaders, innovators, and changemakers. Click the magazine cover below to explore the full digital edition (PDF). Immerse yourself in insightful articles, market analysis, and future-forward strategies.<\/p>\n <\/div>\n\n \n <div class=\"thumbnail-showcase\">\n <div class=\"magazine-card\" id=\"magazineThumbnail\">\n <div class=\"thumb-img\">\n \n <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/fa\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-01-142850.png\" \n alt=\"BankInsure Today Magazine Cover - click to view PDF\"\n onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/600x800\/1e2f3f\/white?text=BankInsure+Today';\"\n >\n <\/div>\n <div class=\"card-caption\">\n <h3>BankInsure Today \u2022 Spring 2026<\/h3>\n <p>Premier Edition | Risk & Resilience<\/p>\n <div class=\"view-pdf-badge\">\n \ud83d\udcc4 Click to read full magazine (PDF)\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/div>\n\n\n<div id=\"pdfLightbox\" class=\"lightbox\">\n <div class=\"lightbox-content\">\n <div class=\"lightbox-header\">\n <h3>\ud83d\udcd6 BankInsure Today \u2014 Full Magazine (PDF)<\/h3>\n <button class=\"close-lightbox\" id=\"closeLightboxBtn\" aria-label=\"Close PDF viewer\">×<\/button>\n <\/div>\n \n \n <iframe class=\"pdf-frame\" id=\"pdfIframe\" src=\"\" title=\"BankInsure Today Magazine\"><\/iframe>\n \n <\/div>\n<\/div>\n\n<script>\n (function() {\n \/\/ Original Google Drive file ID extraction\n const driveUrl = \"https:\/\/drive.google.com\/file\/d\/1Ag_q4aW_jd9eZ_bnv3Kio_FdAwvvMP7A\/view?usp=sharing\";\n \/\/ Extract file ID using regex\n let fileId = null;\n const match = driveUrl.match(\/\\\/file\\\/d\\\/([a-zA-Z0-9_-]+)\/);\n if (match && match[1]) {\n fileId = match[1];\n } else {\n \/\/ fallback: try to extract from pattern (if url differs)\n const altMatch = driveUrl.match(\/id=([a-zA-Z0-9_-]+)\/);\n if (altMatch && altMatch[1]) fileId = altMatch[1];\n }\n \n \/\/ Build embeddable preview URL (official google drive embed)\n const embedPdfUrl = fileId ? `https:\/\/drive.google.com\/file\/d\/${fileId}\/preview` : \"\";\n \/\/ Direct download\/view link for \"new tab\" fallback\n const directViewUrl = fileId ? `https:\/\/drive.google.com\/file\/d\/${fileId}\/view?usp=sharing` : driveUrl;\n \n \/\/ DOM elements\n const lightbox = document.getElementById('pdfLightbox');\n const pdfIframe = document.getElementById('pdfIframe');\n const closeBtn = document.getElementById('closeLightboxBtn');\n const magazineCard = document.getElementById('magazineThumbnail');\n const directPdfLink = document.getElementById('directPdfLink');\n \n \/\/ Function to open lightbox and load PDF\n function openPdfLightbox() {\n if (pdfIframe && embedPdfUrl) {\n pdfIframe.src = embedPdfUrl;\n } else if (pdfIframe && !embedPdfUrl) {\n \/\/ if somehow fileId missing, show fallback content but still try to use direct view inside iframe?\n pdfIframe.src = directViewUrl;\n console.warn(\"Using direct view URL due to missing embed conversion\");\n }\n if (lightbox) {\n lightbox.classList.add('active');\n document.body.style.overflow = 'hidden'; \/\/ prevent background scrolling\n }\n \/\/ Update fallback link to open in new tab correctly\n if (directPdfLink) {\n directPdfLink.href = directViewUrl;\n }\n }\n \n \/\/ Close lightbox function\n function closeLightbox() {\n if (lightbox) {\n lightbox.classList.remove('active');\n document.body.style.overflow = '';\n \/\/ clear iframe src to stop video\/stream when closed (optional performance)\n if (pdfIframe) {\n \/\/ small delay to avoid flicker but not necessary, but prevents ongoing loading\n setTimeout(() => {\n if (!lightbox.classList.contains('active')) {\n pdfIframe.src = '';\n }\n }, 200);\n }\n }\n }\n \n \/\/ Event listener for thumbnail click\n if (magazineCard) {\n magazineCard.addEventListener('click', (e) => {\n \/\/ ignore if the click bubbles from directPdfLink inside fallback, but it's not inside card. safe.\n openPdfLightbox();\n });\n }\n \n \/\/ Close button event\n if (closeBtn) {\n closeBtn.addEventListener('click', closeLightbox);\n }\n \n \/\/ Click on lightbox background (overlay) to close\n if (lightbox) {\n lightbox.addEventListener('click', (e) => {\n \/\/ if the clicked target is the lightbox background itself (not inner content)\n if (e.target === lightbox) {\n closeLightbox();\n }\n });\n }\n \n \/\/ Escape key support\n document.addEventListener('keydown', (e) => {\n if (e.key === 'Escape' && lightbox && lightbox.classList.contains('active')) {\n closeLightbox();\n }\n });\n \n \/\/ Preload \/ set fallback link text if needed, also ensure that if thumbnail image fails to load we have placeholder.\n \/\/ Ensure the embedded PDF viewer has appropriate parameters for better compatibility\n if (embedPdfUrl && pdfIframe) {\n \/\/ we will set the src when opened, not before to avoid autoplay\n }\n \n \/\/ Additional: Provide a console log for verification\n console.log(\"BankInsure Today interactive magazine ready \u2014 click cover to view PDF.\");\n \n \/\/ If PDF fails to load in iframe due to google policies, the fallback message provides direct link.\n \/\/ Also set initial iframe empty\n if (pdfIframe) pdfIframe.src = \"\";\n \n \/\/ Optional: Enhance thumbnail hover\n const thumbImg = document.querySelector('.thumb-img img');\n if (thumbImg && !thumbImg.complete) {\n thumbImg.addEventListener('error', () => {\n \/\/ already handled by onerror attribute but keep extra fallback\n if (thumbImg.src !== 'https:\/\/placehold.co\/600x800\/1e2f3f\/white?text=BankInsure+Today') {\n thumbImg.src = 'https:\/\/placehold.co\/600x800\/1e2f3f\/white?text=BankInsure+Today';\n }\n });\n }\n })();\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>BankInsure Today | Magazine Launch LAUNCH ISSUE BankInsure Today Where banking meets insurance \u2014 dialogue, discovery & inspiration Happy to launch \u2014 BankInsure Today is more than just news and […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth.php","meta":{"footnotes":""},"class_list":["post-1004","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fbs.vau.ac.lk\/fa\/wp-json\/wp\/v2\/pages\/1004","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fbs.vau.ac.lk\/fa\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fbs.vau.ac.lk\/fa\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fbs.vau.ac.lk\/fa\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/fbs.vau.ac.lk\/fa\/wp-json\/wp\/v2\/comments?post=1004"}],"version-history":[{"count":1,"href":"https:\/\/fbs.vau.ac.lk\/fa\/wp-json\/wp\/v2\/pages\/1004\/revisions"}],"predecessor-version":[{"id":1006,"href":"https:\/\/fbs.vau.ac.lk\/fa\/wp-json\/wp\/v2\/pages\/1004\/revisions\/1006"}],"wp:attachment":[{"href":"https:\/\/fbs.vau.ac.lk\/fa\/wp-json\/wp\/v2\/media?parent=1004"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1004,"date":"2026-06-01T09:02:12","date_gmt":"2026-06-01T09:02:12","guid":{"rendered":"https:\/\/fbs.vau.ac.lk\/fa\/?page_id=1004"},"modified":"2026-06-01T09:02:14","modified_gmt":"2026-06-01T09:02:14","slug":"club-magazines","status":"publish","type":"page","link":"https:\/\/fbs.vau.ac.lk\/fa\/club-magazines\/","title":{"rendered":"Club Magazines"},"content":{"rendered":"\n\n\n\n \n \n BankInsure Today | Magazine Launch<\/title>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,600;14..32,700&display=swap\" rel=\"stylesheet\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n background: linear-gradient(145deg, #f0f4f8 0%, #e6edf4 100%);\n font-family: 'Inter', sans-serif;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n padding: 2rem;\n }\n\n \/* main card container *\/\n .magazine-container {\n max-width: 1280px;\n width: 100%;\n background: #ffffff;\n border-radius: 2.5rem;\n box-shadow: 0 25px 45px -12px rgba(0, 0, 0, 0.25), 0 8px 18px rgba(0, 0, 0, 0.05);\n overflow: hidden;\n transition: all 0.2s ease;\n }\n\n \/* hero \/ header area *\/\n .hero-section {\n background: #0a2540;\n padding: 2.5rem 2.5rem 1.8rem 2.5rem;\n color: white;\n border-bottom: 5px solid #f5a623;\n }\n\n .badge {\n display: inline-block;\n background: rgba(245, 166, 35, 0.2);\n backdrop-filter: blur(2px);\n padding: 0.3rem 1rem;\n border-radius: 40px;\n font-size: 0.75rem;\n font-weight: 600;\n letter-spacing: 0.5px;\n text-transform: uppercase;\n margin-bottom: 1.2rem;\n border: 1px solid rgba(245, 166, 35, 0.5);\n }\n\n .hero-section h1 {\n font-size: 3rem;\n font-weight: 700;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 1rem;\n }\n\n .hero-section h1 span {\n color: #f5a623;\n }\n\n .tagline {\n font-size: 1.2rem;\n font-weight: 400;\n opacity: 0.9;\n max-width: 85%;\n border-left: 3px solid #f5a623;\n padding-left: 1.2rem;\n margin-top: 0.5rem;\n }\n\n \/* main content *\/\n .content-panel {\n padding: 2.8rem 2.5rem 2.5rem 2.5rem;\n }\n\n .intro-text {\n font-size: 1.1rem;\n line-height: 1.5;\n color: #1f2f3e;\n margin-bottom: 2.5rem;\n background: #f9fafc;\n padding: 1.4rem 2rem;\n border-radius: 1.5rem;\n border: 1px solid #e9edf2;\n }\n\n .intro-text p {\n margin-bottom: 1rem;\n }\n\n .intro-text p:last-child {\n margin-bottom: 0;\n }\n\n .highlight {\n font-weight: 600;\n color: #0a2540;\n background: linear-gradient(120deg, #fdf8e7 0%, #fef3db 100%);\n padding: 0 0.2rem;\n }\n\n \/* thumbnail grid \/ center *\/\n .thumbnail-showcase {\n display: flex;\n justify-content: center;\n margin: 2rem 0 1rem;\n }\n\n .magazine-card {\n background: #ffffff;\n border-radius: 1.8rem;\n box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.2);\n transition: transform 0.25s ease, box-shadow 0.3s ease;\n cursor: pointer;\n max-width: 380px;\n width: 100%;\n border: 1px solid #eef2f8;\n overflow: hidden;\n }\n\n .magazine-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 28px 40px -16px rgba(0, 0, 0, 0.3);\n }\n\n .thumb-img {\n width: 100%;\n display: block;\n background: #f2f5f9;\n transition: opacity 0.2s;\n }\n\n .thumb-img img {\n width: 100%;\n height: auto;\n display: block;\n object-fit: cover;\n }\n\n .card-caption {\n padding: 1.2rem 1.5rem 1.5rem;\n text-align: center;\n background: white;\n }\n\n .card-caption h3 {\n font-size: 1.4rem;\n font-weight: 700;\n color: #0a2540;\n margin-bottom: 0.3rem;\n }\n\n .card-caption p {\n color: #5b6f82;\n font-size: 0.9rem;\n margin-top: 0.25rem;\n }\n\n .view-pdf-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n background: #f5a62310;\n border: 1px solid #f5a62340;\n border-radius: 60px;\n padding: 0.4rem 1rem;\n margin-top: 0.8rem;\n font-size: 0.8rem;\n font-weight: 500;\n color: #c47d2b;\n transition: all 0.2s;\n }\n\n .magazine-card:hover .view-pdf-badge {\n background: #f5a62320;\n border-color: #f5a623;\n }\n\n \/* Lightbox modal (PDF viewer) *\/\n .lightbox {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.85);\n backdrop-filter: blur(8px);\n z-index: 1000;\n justify-content: center;\n align-items: center;\n padding: 1.5rem;\n box-sizing: border-box;\n }\n\n .lightbox.active {\n display: flex;\n animation: fadeIn 0.25s ease;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n\n .lightbox-content {\n background: #1e2a36;\n border-radius: 1.5rem;\n width: 90%;\n max-width: 1100px;\n height: 85vh;\n display: flex;\n flex-direction: column;\n box-shadow: 0 30px 50px rgba(0, 0, 0, 0.5);\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.2);\n }\n\n .lightbox-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n background: #0f1a24;\n color: white;\n }\n\n .lightbox-header h3 {\n font-weight: 500;\n font-size: 1.2rem;\n letter-spacing: -0.2px;\n }\n\n .close-lightbox {\n background: none;\n border: none;\n color: #fff;\n font-size: 1.8rem;\n cursor: pointer;\n line-height: 1;\n transition: transform 0.1s;\n padding: 0 0.5rem;\n }\n\n .close-lightbox:hover {\n color: #f5a623;\n transform: scale(1.1);\n }\n\n .pdf-frame {\n flex: 1;\n width: 100%;\n border: none;\n background: #eef2f6;\n }\n\n .fallback-message {\n background: #fef2e0;\n padding: 0.6rem 1rem;\n text-align: center;\n font-size: 0.8rem;\n border-top: 1px solid #ffdfb3;\n color: #a1621a;\n }\n\n \/* footer info *\/\n .footer-note {\n margin-top: 2.5rem;\n text-align: center;\n font-size: 0.8rem;\n color: #6b7c93;\n border-top: 1px solid #e2e8f0;\n padding-top: 1.8rem;\n display: flex;\n justify-content: center;\n gap: 1.8rem;\n flex-wrap: wrap;\n }\n\n .footer-note span {\n display: inline-flex;\n align-items: center;\n gap: 0.3rem;\n }\n\n \/* responsive *\/\n @media (max-width: 720px) {\n .hero-section h1 {\n font-size: 2rem;\n }\n .tagline {\n font-size: 1rem;\n max-width: 100%;\n }\n .content-panel {\n padding: 1.8rem;\n }\n .intro-text {\n padding: 1rem 1.2rem;\n }\n .lightbox-content {\n width: 95%;\n height: 80vh;\n }\n }\n @media (max-width: 480px) {\n .hero-section {\n padding: 1.5rem;\n }\n .card-caption h3 {\n font-size: 1.2rem;\n }\n }\n .btn-icon {\n cursor: pointer;\n }\n a, .magazine-card {\n cursor: pointer;\n }\n <\/style>\n<\/head>\n<body>\n<div class=\"magazine-container\">\n <div class=\"hero-section\">\n <div class=\"badge\"> LAUNCH ISSUE<\/div>\n <h1><span>BankInsure<\/span> Today<\/h1>\n <div class=\"tagline\">Where banking meets insurance \u2014 dialogue, discovery & inspiration<\/div>\n <\/div>\n\n <div class=\"content-panel\">\n <div class=\"intro-text\">\n <p> <strong class=\"highlight\">Happy to launch<\/strong> \u2014 <strong>BankInsure Today<\/strong> is more than just news and updates; it’s a <strong>platform for dialogue, discovery, and inspiration<\/strong>. Within these pages, you’ll find diverse voices sharing knowledge, fresh perspectives challenging norms, and stories that illustrate the ever-evolving landscape of banking and insurance.<\/p>\n <p> Our inaugural edition brings together industry leaders, innovators, and changemakers. Click the magazine cover below to explore the full digital edition (PDF). Immerse yourself in insightful articles, market analysis, and future-forward strategies.<\/p>\n <\/div>\n\n \n <div class=\"thumbnail-showcase\">\n <div class=\"magazine-card\" id=\"magazineThumbnail\">\n <div class=\"thumb-img\">\n \n <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/fa\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-01-142850.png\" \n alt=\"BankInsure Today Magazine Cover - click to view PDF\"\n onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/600x800\/1e2f3f\/white?text=BankInsure+Today';\"\n >\n <\/div>\n <div class=\"card-caption\">\n <h3>BankInsure Today \u2022 Spring 2026<\/h3>\n <p>Premier Edition | Risk & Resilience<\/p>\n <div class=\"view-pdf-badge\">\n \ud83d\udcc4 Click to read full magazine (PDF)\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/div>\n\n\n<div id=\"pdfLightbox\" class=\"lightbox\">\n <div class=\"lightbox-content\">\n <div class=\"lightbox-header\">\n <h3>\ud83d\udcd6 BankInsure Today \u2014 Full Magazine (PDF)<\/h3>\n <button class=\"close-lightbox\" id=\"closeLightboxBtn\" aria-label=\"Close PDF viewer\">×<\/button>\n <\/div>\n \n \n <iframe class=\"pdf-frame\" id=\"pdfIframe\" src=\"\" title=\"BankInsure Today Magazine\"><\/iframe>\n \n <\/div>\n<\/div>\n\n<script>\n (function() {\n \/\/ Original Google Drive file ID extraction\n const driveUrl = \"https:\/\/drive.google.com\/file\/d\/1Ag_q4aW_jd9eZ_bnv3Kio_FdAwvvMP7A\/view?usp=sharing\";\n \/\/ Extract file ID using regex\n let fileId = null;\n const match = driveUrl.match(\/\\\/file\\\/d\\\/([a-zA-Z0-9_-]+)\/);\n if (match && match[1]) {\n fileId = match[1];\n } else {\n \/\/ fallback: try to extract from pattern (if url differs)\n const altMatch = driveUrl.match(\/id=([a-zA-Z0-9_-]+)\/);\n if (altMatch && altMatch[1]) fileId = altMatch[1];\n }\n \n \/\/ Build embeddable preview URL (official google drive embed)\n const embedPdfUrl = fileId ? `https:\/\/drive.google.com\/file\/d\/${fileId}\/preview` : \"\";\n \/\/ Direct download\/view link for \"new tab\" fallback\n const directViewUrl = fileId ? `https:\/\/drive.google.com\/file\/d\/${fileId}\/view?usp=sharing` : driveUrl;\n \n \/\/ DOM elements\n const lightbox = document.getElementById('pdfLightbox');\n const pdfIframe = document.getElementById('pdfIframe');\n const closeBtn = document.getElementById('closeLightboxBtn');\n const magazineCard = document.getElementById('magazineThumbnail');\n const directPdfLink = document.getElementById('directPdfLink');\n \n \/\/ Function to open lightbox and load PDF\n function openPdfLightbox() {\n if (pdfIframe && embedPdfUrl) {\n pdfIframe.src = embedPdfUrl;\n } else if (pdfIframe && !embedPdfUrl) {\n \/\/ if somehow fileId missing, show fallback content but still try to use direct view inside iframe?\n pdfIframe.src = directViewUrl;\n console.warn(\"Using direct view URL due to missing embed conversion\");\n }\n if (lightbox) {\n lightbox.classList.add('active');\n document.body.style.overflow = 'hidden'; \/\/ prevent background scrolling\n }\n \/\/ Update fallback link to open in new tab correctly\n if (directPdfLink) {\n directPdfLink.href = directViewUrl;\n }\n }\n \n \/\/ Close lightbox function\n function closeLightbox() {\n if (lightbox) {\n lightbox.classList.remove('active');\n document.body.style.overflow = '';\n \/\/ clear iframe src to stop video\/stream when closed (optional performance)\n if (pdfIframe) {\n \/\/ small delay to avoid flicker but not necessary, but prevents ongoing loading\n setTimeout(() => {\n if (!lightbox.classList.contains('active')) {\n pdfIframe.src = '';\n }\n }, 200);\n }\n }\n }\n \n \/\/ Event listener for thumbnail click\n if (magazineCard) {\n magazineCard.addEventListener('click', (e) => {\n \/\/ ignore if the click bubbles from directPdfLink inside fallback, but it's not inside card. safe.\n openPdfLightbox();\n });\n }\n \n \/\/ Close button event\n if (closeBtn) {\n closeBtn.addEventListener('click', closeLightbox);\n }\n \n \/\/ Click on lightbox background (overlay) to close\n if (lightbox) {\n lightbox.addEventListener('click', (e) => {\n \/\/ if the clicked target is the lightbox background itself (not inner content)\n if (e.target === lightbox) {\n closeLightbox();\n }\n });\n }\n \n \/\/ Escape key support\n document.addEventListener('keydown', (e) => {\n if (e.key === 'Escape' && lightbox && lightbox.classList.contains('active')) {\n closeLightbox();\n }\n });\n \n \/\/ Preload \/ set fallback link text if needed, also ensure that if thumbnail image fails to load we have placeholder.\n \/\/ Ensure the embedded PDF viewer has appropriate parameters for better compatibility\n if (embedPdfUrl && pdfIframe) {\n \/\/ we will set the src when opened, not before to avoid autoplay\n }\n \n \/\/ Additional: Provide a console log for verification\n console.log(\"BankInsure Today interactive magazine ready \u2014 click cover to view PDF.\");\n \n \/\/ If PDF fails to load in iframe due to google policies, the fallback message provides direct link.\n \/\/ Also set initial iframe empty\n if (pdfIframe) pdfIframe.src = \"\";\n \n \/\/ Optional: Enhance thumbnail hover\n const thumbImg = document.querySelector('.thumb-img img');\n if (thumbImg && !thumbImg.complete) {\n thumbImg.addEventListener('error', () => {\n \/\/ already handled by onerror attribute but keep extra fallback\n if (thumbImg.src !== 'https:\/\/placehold.co\/600x800\/1e2f3f\/white?text=BankInsure+Today') {\n thumbImg.src = 'https:\/\/placehold.co\/600x800\/1e2f3f\/white?text=BankInsure+Today';\n }\n });\n }\n })();\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>BankInsure Today | Magazine Launch LAUNCH ISSUE BankInsure Today Where banking meets insurance \u2014 dialogue, discovery & inspiration Happy to launch \u2014 BankInsure Today is more than just news and […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth.php","meta":{"footnotes":""},"class_list":["post-1004","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fbs.vau.ac.lk\/fa\/wp-json\/wp\/v2\/pages\/1004","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fbs.vau.ac.lk\/fa\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fbs.vau.ac.lk\/fa\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fbs.vau.ac.lk\/fa\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/fbs.vau.ac.lk\/fa\/wp-json\/wp\/v2\/comments?post=1004"}],"version-history":[{"count":1,"href":"https:\/\/fbs.vau.ac.lk\/fa\/wp-json\/wp\/v2\/pages\/1004\/revisions"}],"predecessor-version":[{"id":1006,"href":"https:\/\/fbs.vau.ac.lk\/fa\/wp-json\/wp\/v2\/pages\/1004\/revisions\/1006"}],"wp:attachment":[{"href":"https:\/\/fbs.vau.ac.lk\/fa\/wp-json\/wp\/v2\/media?parent=1004"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}