{"id":11511,"date":"2026-07-07T20:28:53","date_gmt":"2026-07-07T14:58:53","guid":{"rendered":"https:\/\/iccmm.cmb.ac.lk\/2026\/?page_id=11511"},"modified":"2026-07-11T20:28:05","modified_gmt":"2026-07-11T14:58:05","slug":"iccmm-2026-programs","status":"publish","type":"page","link":"https:\/\/iccmm.cmb.ac.lk\/2026\/iccmm-2026-programs\/","title":{"rendered":"ICCMM 2026 &#8211; Programs"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11511\" class=\"elementor elementor-11511\">\n\t\t\t\t<div class=\"elementor-element elementor-element-183e1a7 e-con-full e-flex e-con e-parent\" data-id=\"183e1a7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3404d61 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"3404d61\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link\r\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap\"\r\n  rel=\"stylesheet\"\r\n>\r\n\r\n<section class=\"iccmm-programmes-page\" id=\"conference-programs\">\r\n  <div class=\"iccmm-programmes-hero\">\r\n    <div class=\"iccmm-eyebrow\">\r\n      <i aria-hidden=\"true\"><\/i>\r\n      <span>International Conference on Computational and Mathematical Modelling 2026<\/span>\r\n      <i aria-hidden=\"true\"><\/i>\r\n    <\/div>\r\n\r\n    <h1>Conference <span>Programs<\/span><\/h1>\r\n\r\n    <p>\r\n      Explore the mini symposium, special sessions, and workshops organized as part of\r\n      ICCMM 2026.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <div class=\"iccmm-programmes-tree\">\r\n    <div class=\"iccmm-programmes-layout\">\r\n\r\n      <!-- Left Column -->\r\n      <section class=\"iccmm-program-block\">\r\n        <div class=\"iccmm-tree-heading\">\r\n          <h2>Mini Symposium<\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"iccmm-tree-list\">\r\n          <a href=\"https:\/\/iccmm.cmb.ac.lk\/2026\/cqcm-main\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"iccmm-tree-item\">\r\n            <span class=\"iccmm-item-dot\" aria-hidden=\"true\"><\/span>\r\n            <strong>Colombo Quantum Computing Meetup 2026<\/strong>\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/iccmm.cmb.ac.lk\/2026\/mini-symposium-on-advanced-applications-of-ai-and-machine-learning-paradigms\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"iccmm-tree-item\">\r\n            <span class=\"iccmm-item-dot\" aria-hidden=\"true\"><\/span>\r\n            <strong>Mini Symposium on Advanced Applications of AI and Machine Learning Paradigms<\/strong>\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/iccmm.cmb.ac.lk\/2026\/mini-symposium-on-mathematical-frontiers-in-interdisciplinary-sciences\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"iccmm-tree-item\">\r\n            <span class=\"iccmm-item-dot\" aria-hidden=\"true\"><\/span>\r\n            <strong>Mini Symposium on Mathematical Frontiers in Interdisciplinary Sciences<\/strong>\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/iccmm.cmb.ac.lk\/2026\/mini-symposium-on-future-ready-learning-and-teaching-of-mathematics-in-the-ai-era\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"iccmm-tree-item\">\r\n            <span class=\"iccmm-item-dot\" aria-hidden=\"true\"><\/span>\r\n            <strong>Mini Symposium on Future-Ready Learning and Teaching of Mathematics in the AI Era<\/strong>\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/iccmm.cmb.ac.lk\/2026\/mini-symposium-on-computational-ecology-and-biodiversity-modelling\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"iccmm-tree-item\">\r\n            <span class=\"iccmm-item-dot\" aria-hidden=\"true\"><\/span>\r\n            <strong>Mini Symposium on Computational Ecology and Biodiversity Modelling<\/strong>\r\n          <\/a>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- Right Column -->\r\n      <div class=\"iccmm-programmes-side\">\r\n\r\n        <section class=\"iccmm-program-block\">\r\n          <div class=\"iccmm-tree-heading\">\r\n            <h2>Special Sessions<\/h2>\r\n          <\/div>\r\n\r\n          <div class=\"iccmm-tree-list\">\r\n            <a href=\"https:\/\/iccmm.cmb.ac.lk\/2026\/special-session-on-ai-driven-computational-and-mathematical-modelling\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"iccmm-tree-item\">\r\n              <span class=\"iccmm-item-dot\" aria-hidden=\"true\"><\/span>\r\n              <strong>Special Session on AI-Driven Computational and Mathematical Modelling<\/strong>\r\n            <\/a>\r\n          <\/div>\r\n        <\/section>\r\n\r\n        <section class=\"iccmm-program-block\">\r\n          <div class=\"iccmm-tree-heading\">\r\n            <h2>Workshops<\/h2>\r\n          <\/div>\r\n\r\n          <div class=\"iccmm-tree-list\">\r\n            <a href=\"https:\/\/iccmm.cmb.ac.lk\/2026\/workshop-mathematical-frontiers-in-interdisciplinary-science-forum-2026\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"iccmm-tree-item\">\r\n              <span class=\"iccmm-item-dot\" aria-hidden=\"true\"><\/span>\r\n              <strong>Mathematical Frontiers in Interdisciplinary Science Forum 2026<\/strong>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/iccmm.cmb.ac.lk\/2026\/workshop-future-ready-learning-and-teaching-of-mathematics-in-the-ai-era\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"iccmm-tree-item\">\r\n              <span class=\"iccmm-item-dot\" aria-hidden=\"true\"><\/span>\r\n              <strong>Future-Ready Learning and Teaching of Mathematics in the AI Era<\/strong>\r\n            <\/a>\r\n          <\/div>\r\n        <\/section>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.iccmm-programmes-page,\r\n.iccmm-programmes-page * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.iccmm-programmes-page {\r\n  --iccmm-navy: #081b33;\r\n  --iccmm-dark: #09272a;\r\n  --iccmm-mid: #16383b;\r\n  --iccmm-cyan: #20e1d5;\r\n  --iccmm-blue: #1456d9;\r\n  --iccmm-gold: #d5a329;\r\n  --iccmm-maroon: #8a1538;\r\n\r\n  position: relative;\r\n  isolation: isolate;\r\n  width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  margin-right: calc(50% - 50vw);\r\n  padding: 46px 24px;\r\n  overflow: hidden;\r\n  background:\r\n    radial-gradient(circle at 90% 12%, rgba(32, 225, 213, 0.18), transparent 28%),\r\n    radial-gradient(circle at 10% 86%, rgba(213, 163, 41, 0.09), transparent 30%),\r\n    radial-gradient(circle at 52% 42%, rgba(20, 86, 217, 0.08), transparent 34%),\r\n    linear-gradient(135deg, #061f23 0%, #083237 48%, #061f23 100%);\r\n  color: #ffffff;\r\n  font-family: \"Inter\", Arial, sans-serif;\r\n}\r\n\r\n.iccmm-programmes-page::after {\r\n  position: absolute;\r\n  z-index: -1;\r\n  inset: -18%;\r\n  background:\r\n    radial-gradient(circle at 20% 18%, rgba(32, 225, 213, 0.11), transparent 28%),\r\n    radial-gradient(circle at 82% 74%, rgba(213, 163, 41, 0.08), transparent 30%),\r\n    radial-gradient(circle at 52% 48%, rgba(138, 21, 56, 0.05), transparent 34%);\r\n  content: \"\";\r\n  pointer-events: none;\r\n  filter: blur(2px);\r\n}\r\n\r\n.iccmm-programmes-network {\r\n  position: absolute !important;\r\n  inset: 0;\r\n  z-index: 0 !important;\r\n  width: 100%;\r\n  height: 100%;\r\n  pointer-events: none;\r\n  opacity: 0.84;\r\n}\r\n\r\n.iccmm-programmes-hero,\r\n.iccmm-programmes-tree {\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* Hero *\/\r\n.iccmm-programmes-hero {\r\n  width: min(1280px, 100%);\r\n  margin: 0 auto 24px;\r\n  text-align: center;\r\n}\r\n\r\n.iccmm-eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 9px;\r\n  max-width: 100%;\r\n  margin-bottom: 10px;\r\n  color: var(--iccmm-cyan);\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.16em;\r\n  line-height: 1.45;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.iccmm-eyebrow i {\r\n  width: 28px;\r\n  height: 2px;\r\n  flex: 0 0 28px;\r\n  border-radius: 999px;\r\n  background: linear-gradient(90deg, var(--iccmm-gold), var(--iccmm-cyan));\r\n}\r\n\r\n.iccmm-eyebrow i:last-child {\r\n  transform: scaleX(-1);\r\n}\r\n\r\n.iccmm-programmes-hero h1 {\r\n  margin: 0;\r\n  color: #ffffff;\r\n  font-family: \"Manrope\", Arial, sans-serif;\r\n  font-size: clamp(36px, 4.3vw, 54px);\r\n  font-weight: 800;\r\n  letter-spacing: -0.045em;\r\n  line-height: 1.08;\r\n}\r\n\r\n.iccmm-programmes-hero h1 span {\r\n  color: var(--iccmm-cyan);\r\n}\r\n\r\n.iccmm-programmes-hero p {\r\n  max-width: 820px;\r\n  margin: 12px auto 0;\r\n  color: rgba(255, 255, 255, 0.76);\r\n  font-size: 15.5px;\r\n  font-weight: 500;\r\n  line-height: 1.55;\r\n}\r\n\r\n\/* Main programme layout - outer frame removed for a cleaner single-frame design *\/\r\n.iccmm-programmes-tree {\r\n  width: min(1280px, 100%);\r\n  margin: 0 auto;\r\n  padding: 0;\r\n  overflow: visible;\r\n  border: 0;\r\n  border-radius: 0;\r\n  background: transparent;\r\n  box-shadow: none;\r\n  backdrop-filter: none;\r\n  -webkit-backdrop-filter: none;\r\n}\r\n\r\n.iccmm-programmes-layout {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 22px;\r\n  align-items: stretch;\r\n}\r\n\r\n.iccmm-programmes-side {\r\n  display: grid;\r\n  gap: 22px;\r\n}\r\n\r\n\/* Three programme cards - more transparent *\/\r\n.iccmm-program-block {\r\n  min-width: 0;\r\n  padding: 20px;\r\n  border: 1px solid rgba(255, 255, 255, 0.12);\r\n  border-radius: 18px;\r\n  background:\r\n    radial-gradient(circle at 95% 8%, rgba(32, 225, 213, 0.07), transparent 38%),\r\n    linear-gradient(135deg, rgba(255, 255, 255, 0.046), rgba(255, 255, 255, 0.018));\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255, 255, 255, 0.08),\r\n    0 12px 28px rgba(0, 0, 0, 0.10);\r\n  backdrop-filter: blur(4px);\r\n  -webkit-backdrop-filter: blur(4px);\r\n}\r\n\r\n.iccmm-tree-heading {\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.iccmm-tree-heading h2 {\r\n  margin: 0;\r\n  color: #ffffff;\r\n  font-family: \"Manrope\", Arial, sans-serif;\r\n  font-size: clamp(21px, 2vw, 26px);\r\n  font-weight: 800;\r\n  letter-spacing: -0.03em;\r\n  line-height: 1.2;\r\n  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.38);\r\n}\r\n\r\n\/* Programme items *\/\r\n.iccmm-tree-list {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: 10px;\r\n}\r\n\r\n.iccmm-tree-item {\r\n  position: relative;\r\n  display: grid;\r\n  grid-template-columns: 16px minmax(0, 1fr);\r\n  gap: 11px;\r\n  align-items: center;\r\n  min-height: 52px;\r\n  padding: 12px 14px;\r\n  overflow: hidden;\r\n  border: 1px solid rgba(255, 255, 255, 0.105);\r\n  border-radius: 13px;\r\n  background:\r\n    linear-gradient(135deg, rgba(5, 30, 33, 0.48), rgba(3, 20, 23, 0.32));\r\n  color: rgba(255, 255, 255, 0.86);\r\n  text-decoration: none;\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255, 255, 255, 0.055),\r\n    0 8px 18px rgba(0, 0, 0, 0.10);\r\n  transition:\r\n    background-color 0.3s ease,\r\n    border-color 0.3s ease,\r\n    transform 0.3s ease,\r\n    box-shadow 0.3s ease;\r\n  transform-origin: center;\r\n}\r\n\r\n.iccmm-tree-item::after {\r\n  position: absolute;\r\n  z-index: 2;\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  width: 4px;\r\n  border-radius: 13px 0 0 13px;\r\n  background: linear-gradient(180deg, var(--iccmm-cyan), var(--iccmm-blue));\r\n  content: \"\";\r\n  transform: scaleY(0);\r\n  transform-origin: center;\r\n  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n.iccmm-item-dot {\r\n  position: relative;\r\n  z-index: 3;\r\n  display: inline-flex;\r\n  width: 9px;\r\n  height: 9px;\r\n  margin-left: 3px;\r\n  border-radius: 999px;\r\n  background: rgba(32, 225, 213, 0.68);\r\n  box-shadow: 0 0 0 5px rgba(32, 225, 213, 0.09);\r\n  transition:\r\n    background-color 0.3s ease,\r\n    box-shadow 0.3s ease,\r\n    transform 0.3s ease;\r\n}\r\n\r\n.iccmm-tree-item strong {\r\n  position: relative;\r\n  z-index: 3;\r\n  display: block;\r\n  color: #ffffff;\r\n  font-family: \"Manrope\", Arial, sans-serif;\r\n  font-size: 13.8px;\r\n  font-weight: 800;\r\n  letter-spacing: -0.01em;\r\n  line-height: 1.35;\r\n  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.34);\r\n  transition: color 0.3s ease;\r\n}\r\n\r\n.iccmm-tree-item:hover,\r\n.iccmm-tree-item:focus-visible {\r\n  z-index: 5;\r\n  border-color: rgba(32, 225, 213, 0.38);\r\n  background-color: rgba(32, 225, 213, 0.085);\r\n  transform: scale(1.018);\r\n  box-shadow:\r\n    0 14px 30px rgba(0, 0, 0, 0.22),\r\n    0 0 18px rgba(32, 225, 213, 0.10),\r\n    inset 0 1px 0 rgba(255, 255, 255, 0.10);\r\n  outline: none;\r\n}\r\n\r\n.iccmm-tree-item:hover::after,\r\n.iccmm-tree-item:focus-visible::after {\r\n  transform: scaleY(1);\r\n}\r\n\r\n.iccmm-tree-item:hover .iccmm-item-dot,\r\n.iccmm-tree-item:focus-visible .iccmm-item-dot {\r\n  background: #ffffff;\r\n  box-shadow:\r\n    0 0 0 6px rgba(32, 225, 213, 0.18),\r\n    0 0 18px rgba(32, 225, 213, 0.75);\r\n  transform: scale(1.08);\r\n}\r\n\r\n.iccmm-tree-item:hover strong,\r\n.iccmm-tree-item:focus-visible strong {\r\n  color: var(--iccmm-cyan);\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 900px) {\r\n  .iccmm-programmes-page {\r\n    padding: 48px 18px;\r\n  }\r\n\r\n  .iccmm-programmes-tree {\r\n    padding: 0;\r\n    background: transparent;\r\n    border: 0;\r\n    box-shadow: none;\r\n    backdrop-filter: none;\r\n    -webkit-backdrop-filter: none;\r\n  }\r\n\r\n  .iccmm-programmes-layout {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .iccmm-programmes-network {\r\n    opacity: 0.56;\r\n  }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 680px) {\r\n  .iccmm-programmes-page {\r\n    padding: 42px 15px 40px;\r\n  }\r\n\r\n  .iccmm-programmes-network {\r\n    display: block !important;\r\n    opacity: 0.62;\r\n  }\r\n\r\n  .iccmm-programmes-hero {\r\n    margin-bottom: 24px;\r\n    text-align: center;\r\n  }\r\n\r\n  .iccmm-eyebrow {\r\n    gap: 7px;\r\n    font-size: 11px;\r\n    letter-spacing: 0.08em;\r\n  }\r\n\r\n  .iccmm-eyebrow i {\r\n    width: 22px;\r\n    flex-basis: 22px;\r\n  }\r\n\r\n  .iccmm-programmes-hero h1 {\r\n    font-size: clamp(33px, 10vw, 43px);\r\n  }\r\n\r\n  .iccmm-programmes-hero p {\r\n    margin-top: 12px;\r\n    font-size: 15px;\r\n    line-height: 1.58;\r\n  }\r\n\r\n  .iccmm-programmes-tree {\r\n    padding: 0;\r\n    border: 0;\r\n    border-radius: 0;\r\n    background: transparent;\r\n    box-shadow: none;\r\n  }\r\n\r\n  .iccmm-program-block {\r\n    padding: 16px;\r\n    border-radius: 16px;\r\n    background:\r\n      radial-gradient(circle at 95% 8%, rgba(32, 225, 213, 0.06), transparent 38%),\r\n      linear-gradient(135deg, rgba(255, 255, 255, 0.040), rgba(255, 255, 255, 0.014));\r\n  }\r\n\r\n  .iccmm-programmes-layout,\r\n  .iccmm-programmes-side {\r\n    gap: 14px;\r\n  }\r\n\r\n  .iccmm-tree-heading {\r\n    text-align: center;\r\n  }\r\n\r\n  .iccmm-tree-heading h2 {\r\n    font-size: 22px;\r\n  }\r\n\r\n  .iccmm-tree-item {\r\n    grid-template-columns: 1fr;\r\n    justify-items: center;\r\n    gap: 9px;\r\n    min-height: auto;\r\n    padding: 13px 12px;\r\n    text-align: center;\r\n    background:\r\n      linear-gradient(135deg, rgba(5, 30, 33, 0.54), rgba(3, 20, 23, 0.38));\r\n  }\r\n\r\n  .iccmm-item-dot {\r\n    margin-left: 0;\r\n    margin-bottom: 1px;\r\n  }\r\n\r\n  .iccmm-tree-item strong {\r\n    max-width: 100%;\r\n    font-size: 13.8px;\r\n    line-height: 1.35;\r\n    text-align: center;\r\n  }\r\n\r\n  .iccmm-tree-item:hover,\r\n  .iccmm-tree-item:focus-visible {\r\n    transform: scale(1.012);\r\n  }\r\n}\r\n\r\n\/* Small mobile *\/\r\n@media (max-width: 420px) {\r\n  .iccmm-programmes-page {\r\n    padding: 38px 12px 36px;\r\n  }\r\n\r\n  .iccmm-eyebrow {\r\n    display: flex;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .iccmm-eyebrow i {\r\n    display: none;\r\n  }\r\n\r\n  .iccmm-programmes-hero h1 {\r\n    font-size: clamp(31px, 10vw, 39px);\r\n  }\r\n\r\n  .iccmm-tree-item {\r\n    grid-template-columns: 1fr;\r\n    gap: 8px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .iccmm-tree-item,\r\n  .iccmm-tree-item:hover,\r\n  .iccmm-tree-item::after,\r\n  .iccmm-item-dot,\r\n  .iccmm-tree-item strong {\r\n    animation: none !important;\r\n    transition: none !important;\r\n    transform: none !important;\r\n  }\r\n\r\n  .iccmm-programmes-network {\r\n    display: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  const section = document.querySelector(\".iccmm-programmes-page\");\r\n\r\n  if (!section || section.dataset.programmesNetwork === \"active\") {\r\n    return;\r\n  }\r\n\r\n  if (window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches) {\r\n    section.dataset.programmesNetwork = \"disabled\";\r\n    return;\r\n  }\r\n\r\n  section.dataset.programmesNetwork = \"active\";\r\n\r\n  const canvas = document.createElement(\"canvas\");\r\n  canvas.className = \"iccmm-programmes-network\";\r\n  canvas.setAttribute(\"aria-hidden\", \"true\");\r\n  section.prepend(canvas);\r\n\r\n  const ctx = canvas.getContext(\"2d\");\r\n\r\n  let width = 0;\r\n  let height = 0;\r\n  let particles = [];\r\n  let animationFrame = null;\r\n\r\n  const mouse = {\r\n    x: 0,\r\n    y: 0,\r\n    active: false,\r\n    radius: 145\r\n  };\r\n\r\n  function getMode() {\r\n    if (width < 680) return \"mobile\";\r\n    if (width < 1024) return \"tablet\";\r\n    return \"desktop\";\r\n  }\r\n\r\n  function createParticle(index) {\r\n    const mode = getMode();\r\n    const compact = mode !== \"desktop\";\r\n\r\n    let x = Math.random() * width;\r\n    let y = Math.random() * height;\r\n\r\n    if (compact) {\r\n      if (index < 70) {\r\n        x = Math.random() * width;\r\n        y = height * (0.14 + Math.random() * 0.78);\r\n      } else {\r\n        x = Math.random() * width;\r\n        y = Math.random() * height;\r\n      }\r\n    } else if (index < 90) {\r\n      x = width * (0.08 + Math.random() * 0.84);\r\n      y = height * (0.12 + Math.random() * 0.76);\r\n    }\r\n\r\n    const speed =\r\n      mode === \"mobile\" ? 0.20 :\r\n      mode === \"tablet\" ? 0.30 :\r\n      0.42;\r\n\r\n    const size =\r\n      mode === \"mobile\" ? Math.random() * 1.35 + 0.8 :\r\n      mode === \"tablet\" ? Math.random() * 1.7 + 1 :\r\n      Math.random() * 2.1 + 1.1;\r\n\r\n    return {\r\n      x: x,\r\n      y: y,\r\n      vx: (Math.random() - 0.5) * speed,\r\n      vy: (Math.random() - 0.5) * speed,\r\n      size: size,\r\n      phase: Math.random() * Math.PI * 2,\r\n      colorType: index % 8 === 0 ? \"gold\" : \"cyan\"\r\n    };\r\n  }\r\n\r\n  function resizeCanvas() {\r\n    width = section.clientWidth;\r\n    height = section.clientHeight;\r\n\r\n    const mode = getMode();\r\n    const ratio =\r\n      mode === \"mobile\" ? 1 :\r\n      mode === \"tablet\" ? 1.25 :\r\n      Math.min(window.devicePixelRatio || 1, 1.7);\r\n\r\n    canvas.width = width * ratio;\r\n    canvas.height = height * ratio;\r\n    canvas.style.width = width + \"px\";\r\n    canvas.style.height = height + \"px\";\r\n\r\n    ctx.setTransform(ratio, 0, 0, ratio, 0, 0);\r\n\r\n    const count =\r\n      mode === \"mobile\" ? 54 :\r\n      mode === \"tablet\" ? 76 :\r\n      96;\r\n\r\n    particles = Array.from({ length: count }, function (_, index) {\r\n      return createParticle(index);\r\n    });\r\n  }\r\n\r\n  function updateParticles() {\r\n    const mode = getMode();\r\n\r\n    particles.forEach(function (particle) {\r\n      particle.x += particle.vx;\r\n      particle.y += particle.vy;\r\n\r\n      if (mode === \"desktop\" && mouse.active) {\r\n        const dx = particle.x - mouse.x;\r\n        const dy = particle.y - mouse.y;\r\n        const distance = Math.hypot(dx, dy);\r\n\r\n        if (distance > 0 && distance < mouse.radius) {\r\n          const force = (mouse.radius - distance) \/ mouse.radius;\r\n          particle.x += (dx \/ distance) * force * 1.3;\r\n          particle.y += (dy \/ distance) * force * 1.3;\r\n        }\r\n      }\r\n\r\n      if (particle.x <= 0 || particle.x >= width) {\r\n        particle.vx *= -1;\r\n        particle.x = Math.max(0, Math.min(width, particle.x));\r\n      }\r\n\r\n      if (particle.y <= 0 || particle.y >= height) {\r\n        particle.vy *= -1;\r\n        particle.y = Math.max(0, Math.min(height, particle.y));\r\n      }\r\n    });\r\n  }\r\n\r\n  function drawNetworkLines() {\r\n    const mode = getMode();\r\n\r\n    const maxDistance =\r\n      mode === \"mobile\" ? 115 :\r\n      mode === \"tablet\" ? 135 :\r\n      155;\r\n\r\n    const lineOpacity =\r\n      mode === \"mobile\" ? 0.16 :\r\n      mode === \"tablet\" ? 0.18 :\r\n      0.20;\r\n\r\n    const lineWidth =\r\n      mode === \"mobile\" ? 0.6 :\r\n      mode === \"tablet\" ? 0.75 :\r\n      0.9;\r\n\r\n    particles.forEach(function (particle, index) {\r\n      for (let i = index + 1; i < particles.length; i++) {\r\n        const other = particles[i];\r\n        const distance = Math.hypot(\r\n          particle.x - other.x,\r\n          particle.y - other.y\r\n        );\r\n\r\n        if (distance < maxDistance) {\r\n          const opacity = (1 - distance \/ maxDistance) * lineOpacity;\r\n\r\n          ctx.beginPath();\r\n          ctx.moveTo(particle.x, particle.y);\r\n          ctx.lineTo(other.x, other.y);\r\n          ctx.strokeStyle = \"rgba(32, 225, 213, \" + opacity + \")\";\r\n          ctx.lineWidth = lineWidth;\r\n          ctx.stroke();\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  function drawMouseEffect() {\r\n    if (getMode() !== \"desktop\" || !mouse.active) return;\r\n\r\n    const gradient = ctx.createRadialGradient(\r\n      mouse.x,\r\n      mouse.y,\r\n      0,\r\n      mouse.x,\r\n      mouse.y,\r\n      mouse.radius\r\n    );\r\n\r\n    gradient.addColorStop(0, \"rgba(32, 225, 213, 0.15)\");\r\n    gradient.addColorStop(0.42, \"rgba(32, 225, 213, 0.065)\");\r\n    gradient.addColorStop(1, \"rgba(32, 225, 213, 0)\");\r\n\r\n    ctx.beginPath();\r\n    ctx.arc(mouse.x, mouse.y, mouse.radius, 0, Math.PI * 2);\r\n    ctx.fillStyle = gradient;\r\n    ctx.fill();\r\n\r\n    particles.forEach(function (particle) {\r\n      const distance = Math.hypot(\r\n        particle.x - mouse.x,\r\n        particle.y - mouse.y\r\n      );\r\n\r\n      if (distance < mouse.radius) {\r\n        const opacity = (1 - distance \/ mouse.radius) * 0.16;\r\n\r\n        ctx.beginPath();\r\n        ctx.moveTo(mouse.x, mouse.y);\r\n        ctx.lineTo(particle.x, particle.y);\r\n        ctx.strokeStyle = \"rgba(32, 225, 213, \" + opacity + \")\";\r\n        ctx.lineWidth = 0.85;\r\n        ctx.stroke();\r\n      }\r\n    });\r\n\r\n    ctx.beginPath();\r\n    ctx.arc(mouse.x, mouse.y, 3, 0, Math.PI * 2);\r\n    ctx.fillStyle = \"rgba(32, 225, 213, 0.78)\";\r\n    ctx.shadowColor = \"rgba(32, 225, 213, 0.58)\";\r\n    ctx.shadowBlur = 8;\r\n    ctx.fill();\r\n    ctx.shadowBlur = 0;\r\n  }\r\n\r\n  function drawParticles(time) {\r\n    const mode = getMode();\r\n\r\n    particles.forEach(function (particle) {\r\n      const pulse = 0.72 + Math.sin(time * 0.0024 + particle.phase) * 0.28;\r\n      const isGold = particle.colorType === \"gold\";\r\n\r\n      const cyanAlpha =\r\n        mode === \"mobile\" ? 0.68 :\r\n        mode === \"tablet\" ? 0.72 :\r\n        0.76;\r\n\r\n      const goldAlpha =\r\n        mode === \"mobile\" ? 0.48 :\r\n        mode === \"tablet\" ? 0.52 :\r\n        0.58;\r\n\r\n      ctx.beginPath();\r\n      ctx.arc(particle.x, particle.y, particle.size, 0, Math.PI * 2);\r\n      ctx.fillStyle = isGold\r\n        ? \"rgba(213, 163, 41, \" + goldAlpha * pulse + \")\"\r\n        : \"rgba(32, 225, 213, \" + cyanAlpha * pulse + \")\";\r\n      ctx.shadowColor = isGold\r\n        ? \"rgba(213, 163, 41, 0.46)\"\r\n        : \"rgba(32, 225, 213, 0.52)\";\r\n      ctx.shadowBlur = mode === \"mobile\" ? 3 : mode === \"tablet\" ? 5 : 7;\r\n      ctx.fill();\r\n      ctx.shadowBlur = 0;\r\n    });\r\n  }\r\n\r\n  function animate(time) {\r\n    ctx.clearRect(0, 0, width, height);\r\n    updateParticles();\r\n    drawNetworkLines();\r\n    drawMouseEffect();\r\n    drawParticles(time);\r\n    animationFrame = window.requestAnimationFrame(animate);\r\n  }\r\n\r\n  section.addEventListener(\"mousemove\", function (event) {\r\n    if (getMode() !== \"desktop\") return;\r\n\r\n    const rect = section.getBoundingClientRect();\r\n    mouse.x = event.clientX - rect.left;\r\n    mouse.y = event.clientY - rect.top;\r\n    mouse.active = true;\r\n  });\r\n\r\n  section.addEventListener(\"mouseleave\", function () {\r\n    mouse.active = false;\r\n  });\r\n\r\n  resizeCanvas();\r\n\r\n  if (\"ResizeObserver\" in window) {\r\n    const resizeObserver = new ResizeObserver(function () {\r\n      if (animationFrame) {\r\n        window.cancelAnimationFrame(animationFrame);\r\n      }\r\n\r\n      resizeCanvas();\r\n      animationFrame = window.requestAnimationFrame(animate);\r\n    });\r\n\r\n    resizeObserver.observe(section);\r\n  } else {\r\n    window.addEventListener(\"resize\", resizeCanvas);\r\n  }\r\n\r\n  animationFrame = window.requestAnimationFrame(animate);\r\n})();\r\n<\/script>\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>International Conference on Computational and Mathematical Modelling 2026 Conference Programs Explore the mini symposium, special sessions, and workshops organized as part of ICCMM 2026. Mini Symposium Colombo Quantum Computing Meetup 2026 Mini Symposium on Advanced Applications of AI and Machine Learning Paradigms Mini Symposium on Mathematical Frontiers in Interdisciplinary Sciences Mini Symposium on Future-Ready Learning [&hellip;]<\/p>\n","protected":false},"author":123462,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11511","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-json\/wp\/v2\/pages\/11511","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-json\/wp\/v2\/users\/123462"}],"replies":[{"embeddable":true,"href":"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-json\/wp\/v2\/comments?post=11511"}],"version-history":[{"count":43,"href":"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-json\/wp\/v2\/pages\/11511\/revisions"}],"predecessor-version":[{"id":11793,"href":"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-json\/wp\/v2\/pages\/11511\/revisions\/11793"}],"wp:attachment":[{"href":"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-json\/wp\/v2\/media?parent=11511"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}