{"id":1679,"date":"2025-10-28T07:44:18","date_gmt":"2025-10-28T07:44:18","guid":{"rendered":"https:\/\/fbs.vau.ac.lk\/pm\/?p=1679"},"modified":"2025-10-28T07:48:58","modified_gmt":"2025-10-28T07:48:58","slug":"annual-stakeholders-meeting","status":"publish","type":"post","link":"https:\/\/fbs.vau.ac.lk\/pm\/2025\/10\/28\/annual-stakeholders-meeting\/","title":{"rendered":"Annual Stakeholders\u2019 Meeting"},"content":{"rendered":"\n<!doctype html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n  <title>Annual Stakeholders\u2019 Meeting \u2014 Dept. of Project Management<\/title>\n  <style>\n    :root{\n      --bg:#ffffff; --card:#f9fafb; --accent:#2563eb; --muted:#475569;\n      --glass: rgba(0,0,0,0.05);\n      font-family: Inter, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial;\n    }\n    *{box-sizing:border-box}\n    body{margin:0; background:var(--bg); color:#111827; -webkit-font-smoothing:antialiased;}\n\n    \/* Hero *\/\n    .hero{min-height:60vh; display:flex; align-items:center; justify-content:center; padding:48px 20px; position:relative; overflow:hidden}\n    .hero::after{content:\"\"; position:absolute; inset:0; background: radial-gradient(800px 300px at 10% 10%, rgba(37,99,235,0.08), transparent 10%), radial-gradient(600px 220px at 90% 80%, rgba(37,99,235,0.04), transparent 10%); pointer-events:none}\n    .container{width:1200px; max-width:1100px}\n    .card{background:var(--card); border-radius:18px; padding:28px; box-shadow: 0 8px 30px rgba(0,0,0,0.08); border:1px solid rgba(0,0,0,0.05)}\n    h1{font-size:clamp(1.6rem,3.2vw,2.6rem); margin:0 0 8px; letter-spacing:-0.02em; color:#0f172a;}\n    p.lead{margin:0; color:var(--muted)}\n    .meta{display:flex; gap:14px; margin-top:18px; flex-wrap:wrap}\n    .pill{background:var(--glass); padding:8px 12px; border-radius:999px; font-size:0.9rem; border:1px solid rgba(0,0,0,0.05); color:#1e293b;}\n\n    \/* Partners marquee *\/\n    .marquee{margin:18px 0; overflow:hidden; border-radius:12px; padding:8px; background:linear-gradient(90deg, rgba(37,99,235,0.04), transparent);}\n    .marquee-track{display:flex; gap:28px; align-items:center; animation:slide 18s linear infinite}\n    .partner{padding:6px 12px; font-weight:600; color:#1e293b}\n    @keyframes slide{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}\n\n    \/* Grid *\/\n    .grid{display:grid; grid-template-columns:1fr 420px; gap:22px; margin-top:22px}\n    .details{padding:12px}\n    .details h3{margin-top:0; color:#0f172a;}\n    .btn{display:inline-block; background:linear-gradient(90deg,var(--accent), #3b82f6); color:white; padding:12px 16px; border-radius:10px; font-weight:700; text-decoration:none; box-shadow: 0 6px 18px rgba(37,99,235,0.25); border:1px solid rgba(37,99,235,0.15)}\n\n    \/* Gallery *\/\n    .gallery{display:grid; grid-template-columns:repeat(2,1fr); gap:12px}\n    .gallery img{width:100%; height:220px; object-fit:cover; border-radius:10px; cursor:pointer; transform:translateY(0); transition:transform .35s cubic-bezier(.2,.9,.3,1), box-shadow .25s; box-shadow: 0 6px 18px rgba(0,0,0,0.08)}\n    .gallery img:hover{transform:translateY(-8px); box-shadow: 0 16px 40px rgba(0,0,0,0.12)}\n\n    \/* Lightbox *\/\n    .lightbox{position:fixed; inset:0; display:none; align-items:center; justify-content:center; background:rgba(0,0,0,0.6); z-index:80}\n    .lightbox img{max-width:90%; max-height:85%; border-radius:12px; box-shadow:0 30px 80px rgba(0,0,0,0.5)}\n\n    \/* Animated timeline *\/\n    .timeline{margin-top:22px}\n    .timeline .step{display:flex; gap:12px; align-items:flex-start; margin:12px 0; opacity:0; transform:translateY(18px); transition:all .6s cubic-bezier(.2,.9,.3,1)}\n    .timeline .step.visible{opacity:1; transform:none}\n    .dot{min-width:12px; min-height:12px; border-radius:50%; background:linear-gradient(180deg,var(--accent), #3b82f6); box-shadow:0 6px 18px rgba(37,99,235,0.15)}\n\n    \/* Footer *\/\n    footer{margin-top:32px; padding:18px; text-align:center; color:var(--muted); font-size:0.95rem}\n\n    \/* Responsiveness *\/\n    @media (max-width:900px){ .grid{grid-template-columns:1fr; } .gallery img{height:180px} }\n  <\/style>\n<\/head>\n<body>\n  <section class=\"hero\">\n    <div class=\"container\">\n      <div class=\"card\">\n        <div style=\"display:flex;gap:18px;align-items:center;\">\n          <div style=\"flex:1\">\n            <h1>The Annual Stakeholders\u2019 Meeting \u2014 <br>Department of Project Management<\/h1>\n            <p class=\"lead\">University of Vavuniya \u2014 October 25, 2025 \u2022 04:00 PM (Zoom)<\/p>\n\n            <div class=\"meta\">\n              <div class=\"pill\">7 MoU Partners<\/div>\n              <div class=\"pill\">Hosted via Zoom<\/div>\n              <div class=\"pill\">Department Staff &#038; Partners<\/div>\n            <\/div>\n\n            <div class=\"marquee\" aria-hidden>\n              <div class=\"marquee-track\" id=\"marqueeTrack\">\n                <div class=\"partner\">SOND<\/div>\n                <div class=\"partner\">SWOAD<\/div>\n                <div class=\"partner\">PICTA<\/div>\n                <div class=\"partner\">SEED<\/div>\n                <div class=\"partner\">Caritas-Valvuthayam<\/div>\n                <div class=\"partner\">AMCOR<\/div>\n                <div class=\"partner\">SAFE Foundation<\/div>\n                <!-- repeat for continuous scroll -->\n                <div class=\"partner\">SOND<\/div>\n                <div class=\"partner\">SWOAD<\/div>\n                <div class=\"partner\">PICTA<\/div>\n                <div class=\"partner\">SEED<\/div>\n                <div class=\"partner\">Caritas-Valvuthayam<\/div>\n                <div class=\"partner\">AMCOR<\/div>\n                <div class=\"partner\">SAFE Foundation<\/div>\n              <\/div>\n            <\/div>\n\n            <div style=\"margin-top:16px;display:flex;gap:12px;flex-wrap:wrap\">\n              <a class=\"btn\" href=\"#gallery\">View Photos<\/a>\n              <a class=\"btn\" href=\"#details\" style=\"background:transparent;color:var(--accent);border:1px solid rgba(125,211,252,0.12)\">Meeting Summary<\/a>\n            <\/div>\n          <\/div>\n          <div style=\"width:220px;\">\n            <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-11.05.22-AM.jpeg\" alt=\"Stakeholders meeting snapshot\" style=\"width:100%; border-radius:12px; box-shadow:0 20px 40px rgba(2,6,23,0.6)\">\n          <\/div>\n        <\/div>\n\n        <div class=\"grid\" style=\"margin-top:18px\">\n          <div class=\"details\">\n            <h3 id=\"details\">Meeting Highlights<\/h3>\n            <p style=\"color:var(--muted)\">The Annual Stakeholders\u2019 Meeting of the Department of Project Management, University of Vavuniya, was held on <strong>October 25, 2025 at 04:00 PM<\/strong> via Zoom with participation from seven MoU partner organizations and department staff.<\/p>\n\n            <div class=\"timeline\" id=\"timeline\">\n              <div class=\"step\"><div class=\"dot\"><\/div><div><strong>Opening &#038; Welcome<\/strong><div style=\"color:var(--muted)\">Chair welcome and introductions<\/div><\/div><\/div>\n              <div class=\"step\"><div class=\"dot\"><\/div><div><strong>Partner Updates<\/strong><div style=\"color:var(--muted)\">Each partner shared progress and collaborative opportunities<\/div><\/div><\/div>\n              <div class=\"step\"><div class=\"dot\"><\/div><div><strong>Action Points<\/strong><div style=\"color:var(--muted)\">Agreed steps for the next quarter &#038; MoU follow-ups<\/div><\/div><\/div>\n              <div class=\"step\"><div class=\"dot\"><\/div><div><strong>Closing Remarks<\/strong><div style=\"color:var(--muted)\">Thanks &#038; next meeting scheduling<\/div><\/div><\/div>\n            <\/div>\n\n            <p style=\"margin-top:16px;color:var(--muted)\">Partners: SOND, SWOAD, PICTA, SEED, Caritas-Valvuthayam, AMCOR, SAFE Foundation<\/p>\n          <\/div>\n\n          <aside>\n            <div style=\"background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01)); padding:14px; border-radius:12px;\">\n              <h4 style=\"margin:0 0 8px\">Photo Gallery<\/h4>\n              <div class=\"gallery\" id=\"gallery\">\n                <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-11.05.32-AM.jpeg\" alt=\"photo 1\" loading=\"lazy\">\n                <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-11.05.31-AM.jpeg\" alt=\"photo 2\" loading=\"lazy\">\n                <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-23-at-6.36.44-PM.jpeg\" alt=\"photo 3\" loading=\"lazy\">\n                <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-11.05.33-AM-1.jpeg\" alt=\"photo 4\" loading=\"lazy\">\n              <\/div>\n            <\/div>\n\n            <div style=\"margin-top:14px; padding:12px; border-radius:10px; background:rgba(255,255,255,0.02);\">\n              <h4 style=\"margin:0 0 8px\">Quick Info<\/h4>\n              <p style=\"margin:0;color:var(--muted)\"><strong>Date:<\/strong> October 25, 2025<br><strong>Time:<\/strong> 04:00 PM<br><strong>Platform:<\/strong> Zoom<\/p>\n            <\/div>\n          <\/aside>\n        <\/div>\n\n      \n      <\/div>\n    <\/div>\n  <\/section>\n\n  <div class=\"lightbox\" id=\"lightbox\" role=\"dialog\" aria-hidden=\"true\">\n    <img decoding=\"async\" src=\"\" alt=\"Expanded photo\">\n  <\/div>\n\n  <script>\n    \/\/ Lightbox\n    const lightbox = document.getElementById('lightbox');\n    const lbImg = lightbox.querySelector('img');\n    document.querySelectorAll('.gallery img').forEach(img=>{\n      img.addEventListener('click', ()=>{\n        lbImg.src = img.src;\n        lbImg.alt = img.alt;\n        lightbox.style.display = 'flex';\n        lightbox.setAttribute('aria-hidden','false');\n      })\n    })\n    lightbox.addEventListener('click', ()=>{ lightbox.style.display='none'; lightbox.setAttribute('aria-hidden','true'); });\n\n    \/\/ Reveal timeline steps on scroll\n    const steps = document.querySelectorAll('.timeline .step');\n    function reveal(){\n      const trigger = window.innerHeight * 0.86;\n      steps.forEach(s=>{\n        const r = s.getBoundingClientRect().top;\n        if(r < trigger) s.classList.add('visible');\n      })\n    }\n    window.addEventListener('scroll', reveal);\n    reveal();\n\n    \/\/ Subtle parallax on hero image\n    const hero = document.querySelector('.hero');\n    window.addEventListener('mousemove', (e)=>{\n      const x = (e.clientX - window.innerWidth\/2)\/40;\n      const y = (e.clientY - window.innerHeight\/2)\/60;\n      hero.style.transform = `translate3d(${x}px, ${y}px, 0)`;\n    })\n\n    \/\/ Pause marquee on hover\n    const track = document.getElementById('marqueeTrack');\n    track.parentElement.addEventListener('mouseenter', ()=> track.style.animationPlayState='paused');\n    track.parentElement.addEventListener('mouseleave', ()=> track.style.animationPlayState='running');\n  <\/script>\n<\/body>\n<\/html>\n\n\n\n<pre class=\"wp-block-code\"><code><\/code><\/pre>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Annual Stakeholders\u2019 Meeting \u2014 Dept. of Project Management The Annual Stakeholders\u2019 Meeting \u2014 Department of Project Management University of Vavuniya \u2014 October 25, 2025 \u2022 04:00 PM (Zoom) 7 MoU [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":1680,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-1679","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news"],"_links":{"self":[{"href":"https:\/\/fbs.vau.ac.lk\/pm\/wp-json\/wp\/v2\/posts\/1679","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fbs.vau.ac.lk\/pm\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fbs.vau.ac.lk\/pm\/wp-json\/wp\/v2\/types\/post"}],"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=1679"}],"version-history":[{"count":6,"href":"https:\/\/fbs.vau.ac.lk\/pm\/wp-json\/wp\/v2\/posts\/1679\/revisions"}],"predecessor-version":[{"id":1688,"href":"https:\/\/fbs.vau.ac.lk\/pm\/wp-json\/wp\/v2\/posts\/1679\/revisions\/1688"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fbs.vau.ac.lk\/pm\/wp-json\/wp\/v2\/media\/1680"}],"wp:attachment":[{"href":"https:\/\/fbs.vau.ac.lk\/pm\/wp-json\/wp\/v2\/media?parent=1679"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fbs.vau.ac.lk\/pm\/wp-json\/wp\/v2\/categories?post=1679"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fbs.vau.ac.lk\/pm\/wp-json\/wp\/v2\/tags?post=1679"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}