{"id":4986,"date":"2025-12-22T11:07:45","date_gmt":"2025-12-22T04:07:45","guid":{"rendered":"https:\/\/phanthanhtuonghuan.id.vn\/?page_id=4986"},"modified":"2026-06-06T18:07:11","modified_gmt":"2026-06-06T11:07:11","slug":"news-events","status":"publish","type":"page","link":"https:\/\/uii.ueh.edu.vn\/vi\/news-events\/","title":{"rendered":"News &amp; Events"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4986\" class=\"elementor elementor-4986\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9747674 e-con-full e-flex e-con e-parent\" data-id=\"9747674\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3601f02 e-con-full e-flex e-con e-child\" data-id=\"3601f02\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-54c515a e-con-full e-flex e-con e-child\" data-id=\"54c515a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:4997,&quot;url&quot;:&quot;https:\\\/\\\/uii.ueh.edu.vn\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/Faculty-engaged-in-entrepreneurship-activities-2-scaled.jpg&quot;}],&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t<div class=\"elementor-element elementor-element-7e97283 e-con-full e-flex e-con e-child\" data-id=\"7e97283\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-956a317 elementor-widget elementor-widget-heading\" data-id=\"956a317\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><font face=\"Open Sans, sans-serif\"><span style=\"font-size: 16px;text-transform: uppercase\"><b>UEH INSTITUTE OF INNOVATION<\/b><\/span><\/font><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9a9d68e elementor-widget elementor-widget-heading\" data-id=\"9a9d68e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><b>NEWS &amp; EVENTS<\/b><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e42013c e-con-full e-flex e-con e-parent\" data-id=\"e42013c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c64a34 elementor-widget elementor-widget-html\" data-id=\"4c64a34\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n\t\t\t\t\t\n\n\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>UII News &amp; Events - Hybrid Sidebar Design<\/title>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&amp;display=swap\" rel=\"stylesheet\">\n  \n  <style>\n    \/* =========================\n       CORE STYLES\n       ========================= *\/\n    body { margin: 0; padding: 0; background-color: #f0f2f5; font-family: 'Inter', sans-serif; }\n    \/* Container Width *\/\n    .elementor-container-simulation { max-width: 1380px; margin: 40px auto; background: white; padding: 40px 32px; min-height: 100vh; }\n\n    .uii-ne {\n      --uii-brand: #EB6825;\n      --uii-blue: #234B86;\n      --uii-ink: #0f172a;\n      --uii-muted: #64748B;\n      --uii-soft: #F8FAFC;\n      --uii-ring: #E2E8F0;\n      --uii-border: #E2E8F0; \/* TH\u00caM BI\u1ebeN FIX L\u1ed6I VI\u1ec0N BUTTON *\/\n      --uii-radius-xl: 20px;\n      --uii-radius: 12px;\n      \n      font-family: 'Inter', system-ui, sans-serif;\n      color: var(--uii-ink);\n      width: 100%;\n    }\n    .uii-ne * { box-sizing: border-box; }\n    .uii-ne a { color: inherit; text-decoration: none; transition: 0.2s; }\n    .uii-ne img { max-width: 100%; display: block; }\n\n    \/* --- HERO & HEADER --- *\/\n    .uii-ne .top { \n      background: linear-gradient(135deg, var(--uii-soft) 0%, #fff 100%);\n      border: 1px solid var(--uii-ring); border-radius: var(--uii-radius-xl);\n      padding: 40px; text-align: center; margin-bottom: 40px; \n    }\n    .uii-ne h1 { margin: 0 0 10px; color: var(--uii-blue); font-size: 2.5rem; font-weight: 800; letter-spacing: -0.02em; }\n    .uii-ne .sub { color: var(--uii-muted); font-size: 1.1rem; }\n\n    \/* --- LAYOUT GRID (Main + Sidebar) --- *\/\n    .uii-ne .layout { \n      display: grid; \n      grid-template-columns: 3fr 1fr; \/* 75% Content - 25% Sidebar *\/\n      gap: 40px; \n      align-items: start; \n    }\n    @media (max-width: 1024px) { .uii-ne .layout { grid-template-columns: 1fr; } }\n\n    \/* --- FILTERS (Inside Main Column) --- *\/\n    .uii-ne .filters { \n      background: #fff; border: 1px solid var(--uii-ring); border-radius: var(--uii-radius-xl);\n      padding: 10px 20px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; align-items: center;\n      margin-bottom: 30px; box-shadow: 0 4px 6px rgba(0,0,0,0.02);\n    }\n\n    \/* Type Tabs *\/\n    .uii-ne .filter-tabs { display: flex; gap: 4px; background: var(--uii-soft); padding: 4px; border-radius: 999px; }\n    .uii-ne .tab-btn { \n      padding: 8px 20px; border-radius: 999px; border: none; background: transparent; \n      color: var(--uii-muted); font-weight: 600; cursor: pointer; transition: 0.2s; font-size: 0.9rem;\n    }\n    .uii-ne .tab-btn.active { background: #fff; color: var(--uii-blue); box-shadow: 0 2px 4px rgba(0,0,0,0.05); }\n\n    \/* Search Input Wrapper *\/\n    .uii-ne .search-group { position: relative; display: flex; align-items: center; }\n    \n    .uii-ne .search-input { \n      padding: 10px 40px 10px 20px; border: 1px solid var(--uii-ring); background: var(--uii-soft); \n      border-radius: 999px; width: 220px; outline: none; transition: 0.2s; font-size: 0.9rem;\n      height: 42px; \n    }\n    .uii-ne .search-input:focus { background: #fff; border-color: var(--uii-blue); width: 260px; box-shadow: 0 0 0 3px rgba(35, 75, 134, 0.1); }\n    \n    \/* Search Button Centering *\/\n    .uii-ne .search-btn { \n      position: absolute; \n      right: 5px; \n      top: 50%;\n      transform: translateY(-50%); \n      border: none; \n      background: var(--uii-blue); \n      color: #fff; \n      border-radius: 50%; \n      width: 32px; \n      height: 32px; \n      display: flex; \n      align-items: center; \n      justify-content: center; \n      cursor: pointer;\n      padding: 0 !important; \n      margin: 0 !important;  \n      line-height: 1 !important; \n    }\n\n    \/* Active Filter Tag *\/\n    .uii-ne .active-filter-tag {\n      display: none; align-items: center; gap: 8px; margin-bottom: 20px;\n      padding: 8px 16px; background: color-mix(in srgb, var(--uii-brand) 10%, white); \n      border: 1px solid color-mix(in srgb, var(--uii-brand) 30%, white);\n      border-radius: 8px; color: var(--uii-brand); font-weight: 700; font-size: 0.9rem;\n      width: fit-content;\n    }\n    .uii-ne .active-filter-tag.show { display: flex; }\n    .uii-ne .clear-filter { cursor: pointer; display: flex; align-items: center; }\n    .uii-ne .clear-filter:hover { opacity: 0.7; }\n\n    \/* --- FEATURED HERO POST --- *\/\n    .uii-ne .featured { \n      display: grid; grid-template-columns: 1.5fr 1fr; background: #fff; border: 1px solid var(--uii-ring); \n      border-radius: var(--uii-radius-xl); overflow: hidden; margin-bottom: 40px; transition: 0.3s;\n      min-height: 380px;\n    }\n    .uii-ne .featured:hover { transform: translateY(-4px); box-shadow: 0 20px 25px -5px rgba(35, 75, 134, 0.12); border-color: rgba(235, 104, 37, 0.3); }\n    @media (max-width: 768px) { .uii-ne .featured { grid-template-columns: 1fr; } }\n\n    .uii-ne .featured-media { position: relative; overflow: hidden; }\n    .uii-ne .featured-media img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }\n    .uii-ne .featured-body { padding: 40px; display: flex; flex-direction: column; justify-content: center; position: relative; }\n    .uii-ne .featured h2 { font-size: 2rem; font-weight: 800; color: var(--uii-blue); line-height: 1.25; margin: 0 0 16px; }\n    \n    \/* --- 3-COLUMN GRID --- *\/\n    .uii-ne .grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }\n    @media (max-width: 1200px) { .uii-ne .grid { grid-template-columns: repeat(2, 1fr); } }\n    @media (max-width: 600px) { .uii-ne .grid { grid-template-columns: 1fr; } }\n    \n    .uii-ne .card { \n      background: #fff; border: 1px solid var(--uii-ring); border-radius: var(--uii-radius); \n      overflow: hidden; display: flex; flex-direction: column; transition: 0.2s; position: relative;\n    }\n    .uii-ne .card:hover { transform: translateY(-3px); border-color: var(--uii-blue); box-shadow: 0 12px 24px rgba(0,0,0,0.08); }\n    .uii-ne .card-media { width: 100%; aspect-ratio: 16\/10; overflow: hidden; position: relative; }\n    .uii-ne .card-media img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }\n    .uii-ne .card:hover .card-media img { transform: scale(1.05); }\n    \n    \/* SDG Row below image *\/\n    .uii-ne .card-sdg-row { display: flex; gap: 6px; padding: 12px 16px 0; margin-bottom: -4px; flex-wrap: wrap; }\n    .uii-ne .card-sdg-link { display: block; width: 26px; height: 26px; transition: transform 0.2s; cursor: pointer; }\n    .uii-ne .card-sdg-link:hover { transform: scale(1.2); z-index: 10; }\n    .uii-ne .card-sdg-icon { width: 100%; height: 100%; border-radius: 4px; object-fit: cover; box-shadow: 0 2px 4px rgba(0,0,0,0.1); border: 1px solid rgba(0,0,0,0.05); }\n\n    .card-body { padding: 16px; flex: 1; display: flex; flex-direction: column; }\n    .card-meta { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; color: var(--uii-brand); margin-bottom: 6px; display: flex; justify-content: space-between; }\n    .card-title { font-size: 1.05rem; font-weight: 700; margin: 0 0 8px; color: var(--uii-ink); line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }\n    .card-date { font-size: 0.8rem; color: #999; margin-top: auto; }\n\n    \/* --- RIGHT SIDEBAR (Sticky) --- *\/\n    .sidebar { display: flex; flex-direction: column; gap: 30px; position: sticky; top: 20px; }\n    .panel { background: #fff; padding-bottom: 20px; border-bottom: 1px solid var(--uii-ring); }\n    .panel:last-child { border-bottom: none; }\n    .panel h3 { font-size: 1rem; font-weight: 800; color: var(--uii-blue); margin: 0 0 16px; display: flex; align-items: center; gap: 8px; text-transform: uppercase; letter-spacing: 0.05em; }\n    .panel h3::before { content: ''; width: 4px; height: 16px; background: var(--uii-brand); border-radius: 2px; }\n\n    \/* Topic Links *\/\n    .topic-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 6px; }\n    .topic-item { display: block; padding: 10px 14px; border-radius: 8px; font-weight: 600; font-size: 0.85rem; color: var(--uii-ink); transition: 0.2s; border: 1px solid transparent; background: var(--uii-soft); cursor: pointer; text-transform: uppercase; letter-spacing: 0.02em; line-height: 1.3; }\n    .topic-item:hover { background: #fff; border-color: var(--uii-blue); color: var(--uii-blue); transform: translateX(4px); }\n    .topic-item.active { background: var(--uii-blue); color: #fff; border-color: var(--uii-blue); }\n\n    \/* SDGs Grid *\/\n    .sdg-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; }\n    .sdg-item { aspect-ratio: 1\/1; border-radius: 8px; overflow: hidden; transition: 0.2s; cursor: pointer; border: 2px solid transparent; display: block; position: relative; }\n    .sdg-item:hover { transform: scale(1.15); z-index: 2; box-shadow: 0 4px 10px rgba(0,0,0,0.15); }\n    .sdg-item.active { border-color: var(--uii-blue); transform: scale(1.05); box-shadow: 0 0 0 2px var(--uii-blue); z-index: 2; }\n    .sdg-img { width: 100%; height: 100%; object-fit: cover; display: block; }\n\n    \/* Most Viewed *\/\n    .mv-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 16px; }\n    .mv-item { display: flex; gap: 12px; align-items: flex-start; }\n    .mv-rank { width: 24px; height: 24px; background: var(--uii-soft); color: var(--uii-brand); border-radius: 50%; font-weight: 800; font-size: 0.85rem; display: grid; place-items: center; flex-shrink: 0; margin-top: 2px; }\n    .mv-item:first-child .mv-rank { background: var(--uii-brand); color: #fff; }\n    .mv-link { font-size: 0.9rem; font-weight: 600; line-height: 1.4; color: var(--uii-ink); cursor: pointer; }\n    .mv-link:hover { color: var(--uii-blue); text-decoration: underline; }\n\n    \/* Load More Button *\/\n    .uii-load-more-container { display: flex; justify-content: center; margin-top: 40px; width: 100%; }\n    .uii-load-more-btn { padding: 12px 32px; background: white; border: 1px solid var(--uii-border); color: var(--uii-blue); border-radius: 99px; font-weight: 700; font-size: 0.95rem; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 2px 5px rgba(0,0,0,0.05); display: flex; align-items: center; gap: 8px; }\n    .uii-load-more-btn:hover { border-color: var(--uii-blue); transform: translateY(-2px); box-shadow: 0 5px 15px rgba(35, 75, 134, 0.15); }\n    .uii-load-more-btn.loading { opacity: 0.7; pointer-events: none; }\n\n    \/* Utilities *\/\n    .uii-loader { text-align: center; padding: 40px; color: var(--uii-muted); grid-column: 1\/-1; }\n    .uii-spinner { width: 30px; height: 30px; border: 3px solid var(--uii-ring); border-top-color: var(--uii-brand); border-radius: 50%; animation: spin 0.8s linear infinite; margin: 0 auto 10px; }\n    @keyframes spin { to { transform: rotate(360deg); } }\n  <\/style>\n\n\n\n  <div class=\"elementor-container-simulation\">\n    <section class=\"uii-ne\" aria-labelledby=\"uii-ne-title\">\n      <div class=\"wrap\">\n        <div class=\"top\">\n          <h1 id=\"uii-ne-title\" class=\"\" spellcheck=\"false\">News &amp; Events<\/h1>\n          <p class=\"sub\">Discover the latest innovation stories, research insights, and student activities.<\/p>\n        <\/div>\n\n        <div class=\"layout\">\n          <main>\n            <div class=\"filters\">\n              <div class=\"filter-tabs\">\n                <button class=\"tab-btn active\" onclick=\"UII_App.load({type: 'all', page: 1}, this)\">All<\/button>\n                <button class=\"tab-btn\" onclick=\"UII_App.load({type: 'news', page: 1}, this)\">News<\/button>\n                <button class=\"tab-btn\" onclick=\"UII_App.load({type: 'event', page: 1}, this)\">Events<\/button>\n              <\/div>\n              <div class=\"search-group\">\n                <input type=\"text\" class=\"search-input\" id=\"uiiSearch\" placeholder=\"Search news...\" onkeypress=\"if(event.key==='Enter') UII_App.search()\">\n                <button class=\"search-btn\" onclick=\"UII_App.search()\">\n                  <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><path d=\"M21 21l-4.35-4.35\"><\/path><\/svg>\n                <\/button>\n              <\/div>\n            <\/div>\n\n            <div id=\"activeFilterDisplay\" class=\"active-filter-tag\">\n              <span id=\"activeFilterText\">Filtering by...<\/span>\n              <div class=\"clear-filter\" onclick=\"UII_App.clearFilters()\" title=\"Clear filter\">\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" style=\"margin-left:6px\"><path d=\"M18 6L6 18M6 6l12 12\"><\/path><\/svg>\n              <\/div>\n            <\/div>\n\n            <div id=\"uii-content-area\">\n              <article class=\"featured\">\n                <div class=\"featured-media\">\n                  <a href=\"https:\/\/uii.ueh.edu.vn\/en\/uii-sip-share-3-ai-powered-customer-insight-for-growth-leveraging-ai-to-understand-customers-and-drive-sustainable-growth\/\"><img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/08\/image-2.png\" alt=\"UII SIP &amp; SHARE #3: AI-Powered Customer Insight for Growth \u2013 Leveraging AI to Understand Customers and Drive Sustainable Growth\"><\/a>\n                <\/div>\n                <div class=\"featured-body\">\n                  <span class=\"card-meta\" style=\"font-size:0.85rem; margin-bottom:12px;\">LIFE AT UEH - CTD - UII<\/span>\n                  <h2><a href=\"https:\/\/uii.ueh.edu.vn\/en\/uii-sip-share-3-ai-powered-customer-insight-for-growth-leveraging-ai-to-understand-customers-and-drive-sustainable-growth\/\">UII SIP &amp; SHARE #3: AI-Powered Customer Insight for Growth \u2013 Leveraging AI to Understand Customers and Drive Sustainable Growth<\/a><\/h2>\n                  \n                  <div style=\"display:flex; gap:6px; margin-bottom:12px;\">\n                     \n                        <div class=\"card-sdg-link\" onclick=\"UII_App.filterBySDG(17)\" title=\"Filter by SDG 17\">\n                            <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_17Partnerships.svg.png\" alt=\"SDG 17\" class=\"card-sdg-icon\">\n                        <\/div>\n                     \n                        <div class=\"card-sdg-link\" onclick=\"UII_App.filterBySDG(8)\" title=\"Filter by SDG 8\">\n                            <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_08DecentWork.svg.png\" alt=\"SDG 8\" class=\"card-sdg-icon\">\n                        <\/div>\n                     \n                        <div class=\"card-sdg-link\" onclick=\"UII_App.filterBySDG(9)\" title=\"Filter by SDG 9\">\n                            <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_09Industry.svg.png\" alt=\"SDG 9\" class=\"card-sdg-icon\">\n                        <\/div>\n                     \n                  <\/div>\n\n                  <div class=\"card-date\" style=\"margin-bottom:16px;\">10 Aug 2026<\/div>\n                  <div style=\"color:#64748b; line-height:1.6; margin-bottom:24px; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;\">With the aim of fostering knowledge exchange, strengthening connections, and keeping the startup community up to date with emerging trends, UII Startup Incubator successfully organized UII SIP &amp; SHARE #3 on July 31, under the theme \u201cAI-Powered Customer Insight for Growth.\u201d The event brought together startups from the UII Startup Community alongside two experienced speakers [\u2026]\n<\/div>\n                  <a href=\"https:\/\/uii.ueh.edu.vn\/en\/uii-sip-share-3-ai-powered-customer-insight-for-growth-leveraging-ai-to-understand-customers-and-drive-sustainable-growth\/\" style=\"font-weight:700; color:var(--uii-blue); display:flex; align-items:center; gap:6px;\">Read more<\/a>\n                <\/div>\n              <\/article>\n              <div class=\"grid\" id=\"uii-grid-target\">\n              <div class=\"card\">\n                <div class=\"card-media\">\n                  <a href=\"https:\/\/uii.ueh.edu.vn\/en\/innovation-immersion-2026-immersive-learning-program-innovation-entrepreneurship-thailand\/\"><img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/07\/image-11.jpeg\" alt=\"INNOVATION IMMERSION 2026 \u2013 AN IMMERSIVE LEARNING PROGRAM ON INNOVATION AND ENTREPRENEURSHIP IN THAILAND: EXPANDING CONNECTIONS ACROSS THE ASIA-PACIFIC INNOVATION ECOSYSTEM\"><\/a>\n                <\/div>\n                \n                <div class=\"card-sdg-row\">\n                   \n                      <div class=\"card-sdg-link\" onclick=\"UII_App.filterBySDG(17)\" title=\"Filter by SDG 17\">\n                          <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_17Partnerships.svg.png\" alt=\"SDG 17\" class=\"card-sdg-icon\">\n                      <\/div>\n                   \n                      <div class=\"card-sdg-link\" onclick=\"UII_App.filterBySDG(4)\" title=\"Filter by SDG 4\">\n                          <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_04QualityEducation.svg.png\" alt=\"SDG 4\" class=\"card-sdg-icon\">\n                      <\/div>\n                   \n                      <div class=\"card-sdg-link\" onclick=\"UII_App.filterBySDG(9)\" title=\"Filter by SDG 9\">\n                          <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_09Industry.svg.png\" alt=\"SDG 9\" class=\"card-sdg-icon\">\n                      <\/div>\n                   \n                <\/div>\n\n                <div class=\"card-body\">\n                  <span class=\"card-meta\">LIFE AT UEH - CTD - UII<\/span>\n                  <h3 class=\"card-title\"><a href=\"https:\/\/uii.ueh.edu.vn\/en\/innovation-immersion-2026-immersive-learning-program-innovation-entrepreneurship-thailand\/\">INNOVATION IMMERSION 2026 \u2013 AN IMMERSIVE LEARNING PROGRAM ON INNOVATION AND ENTREPRENEURSHIP IN THAILAND: EXPANDING CONNECTIONS ACROSS THE ASIA-PACIFIC INNOVATION ECOSYSTEM<\/a><\/h3>\n                  <div class=\"card-date\">11 Jul 2026<\/div>\n                <\/div>\n              <\/div>\n            \n              <div class=\"card\">\n                <div class=\"card-media\">\n                  <a href=\"https:\/\/uii.ueh.edu.vn\/en\/ueh-institute-of-innovation-delegation-visits-the-college-of-innovation-thammasat-university-thailand\/\"><img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/07\/image-8.jpeg\" alt=\"UEH INSTITUTE OF INNOVATION DELEGATION VISITS THE COLLEGE OF INNOVATION, THAMMASAT UNIVERSITY, THAILAND\"><\/a>\n                <\/div>\n                \n                <div class=\"card-sdg-row\">\n                   \n                      <div class=\"card-sdg-link\" onclick=\"UII_App.filterBySDG(17)\" title=\"Filter by SDG 17\">\n                          <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_17Partnerships.svg.png\" alt=\"SDG 17\" class=\"card-sdg-icon\">\n                      <\/div>\n                   \n                      <div class=\"card-sdg-link\" onclick=\"UII_App.filterBySDG(4)\" title=\"Filter by SDG 4\">\n                          <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_04QualityEducation.svg.png\" alt=\"SDG 4\" class=\"card-sdg-icon\">\n                      <\/div>\n                   \n                      <div class=\"card-sdg-link\" onclick=\"UII_App.filterBySDG(9)\" title=\"Filter by SDG 9\">\n                          <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_09Industry.svg.png\" alt=\"SDG 9\" class=\"card-sdg-icon\">\n                      <\/div>\n                   \n                <\/div>\n\n                <div class=\"card-body\">\n                  <span class=\"card-meta\">LIFE AT UEH - CTD - UII<\/span>\n                  <h3 class=\"card-title\"><a href=\"https:\/\/uii.ueh.edu.vn\/en\/ueh-institute-of-innovation-delegation-visits-the-college-of-innovation-thammasat-university-thailand\/\">UEH INSTITUTE OF INNOVATION DELEGATION VISITS THE COLLEGE OF INNOVATION, THAMMASAT UNIVERSITY, THAILAND<\/a><\/h3>\n                  <div class=\"card-date\">11 Jul 2026<\/div>\n                <\/div>\n              <\/div>\n            \n              <div class=\"card\">\n                <div class=\"card-media\">\n                  <a href=\"https:\/\/uii.ueh.edu.vn\/en\/uii-international-internship-2026-experience-vietnams-vibrant-startup-ecosystem\/\"><img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/06\/INTERNATIONAL-INTERNSHIP-2026.png\" alt=\"UII INTERNATIONAL INTERNSHIP 2026: Experience Vietnam\u2019s Vibrant Startup Ecosystem\"><\/a>\n                <\/div>\n                \n                <div class=\"card-sdg-row\">\n                   \n                      <div class=\"card-sdg-link\" onclick=\"UII_App.filterBySDG(13)\" title=\"Filter by SDG 13\">\n                          <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_13Climate.svg.png\" alt=\"SDG 13\" class=\"card-sdg-icon\">\n                      <\/div>\n                   \n                      <div class=\"card-sdg-link\" onclick=\"UII_App.filterBySDG(4)\" title=\"Filter by SDG 4\">\n                          <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_04QualityEducation.svg.png\" alt=\"SDG 4\" class=\"card-sdg-icon\">\n                      <\/div>\n                   \n                      <div class=\"card-sdg-link\" onclick=\"UII_App.filterBySDG(9)\" title=\"Filter by SDG 9\">\n                          <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_09Industry.svg.png\" alt=\"SDG 9\" class=\"card-sdg-icon\">\n                      <\/div>\n                   \n                <\/div>\n\n                <div class=\"card-body\">\n                  <span class=\"card-meta\">LIFE AT UEH - CTD - UII<\/span>\n                  <h3 class=\"card-title\"><a href=\"https:\/\/uii.ueh.edu.vn\/en\/uii-international-internship-2026-experience-vietnams-vibrant-startup-ecosystem\/\">UII INTERNATIONAL INTERNSHIP 2026: Experience Vietnam\u2019s Vibrant Startup Ecosystem<\/a><\/h3>\n                  <div class=\"card-date\">23 Jun 2026<\/div>\n                <\/div>\n              <\/div>\n            \n              <div class=\"card\">\n                <div class=\"card-media\">\n                  <a href=\"https:\/\/uii.ueh.edu.vn\/en\/english-for-innovation-challenge-2026-developing-foreign-language-competency-and-innovation-capability-of-the-young-generation-with-the-theme-ai-in-education\/\"><img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/06\/image-9.jpeg\" alt=\"ENGLISH FOR INNOVATION CHALLENGE 2026: DEVELOPING FOREIGN LANGUAGE COMPETENCY AND INNOVATION CAPABILITY OF THE YOUNG GENERATION WITH THE THEME \u201cAI IN EDUCATION\"><\/a>\n                <\/div>\n                \n                <div class=\"card-sdg-row\">\n                   \n                      <div class=\"card-sdg-link\" onclick=\"UII_App.filterBySDG(13)\" title=\"Filter by SDG 13\">\n                          <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_13Climate.svg.png\" alt=\"SDG 13\" class=\"card-sdg-icon\">\n                      <\/div>\n                   \n                      <div class=\"card-sdg-link\" onclick=\"UII_App.filterBySDG(4)\" title=\"Filter by SDG 4\">\n                          <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_04QualityEducation.svg.png\" alt=\"SDG 4\" class=\"card-sdg-icon\">\n                      <\/div>\n                   \n                      <div class=\"card-sdg-link\" onclick=\"UII_App.filterBySDG(9)\" title=\"Filter by SDG 9\">\n                          <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_09Industry.svg.png\" alt=\"SDG 9\" class=\"card-sdg-icon\">\n                      <\/div>\n                   \n                <\/div>\n\n                <div class=\"card-body\">\n                  <span class=\"card-meta\">LIFE AT UEH - CTD - UII<\/span>\n                  <h3 class=\"card-title\"><a href=\"https:\/\/uii.ueh.edu.vn\/en\/english-for-innovation-challenge-2026-developing-foreign-language-competency-and-innovation-capability-of-the-young-generation-with-the-theme-ai-in-education\/\">ENGLISH FOR INNOVATION CHALLENGE 2026: DEVELOPING FOREIGN LANGUAGE COMPETENCY AND INNOVATION CAPABILITY OF THE YOUNG GENERATION WITH THE THEME \u201cAI IN EDUCATION<\/a><\/h3>\n                  <div class=\"card-date\">22 Jun 2026<\/div>\n                <\/div>\n              <\/div>\n            \n              <div class=\"card\">\n                <div class=\"card-media\">\n                  <a href=\"https:\/\/uii.ueh.edu.vn\/en\/uii-sip-share-2-strengthening-international-connections-and-sharing-experiences-in-developing-startups-in-vietnam\/\"><img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/05\/image-3.png\" alt=\"UII Sip &amp; Share #2: Strengthening international connections and sharing experiences in developing startups in Vietnam\"><\/a>\n                <\/div>\n                \n                <div class=\"card-sdg-row\">\n                   \n                      <div class=\"card-sdg-link\" onclick=\"UII_App.filterBySDG(13)\" title=\"Filter by SDG 13\">\n                          <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_13Climate.svg.png\" alt=\"SDG 13\" class=\"card-sdg-icon\">\n                      <\/div>\n                   \n                      <div class=\"card-sdg-link\" onclick=\"UII_App.filterBySDG(8)\" title=\"Filter by SDG 8\">\n                          <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_08DecentWork.svg.png\" alt=\"SDG 8\" class=\"card-sdg-icon\">\n                      <\/div>\n                   \n                      <div class=\"card-sdg-link\" onclick=\"UII_App.filterBySDG(9)\" title=\"Filter by SDG 9\">\n                          <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_09Industry.svg.png\" alt=\"SDG 9\" class=\"card-sdg-icon\">\n                      <\/div>\n                   \n                <\/div>\n\n                <div class=\"card-body\">\n                  <span class=\"card-meta\">LIFE AT UEH - CTD - UII<\/span>\n                  <h3 class=\"card-title\"><a href=\"https:\/\/uii.ueh.edu.vn\/en\/uii-sip-share-2-strengthening-international-connections-and-sharing-experiences-in-developing-startups-in-vietnam\/\">UII Sip &amp; Share #2: Strengthening international connections and sharing experiences in developing startups in Vietnam<\/a><\/h3>\n                  <div class=\"card-date\">11 May 2026<\/div>\n                <\/div>\n              <\/div>\n            \n              <div class=\"card\">\n                <div class=\"card-media\">\n                  <a href=\"https:\/\/uii.ueh.edu.vn\/en\/uii-dang-ky-ngay-chuong-trinh-tham-quan-hoc-tap-va-tham-gia-hoi-nghi-thuong-dinh-thanh-nien-doi-moi-sang-tao-va-khoi-nghiep-tai-thai-lan\/\"><img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/05\/VN_Innovation-Immersion-2026-Banner.png\" alt=\"UII | APPLY NOW FOR THE INNOVATION IMMERSION 2026 PROGRAM \u2013 STUDY VISIT AND PARTICIPATION IN THE ASIA PACIFIC YOUTH CO:LAB SUMMIT IN THAILAND\"><\/a>\n                <\/div>\n                \n                <div class=\"card-sdg-row\">\n                   \n                      <div class=\"card-sdg-link\" onclick=\"UII_App.filterBySDG(17)\" title=\"Filter by SDG 17\">\n                          <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_17Partnerships.svg.png\" alt=\"SDG 17\" class=\"card-sdg-icon\">\n                      <\/div>\n                   \n                      <div class=\"card-sdg-link\" onclick=\"UII_App.filterBySDG(4)\" title=\"Filter by SDG 4\">\n                          <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_04QualityEducation.svg.png\" alt=\"SDG 4\" class=\"card-sdg-icon\">\n                      <\/div>\n                   \n                      <div class=\"card-sdg-link\" onclick=\"UII_App.filterBySDG(9)\" title=\"Filter by SDG 9\">\n                          <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_09Industry.svg.png\" alt=\"SDG 9\" class=\"card-sdg-icon\">\n                      <\/div>\n                   \n                <\/div>\n\n                <div class=\"card-body\">\n                  <span class=\"card-meta\">LIFE AT UEH - CTD - UII<\/span>\n                  <h3 class=\"card-title\"><a href=\"https:\/\/uii.ueh.edu.vn\/en\/uii-dang-ky-ngay-chuong-trinh-tham-quan-hoc-tap-va-tham-gia-hoi-nghi-thuong-dinh-thanh-nien-doi-moi-sang-tao-va-khoi-nghiep-tai-thai-lan\/\">UII | APPLY NOW FOR THE INNOVATION IMMERSION 2026 PROGRAM \u2013 STUDY VISIT AND PARTICIPATION IN THE ASIA PACIFIC YOUTH CO:LAB SUMMIT IN THAILAND<\/a><\/h3>\n                  <div class=\"card-date\">11 May 2026<\/div>\n                <\/div>\n              <\/div>\n            \n              <div class=\"card\">\n                <div class=\"card-media\">\n                  <a href=\"https:\/\/uii.ueh.edu.vn\/en\/uii-connects-with-one-tree-hill-ventures-and-a-delegation-of-13-korean-startups\/\"><img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/05\/image-2.png\" alt=\"UII CONNECTS WITH ONE TREE HILL VENTURES AND A DELEGATION OF 13 KOREAN STARTUPS\"><\/a>\n                <\/div>\n                \n                <div class=\"card-sdg-row\">\n                   \n                      <div class=\"card-sdg-link\" onclick=\"UII_App.filterBySDG(13)\" title=\"Filter by SDG 13\">\n                          <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_13Climate.svg.png\" alt=\"SDG 13\" class=\"card-sdg-icon\">\n                      <\/div>\n                   \n                      <div class=\"card-sdg-link\" onclick=\"UII_App.filterBySDG(8)\" title=\"Filter by SDG 8\">\n                          <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_08DecentWork.svg.png\" alt=\"SDG 8\" class=\"card-sdg-icon\">\n                      <\/div>\n                   \n                      <div class=\"card-sdg-link\" onclick=\"UII_App.filterBySDG(9)\" title=\"Filter by SDG 9\">\n                          <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_09Industry.svg.png\" alt=\"SDG 9\" class=\"card-sdg-icon\">\n                      <\/div>\n                   \n                <\/div>\n\n                <div class=\"card-body\">\n                  <span class=\"card-meta\">LIFE AT UEH - CTD - UII<\/span>\n                  <h3 class=\"card-title\"><a href=\"https:\/\/uii.ueh.edu.vn\/en\/uii-connects-with-one-tree-hill-ventures-and-a-delegation-of-13-korean-startups\/\">UII CONNECTS WITH ONE TREE HILL VENTURES AND A DELEGATION OF 13 KOREAN STARTUPS<\/a><\/h3>\n                  <div class=\"card-date\">8 May 2026<\/div>\n                <\/div>\n              <\/div>\n            \n              <div class=\"card\">\n                <div class=\"card-media\">\n                  <a href=\"https:\/\/uii.ueh.edu.vn\/en\/uii-x-sutd-international-collaboration-opening-pathways-to-global-mindsets\/\"><img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/04\/image-51.png\" alt=\"UII x SUTD: INTERNATIONAL COLLABORATION \u2013 OPENING PATHWAYS TO GLOBAL MINDSETS\"><\/a>\n                <\/div>\n                \n                <div class=\"card-sdg-row\">\n                   \n                      <div class=\"card-sdg-link\" onclick=\"UII_App.filterBySDG(4)\" title=\"Filter by SDG 4\">\n                          <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_04QualityEducation.svg.png\" alt=\"SDG 4\" class=\"card-sdg-icon\">\n                      <\/div>\n                   \n                      <div class=\"card-sdg-link\" onclick=\"UII_App.filterBySDG(9)\" title=\"Filter by SDG 9\">\n                          <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_09Industry.svg.png\" alt=\"SDG 9\" class=\"card-sdg-icon\">\n                      <\/div>\n                   \n                <\/div>\n\n                <div class=\"card-body\">\n                  <span class=\"card-meta\">LIFE AT UEH - CTD - UII<\/span>\n                  <h3 class=\"card-title\"><a href=\"https:\/\/uii.ueh.edu.vn\/en\/uii-x-sutd-international-collaboration-opening-pathways-to-global-mindsets\/\">UII x SUTD: INTERNATIONAL COLLABORATION \u2013 OPENING PATHWAYS TO GLOBAL MINDSETS<\/a><\/h3>\n                  <div class=\"card-date\">22 Apr 2026<\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n            <\/div>\n            \n            <div id=\"uii-load-more-container\" class=\"uii-load-more-container\" style=\"display: flex;\">\n                <button class=\"uii-load-more-btn\" onclick=\"UII_App.loadMore()\">\n                    Load More News \n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M7 13l5 5 5-5M7 6l5 5 5-5\"><\/path><\/svg>\n                <\/button>\n            <\/div>\n          <\/main>\n\n          <aside class=\"sidebar\">\n            <div class=\"panel\">\n              <h3 class=\"\">Explore Topics<\/h3>\n              <div class=\"topic-list\" id=\"uii-cat-list\"><li><div class=\"topic-item\" data-slug=\"life-at-ueh-ctd-uii\" onclick=\"UII_App.filterByTopic('life-at-ueh-ctd-uii')\" spellcheck=\"false\">LIFE AT UEH-CTD-UII<\/div><\/li><li><div class=\"topic-item\" data-slug=\"science-expert-insights\" onclick=\"UII_App.filterByTopic('science-expert-insights')\">SCIENCE &amp; EXPERT INSIGHTS<\/div><\/li><li><div class=\"topic-item\" data-slug=\"ueh-ctd-uii-in-the-news\" onclick=\"UII_App.filterByTopic('ueh-ctd-uii-in-the-news')\">UEH-CTD-UII IN THE NEWS<\/div><\/li><li><div class=\"topic-item\" data-slug=\"admissions-career-guidance\" onclick=\"UII_App.filterByTopic('admissions-career-guidance')\">ADMISSIONS &amp; CAREER GUIDANCE<\/div><\/li><\/div>\n            <\/div>\n\n            <div class=\"panel\">\n              <h3 class=\"\">SDG Focus<\/h3>\n              <div class=\"sdg-grid\" id=\"uii-sdg-grid\">\n            <div class=\"sdg-item\" data-sdg=\"1\" onclick=\"UII_App.filterBySDG(1)\" title=\"Filter by SDG 1\">\n              <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_01NoPoverty.svg.png\" class=\"sdg-img\" alt=\"SDG 01\">\n            <\/div>\n          \n            <div class=\"sdg-item\" data-sdg=\"2\" onclick=\"UII_App.filterBySDG(2)\" title=\"Filter by SDG 2\">\n              <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_02ZeroHunger.svg.webp\" class=\"sdg-img\" alt=\"SDG 02\">\n            <\/div>\n          \n            <div class=\"sdg-item\" data-sdg=\"3\" onclick=\"UII_App.filterBySDG(3)\" title=\"Filter by SDG 3\">\n              <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_03GoodHealth.svg.png\" class=\"sdg-img\" alt=\"SDG 03\">\n            <\/div>\n          \n            <div class=\"sdg-item\" data-sdg=\"4\" onclick=\"UII_App.filterBySDG(4)\" title=\"Filter by SDG 4\">\n              <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_04QualityEducation.svg.png\" class=\"sdg-img\" alt=\"SDG 04\">\n            <\/div>\n          \n            <div class=\"sdg-item\" data-sdg=\"5\" onclick=\"UII_App.filterBySDG(5)\" title=\"Filter by SDG 5\">\n              <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_05GenderEquality.svg.png\" class=\"sdg-img\" alt=\"SDG 05\">\n            <\/div>\n          \n            <div class=\"sdg-item\" data-sdg=\"6\" onclick=\"UII_App.filterBySDG(6)\" title=\"Filter by SDG 6\">\n              <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_06CleanWaterSanitation.svg.png\" class=\"sdg-img\" alt=\"SDG 06\">\n            <\/div>\n          \n            <div class=\"sdg-item\" data-sdg=\"7\" onclick=\"UII_App.filterBySDG(7)\" title=\"Filter by SDG 7\">\n              <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_07CleanEnergy.svg.png\" class=\"sdg-img\" alt=\"SDG 07\">\n            <\/div>\n          \n            <div class=\"sdg-item\" data-sdg=\"8\" onclick=\"UII_App.filterBySDG(8)\" title=\"Filter by SDG 8\">\n              <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_08DecentWork.svg.png\" class=\"sdg-img\" alt=\"SDG 08\">\n            <\/div>\n          \n            <div class=\"sdg-item\" data-sdg=\"9\" onclick=\"UII_App.filterBySDG(9)\" title=\"Filter by SDG 9\">\n              <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_09Industry.svg.png\" class=\"sdg-img\" alt=\"SDG 09\">\n            <\/div>\n          \n            <div class=\"sdg-item\" data-sdg=\"10\" onclick=\"UII_App.filterBySDG(10)\" title=\"Filter by SDG 10\">\n              <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_10ReducedInequalities.svg.png\" class=\"sdg-img\" alt=\"SDG 10\">\n            <\/div>\n          \n            <div class=\"sdg-item\" data-sdg=\"11\" onclick=\"UII_App.filterBySDG(11)\" title=\"Filter by SDG 11\">\n              <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_11SustainableCities.svg.png\" class=\"sdg-img\" alt=\"SDG 11\">\n            <\/div>\n          \n            <div class=\"sdg-item\" data-sdg=\"12\" onclick=\"UII_App.filterBySDG(12)\" title=\"Filter by SDG 12\">\n              <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_12ResponsibleConsumption.svg.png\" class=\"sdg-img\" alt=\"SDG 12\">\n            <\/div>\n          \n            <div class=\"sdg-item\" data-sdg=\"13\" onclick=\"UII_App.filterBySDG(13)\" title=\"Filter by SDG 13\">\n              <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_13Climate.svg.png\" class=\"sdg-img\" alt=\"SDG 13\">\n            <\/div>\n          \n            <div class=\"sdg-item\" data-sdg=\"14\" onclick=\"UII_App.filterBySDG(14)\" title=\"Filter by SDG 14\">\n              <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_14.png\" class=\"sdg-img\" alt=\"SDG 14\">\n            <\/div>\n          \n            <div class=\"sdg-item\" data-sdg=\"15\" onclick=\"UII_App.filterBySDG(15)\" title=\"Filter by SDG 15\">\n              <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_15LifeOnLand.svg.png\" class=\"sdg-img\" alt=\"SDG 15\">\n            <\/div>\n          \n            <div class=\"sdg-item\" data-sdg=\"16\" onclick=\"UII_App.filterBySDG(16)\" title=\"Filter by SDG 16\">\n              <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_16.png\" class=\"sdg-img\" alt=\"SDG 16\">\n            <\/div>\n          \n            <div class=\"sdg-item\" data-sdg=\"17\" onclick=\"UII_App.filterBySDG(17)\" title=\"Filter by SDG 17\">\n              <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_17Partnerships.svg.png\" class=\"sdg-img\" alt=\"SDG 17\">\n            <\/div>\n          <\/div>\n            <\/div>\n\n            <div class=\"panel\">\n              <h3 class=\"\">Most Viewed<\/h3>\n              <ul class=\"mv-list\" id=\"uii-mv-list\">\n                <li class=\"mv-item\">\n                  <div class=\"mv-rank\">1<\/div>\n                  <div class=\"mv-link\" onclick=\"window.location='https:\/\/uii.ueh.edu.vn\/en\/ueh-top-501-dai-hoc-the-gioi-voi-chat-luong-dao-tao-chuan-quoc-te-va-he-sinh-thai-hoc-thuat-toan-cau-2\/'\">UEH \u2013 Top 501+ \u0111\u1ea1i h\u1ecdc th\u1ebf gi\u1edbi v\u1edbi ch\u1ea5t l\u01b0\u1ee3ng \u0111\u00e0o t\u1ea1o chu\u1ea9n qu\u1ed1c t\u1ebf v\u00e0 h\u1ec7 sinh th\u00e1i h\u1ecdc thu\u1eadt to\u00e0n c\u1ea7u<\/div>\n                <\/li>\n               \n                <li class=\"mv-item\">\n                  <div class=\"mv-rank\">2<\/div>\n                  <div class=\"mv-link\" onclick=\"window.location='https:\/\/uii.ueh.edu.vn\/en\/ueh-through-the-lenses-of-time-05-ueh-50-nam-tinh-than-ben-vung-tam-nhin-vuon-xa\/'\">[UEH Through the Lenses of Time #05] UEH 50 N\u0103m \u2013 Tinh Th\u1ea7n B\u1ec1n V\u1eefng, T\u1ea7m Nh\u00ecn V\u01b0\u01a1n Xa<\/div>\n                <\/li>\n               \n                <li class=\"mv-item\">\n                  <div class=\"mv-rank\">3<\/div>\n                  <div class=\"mv-link\" onclick=\"window.location='https:\/\/uii.ueh.edu.vn\/en\/song-nganh-song-chuong-trinh-dao-tao-hay-song-nganh-tich-hop-dau-la-lua-chon-giup-ueher-gia-tang-loi-the-canh-tranh\/'\">Song ng\u00e0nh, Song ch\u01b0\u01a1ng tr\u00ecnh \u0111\u00e0o t\u1ea1o hay Song ng\u00e0nh t\u00edch h\u1ee3p: \u0110\u00e2u l\u00e0 l\u1ef1a ch\u1ecdn gi\u00fap UEHer gia t\u0103ng l\u1ee3i th\u1ebf c\u1ea1nh tranh?<\/div>\n                <\/li>\n               \n                <li class=\"mv-item\">\n                  <div class=\"mv-rank\">4<\/div>\n                  <div class=\"mv-link\" onclick=\"window.location='https:\/\/uii.ueh.edu.vn\/en\/new-ueh-publications-alert-tuan-2-thang-08-2026-dat-con-nguoi-moi-truong-va-cong-nghe-vao-trong-tam-lien-nganh\/'\">New UEH Publications Alert (Tu\u1ea7n 2 \u2013 Th\u00e1ng 08\/2026): \u0110\u1eb7t con ng\u01b0\u1eddi, m\u00f4i tr\u01b0\u1eddng v\u00e0 c\u00f4ng ngh\u1ec7 v\u00e0o tr\u1ecdng t\u00e2m li\u00ean ng\u00e0nh<\/div>\n                <\/li>\n               <\/ul>\n            <\/div>\n          <\/aside>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/div>\n\n  <script>\n    const WP_BASE_URL = 'https:\/\/uii.ueh.edu.vn';\n    \n    const CORE_CATEGORIES = [\n      { slug: 'life-at-ueh-ctd-uii', label: 'LIFE AT UEH-CTD-UII' },\n      { slug: 'science-expert-insights', label: 'SCIENCE & EXPERT INSIGHTS' },\n      { slug: 'ueh-ctd-uii-in-the-news', label: 'UEH-CTD-UII IN THE NEWS' },\n      { slug: 'admissions-career-guidance', label: 'ADMISSIONS & CAREER GUIDANCE' } \n    ];\n\n    \/\/ FIX L\u1ed6I MIXED CONTENT: \u0110\u00c3 CHUY\u1ec2N TO\u00c0N B\u1ed8 SANG HTTPS\n    const SDG_IMAGES = [\n      'https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_01NoPoverty.svg.png',\n      'https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_02ZeroHunger.svg.webp',\n      'https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_03GoodHealth.svg.png',\n      'https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_04QualityEducation.svg.png',\n      'https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_05GenderEquality.svg.png',\n      'https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_06CleanWaterSanitation.svg.png',\n      'https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_07CleanEnergy.svg.png',\n      'https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_08DecentWork.svg.png',\n      'https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_09Industry.svg.png',\n      'https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_10ReducedInequalities.svg.png',\n      'https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_11SustainableCities.svg.png',\n      'https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_12ResponsibleConsumption.svg.png',\n      'https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_13Climate.svg.png',\n      'https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_14.png',\n      'https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_15LifeOnLand.svg.png',\n      'https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_16.png',\n      'https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_17Partnerships.svg.png'\n    ];\n\n    const UII_App = {\n      container: document.getElementById('uii-content-area'),\n      sdgGrid: document.getElementById('uii-sdg-grid'),\n      catList: document.getElementById('uii-cat-list'),\n      mvList: document.getElementById('uii-mv-list'),\n      activeFilterDisplay: document.getElementById('activeFilterDisplay'),\n      activeFilterText: document.getElementById('activeFilterText'),\n      loadMoreBtnContainer: document.getElementById('uii-load-more-container'),\n      fallbackImg: 'https:\/\/via.placeholder.com\/800x450\/234B86\/ffffff?text=UII+Update',\n      \n      currentParams: {\n        type: 'all', \n        category: null, \n        langCategory: null, \/\/ FIX L\u1ed6I TYPO\n        sdg: null, \n        search: '',\n        page: 1,\n        per_page: 9 \n      },\n\n      getLangID() {\n        const isEnglish = document.documentElement.lang.includes('en');\n        return isEnglish ? 98 : 97;\n      },\n\n      categoryMap: {}, \n      sdgMap: {}, \n\n      async init() {\n        await this.fetchMetadata();\n        this.renderCategories();\n        this.renderSDGs();\n        this.loadMostViewed();\n        \n        \/\/ G\u00e1n ng\u00f4n ng\u1eef chu\u1ea9n c\u1ee7a TranslatePress tr\u01b0\u1edbc khi fetch b\u00e0i\n        this.currentParams.langCategory = this.getLangID();\n        this.load({type: 'all', page: 1});\n      },\n\n      async fetchMetadata() {\n        try {\n          const catRes = await fetch(`${WP_BASE_URL}\/wp-json\/wp\/v2\/categories?per_page=100`);\n          if (catRes.ok) {\n            const cats = await catRes.json();\n            cats.forEach(c => this.categoryMap[c.slug] = { id: c.id, name: c.name });\n          }\n          const sdgRes = await fetch(`${WP_BASE_URL}\/wp-json\/wp\/v2\/sdg?per_page=20`);\n          if (sdgRes.ok) {\n            const sdgs = await sdgRes.json();\n            sdgs.forEach(s => {\n                const num = parseInt(s.slug.replace(\/\\D\/g,''));\n                if(num) this.sdgMap[num] = { id: s.id, name: s.name };\n            });\n          }\n        } catch(e) {\n          console.warn(\"Metadata fetch failed.\", e);\n        }\n      },\n\n      async load(params, btn) {\n        const isLoadMore = params.page && params.page > 1;\n\n        if (!isLoadMore) {\n             this.currentParams = { ...this.currentParams, ...params, page: 1 };\n             this.container.innerHTML = `<div class=\"uii-loader\"><div class=\"uii-spinner\"><\/div>Fetching updates...<\/div>`;\n             this.loadMoreBtnContainer.style.display = 'none';\n        } else {\n            this.currentParams.page = params.page;\n            const loadBtn = this.loadMoreBtnContainer.querySelector('button');\n            if(loadBtn) { loadBtn.innerHTML = 'Loading...'; loadBtn.classList.add('loading'); }\n        }\n        \n        if (params.type && btn && !isLoadMore) {\n          document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));\n          btn.classList.add('active');\n        }\n\n        this.updateSidebarUI();\n\n        try {\n          \/\/ 1. Nh\u1eadn di\u1ec7n ng\u00f4n ng\u1eef t\u1eeb th\u1ebb html \u0111\u1ec3 \u00e9p REST API d\u1ecbch d\u1eef li\u1ec7u\n          const currentLangSlug = document.documentElement.lang.includes('en') ? 'en' : 'vi';\n          \n          \/\/ 2. FIX: \u0110\u00e3 th\u00eam tham s\u1ed1 &lang v\u00e0o chu\u1ed7i URL API g\u1ed1c\n          let url = `${WP_BASE_URL}\/wp-json\/wp\/v2\/posts?_embed&per_page=${this.currentParams.per_page}&page=${this.currentParams.page}&lang=${currentLangSlug}`;\n          \n          if (this.currentParams.search) {\n            url += `&search=${encodeURIComponent(this.currentParams.search)}`;\n          }\n\n          \/\/ Gh\u00e9p b\u1ed9 l\u1ecdc category ng\u00f4n ng\u1eef v\u00e0 ch\u1ee7 \u0111\u1ec1 b\u00e0i vi\u1ebft\n          let activeCats = [];\n          if (this.currentParams.langCategory) activeCats.push(this.currentParams.langCategory);\n          if (this.currentParams.category) activeCats.push(this.currentParams.category);\n\n          if (activeCats.length > 0) {\n              url += `&categories=${activeCats.join(',')}`;\n          }\n\n          \/\/ B\u1ed9 l\u1ecdc M\u1ee5c ti\u00eau ph\u00e1t tri\u1ec3n b\u1ec1n v\u1eefng (SDG)\n          if (this.currentParams.sdg) {\n              url += `&sdg=${this.currentParams.sdg}`;\n          }\n\n          const res = await fetch(url);\n          \n          if(isLoadMore) {\n              const loadBtn = this.loadMoreBtnContainer.querySelector('button');\n              if(loadBtn) { \n                  loadBtn.innerHTML = 'Load More News <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M7 13l5 5 5-5M7 6l5 5 5-5\"\/><\/svg>'; \n                  loadBtn.classList.remove('loading'); \n              }\n          }\n\n          if (!res.ok) {\n              if(res.status === 400 && isLoadMore) {\n                  this.loadMoreBtnContainer.style.display = 'none';\n                  return;\n              }\n              throw new Error('API Error');\n          }\n\n          let posts = await res.json();\n\n          if (this.currentParams.type !== 'all') {\n            posts = posts.filter(p => {\n              const terms = p._embedded && p._embedded['wp:term'] ? p._embedded['wp:term'][0] : [];\n              if (!terms.length) return false;\n              const cats = terms.map(c => c.name.toLowerCase());\n              if (this.currentParams.type === 'news') return cats.some(c => c.includes('news') || c.includes('tin'));\n              if (this.currentParams.type === 'event') return cats.some(c => c.includes('event') || c.includes('s\u1ef1 ki\u1ec7n'));\n              return false;\n            });\n          }\n\n          if (posts.length === 0) {\n            if (!isLoadMore) this.container.innerHTML = `<div class=\"uii-loader\">No posts found.<\/div>`;\n            this.loadMoreBtnContainer.style.display = 'none';\n            return;\n          }\n\n          if(posts.length < this.currentParams.per_page) {\n              this.loadMoreBtnContainer.style.display = 'none';\n          } else {\n              this.loadMoreBtnContainer.style.display = 'flex';\n          }\n\n          this.renderLayout(posts, isLoadMore);\n\n        } catch (err) {\n          console.warn('API Connection issue. Loading Simulation Data.', err);\n          const mockPosts = this.generateMockData();\n          this.renderLayout(mockPosts, isLoadMore);\n        }\n      },\n      \n      loadMore() {\n          this.load({ page: this.currentParams.page + 1 });\n      },\n\n      filterByTopic(slug) {\n        const catData = this.categoryMap[slug];\n        if (catData) {\n            this.load({ category: catData.id, sdg: null, search: '', page: 1 }); \n        } else {\n            this.currentParams.category = slug; \n            this.currentParams.sdg = null;\n            this.updateSidebarUI();\n            this.container.innerHTML = `<div class=\"uii-loader\">Filtering by Topic: ${slug}...<\/div>`;\n            setTimeout(() => this.renderLayout(this.generateMockData(), false), 500);\n        }\n      },\n\n      filterBySDG(num) {\n        const sdgData = this.sdgMap[num];\n        if (sdgData) {\n            this.load({ sdg: sdgData.id, category: null, search: '', page: 1 });\n        } else {\n            this.currentParams.sdg = num;\n            this.currentParams.category = null;\n            this.updateSidebarUI();\n            this.container.innerHTML = `<div class=\"uii-loader\">Filtering by SDG ${num}...<\/div>`;\n            setTimeout(() => this.renderLayout(this.generateMockData(), false), 500);\n        }\n      },\n\n      clearFilters() {\n        this.load({ category: null, sdg: null, search: '', page: 1 });\n      },\n\n      updateSidebarUI() {\n        document.querySelectorAll('.topic-item').forEach(el => el.classList.remove('active'));\n        document.querySelectorAll('.sdg-item').forEach(el => el.classList.remove('active'));\n        this.activeFilterDisplay.classList.remove('show');\n\n        if (this.currentParams.category) {\n            let activeSlug = this.currentParams.category;\n            for (const [slug, data] of Object.entries(this.categoryMap)) {\n                if (data.id == this.currentParams.category) activeSlug = slug;\n            }\n            const btn = document.querySelector(`.topic-item[data-slug=\"${activeSlug}\"]`);\n            if (btn) {\n                btn.classList.add('active');\n                this.activeFilterText.innerText = `Topic: ${btn.innerText}`;\n                this.activeFilterDisplay.classList.add('show');\n            }\n        }\n\n        if (this.currentParams.sdg) {\n            let activeNum = this.currentParams.sdg;\n             for (const [num, data] of Object.entries(this.sdgMap)) {\n                if (data.id == this.currentParams.sdg) activeNum = num;\n            }\n            const btn = document.querySelector(`.sdg-item[data-sdg=\"${activeNum}\"]`);\n            if (btn) {\n                btn.classList.add('active');\n                this.activeFilterText.innerText = `SDG Focus: Goal ${activeNum}`;\n                this.activeFilterDisplay.classList.add('show');\n            }\n        }\n      },\n\n      renderCategories() {\n        let html = '';\n        CORE_CATEGORIES.forEach(cat => {\n          html += `<li><div class=\"topic-item\" data-slug=\"${cat.slug}\" onclick=\"UII_App.filterByTopic('${cat.slug}')\">${cat.label}<\/div><\/li>`;\n        });\n        this.catList.innerHTML = html;\n      },\n\n      renderSDGs() {\n        let html = '';\n        for(let i=1; i<=17; i++) {\n          const displayNum = i.toString().padStart(2, '0');\n          const imgSrc = SDG_IMAGES[i-1];\n          html += `\n            <div class=\"sdg-item\" data-sdg=\"${i}\" onclick=\"UII_App.filterBySDG(${i})\" title=\"Filter by SDG ${i}\">\n              <img decoding=\"async\" src=\"${imgSrc}\" class=\"sdg-img\" alt=\"SDG ${displayNum}\">\n            <\/div>\n          `;\n        }\n        this.sdgGrid.innerHTML = html;\n      },\n\n      getPostSDGs(post) {\n        if (post._embedded && post._embedded['wp:term']) {\n            const allTerms = post._embedded['wp:term'].flat();\n            const sdgTerms = allTerms.filter(t => t.taxonomy === 'sdg');\n            if (sdgTerms.length > 0) {\n                return sdgTerms.map(t => {\n                    const num = parseInt(t.slug.replace('sdg-', '')) || 1; \n                    return { id: num, name: t.name, img: SDG_IMAGES[num - 1] };\n                });\n            }\n        }\n        const title = post.title.rendered.toLowerCase();\n        if (title.includes('welcome ceremony') || title.includes('cohort k51')) {\n            return [4, 5, 12].map(n => ({id: n, name:`SDG ${n}`, img: SDG_IMAGES[n-1]}));\n        }\n        return [];\n      },\n\n      async loadMostViewed() {\n        try {\n          const res = await fetch(`${WP_BASE_URL}\/wp-json\/wp\/v2\/posts?per_page=4`);\n          if(res.ok) {\n            const posts = await res.json();\n            let html = '';\n            posts.forEach((p, index) => {\n               html += `\n                <li class=\"mv-item\">\n                  <div class=\"mv-rank\">${index + 1}<\/div>\n                  <div class=\"mv-link\" onclick=\"window.location='${p.link}'\">${p.title.rendered}<\/div>\n                <\/li>\n               `;\n            });\n            this.mvList.innerHTML = html;\n          }\n        } catch(e) { this.mvList.innerHTML = ''; }\n      },\n\n      renderLayout(posts, isAppend = false) {\n        let html = '';\n        let startIndex = 0;\n\n        if (!isAppend) {\n            const hero = posts[0];\n            startIndex = 1; \n\n            const getImg = (p) => p._embedded && p._embedded['wp:featuredmedia'] ? p._embedded['wp:featuredmedia'][0].source_url : this.fallbackImg;\n            const getDate = (d) => new Date(d).toLocaleDateString('en-GB', {day: 'numeric', month: 'short', year: 'numeric'});\n            const getCat = (p) => {\n  if (p._embedded && p._embedded['wp:term'] && p._embedded['wp:term'][0]) {\n    const categories = p._embedded['wp:term'][0];\n    \/\/ L\u1ecdc b\u1ecf c\u00e1c chuy\u00ean m\u1ee5c mang t\u00ean \u0111\u1ecbnh d\u1ea1ng ng\u00f4n ng\u1eef ho\u1eb7c ch\u01b0a ph\u00e2n lo\u1ea1i\n    const realCat = categories.find(c => \n      c.name !== 'Ti\u1ebfng Vi\u1ec7t' && \n      c.name !== 'English' && \n      c.name.toLowerCase() !== 'uncategorized'\n    );\n    \/\/ N\u1ebfu t\u00ecm th\u1ea5y chuy\u00ean m\u1ee5c n\u1ed9i dung th\u1ef1c t\u1ebf th\u00ec tr\u1ea3 v\u1ec1 t\u00ean c\u1ee7a n\u00f3, kh\u00f4ng th\u00ec m\u1eb7c \u0111\u1ecbnh l\u00e0 'News'\n    return realCat ? realCat.name : categories[0].name;\n  }\n  return 'News';\n};\n\n            html += `\n              <article class=\"featured\">\n                <div class=\"featured-media\">\n                  <a href=\"${hero.link}\"><img decoding=\"async\" src=\"${getImg(hero)}\" alt=\"${hero.title.rendered}\"><\/a>\n                <\/div>\n                <div class=\"featured-body\">\n                  <span class=\"card-meta\" style=\"font-size:0.85rem; margin-bottom:12px;\">${getCat(hero)}<\/span>\n                  <h2><a href=\"${hero.link}\">${hero.title.rendered}<\/a><\/h2>\n                  \n                  <div style=\"display:flex; gap:6px; margin-bottom:12px;\">\n                     ${this.getPostSDGs(hero).map(s => `\n                        <div class=\"card-sdg-link\" onclick=\"UII_App.filterBySDG(${s.id})\" title=\"Filter by ${s.name}\">\n                            <img decoding=\"async\" src=\"${s.img}\" alt=\"${s.name}\" class=\"card-sdg-icon\">\n                        <\/div>\n                     `).join('')}\n                  <\/div>\n\n                  <div class=\"card-date\" style=\"margin-bottom:16px;\">${getDate(hero.date)}<\/div>\n                  <div style=\"color:#64748b; line-height:1.6; margin-bottom:24px; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;\">${hero.excerpt.rendered.replace(\/<[^>]*>?\/gm, '')}<\/div>\n                  <a href=\"${hero.link}\" style=\"font-weight:700; color:var(--uii-blue); display:flex; align-items:center; gap:6px;\">Read more<\/a>\n                <\/div>\n              <\/article>\n              <div class=\"grid\" id=\"uii-grid-target\"><\/div>\n            `;\n            \n            this.container.innerHTML = html;\n        }\n\n        const gridTarget = document.getElementById('uii-grid-target');\n        const gridPosts = posts.slice(startIndex); \n\n        const getImg = (p) => p._embedded && p._embedded['wp:featuredmedia'] ? p._embedded['wp:featuredmedia'][0].source_url : this.fallbackImg;\n        const getDate = (d) => new Date(d).toLocaleDateString('en-GB', {day: 'numeric', month: 'short', year: 'numeric'});\n        const getCat = (p) => {\n  if (p._embedded && p._embedded['wp:term'] && p._embedded['wp:term'][0]) {\n    const categories = p._embedded['wp:term'][0];\n    \n    const realCat = categories.find(c => \n      c.name !== 'Ti\u1ebfng Vi\u1ec7t' && \n      c.name !== 'English' && \n      c.name.toLowerCase() !== 'uncategorized'\n    );\n    \/\/ N\u1ebfu t\u00ecm th\u1ea5y chuy\u00ean m\u1ee5c n\u1ed9i dung th\u1ef1c t\u1ebf th\u00ec tr\u1ea3 v\u1ec1 t\u00ean c\u1ee7a n\u00f3, kh\u00f4ng th\u00ec m\u1eb7c \u0111\u1ecbnh l\u00e0 'News'\n    return realCat ? realCat.name : categories[0].name;\n  }\n  return 'News';\n};\n\n        let gridCards = '';\n        gridPosts.forEach(p => {\n            const sdgList = this.getPostSDGs(p);\n            gridCards += `\n              <div class=\"card\">\n                <div class=\"card-media\">\n                  <a href=\"${p.link}\"><img decoding=\"async\" src=\"${getImg(p)}\" alt=\"${p.title.rendered}\"><\/a>\n                <\/div>\n                \n                <div class=\"card-sdg-row\">\n                   ${sdgList.map(s => `\n                      <div class=\"card-sdg-link\" onclick=\"UII_App.filterBySDG(${s.id})\" title=\"Filter by ${s.name}\">\n                          <img decoding=\"async\" src=\"${s.img}\" alt=\"${s.name}\" class=\"card-sdg-icon\">\n                      <\/div>\n                   `).join('')}\n                <\/div>\n\n                <div class=\"card-body\">\n                  <span class=\"card-meta\">${getCat(p)}<\/span>\n                  <h3 class=\"card-title\"><a href=\"${p.link}\">${p.title.rendered}<\/a><\/h3>\n                  <div class=\"card-date\">${getDate(p.date)}<\/div>\n                <\/div>\n              <\/div>\n            `;\n        });\n        \n        if (gridTarget) {\n            gridTarget.insertAdjacentHTML('beforeend', gridCards);\n        }\n      },\n\n      generateMockData() {\n        return Array.from({length: 9}, (_, i) => ({\n            id: i,\n            date: new Date().toISOString(),\n            link: '#',\n            title: { rendered: i === 0 ? 'Welcome ceremony for cohort K51 at UEH' : `Sample Article Title ${i} for Demo Purpose` },\n            excerpt: { rendered: '<p>This is placeholder content used when the live API cannot be reached.<\/p>' },\n            _embedded: {\n                'wp:featuredmedia': [{ source_url: `https:\/\/via.placeholder.com\/800x600?text=News+${i}` }],\n                'wp:term': [[{ name: 'News' }]]\n            }\n        }));\n      },\n\n      search() {\n        const term = document.getElementById('uiiSearch').value;\n        this.load({ search: term, page: 1 });\n      }\n    };\n\n    document.addEventListener('DOMContentLoaded', () => UII_App.init());\n  <\/script>\n\n\t\t\t\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>UEH INSTITUTE OF INNOVATION NEWS &amp; EVENTS UII News &#038; Events &#8211; Hybrid Sidebar Design News &#038; Events Discover the latest innovation stories, research insights, and student activities. All News Events Filtering by&#8230; Load More News Explore Topics Loading topics&#8230; SDG Focus Most Viewed Loading&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-4986","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/pages\/4986","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/comments?post=4986"}],"version-history":[{"count":161,"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/pages\/4986\/revisions"}],"predecessor-version":[{"id":9765,"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/pages\/4986\/revisions\/9765"}],"wp:attachment":[{"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/media?parent=4986"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}