{"id":1406,"date":"2026-10-19T17:28:42","date_gmt":"2026-10-19T17:28:42","guid":{"rendered":"https:\/\/fsc.jfn.ac.lk\/?page_id=1406"},"modified":"2026-10-19T17:44:24","modified_gmt":"2026-10-19T17:44:24","slug":"news-saraswathi-pooja","status":"publish","type":"page","link":"https:\/\/fsc.jfn.ac.lk\/index.php\/news-saraswathi-pooja\/","title":{"rendered":"News Saraswathi Pooja"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1406\" class=\"elementor elementor-1406\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da44488 e-flex e-con-boxed e-con e-parent\" data-id=\"da44488\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f7258bc elementor-widget elementor-widget-html\" data-id=\"f7258bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     FULL NEWS PAGE TEMPLATE (Saraswathi Pooja news page)\r\n     WITH AUTO-FIT IMAGE GALLERY (works for 1 to 20+ images)\r\n\r\n     HOW TO USE FOR EACH NEW NEWS ITEM\r\n     1. WordPress > Pages > Add New (or duplicate the previous news page).\r\n     2. Set the page title + permalink.\r\n     3. Add an Elementor HTML widget and paste this whole file.\r\n     4. Change ONLY the parts marked  EDIT.\r\n     5. IMAGES: find the block \"IMAGE GALLERY\" below.\r\n        - ONE LINE = ONE IMAGE:  <img decoding=\"async\" src=\"PASTE-URL-HERE\">\r\n        - Add an image  -> copy a line, paste a new URL\r\n        - Remove image  -> delete the line\r\n        The layout adjusts itself automatically (1, 4, 16, 20 ... any number).\r\n     ============================================================ -->\r\n\r\n<style>\r\n  .dof-art-wrap * { box-sizing: border-box; margin: 0; padding: 0; }\r\n  .dof-art-wrap { font-family: 'Georgia', 'Times New Roman', serif; background: #fff; }\r\n  .dof-art-section { padding: 70px 24px 90px; }\r\n  .dof-art-inner { max-width: 880px; margin: 0 auto; }\r\n\r\n  .dof-art-back { display: inline-flex; align-items: center; gap: 8px; font-family: Arial, sans-serif; font-weight: 700; font-size: 14.5px; color: #2563eb; border: 1.5px solid #2563eb; padding: 10px 20px; border-radius: 8px; text-decoration: none; cursor: pointer; background: transparent; transition: background .2s, color .2s; }\r\n  .dof-art-back:hover { background: #2563eb; color: #fff; }\r\n  .dof-art-back svg { width: 16px; height: 16px; }\r\n\r\n  .dof-art-meta { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin: 34px 0 16px; font-family: Arial, sans-serif; }\r\n  .dof-art-badge { background: #eff6ff; color: #2563eb; font-weight: 700; font-size: 12.5px; padding: 6px 14px; border-radius: 999px; }\r\n  .dof-art-date { display: flex; align-items: center; gap: 7px; font-size: 13.5px; color: #94a3b8; }\r\n  .dof-art-date svg { width: 14px; height: 14px; }\r\n\r\n  .dof-art-title { font-size: 34px; font-weight: 800; color: #0f172a; line-height: 1.3; margin-bottom: 28px; }\r\n\r\n  .dof-art-body p { font-family: Arial, sans-serif; font-size: 16.5px; line-height: 1.85; color: #334155; margin-bottom: 20px; }\r\n\r\n  .dof-art-footer { margin-top: 44px; padding-top: 28px; border-top: 1px solid #e2e8f0; }\r\n\r\n  \/* ---------- AUTO-FIT GALLERY ---------- *\/\r\n  .dof-gal { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 34px; --cols: 3; --h: 240px; }\r\n  .dof-gal img {\r\n    flex: 1 1 calc((100% - (var(--cols) - 1) * 12px) \/ var(--cols) - 0.5px);\r\n    min-width: 0; height: var(--h); object-fit: cover; display: block;\r\n    border-radius: 12px; cursor: zoom-in; background: #f1f5f9;\r\n    box-shadow: 0 6px 18px rgba(15,23,42,.10); transition: transform .25s, box-shadow .25s;\r\n  }\r\n  .dof-gal img:hover { transform: scale(1.015); box-shadow: 0 10px 26px rgba(15,23,42,.18); }\r\n  .dof-gal[data-cols=\"1\"] { --h: 440px; }\r\n  .dof-gal[data-cols=\"1\"] img { border-radius: 16px; box-shadow: 0 10px 30px rgba(15,23,42,.12); }\r\n  .dof-gal[data-cols=\"2\"] { --h: 300px; }\r\n  .dof-gal[data-cols=\"3\"] { --h: 220px; }\r\n  .dof-gal[data-cols=\"4\"] { --h: 170px; }\r\n  .dof-gal[data-cols=\"5\"] { --h: 140px; }\r\n\r\n  \/* lightbox *\/\r\n  .dof-lb { position: fixed; inset: 0; background: rgba(15,23,42,.92); display: none; align-items: center; justify-content: center; z-index: 99999; }\r\n  .dof-lb.open { display: flex; }\r\n  .dof-lb img { max-width: 92vw; max-height: 86vh; border-radius: 8px; }\r\n  .dof-lb button { position: absolute; background: rgba(255,255,255,.15); color: #fff; border: 0; width: 46px; height: 46px; border-radius: 50%; font-size: 24px; cursor: pointer; font-family: Arial, sans-serif; }\r\n  .dof-lb button:hover { background: rgba(255,255,255,.3); }\r\n  .dof-lb .x { top: 18px; right: 18px; }\r\n  .dof-lb .p { left: 18px; top: 50%; transform: translateY(-50%); }\r\n  .dof-lb .n { right: 18px; top: 50%; transform: translateY(-50%); }\r\n  .dof-lb .c { position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%); color: #cbd5e1; font: 13px Arial, sans-serif; }\r\n\r\n  @media (max-width: 767px) {\r\n    .dof-art-section { padding: 44px 18px 60px; }\r\n    .dof-art-title { font-size: 25px; }\r\n    .dof-art-body p { font-size: 15.5px; }\r\n    \/* phones: always 2 per row (single image stays full width) *\/\r\n    .dof-gal:not([data-cols=\"1\"]) { --cols: 2 !important; --h: 150px !important; }\r\n    .dof-gal[data-cols=\"1\"] { --h: 240px; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"dof-art-wrap\">\r\n  <div class=\"dof-art-section\">\r\n    <div class=\"dof-art-inner\">\r\n\r\n      <!-- BACK BUTTON (top) -->\r\n      <a href=\"https:\/\/fsc.jfn.ac.lk\/index.php\/news-events\/\" class=\"dof-art-back\" onclick=\"if(document.referrer && document.referrer.indexOf(location.hostname)>-1){history.back();return false;}\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12 19 5 12 12 5\"\/><\/svg>\r\n        Back to News\r\n      <\/a>\r\n\r\n      <div class=\"dof-art-meta\">\r\n        <span class=\"dof-art-badge\"><!-- EDIT-CATEGORY -->Event<\/span>\r\n        <span class=\"dof-art-date\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#94a3b8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n          <!-- EDIT-DATE -->October 19, 2026\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <h1 class=\"dof-art-title\"><!-- EDIT-TITLE -->Department of Fisheries Celebrates Its First Saraswathi Pooja at the Newly Opened Department Building<\/h1>\r\n\r\n      <!-- ===================== IMAGE GALLERY =====================\r\n           EDIT: ONE LINE = ONE IMAGE. Paste the URL from Media Library.\r\n           Add = copy a line | Remove = delete a line | Any number (1 to 20+) works.\r\n           Do not put anything else inside this block.\r\n           ========================================================= -->\r\n      <div class=\"dof-gal\">\r\n        <img decoding=\"async\" src=\"https:\/\/fsc.jfn.ac.lk\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-19-at-21.38.25-2.jpeg\" alt=\"Saraswathi Pooja celebration at the Department of Fisheries\">\r\n         <img decoding=\"async\" src=\"https:\/\/fsc.jfn.ac.lk\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-19-at-21.38.25.jpeg\" alt=\"Saraswathi Pooja celebration at the Department of Fisheries\">\r\n          <img decoding=\"async\" src=\"https:\/\/fsc.jfn.ac.lk\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-19-at-21.38.25-1.jpeg\" alt=\"Saraswathi Pooja celebration at the Department of Fisheries\">\r\n           <img decoding=\"async\" src=\"https:\/\/fsc.jfn.ac.lk\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-19-at-23.04.21-2.jpeg\" alt=\"Saraswathi Pooja celebration at the Department of Fisheries\">\r\n            <img decoding=\"async\" src=\"https:\/\/fsc.jfn.ac.lk\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-19-at-23.04.21-1.jpeg\" alt=\"Saraswathi Pooja celebration at the Department of Fisheries\">\r\n             <img decoding=\"async\" src=\"https:\/\/fsc.jfn.ac.lk\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-19-at-23.04.21.jpeg\" alt=\"Saraswathi Pooja celebration at the Department of Fisheries\">\r\n              <img decoding=\"async\" src=\"https:\/\/fsc.jfn.ac.lk\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-19-at-23.04.20.jpeg\" alt=\"Saraswathi Pooja celebration at the Department of Fisheries\">\r\n        <!-- To add more photos, copy the line above and paste a new URL, e.g.:\r\n        <img decoding=\"async\" src=\"PASTE-IMAGE-URL-HERE\" alt=\"Saraswathi Pooja celebration at the Department of Fisheries\">\r\n        -->\r\n      <\/div>\r\n      <!-- ================== END IMAGE GALLERY ================== -->\r\n\r\n      <!-- EDIT-CONTENT: one <p> per paragraph -->\r\n      <div class=\"dof-art-body\">\r\n        <p>The Department of Fisheries observed the Saraswathi Pooja on 19 October 2026, the first such celebration held in the newly opened departmental building.<\/p>\r\n        <p>Staff members and students of the Department of Fisheries Science, University of Jaffna, took part in the occasion, which marked a meaningful milestone for the department in its new premises.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Gallery script: do not edit. Picks the best column count and adds click-to-zoom. -->\r\n<script>\r\n(function () {\r\n  function bestCols(n) {\r\n    if (n <= 3) return n;          \/\/ 1, 2, 3 images: one row\r\n    if (n === 4) return 2;         \/\/ 2 x 2\r\n    var best = 4, bestGap = 99;\r\n    [4, 3, 5].forEach(function (c) { \/\/ prefer 4, then 3, then 5\r\n      var gap = (c - (n % c)) % c;   \/\/ empty slots in last row\r\n      if (gap < bestGap) { bestGap = gap; best = c; }\r\n    });\r\n    return best;\r\n  }\r\n\r\n  var lb = document.createElement('div');\r\n  lb.className = 'dof-lb';\r\n  lb.innerHTML = '<button class=\"x\" aria-label=\"Close\">&times;<\/button><button class=\"p\" aria-label=\"Previous\">&#8249;<\/button><img alt=\"\"><button class=\"n\" aria-label=\"Next\">&#8250;<\/button><div class=\"c\"><\/div>';\r\n  document.body.appendChild(lb);\r\n  var lbImg = lb.querySelector('img'), lbCount = lb.querySelector('.c'), list = [], idx = 0;\r\n\r\n  function show(i) {\r\n    idx = (i + list.length) % list.length;\r\n    lbImg.src = list[idx].src;\r\n    lbCount.textContent = (idx + 1) + ' \/ ' + list.length;\r\n  }\r\n  lb.querySelector('.x').onclick = function () { lb.classList.remove('open'); };\r\n  lb.querySelector('.p').onclick = function (e) { e.stopPropagation(); show(idx - 1); };\r\n  lb.querySelector('.n').onclick = function (e) { e.stopPropagation(); show(idx + 1); };\r\n  lb.onclick = function (e) { if (e.target === lb) lb.classList.remove('open'); };\r\n  document.addEventListener('keydown', function (e) {\r\n    if (!lb.classList.contains('open')) return;\r\n    if (e.key === 'Escape') lb.classList.remove('open');\r\n    if (e.key === 'ArrowLeft') show(idx - 1);\r\n    if (e.key === 'ArrowRight') show(idx + 1);\r\n  });\r\n\r\n  document.querySelectorAll('.dof-gal').forEach(function (g) {\r\n    var imgs = Array.prototype.slice.call(g.querySelectorAll('img'));\r\n    var cols = bestCols(imgs.length);\r\n    g.setAttribute('data-cols', cols);\r\n    g.style.setProperty('--cols', cols);\r\n    imgs.forEach(function (im, i) {\r\n      im.loading = 'lazy';\r\n      im.onclick = function () { list = imgs; show(i); lb.classList.add('open'); };\r\n    });\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ocean_front_end_style_editor":"no","ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","footnotes":""},"class_list":["post-1406","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/fsc.jfn.ac.lk\/index.php\/wp-json\/wp\/v2\/pages\/1406","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fsc.jfn.ac.lk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fsc.jfn.ac.lk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fsc.jfn.ac.lk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fsc.jfn.ac.lk\/index.php\/wp-json\/wp\/v2\/comments?post=1406"}],"version-history":[{"count":7,"href":"https:\/\/fsc.jfn.ac.lk\/index.php\/wp-json\/wp\/v2\/pages\/1406\/revisions"}],"predecessor-version":[{"id":1441,"href":"https:\/\/fsc.jfn.ac.lk\/index.php\/wp-json\/wp\/v2\/pages\/1406\/revisions\/1441"}],"wp:attachment":[{"href":"https:\/\/fsc.jfn.ac.lk\/index.php\/wp-json\/wp\/v2\/media?parent=1406"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}