{"id":1156,"date":"2026-09-10T15:29:05","date_gmt":"2026-09-10T15:29:05","guid":{"rendered":"https:\/\/fsc.jfn.ac.lk\/?page_id=1156"},"modified":"2026-09-10T15:41:37","modified_gmt":"2026-09-10T15:41:37","slug":"news-page","status":"publish","type":"page","link":"https:\/\/fsc.jfn.ac.lk\/index.php\/news-page\/","title":{"rendered":"News Page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1156\" class=\"elementor elementor-1156\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2271b47 e-flex e-con-boxed e-con e-parent\" data-id=\"2271b47\" 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-13aa97b elementor-widget elementor-widget-html\" data-id=\"13aa97b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  NEWS ARTICLE (DETAIL) PAGE\r\n  This is the page each \"Read More\" link on the News & Announcements\r\n  section should point to. Create ONE Elementor page per story (or one\r\n  template you duplicate for each story) and paste these containers in,\r\n  top to bottom, each into its own Elementor \"HTML\" widget.\r\n\r\n  >>> FOR FUTURE EDITORS WITH NO CODING EXPERIENCE <<<\r\n  There are 5 containers below, in the order they appear on the page:\r\n    1. Breadcrumb bar\r\n    2. Article header (category badge, title, date, share)\r\n    3. Hero image\r\n    4. Article body (the actual story text)\r\n    5. Related stories (3 other news cards at the bottom)\r\n\r\n  Every place you need to change something is marked EDIT-...\r\n  Category badge colors match the News section: Research (amber),\r\n  Event (blue), Achievement (teal), Partnership (purple).\r\n-->\r\n\r\n<style>\r\n  \/* Shared page styles \u2014 paste this <style> block ONCE per page,\r\n     e.g. inside the first HTML widget (Breadcrumb container). *\/\r\n\r\n  .art-page {\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    color: #14213d;\r\n  }\r\n\r\n  .art-wrap {\r\n    max-width: 820px;\r\n    margin: 0 auto;\r\n    padding: 0 24px;\r\n  }\r\n\r\n  \/* 1. Breadcrumb *\/\r\n  .art-breadcrumb-bar {\r\n    background: #f7f9fc;\r\n    border-bottom: 1px solid #eaedf2;\r\n    padding: 16px 24px;\r\n  }\r\n\r\n  .art-breadcrumb {\r\n    max-width: 820px;\r\n    margin: 0 auto;\r\n    font-size: 13px;\r\n    color: #9aa2b1;\r\n  }\r\n\r\n  .art-breadcrumb a {\r\n    color: #5b6472;\r\n    text-decoration: none;\r\n  }\r\n\r\n  .art-breadcrumb a:hover { color: #2f6fed; }\r\n\r\n  .art-breadcrumb span.art-current {\r\n    color: #14213d;\r\n    font-weight: 600;\r\n  }\r\n\r\n  \/* 2. Article header *\/\r\n  .art-header {\r\n    padding: 40px 24px 0;\r\n  }\r\n\r\n  .art-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 5px;\r\n    border-radius: 999px;\r\n    padding: 5px 14px;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .art-badge svg { width: 12px; height: 12px; }\r\n\r\n  .art-badge-research   { background: #fef3e2; color: #d97706; }\r\n  .art-badge-event      { background: #eaf1ff; color: #2f6fed; }\r\n  .art-badge-achievement{ background: #e6fbf8; color: #12b3a0; }\r\n  .art-badge-partnership{ background: #f2edff; color: #8b5cf6; }\r\n\r\n  .art-title {\r\n    font-family: Georgia, 'Times New Roman', serif;\r\n    font-size: 34px;\r\n    font-weight: 800;\r\n    line-height: 1.25;\r\n    color: #14213d;\r\n    margin: 0 0 20px;\r\n  }\r\n\r\n  .art-meta-row {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n    gap: 14px;\r\n    padding-bottom: 28px;\r\n    border-bottom: 1px solid #eaedf2;\r\n    margin-bottom: 32px;\r\n  }\r\n\r\n  .art-meta-left {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 18px;\r\n    font-size: 13.5px;\r\n    color: #9aa2b1;\r\n  }\r\n\r\n  .art-meta-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n  }\r\n\r\n  .art-meta-item svg { width: 14px; height: 14px; }\r\n\r\n  .art-share {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n  }\r\n\r\n  .art-share-label {\r\n    font-size: 12.5px;\r\n    font-weight: 600;\r\n    color: #9aa2b1;\r\n    margin-right: 4px;\r\n  }\r\n\r\n  .art-share a {\r\n    width: 34px;\r\n    height: 34px;\r\n    border-radius: 50%;\r\n    border: 1px solid #d7dce4;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #5b6472;\r\n    text-decoration: none;\r\n    transition: border-color 0.2s ease, color 0.2s ease;\r\n  }\r\n\r\n  .art-share a:hover {\r\n    border-color: #2f6fed;\r\n    color: #2f6fed;\r\n  }\r\n\r\n  .art-share svg { width: 15px; height: 15px; }\r\n\r\n  \/* 3. Hero image *\/\r\n  .art-hero {\r\n    padding: 0 24px;\r\n    margin-bottom: 32px;\r\n  }\r\n\r\n  .art-hero-inner {\r\n    max-width: 820px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .art-hero img {\r\n    width: 100%;\r\n    max-height: 440px;\r\n    object-fit: cover;\r\n    border-radius: 16px;\r\n    display: block;\r\n  }\r\n\r\n  .art-hero-caption {\r\n    font-size: 13px;\r\n    color: #9aa2b1;\r\n    margin-top: 10px;\r\n    text-align: center;\r\n  }\r\n\r\n  \/* 4. Article body *\/\r\n  .art-body {\r\n    padding: 0 24px 56px;\r\n  }\r\n\r\n  .art-body-inner {\r\n    max-width: 820px;\r\n    margin: 0 auto;\r\n    font-size: 16.5px;\r\n    line-height: 1.8;\r\n    color: #333c4d;\r\n  }\r\n\r\n  .art-body-inner p { margin: 0 0 22px; }\r\n\r\n  .art-body-inner h3 {\r\n    font-family: Georgia, 'Times New Roman', serif;\r\n    font-size: 22px;\r\n    font-weight: 800;\r\n    color: #14213d;\r\n    margin: 34px 0 16px;\r\n  }\r\n\r\n  .art-body-inner blockquote {\r\n    margin: 28px 0;\r\n    padding: 4px 0 4px 20px;\r\n    border-left: 3px solid #12b3a0;\r\n    font-style: italic;\r\n    color: #5b6472;\r\n  }\r\n\r\n  .art-tags {\r\n    margin-top: 36px;\r\n    padding-top: 24px;\r\n    border-top: 1px solid #eaedf2;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 8px;\r\n  }\r\n\r\n  .art-tag {\r\n    font-size: 12.5px;\r\n    font-weight: 600;\r\n    color: #5b6472;\r\n    background: #f7f9fc;\r\n    border: 1px solid #eaedf2;\r\n    border-radius: 999px;\r\n    padding: 6px 14px;\r\n    text-decoration: none;\r\n  }\r\n\r\n  .art-tag:hover { border-color: #2f6fed; color: #2f6fed; }\r\n\r\n  \/* 4b. Photo gallery (optional) *\/\r\n  .art-gallery {\r\n    padding: 0 24px 56px;\r\n  }\r\n\r\n  .art-gallery-inner {\r\n    max-width: 820px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .art-gallery-title {\r\n    font-family: Georgia, 'Times New Roman', serif;\r\n    font-size: 22px;\r\n    font-weight: 800;\r\n    color: #14213d;\r\n    margin: 0 0 18px;\r\n  }\r\n\r\n  .art-gallery-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 12px;\r\n  }\r\n\r\n  .art-gallery-item {\r\n    position: relative;\r\n    border-radius: 10px;\r\n    overflow: hidden;\r\n    cursor: zoom-in;\r\n    background: #e2e8f0;\r\n  }\r\n\r\n  .art-gallery-item img {\r\n    width: 100%;\r\n    height: 140px;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: transform 0.25s ease;\r\n  }\r\n\r\n  .art-gallery-item:hover img {\r\n    transform: scale(1.06);\r\n  }\r\n\r\n  .art-gallery-item::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: rgba(20, 33, 61, 0);\r\n    transition: background 0.2s ease;\r\n  }\r\n\r\n  .art-gallery-item:hover::after {\r\n    background: rgba(20, 33, 61, 0.15);\r\n  }\r\n\r\n  \/* First tile spans 2 columns + 2 rows for a featured look on desktop *\/\r\n  .art-gallery-grid .art-gallery-item:first-child {\r\n    grid-column: span 2;\r\n    grid-row: span 2;\r\n  }\r\n\r\n  .art-gallery-grid .art-gallery-item:first-child img {\r\n    height: 100%;\r\n    min-height: 292px;\r\n  }\r\n\r\n  @media (max-width: 560px) {\r\n    .art-gallery-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n    .art-gallery-grid .art-gallery-item:first-child {\r\n      grid-column: span 2;\r\n      grid-row: span 1;\r\n    }\r\n    .art-gallery-grid .art-gallery-item:first-child img {\r\n      min-height: 140px;\r\n    }\r\n  }\r\n\r\n  \/* Lightbox *\/\r\n  .art-lightbox {\r\n    display: none;\r\n    position: fixed;\r\n    inset: 0;\r\n    background: rgba(15, 23, 42, 0.92);\r\n    z-index: 9999;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 40px;\r\n  }\r\n\r\n  .art-lightbox.art-lightbox-open {\r\n    display: flex;\r\n  }\r\n\r\n  .art-lightbox img {\r\n    max-width: 100%;\r\n    max-height: 85vh;\r\n    border-radius: 8px;\r\n    box-shadow: 0 20px 50px rgba(0,0,0,0.4);\r\n  }\r\n\r\n  .art-lightbox-close,\r\n  .art-lightbox-prev,\r\n  .art-lightbox-next {\r\n    position: absolute;\r\n    background: rgba(255,255,255,0.12);\r\n    border: none;\r\n    color: #ffffff;\r\n    width: 42px;\r\n    height: 42px;\r\n    border-radius: 50%;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n    transition: background 0.2s ease;\r\n  }\r\n\r\n  .art-lightbox-close:hover,\r\n  .art-lightbox-prev:hover,\r\n  .art-lightbox-next:hover {\r\n    background: rgba(255,255,255,0.25);\r\n  }\r\n\r\n  .art-lightbox-close { top: 24px; right: 24px; }\r\n  .art-lightbox-prev { left: 24px; top: 50%; transform: translateY(-50%); }\r\n  .art-lightbox-next { right: 24px; top: 50%; transform: translateY(-50%); }\r\n\r\n  .art-lightbox-close svg,\r\n  .art-lightbox-prev svg,\r\n  .art-lightbox-next svg {\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n\r\n  .art-lightbox-counter {\r\n    position: absolute;\r\n    bottom: 24px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    color: #cbd5e1;\r\n    font-size: 13px;\r\n  }\r\n\r\n  \/* 5. Related stories *\/\r\n  .art-related {\r\n    background: #f7f9fc;\r\n    padding: 56px 24px;\r\n  }\r\n\r\n  .art-related-inner {\r\n    max-width: 1160px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .art-related-title {\r\n    font-size: 22px;\r\n    font-weight: 800;\r\n    color: #14213d;\r\n    margin: 0 0 24px;\r\n  }\r\n\r\n  .art-related-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 24px;\r\n  }\r\n\r\n  .art-rel-card {\r\n    background: #ffffff;\r\n    border: 1px solid #eaedf2;\r\n    border-radius: 14px;\r\n    overflow: hidden;\r\n    text-decoration: none;\r\n    display: block;\r\n    transition: box-shadow 0.2s ease, transform 0.2s ease;\r\n  }\r\n\r\n  .art-rel-card:hover {\r\n    box-shadow: 0 12px 28px rgba(20, 33, 61, 0.1);\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .art-rel-card img {\r\n    width: 100%;\r\n    height: 140px;\r\n    object-fit: cover;\r\n    display: block;\r\n  }\r\n\r\n  .art-rel-body { padding: 16px 18px; }\r\n\r\n  .art-rel-date {\r\n    font-size: 12px;\r\n    color: #9aa2b1;\r\n    margin: 0 0 8px;\r\n  }\r\n\r\n  .art-rel-name {\r\n    font-size: 14.5px;\r\n    font-weight: 700;\r\n    line-height: 1.35;\r\n    color: #9c3b23;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* Tablet *\/\r\n  @media (max-width: 900px) {\r\n    .art-related-grid { grid-template-columns: repeat(2, 1fr); }\r\n  }\r\n\r\n  \/* Mobile *\/\r\n  @media (max-width: 560px) {\r\n    .art-title { font-size: 26px; }\r\n    .art-meta-row { flex-direction: column; align-items: flex-start; }\r\n    .art-related-grid { grid-template-columns: 1fr; }\r\n  }\r\n<\/style>\r\n\r\n\r\n<!-- ============================================================\r\n     CONTAINER 1: BREADCRUMB BAR\r\n     ============================================================ -->\r\n<div class=\"art-page\">\r\n  <div class=\"art-breadcrumb-bar\">\r\n    <div class=\"art-breadcrumb\">\r\n      <a href=\"https:\/\/fsc.jfn.ac.lk\/index.php\/home\/\">Home<\/a> &nbsp;\/&nbsp;\r\n      <a href=\"https:\/\/fsc.jfn.ac.lk\/index.php\/news-events\/\">News &amp; Announcements<\/a> &nbsp;\/&nbsp;\r\n      <!-- EDIT-CRUMB: short version of the title -->\r\n      <span class=\"art-current\">Coastal Aquaculture Research Initiative<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n  <!-- ============================================================\r\n       CONTAINER 2: ARTICLE HEADER\r\n       Copy the badge <span> that matches this story's category from\r\n       the 4 options in the comment above the tag, delete the others.\r\n       ============================================================ -->\r\n  <div class=\"art-header\">\r\n    <div class=\"art-wrap\">\r\n\r\n      <!-- Category badge \u2014 pick ONE and delete the rest:\r\n        Research:    art-badge-research\r\n        Event:       art-badge-event\r\n        Achievement: art-badge-achievement\r\n        Partnership: art-badge-partnership\r\n      -->\r\n      <span class=\"art-badge art-badge-research\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"8\" r=\"3\" stroke=\"currentColor\" stroke-width=\"2\"\/><path d=\"M6 20c0-3.3 2.7-6 6-6s6 2.7 6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n        Research\r\n      <\/span>\r\n\r\n      <!-- EDIT-TITLE -->\r\n      <h1 class=\"art-title\">Department Launches New Coastal Aquaculture Research Initiative<\/h1>\r\n\r\n      <div class=\"art-meta-row\">\r\n        <div class=\"art-meta-left\">\r\n          <span class=\"art-meta-item\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/><path d=\"M3 10h18M8 3v4M16 3v4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n            <!-- EDIT-DATE -->\r\n            August 28, 2026\r\n          <\/span>\r\n          <span class=\"art-meta-item\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"8\" r=\"4\" stroke=\"currentColor\" stroke-width=\"2\"\/><path d=\"M4 20c0-4.4 3.6-8 8-8s8 3.6 8 8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n            <!-- EDIT-AUTHOR -->\r\n            Department of Fisheries\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"art-share\">\r\n          <span class=\"art-share-label\">Share:<\/span>\r\n          <!-- EDIT-SHARE-LINKS if you want working share buttons -->\r\n          <a href=\"#\" title=\"Share on Facebook\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M15 8h2V5h-2a4 4 0 0 0-4 4v2H9v3h2v7h3v-7h2.2l.8-3H14V9a1 1 0 0 1 1-1z\"\/><\/svg>\r\n          <\/a>\r\n          <a href=\"#\" title=\"Share on X\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 4l16 16M20 4L4 20\"\/><\/svg>\r\n          <\/a>\r\n          <a href=\"#\" title=\"Copy link\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M10 14a5 5 0 0 0 7 0l2-2a5 5 0 0 0-7-7l-1 1\"\/><path d=\"M14 10a5 5 0 0 0-7 0l-2 2a5 5 0 0 0 7 7l1-1\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n  <!-- ============================================================\r\n       CONTAINER 3: HERO IMAGE\r\n       ============================================================ -->\r\n  <div class=\"art-hero\">\r\n    <div class=\"art-hero-inner\">\r\n      <!-- EDIT-IMAGE: full-size version of the story photo -->\r\n      <img decoding=\"async\" src=\"https:\/\/fsc.jfn.ac.lk\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Aug-24-2026-11_51_16-AM.png\" alt=\"Coastal aquaculture research\">\r\n      <!-- EDIT-CAPTION (optional \u2014 delete the <p> if not needed) -->\r\n      <p class=\"art-hero-caption\">Researchers surveying an aquaculture site in the Northern Province.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n  <!-- ============================================================\r\n       CONTAINER 4: ARTICLE BODY\r\n       Replace the sample paragraphs with the real story. Use <h3>\r\n       for subheadings and <blockquote> for pull-quotes, as shown.\r\n       ============================================================ -->\r\n  <div class=\"art-body\">\r\n    <div class=\"art-body-inner\">\r\n\r\n      <!-- EDIT-BODY: replace all paragraphs below with the real article -->\r\n      <p>A multi-year project studying sustainable coastal aquaculture practices in the Northern Province has received funding from the National Science Foundation. The initiative, led by the Department of Fisheries, aims to develop low-impact farming methods suited to the region's lagoon and estuarine systems.<\/p>\r\n\r\n      <p>The project will run for three years and bring together researchers, graduate students, and local fish-farming communities to test and refine techniques that balance productivity with environmental sustainability.<\/p>\r\n\r\n      <h3>Project Goals<\/h3>\r\n      <p>The research team will focus on water quality monitoring, species suitability trials, and community training, with the long-term goal of producing practical guidelines that can be adopted by small-scale farmers across the coast.<\/p>\r\n\r\n      <blockquote>\"This funding allows us to move from small pilot trials to a full research program that can genuinely shape aquaculture practice in the region.\"<\/blockquote>\r\n\r\n      <p>Findings from the project will be shared through department workshops, extension bulletins, and peer-reviewed publications as the research progresses.<\/p>\r\n\r\n      <div class=\"art-tags\">\r\n        <!-- EDIT-TAGS -->\r\n        <a href=\"\/news?tag=aquaculture\" class=\"art-tag\">Aquaculture<\/a>\r\n        <a href=\"\/news?tag=research\" class=\"art-tag\">Research<\/a>\r\n        <a href=\"\/news?tag=funding\" class=\"art-tag\">Funding<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n  <!-- ============================================================\r\n       CONTAINER 4B: PHOTO GALLERY (OPTIONAL)\r\n       Use this ONLY for stories with multiple photos \u2014 events,\r\n       field visits, conferences, award ceremonies, etc. For a\r\n       single-photo story (most research\/achievement posts), just\r\n       delete this whole container.\r\n\r\n       To add\/remove photos: copy or delete a whole\r\n       <div class=\"art-gallery-item\">...<\/div> block. Any number of\r\n       images works \u2014 the grid re-flows automatically. The FIRST\r\n       image is shown larger as the featured shot.\r\n       ============================================================ -->\r\n  <div class=\"art-gallery\">\r\n    <div class=\"art-gallery-inner\">\r\n      <h3 class=\"art-gallery-title\">Photo Gallery<\/h3>\r\n      <div class=\"art-gallery-grid\">\r\n\r\n        <!-- EDIT-GALLERY-IMAGE-1 (featured\/large image) -->\r\n        <div class=\"art-gallery-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/fsc.jfn.ac.lk\/wp-content\/uploads\/2026\/02\/sebastian-pena-lambarri-YV593oyMKmo-unsplash-scaled.jpg\" alt=\"Event photo 1\">\r\n        <\/div>\r\n\r\n        <!-- EDIT-GALLERY-IMAGE-2 -->\r\n        <div class=\"art-gallery-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/fsc.jfn.ac.lk\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Aug-24-2026-11_51_16-AM.png\" alt=\"Event photo 2\">\r\n        <\/div>\r\n\r\n        <!-- EDIT-GALLERY-IMAGE-3 -->\r\n        <div class=\"art-gallery-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/fsc.jfn.ac.lk\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-24-2026-11_53_26-AM.png\" alt=\"Event photo 3\">\r\n        <\/div>\r\n\r\n        <!-- EDIT-GALLERY-IMAGE-4 -->\r\n        <div class=\"art-gallery-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/fsc.jfn.ac.lk\/wp-content\/uploads\/2026\/08\/hb.png\" alt=\"Event photo 4\">\r\n        <\/div>\r\n\r\n        <!-- Add more art-gallery-item blocks here as needed -->\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Lightbox overlay \u2014 shared by the gallery above. Keep this div\r\n       as-is; it stays hidden until a gallery photo is clicked. -->\r\n  <div class=\"art-lightbox\" id=\"artLightbox\">\r\n    <button class=\"art-lightbox-close\" id=\"artLightboxClose\" title=\"Close\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 6l12 12M18 6L6 18\"\/><\/svg>\r\n    <\/button>\r\n    <button class=\"art-lightbox-prev\" id=\"artLightboxPrev\" title=\"Previous\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M15 6l-6 6 6 6\"\/><\/svg>\r\n    <\/button>\r\n    <img decoding=\"async\" id=\"artLightboxImg\" src=\"\" alt=\"\">\r\n    <button class=\"art-lightbox-next\" id=\"artLightboxNext\" title=\"Next\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9 6l6 6-6 6\"\/><\/svg>\r\n    <\/button>\r\n    <div class=\"art-lightbox-counter\" id=\"artLightboxCounter\"><\/div>\r\n  <\/div>\r\n\r\n\r\n  <!-- ============================================================\r\n       CONTAINER 5: RELATED STORIES\r\n       Pick 3 other stories from the News section (usually same\r\n       category or most recent). Copy the whole news-section markup\r\n       from the News & Announcements block for the real cards.\r\n       ============================================================ -->\r\n  <div class=\"art-related\">\r\n    <div class=\"art-related-inner\">\r\n      <h3 class=\"art-related-title\">Related Stories<\/h3>\r\n      <div class=\"art-related-grid\">\r\n\r\n        <!-- EDIT-RELATED-1 -->\r\n        <a href=\"EDIT-LINK\" class=\"art-rel-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/fsc.jfn.ac.lk\/wp-content\/uploads\/2026\/02\/sebastian-pena-lambarri-YV593oyMKmo-unsplash-scaled.jpg\" alt=\"\">\r\n          <div class=\"art-rel-body\">\r\n            <p class=\"art-rel-date\">August 15, 2026<\/p>\r\n            <p class=\"art-rel-name\">International Conference on Fisheries and Aquaculture 2026<\/p>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <!-- EDIT-RELATED-2 -->\r\n        <a href=\"EDIT-LINK\" class=\"art-rel-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/fsc.jfn.ac.lk\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Aug-24-2026-11_51_16-AM.png\" alt=\"\">\r\n          <div class=\"art-rel-body\">\r\n            <p class=\"art-rel-date\">July 30, 2026<\/p>\r\n            <p class=\"art-rel-name\">Students Win National Award for Coral Reef Conservation Project<\/p>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <!-- EDIT-RELATED-3 -->\r\n        <a href=\"EDIT-LINK\" class=\"art-rel-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/fsc.jfn.ac.lk\/wp-content\/uploads\/2026\/02\/sebastian-pena-lambarri-YV593oyMKmo-unsplash-scaled.jpg\" alt=\"\">\r\n          <div class=\"art-rel-body\">\r\n            <p class=\"art-rel-date\">July 12, 2026<\/p>\r\n            <p class=\"art-rel-name\">New MOU Signed with Bay of Bengal Programme (BOBP-IGO)<\/p>\r\n          <\/div>\r\n        <\/a>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- Gallery lightbox script \u2014 only needed on pages that use the\r\n     Photo Gallery container. Delete this whole <script> too if you\r\n     deleted that container. -->\r\n<script>\r\n  (function () {\r\n    var items = document.querySelectorAll('.art-gallery-item img');\r\n    if (!items.length) return;\r\n\r\n    var lightbox = document.getElementById('artLightbox');\r\n    var lightboxImg = document.getElementById('artLightboxImg');\r\n    var counter = document.getElementById('artLightboxCounter');\r\n    var closeBtn = document.getElementById('artLightboxClose');\r\n    var prevBtn = document.getElementById('artLightboxPrev');\r\n    var nextBtn = document.getElementById('artLightboxNext');\r\n    var current = 0;\r\n\r\n    function open(index) {\r\n      current = index;\r\n      lightboxImg.src = items[current].src;\r\n      lightboxImg.alt = items[current].alt || '';\r\n      counter.textContent = (current + 1) + ' \/ ' + items.length;\r\n      lightbox.classList.add('art-lightbox-open');\r\n    }\r\n\r\n    function close() {\r\n      lightbox.classList.remove('art-lightbox-open');\r\n    }\r\n\r\n    function show(delta) {\r\n      current = (current + delta + items.length) % items.length;\r\n      open(current);\r\n    }\r\n\r\n    items.forEach(function (img, i) {\r\n      img.addEventListener('click', function () { open(i); });\r\n    });\r\n\r\n    closeBtn.addEventListener('click', close);\r\n    prevBtn.addEventListener('click', function () { show(-1); });\r\n    nextBtn.addEventListener('click', function () { show(1); });\r\n\r\n    lightbox.addEventListener('click', function (e) {\r\n      if (e.target === lightbox) close();\r\n    });\r\n\r\n    document.addEventListener('keydown', function (e) {\r\n      if (!lightbox.classList.contains('art-lightbox-open')) return;\r\n      if (e.key === 'Escape') close();\r\n      if (e.key === 'ArrowLeft') show(-1);\r\n      if (e.key === 'ArrowRight') show(1);\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":"<p>Home &nbsp;\/&nbsp; News &amp; Announcements &nbsp;\/&nbsp; Coastal Aquaculture Research Initiative Research Department Launches New Coastal Aquaculture Research Initiative August 28, 2026 Department of Fisheries Share: Researchers surveying an aquaculture site in the Northern Province. A multi-year project studying sustainable coastal aquaculture practices in the Northern Province has received funding from the National Science Foundation. The [&hellip;]<\/p>\n","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-1156","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/fsc.jfn.ac.lk\/index.php\/wp-json\/wp\/v2\/pages\/1156","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=1156"}],"version-history":[{"count":4,"href":"https:\/\/fsc.jfn.ac.lk\/index.php\/wp-json\/wp\/v2\/pages\/1156\/revisions"}],"predecessor-version":[{"id":1160,"href":"https:\/\/fsc.jfn.ac.lk\/index.php\/wp-json\/wp\/v2\/pages\/1156\/revisions\/1160"}],"wp:attachment":[{"href":"https:\/\/fsc.jfn.ac.lk\/index.php\/wp-json\/wp\/v2\/media?parent=1156"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}