{"id":1724,"date":"2025-10-30T06:14:23","date_gmt":"2025-10-30T06:14:23","guid":{"rendered":"https:\/\/fbs.vau.ac.lk\/pm\/?page_id=1724"},"modified":"2025-10-30T06:20:36","modified_gmt":"2025-10-30T06:20:36","slug":"pages-of-reminiscence-2","status":"publish","type":"page","link":"https:\/\/fbs.vau.ac.lk\/pm\/pages-of-reminiscence-2\/","title":{"rendered":"Pages of Reminiscence 2016\/2017"},"content":{"rendered":"\n<!-- Animated Page Viewer with Unique IDs -->\n<section id=\"page-viewer-section\" style=\"background-color:#f4f7ff; padding:60px 20px;\">\n  <div id=\"page-viewer-wrapper\">\n    \n    <!-- Page Container -->\n    <div id=\"page-viewer-container\">\n      <div id=\"page-viewer-pages\">\n        <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2025\/10\/page1.jpg\" alt=\"Page 1\" class=\"pv-page active\">\n        <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2025\/10\/page3.jpg\" alt=\"Page 3\" class=\"pv-page\">\n        <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2025\/10\/page2.jpg\" alt=\"Page 2\" class=\"pv-page\">\n        <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2025\/10\/page4.jpg\" alt=\"Page 4\" class=\"pv-page\">\n        <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2025\/10\/page5.jpg\" alt=\"Page 5\" class=\"pv-page\">\n        <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2025\/10\/page6.jpg\" alt=\"Page 6\" class=\"pv-page\">\n        <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2025\/10\/page7.jpg\" alt=\"Page 7\" class=\"pv-page\">\n        <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2025\/10\/page8.jpg\" alt=\"Page 8\" class=\"pv-page\">\n        <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2025\/10\/page9.jpg\" alt=\"Page 9\" class=\"pv-page\">\n        <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2025\/10\/page10.jpg\" alt=\"Page 10\" class=\"pv-page\">\n        <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2025\/10\/page11.jpg\" alt=\"Page 11\" class=\"pv-page\">\n        <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2025\/10\/page12.jpg\" alt=\"Page 12\" class=\"pv-page\">\n        <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2025\/10\/page13.jpg\" alt=\"Page 13\" class=\"pv-page\">\n        <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2025\/10\/page14.jpg\" alt=\"Page 14\" class=\"pv-page\">\n        <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2025\/10\/page15.jpg\" alt=\"Page 15\" class=\"pv-page\">\n        <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2025\/10\/page16.jpg\" alt=\"Page 16\" class=\"pv-page\">\n        <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2025\/10\/page17.jpg\" alt=\"Page 17\" class=\"pv-page\">\n        <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2025\/10\/page18.jpg\" alt=\"Page 18\" class=\"pv-page\">\n        <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2025\/10\/page19.jpg\" alt=\"Page 19\" class=\"pv-page\">\n        <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2025\/10\/page20.jpg\" alt=\"Page 20\" class=\"pv-page\">\n        <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2025\/10\/page21.jpg\" alt=\"Page 21\" class=\"pv-page\">\n        <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2025\/10\/page22.jpg\" alt=\"Page 22\" class=\"pv-page\">\n        <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2025\/10\/page23.jpg\" alt=\"Page 23\" class=\"pv-page\">\n        <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2025\/10\/page24.jpg\" alt=\"Page 24\" class=\"pv-page\">\n        <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2025\/10\/page25.jpg\" alt=\"Page 25\" class=\"pv-page\">\n        <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2025\/10\/page26.jpg\" alt=\"Page 26\" class=\"pv-page\">\n        <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2025\/10\/page27.jpg\" alt=\"Page 27\" class=\"pv-page\">\n        <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2025\/10\/page28.jpg\" alt=\"Page 28\" class=\"pv-page\">\n        <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2025\/10\/page29.jpg\" alt=\"Page 29\" class=\"pv-page\">\n        <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2025\/10\/page30.jpg\" alt=\"Page 30\" class=\"pv-page\">\n        <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2025\/10\/page31.jpg\" alt=\"Page 31\" class=\"pv-page\">\n        <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2025\/10\/page32.jpg\" alt=\"Page 32\" class=\"pv-page\">\n      <\/div>\n\n      <!-- Navigation Buttons -->\n      <button id=\"pv-prev-btn\" class=\"pv-nav-btn\">\u276e<\/button>\n      <button id=\"pv-next-btn\" class=\"pv-nav-btn\">\u276f<\/button>\n    <\/div>\n\n    <!-- Thumbnails -->\n    <div id=\"pv-thumbnails\">\n      <!-- thumbnails auto-generated via JS -->\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  #page-viewer-section {\n    text-align: center;\n    font-family: 'Poppins', sans-serif;\n  }\n  #page-viewer-container {\n    position: relative;\n    display: inline-block;\n    width: 80%;\n    max-width: 800px;\n    perspective: 2000px;\n  }\n  #page-viewer-pages {\n    position: relative;\n    width: 100%;\n    height: auto;\n  }\n  .pv-page {\n    display: none;\n    width: 100%;\n    border-radius: 12px;\n    box-shadow: 0 6px 25px rgba(0,0,0,0.25);\n    transition: transform 1s ease, opacity 0.8s ease;\n    transform-origin: center right;\n  }\n  .pv-page.active {\n    display: block;\n    animation: pvFlipIn 1s ease forwards;\n  }\n  @keyframes pvFlipIn {\n    from { transform: rotateY(-90deg); opacity: 0; }\n    to { transform: rotateY(0deg); opacity: 1; }\n  }\n  .pv-nav-btn {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    background-color: rgba(0,0,0,0.4);\n    color: white;\n    border: none;\n    border-radius: 50%;\n    width: 50px;\n    height: 50px;\n    cursor: pointer;\n    font-size: 24px;\n    transition: 0.3s;\n  }\n  #pv-prev-btn { left: -60px; }\n  #pv-next-btn { right: -60px; }\n  .pv-nav-btn:hover {\n    background-color: #0b2b59;\n    transform: translateY(-50%) scale(1.1);\n  }\n  #pv-thumbnails {\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 10px;\n    margin-top: 25px;\n  }\n  #pv-thumbnails img {\n    width: 70px;\n    height: 90px;\n    object-fit: cover;\n    border-radius: 6px;\n    cursor: pointer;\n    opacity: 0.6;\n    transition: transform 0.3s, opacity 0.3s;\n  }\n  #pv-thumbnails img:hover {\n    transform: scale(1.1);\n    opacity: 1;\n  }\n  #pv-thumbnails img.active-thumb {\n    border: 3px solid #0b2b59;\n    opacity: 1;\n  }\n  @media (max-width:768px){\n    #pv-prev-btn{left:-40px;}\n    #pv-next-btn{right:-40px;}\n  }\n<\/style>\n\n<script>\n  const pages = document.querySelectorAll('.pv-page');\n  const prevBtn = document.getElementById('pv-prev-btn');\n  const nextBtn = document.getElementById('pv-next-btn');\n  const thumbsContainer = document.getElementById('pv-thumbnails');\n  let current = 0;\n\n  \/\/ Generate thumbnails\n  pages.forEach((img, index) => {\n    const thumb = document.createElement('img');\n    thumb.src = img.src;\n    thumb.addEventListener('click', () => showPage(index));\n    thumbsContainer.appendChild(thumb);\n  });\n  const thumbs = thumbsContainer.querySelectorAll('img');\n\n  function showPage(index) {\n    pages[current].classList.remove('active');\n    thumbs[current].classList.remove('active-thumb');\n    current = (index + pages.length) % pages.length;\n    pages[current].classList.add('active');\n    thumbs[current].classList.add('active-thumb');\n  }\n\n  prevBtn.addEventListener('click', () => showPage(current - 1));\n  nextBtn.addEventListener('click', () => showPage(current + 1));\n\n  \/\/ Initialize first\n  pages[0].classList.add('active');\n  thumbs[0].classList.add('active-thumb');\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>\u276e \u276f<\/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-1724","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fbs.vau.ac.lk\/pm\/wp-json\/wp\/v2\/pages\/1724","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fbs.vau.ac.lk\/pm\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fbs.vau.ac.lk\/pm\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fbs.vau.ac.lk\/pm\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/fbs.vau.ac.lk\/pm\/wp-json\/wp\/v2\/comments?post=1724"}],"version-history":[{"count":5,"href":"https:\/\/fbs.vau.ac.lk\/pm\/wp-json\/wp\/v2\/pages\/1724\/revisions"}],"predecessor-version":[{"id":1731,"href":"https:\/\/fbs.vau.ac.lk\/pm\/wp-json\/wp\/v2\/pages\/1724\/revisions\/1731"}],"wp:attachment":[{"href":"https:\/\/fbs.vau.ac.lk\/pm\/wp-json\/wp\/v2\/media?parent=1724"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}