Thambiah Mudliyar Chatram Trust | University Prize Winners<\/title>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400&display=swap\" rel=\"stylesheet\">\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n background: #fbfaf6;\n font-family: 'Inter', sans-serif;\n color: #1e2a2f;\n line-height: 1.5;\n scroll-behavior: smooth;\n }\n\n \/* main container *\/\n .container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 2rem 2rem 4rem;\n }\n\n \/* header section with trust branding *\/\n .trust-header {\n text-align: center;\n margin-bottom: 3rem;\n position: relative;\n border-bottom: 2px solid #d4af7a;\n padding-bottom: 1.5rem;\n }\n\n .trust-header h1 {\n font-family: 'Playfair Display', serif;\n font-weight: 600;\n font-size: 2.8rem;\n letter-spacing: -0.5px;\n color: #8b5a2b;\n margin-bottom: 0.4rem;\n }\n\n .trust-header h1 span {\n font-weight: 400;\n color: #b87c3c;\n }\n\n .trust-sub {\n font-size: 1.1rem;\n color: #5e3a1f;\n background: #f2e8da;\n display: inline-block;\n padding: 0.3rem 1.2rem;\n border-radius: 40px;\n margin-top: 0.5rem;\n font-weight: 500;\n }\n\n .accent-line {\n width: 100px;\n height: 3px;\n background: #d4af7a;\n margin: 1rem auto 0;\n border-radius: 3px;\n }\n\n \/* intro text *\/\n .intro-text {\n text-align: center;\n max-width: 780px;\n margin: 1rem auto 2.5rem;\n font-size: 1.05rem;\n color: #2c423f;\n background: #fffef8;\n padding: 1rem 1.8rem;\n border-radius: 28px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.02);\n border: 1px solid #ece3d8;\n }\n\n \/* card grid *\/\n .honorees-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));\n gap: 2rem;\n margin-top: 1rem;\n }\n\n \/* honor card *\/\n .honor-card {\n background: #ffffff;\n border-radius: 32px;\n box-shadow: 0 15px 30px -12px rgba(0, 0, 0, 0.08);\n overflow: hidden;\n transition: transform 0.25s ease, box-shadow 0.3s ease;\n border: 1px solid #ede5d8;\n display: flex;\n flex-direction: column;\n backdrop-filter: blur(0px);\n }\n\n .honor-card:hover {\n transform: translateY(-6px);\n box-shadow: 0 24px 40px -16px rgba(60, 40, 20, 0.15);\n border-color: #dccaa8;\n }\n\n \/* image container - consistent aspect ratio with padding and top alignment fix *\/\n .card-img {\n width: 100%;\n height: 280px;\n background-color: #f4efe7;\n display: flex;\n align-items: flex-start; \/* Align image container to top *\/\n justify-content: center;\n overflow: hidden;\n position: relative;\n }\n\n \/* Image styling: object-fit cover ensures full coverage without distortion,\n but we use object-position: top center to avoid cutting off heads.\n Also adding a subtle inner padding concept: the container background\n provides a safe frame, and we use scale slightly if needed. *\/\n .card-img img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: top center; \/* CRITICAL: focus on top part (face\/head) *\/\n transition: transform 0.4s ease, object-position 0.2s;\n transform-origin: top center;\n }\n\n \/* Hover effect remains subtle, keeps head safe *\/\n .honor-card:hover .card-img img {\n transform: scale(1.02);\n object-position: top center;\n }\n\n \/* fallback icon if image fails (elegant) *\/\n .card-img .fallback-icon {\n font-size: 4rem;\n color: #c0aa7a;\n background: #e9e1d4;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n\n \/* card body *\/\n .card-content {\n padding: 1.5rem 1.5rem 1.8rem;\n flex: 1;\n display: flex;\n flex-direction: column;\n }\n\n .recipient-name {\n font-family: 'Playfair Display', serif;\n font-weight: 700;\n font-size: 1.55rem;\n line-height: 1.3;\n color: #2d3e3b;\n margin-bottom: 0.5rem;\n }\n\n .index-reg {\n background: #f7f2ea;\n padding: 0.3rem 0.8rem;\n border-radius: 30px;\n font-size: 0.8rem;\n font-weight: 500;\n display: inline-block;\n margin: 0.5rem 0 0.4rem;\n color: #8b5a2b;\n }\n\n .exam-badge {\n font-weight: 600;\n font-size: 0.85rem;\n color: #9b6a3c;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n background: #fef5e8;\n display: inline-block;\n padding: 0.2rem 0.9rem;\n border-radius: 20px;\n margin: 0.6rem 0 0.8rem;\n width: fit-content;\n }\n\n .description {\n font-size: 0.95rem;\n color: #3e5a55;\n margin: 0.5rem 0 1rem;\n line-height: 1.45;\n }\n\n .prize-highlight {\n font-weight: 600;\n color: #b4652a;\n background: linear-gradient(135deg, #fff0e0, #fffaf2);\n padding: 0.5rem 0.9rem;\n border-radius: 18px;\n margin: 0.6rem 0 1rem;\n font-size: 0.85rem;\n border-left: 3px solid #d4af7a;\n }\n\n .btn-link {\n margin-top: auto;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: #ffffff;\n border: 1px solid #d4c3aa;\n padding: 0.6rem 1rem;\n border-radius: 60px;\n font-weight: 500;\n font-size: 0.85rem;\n color: #7b572e;\n text-decoration: none;\n transition: all 0.2s;\n width: fit-content;\n }\n\n .btn-link i {\n font-size: 0.85rem;\n transition: transform 0.2s;\n }\n\n .btn-link:hover {\n background: #f6ede2;\n border-color: #b88752;\n color: #593e1c;\n }\n\n .btn-link:hover i {\n transform: translateX(4px);\n }\n\n hr {\n margin: 2rem 0 1rem;\n border: none;\n height: 1px;\n background: linear-gradient(to right, #e2d5c2, transparent);\n }\n\n footer {\n text-align: center;\n margin-top: 3rem;\n padding-top: 1.5rem;\n font-size: 0.85rem;\n color: #8f7a60;\n border-top: 1px solid #e4d9cb;\n }\n\n @media (max-width: 750px) {\n .container {\n padding: 1.2rem;\n }\n .trust-header h1 {\n font-size: 2rem;\n }\n .recipient-name {\n font-size: 1.35rem;\n }\n .card-img {\n height: 250px;\n }\n }\n\n \/* additional helper for images that might be extremely tall: still top-aligned *\/\n .card-img img {\n image-rendering: auto;\n }\n\n \/* small note *\/\n .quote-note {\n font-style: italic;\n font-size: 0.85rem;\n background: #fef7e9;\n padding: 0.4rem 1rem;\n border-radius: 30px;\n text-align: center;\n display: inline-block;\n width: auto;\n }\n <\/style>\n<\/head>\n<body>\n<div class=\"container\">\n <div class=\"trust-header\">\n <h1>Thambiah Mudliyar <span>Chatram Trust<\/span><\/h1>\n <div class=\"accent-line\"><\/div>\n <div class=\"trust-sub\">\n <i class=\"fas fa-trophy\" style=\"margin-right: 8px;\"><\/i> Academic Excellence & Merit Awards\n <\/div>\n <\/div>\n\n <div class=\"intro-text\">\n <i class=\"fas fa-university\" style=\"margin-right: 8px; color: #b87c3c;\"><\/i> \n Recognising outstanding performance in Business Management (Honours) in Marketing Management \u2014 \n Faculty of Business Studies, Vavuniya Campus. <strong>University Prizes<\/strong> awarded by the Trust for exceptional academic distinction.\n <div style=\"margin-top: 8px; font-size: 0.85rem;\"><i class=\"fas fa-camera\"><\/i> Portraits displayed with top-aligned framing to honour each recipient<\/div>\n <\/div>\n\n <div class=\"honorees-grid\" id=\"honorGrid\"><\/div>\n \n <footer>\n <i class=\"fas fa-medal\"><\/i> In recognition of scholarly excellence | \n Thambiah Mudliyar Chatram Trust \u2014 perpetually honouring the best in business studies\n <\/footer>\n<\/div>\n\n<script>\n \/\/ --------------------------------------------------------------\n \/\/ Data array containing all awardees exactly as described.\n \/\/ For images: we now keep original links. To avoid head trimming,\n \/\/ CSS object-position: top center ensures faces are fully visible.\n \/\/ Also added container background to provide a \"safe zone\" padding feel.\n \/\/ --------------------------------------------------------------\n const awardeesData = [\n {\n name: \"Gamini Thilakarathnage Indeewari Poornima Thilakarathne\",\n indexNo: \"B22097\",\n regNo: \"2019\/BS\/97\",\n examLevel: \"Second Examination\",\n prizeYear: \"2021\",\n examFull: \"Second Examination in Business Management Honours in Marketing Management \u2013 2021\",\n description: \"Best performance in the second examination. Exemplary academic achievement and commitment to marketing management discipline.\",\n imageUrl: \"https:\/\/fbs.vau.ac.lk\/mm\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-16-at-11.14.59-AM-1.jpeg\",\n altFallback: \"Indeewari Poornima Thilakarathne\"\n },\n {\n name: \"Ms. Mohamed Issath Banu\",\n indexNo: \"B21086\",\n regNo: \"2018\/BS\/97\",\n examLevel: \"Third Examination\",\n prizeYear: \"2021\",\n examFull: \"Third Examination in Business Management Honours in Marketing Management \u2013 2021\",\n description: \"Best performance in the third examination. Outstanding analytical skills and strategic marketing insights.\",\n imageUrl: \"https:\/\/fbs.vau.ac.lk\/mm\/wp-content\/uploads\/2026\/04\/M.Issath-banu.jpg\",\n altFallback: \"Mohamed Issath Banu\"\n },\n {\n name: \"Ms. Jesuraja Lourdes Jensika\",\n indexNo: \"B20068\",\n regNo: \"2017\/BS\/78\",\n examLevel: \"Fourth Examination\",\n prizeYear: \"2021\",\n examFull: \"Fourth Examination in Business Management Honours in Marketing Management \u2013 2021\",\n description: \"Best performance in the fourth (final) examination. Mastery of advanced marketing concepts and business strategy.\",\n imageUrl: \"https:\/\/fbs.vau.ac.lk\/mm\/wp-content\/uploads\/2025\/08\/5-scaled.jpg\",\n altFallback: \"Jesuraja Lourdes Jensika\"\n },\n {\n name: \"Ms. Mauthunaidalage Nishara Nethmini Fernando\",\n indexNo: \"B23015\",\n regNo: \"2020\/BS\/15\",\n examLevel: \"Third Examination\",\n prizeYear: \"2023\",\n examFull: \"Third Examination in Business Management Honours in Marketing Management \u2013 2023\",\n description: \"Best performance in the third examination \u2013 2023. Exceptional progress and consistent academic brilliance.\",\n imageUrl: \"https:\/\/fbs.vau.ac.lk\/mm\/wp-content\/uploads\/2026\/04\/istockphoto-2014684899-612x612-1.jpg\",\n altFallback: \"Nishara Nethmini Fernando\"\n },\n {\n name: \"Gamini Thilakarathnage Indeewari Poornima Thilakarathne\",\n indexNo: \"B22097\",\n regNo: \"2019\/BS\/97\",\n examLevel: \"Fourth Examination\",\n prizeYear: \"2023\",\n examFull: \"Fourth Examination in Business Management Honours in Marketing Management \u2013 2023\",\n description: \"Best performance in the fourth examination (2023). Dual award winner demonstrating sustained excellence across multiple stages.\",\n imageUrl: \"https:\/\/fbs.vau.ac.lk\/mm\/wp-content\/uploads\/2026\/04\/Indeewari-Poornima.jpg\",\n altFallback: \"Indeewari Poornima Thilakarathne (2023)\"\n }\n ];\n\n \/\/ Helper function to handle broken images gracefully (display a meaningful fallback)\n function handleImageError(event) {\n const imgElement = event.target;\n const container = imgElement.closest('.card-img');\n if (!container) return;\n if (imgElement.src.includes('data:image') || imgElement.getAttribute('data-fallback-set')) return;\n \n \/\/ Get name for personalized fallback\n const recipientName = imgElement.getAttribute('data-name') || 'Scholar';\n const initials = recipientName.split(' ').map(part => part.charAt(0)).join('').substring(0, 2).toUpperCase();\n \n const fallbackDiv = document.createElement('div');\n fallbackDiv.className = 'fallback-icon';\n fallbackDiv.innerHTML = `<i class=\"fas fa-user-graduate\" style=\"font-size: 3rem; margin-bottom: 8px; display: block;\"><\/i><span style=\"font-size: 0.9rem; font-weight: 500; background: rgba(0,0,0,0.05); padding: 4px 12px; border-radius: 30px;\">${initials}<\/span>`;\n fallbackDiv.style.flexDirection = 'column';\n fallbackDiv.style.display = 'flex';\n fallbackDiv.style.alignItems = 'center';\n fallbackDiv.style.justifyContent = 'center';\n fallbackDiv.style.height = '100%';\n imgElement.style.display = 'none';\n container.appendChild(fallbackDiv);\n imgElement.setAttribute('data-fallback-set', 'true');\n }\n\n \/\/ Build the grid with top-aligned image frames to prevent head cropping\n const gridContainer = document.getElementById('honorGrid');\n \n function buildCards() {\n gridContainer.innerHTML = '';\n \n awardeesData.forEach((award) => {\n const card = document.createElement('div');\n card.className = 'honor-card';\n \n \/\/ Image container\n const imgContainer = document.createElement('div');\n imgContainer.className = 'card-img';\n \n const img = document.createElement('img');\n img.src = award.imageUrl;\n img.alt = award.altFallback || `${award.name} portrait`;\n img.loading = 'lazy';\n img.setAttribute('data-name', award.name);\n \/\/ critical: enforce object-position top via style (already in CSS, but inline ensures no override)\n img.style.objectFit = 'cover';\n img.style.objectPosition = 'top center';\n img.style.width = '100%';\n img.style.height = '100%';\n img.onerror = handleImageError;\n \n imgContainer.appendChild(img);\n \n \/\/ Content container\n const contentDiv = document.createElement('div');\n contentDiv.className = 'card-content';\n \n \/\/ Name\n const nameEl = document.createElement('div');\n nameEl.className = 'recipient-name';\n nameEl.textContent = award.name;\n \n \/\/ Index & reg badge\n const idxRegSpan = document.createElement('div');\n idxRegSpan.className = 'index-reg';\n idxRegSpan.innerHTML = `<i class=\"far fa-id-card\" style=\"margin-right: 6px;\"><\/i> Index: ${award.indexNo} | Reg: ${award.regNo}`;\n \n \/\/ Exam badge (year & exam level)\n const examBadge = document.createElement('div');\n examBadge.className = 'exam-badge';\n examBadge.innerHTML = `<i class=\"fas fa-calendar-alt\"><\/i> ${award.examLevel} \u2022 ${award.prizeYear}`;\n \n \/\/ Full exam description\n const examDesc = document.createElement('div');\n examDesc.className = 'description';\n examDesc.innerHTML = `<strong>${award.examFull}<\/strong>`;\n \n \/\/ Prize highlight block\n const prizeHighlight = document.createElement('div');\n prizeHighlight.className = 'prize-highlight';\n prizeHighlight.innerHTML = `<i class=\"fas fa-award\" style=\"margin-right: 8px;\"><\/i> \ud83c\udfc6 University Prize \u2014 Best performance in the ${award.examLevel.toLowerCase()}`;\n \n \/\/ Additional descriptive text\n const detailText = document.createElement('div');\n detailText.className = 'description';\n detailText.style.marginTop = '0';\n detailText.textContent = award.description;\n \n \/\/ Link button: original image URL as reference (certificate or portrait source)\n const linkBtn = document.createElement('a');\n linkBtn.href = award.imageUrl;\n linkBtn.target = '_blank';\n linkBtn.rel = 'noopener noreferrer';\n linkBtn.className = 'btn-link';\n linkBtn.innerHTML = `<i class=\"fas fa-image\"><\/i> View full portrait <i class=\"fas fa-external-link-alt\"><\/i>`;\n \n contentDiv.appendChild(nameEl);\n contentDiv.appendChild(idxRegSpan);\n contentDiv.appendChild(examBadge);\n contentDiv.appendChild(examDesc);\n contentDiv.appendChild(prizeHighlight);\n contentDiv.appendChild(detailText);\n contentDiv.appendChild(linkBtn);\n \n card.appendChild(imgContainer);\n card.appendChild(contentDiv);\n gridContainer.appendChild(card);\n });\n }\n \n buildCards();\n\n \/\/ Additional safeguard: After images load, ensure any images that are partially cut due to browser quirks\n \/\/ get rechecked. Also add extra padding feeling: we could add a subtle inner border or background wrapper,\n \/\/ but object-position top already solves head trimming.\n \/\/ For extra user clarity: we apply a class to force object-position after dynamic insertion.\n window.addEventListener('load', () => {\n const allImages = document.querySelectorAll('.card-img img');\n allImages.forEach(img => {\n \/\/ enforce styles inline to be extra safe (overrides any potential conflicts)\n img.style.objectFit = 'cover';\n img.style.objectPosition = 'top center';\n \/\/ If image is already loaded and we want to re-evaluate cropping? Not necessary but we ensure.\n if (img.complete && img.naturalHeight > 0) {\n \/\/ just confirm no extra cropping, but top position is set.\n }\n \/\/ Reattach error handler in case of late fails\n if (!img.getAttribute('data-fallback-set')) {\n img.onerror = handleImageError;\n }\n });\n \n \/\/ For images that might have loaded before event, but still mispositioned? force style recompute\n \/\/ Additionally add container background to give \"padding inside frame\" visual (already soft)\n \/\/ So heads are fully visible thanks to top alignment.\n });\n<\/script>\n\n\n<\/body>\n<\/html>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Thambiah Mudliyar Chatram Trust | University Prize Winners Thambiah Mudliyar Chatram Trust Academic Excellence & Merit Awards Recognising outstanding performance in Business Management (Honours) in Marketing Management \u2014 Faculty of […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth.php","meta":{"footnotes":""},"class_list":["post-1651","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fbs.vau.ac.lk\/mm\/wp-json\/wp\/v2\/pages\/1651","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fbs.vau.ac.lk\/mm\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fbs.vau.ac.lk\/mm\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fbs.vau.ac.lk\/mm\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/fbs.vau.ac.lk\/mm\/wp-json\/wp\/v2\/comments?post=1651"}],"version-history":[{"count":2,"href":"https:\/\/fbs.vau.ac.lk\/mm\/wp-json\/wp\/v2\/pages\/1651\/revisions"}],"predecessor-version":[{"id":1656,"href":"https:\/\/fbs.vau.ac.lk\/mm\/wp-json\/wp\/v2\/pages\/1651\/revisions\/1656"}],"wp:attachment":[{"href":"https:\/\/fbs.vau.ac.lk\/mm\/wp-json\/wp\/v2\/media?parent=1651"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1651,"date":"2026-04-21T07:16:16","date_gmt":"2026-04-21T07:16:16","guid":{"rendered":"https:\/\/fbs.vau.ac.lk\/mm\/?page_id=1651"},"modified":"2026-04-21T07:22:47","modified_gmt":"2026-04-21T07:22:47","slug":"thambiah-mudliyar-chatram-trust-university-prize-winners","status":"publish","type":"page","link":"https:\/\/fbs.vau.ac.lk\/mm\/thambiah-mudliyar-chatram-trust-university-prize-winners\/","title":{"rendered":"Thambiah Mudliyar Chatram Trust | University Prize Winners"},"content":{"rendered":"\n\n\n\n \n \n Thambiah Mudliyar Chatram Trust | University Prize Winners<\/title>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400&display=swap\" rel=\"stylesheet\">\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n background: #fbfaf6;\n font-family: 'Inter', sans-serif;\n color: #1e2a2f;\n line-height: 1.5;\n scroll-behavior: smooth;\n }\n\n \/* main container *\/\n .container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 2rem 2rem 4rem;\n }\n\n \/* header section with trust branding *\/\n .trust-header {\n text-align: center;\n margin-bottom: 3rem;\n position: relative;\n border-bottom: 2px solid #d4af7a;\n padding-bottom: 1.5rem;\n }\n\n .trust-header h1 {\n font-family: 'Playfair Display', serif;\n font-weight: 600;\n font-size: 2.8rem;\n letter-spacing: -0.5px;\n color: #8b5a2b;\n margin-bottom: 0.4rem;\n }\n\n .trust-header h1 span {\n font-weight: 400;\n color: #b87c3c;\n }\n\n .trust-sub {\n font-size: 1.1rem;\n color: #5e3a1f;\n background: #f2e8da;\n display: inline-block;\n padding: 0.3rem 1.2rem;\n border-radius: 40px;\n margin-top: 0.5rem;\n font-weight: 500;\n }\n\n .accent-line {\n width: 100px;\n height: 3px;\n background: #d4af7a;\n margin: 1rem auto 0;\n border-radius: 3px;\n }\n\n \/* intro text *\/\n .intro-text {\n text-align: center;\n max-width: 780px;\n margin: 1rem auto 2.5rem;\n font-size: 1.05rem;\n color: #2c423f;\n background: #fffef8;\n padding: 1rem 1.8rem;\n border-radius: 28px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.02);\n border: 1px solid #ece3d8;\n }\n\n \/* card grid *\/\n .honorees-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));\n gap: 2rem;\n margin-top: 1rem;\n }\n\n \/* honor card *\/\n .honor-card {\n background: #ffffff;\n border-radius: 32px;\n box-shadow: 0 15px 30px -12px rgba(0, 0, 0, 0.08);\n overflow: hidden;\n transition: transform 0.25s ease, box-shadow 0.3s ease;\n border: 1px solid #ede5d8;\n display: flex;\n flex-direction: column;\n backdrop-filter: blur(0px);\n }\n\n .honor-card:hover {\n transform: translateY(-6px);\n box-shadow: 0 24px 40px -16px rgba(60, 40, 20, 0.15);\n border-color: #dccaa8;\n }\n\n \/* image container - consistent aspect ratio with padding and top alignment fix *\/\n .card-img {\n width: 100%;\n height: 280px;\n background-color: #f4efe7;\n display: flex;\n align-items: flex-start; \/* Align image container to top *\/\n justify-content: center;\n overflow: hidden;\n position: relative;\n }\n\n \/* Image styling: object-fit cover ensures full coverage without distortion,\n but we use object-position: top center to avoid cutting off heads.\n Also adding a subtle inner padding concept: the container background\n provides a safe frame, and we use scale slightly if needed. *\/\n .card-img img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: top center; \/* CRITICAL: focus on top part (face\/head) *\/\n transition: transform 0.4s ease, object-position 0.2s;\n transform-origin: top center;\n }\n\n \/* Hover effect remains subtle, keeps head safe *\/\n .honor-card:hover .card-img img {\n transform: scale(1.02);\n object-position: top center;\n }\n\n \/* fallback icon if image fails (elegant) *\/\n .card-img .fallback-icon {\n font-size: 4rem;\n color: #c0aa7a;\n background: #e9e1d4;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n\n \/* card body *\/\n .card-content {\n padding: 1.5rem 1.5rem 1.8rem;\n flex: 1;\n display: flex;\n flex-direction: column;\n }\n\n .recipient-name {\n font-family: 'Playfair Display', serif;\n font-weight: 700;\n font-size: 1.55rem;\n line-height: 1.3;\n color: #2d3e3b;\n margin-bottom: 0.5rem;\n }\n\n .index-reg {\n background: #f7f2ea;\n padding: 0.3rem 0.8rem;\n border-radius: 30px;\n font-size: 0.8rem;\n font-weight: 500;\n display: inline-block;\n margin: 0.5rem 0 0.4rem;\n color: #8b5a2b;\n }\n\n .exam-badge {\n font-weight: 600;\n font-size: 0.85rem;\n color: #9b6a3c;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n background: #fef5e8;\n display: inline-block;\n padding: 0.2rem 0.9rem;\n border-radius: 20px;\n margin: 0.6rem 0 0.8rem;\n width: fit-content;\n }\n\n .description {\n font-size: 0.95rem;\n color: #3e5a55;\n margin: 0.5rem 0 1rem;\n line-height: 1.45;\n }\n\n .prize-highlight {\n font-weight: 600;\n color: #b4652a;\n background: linear-gradient(135deg, #fff0e0, #fffaf2);\n padding: 0.5rem 0.9rem;\n border-radius: 18px;\n margin: 0.6rem 0 1rem;\n font-size: 0.85rem;\n border-left: 3px solid #d4af7a;\n }\n\n .btn-link {\n margin-top: auto;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: #ffffff;\n border: 1px solid #d4c3aa;\n padding: 0.6rem 1rem;\n border-radius: 60px;\n font-weight: 500;\n font-size: 0.85rem;\n color: #7b572e;\n text-decoration: none;\n transition: all 0.2s;\n width: fit-content;\n }\n\n .btn-link i {\n font-size: 0.85rem;\n transition: transform 0.2s;\n }\n\n .btn-link:hover {\n background: #f6ede2;\n border-color: #b88752;\n color: #593e1c;\n }\n\n .btn-link:hover i {\n transform: translateX(4px);\n }\n\n hr {\n margin: 2rem 0 1rem;\n border: none;\n height: 1px;\n background: linear-gradient(to right, #e2d5c2, transparent);\n }\n\n footer {\n text-align: center;\n margin-top: 3rem;\n padding-top: 1.5rem;\n font-size: 0.85rem;\n color: #8f7a60;\n border-top: 1px solid #e4d9cb;\n }\n\n @media (max-width: 750px) {\n .container {\n padding: 1.2rem;\n }\n .trust-header h1 {\n font-size: 2rem;\n }\n .recipient-name {\n font-size: 1.35rem;\n }\n .card-img {\n height: 250px;\n }\n }\n\n \/* additional helper for images that might be extremely tall: still top-aligned *\/\n .card-img img {\n image-rendering: auto;\n }\n\n \/* small note *\/\n .quote-note {\n font-style: italic;\n font-size: 0.85rem;\n background: #fef7e9;\n padding: 0.4rem 1rem;\n border-radius: 30px;\n text-align: center;\n display: inline-block;\n width: auto;\n }\n <\/style>\n<\/head>\n<body>\n<div class=\"container\">\n <div class=\"trust-header\">\n <h1>Thambiah Mudliyar <span>Chatram Trust<\/span><\/h1>\n <div class=\"accent-line\"><\/div>\n <div class=\"trust-sub\">\n <i class=\"fas fa-trophy\" style=\"margin-right: 8px;\"><\/i> Academic Excellence & Merit Awards\n <\/div>\n <\/div>\n\n <div class=\"intro-text\">\n <i class=\"fas fa-university\" style=\"margin-right: 8px; color: #b87c3c;\"><\/i> \n Recognising outstanding performance in Business Management (Honours) in Marketing Management \u2014 \n Faculty of Business Studies, Vavuniya Campus. <strong>University Prizes<\/strong> awarded by the Trust for exceptional academic distinction.\n <div style=\"margin-top: 8px; font-size: 0.85rem;\"><i class=\"fas fa-camera\"><\/i> Portraits displayed with top-aligned framing to honour each recipient<\/div>\n <\/div>\n\n <div class=\"honorees-grid\" id=\"honorGrid\"><\/div>\n \n <footer>\n <i class=\"fas fa-medal\"><\/i> In recognition of scholarly excellence | \n Thambiah Mudliyar Chatram Trust \u2014 perpetually honouring the best in business studies\n <\/footer>\n<\/div>\n\n<script>\n \/\/ --------------------------------------------------------------\n \/\/ Data array containing all awardees exactly as described.\n \/\/ For images: we now keep original links. To avoid head trimming,\n \/\/ CSS object-position: top center ensures faces are fully visible.\n \/\/ Also added container background to provide a \"safe zone\" padding feel.\n \/\/ --------------------------------------------------------------\n const awardeesData = [\n {\n name: \"Gamini Thilakarathnage Indeewari Poornima Thilakarathne\",\n indexNo: \"B22097\",\n regNo: \"2019\/BS\/97\",\n examLevel: \"Second Examination\",\n prizeYear: \"2021\",\n examFull: \"Second Examination in Business Management Honours in Marketing Management \u2013 2021\",\n description: \"Best performance in the second examination. Exemplary academic achievement and commitment to marketing management discipline.\",\n imageUrl: \"https:\/\/fbs.vau.ac.lk\/mm\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-16-at-11.14.59-AM-1.jpeg\",\n altFallback: \"Indeewari Poornima Thilakarathne\"\n },\n {\n name: \"Ms. Mohamed Issath Banu\",\n indexNo: \"B21086\",\n regNo: \"2018\/BS\/97\",\n examLevel: \"Third Examination\",\n prizeYear: \"2021\",\n examFull: \"Third Examination in Business Management Honours in Marketing Management \u2013 2021\",\n description: \"Best performance in the third examination. Outstanding analytical skills and strategic marketing insights.\",\n imageUrl: \"https:\/\/fbs.vau.ac.lk\/mm\/wp-content\/uploads\/2026\/04\/M.Issath-banu.jpg\",\n altFallback: \"Mohamed Issath Banu\"\n },\n {\n name: \"Ms. Jesuraja Lourdes Jensika\",\n indexNo: \"B20068\",\n regNo: \"2017\/BS\/78\",\n examLevel: \"Fourth Examination\",\n prizeYear: \"2021\",\n examFull: \"Fourth Examination in Business Management Honours in Marketing Management \u2013 2021\",\n description: \"Best performance in the fourth (final) examination. Mastery of advanced marketing concepts and business strategy.\",\n imageUrl: \"https:\/\/fbs.vau.ac.lk\/mm\/wp-content\/uploads\/2025\/08\/5-scaled.jpg\",\n altFallback: \"Jesuraja Lourdes Jensika\"\n },\n {\n name: \"Ms. Mauthunaidalage Nishara Nethmini Fernando\",\n indexNo: \"B23015\",\n regNo: \"2020\/BS\/15\",\n examLevel: \"Third Examination\",\n prizeYear: \"2023\",\n examFull: \"Third Examination in Business Management Honours in Marketing Management \u2013 2023\",\n description: \"Best performance in the third examination \u2013 2023. Exceptional progress and consistent academic brilliance.\",\n imageUrl: \"https:\/\/fbs.vau.ac.lk\/mm\/wp-content\/uploads\/2026\/04\/istockphoto-2014684899-612x612-1.jpg\",\n altFallback: \"Nishara Nethmini Fernando\"\n },\n {\n name: \"Gamini Thilakarathnage Indeewari Poornima Thilakarathne\",\n indexNo: \"B22097\",\n regNo: \"2019\/BS\/97\",\n examLevel: \"Fourth Examination\",\n prizeYear: \"2023\",\n examFull: \"Fourth Examination in Business Management Honours in Marketing Management \u2013 2023\",\n description: \"Best performance in the fourth examination (2023). Dual award winner demonstrating sustained excellence across multiple stages.\",\n imageUrl: \"https:\/\/fbs.vau.ac.lk\/mm\/wp-content\/uploads\/2026\/04\/Indeewari-Poornima.jpg\",\n altFallback: \"Indeewari Poornima Thilakarathne (2023)\"\n }\n ];\n\n \/\/ Helper function to handle broken images gracefully (display a meaningful fallback)\n function handleImageError(event) {\n const imgElement = event.target;\n const container = imgElement.closest('.card-img');\n if (!container) return;\n if (imgElement.src.includes('data:image') || imgElement.getAttribute('data-fallback-set')) return;\n \n \/\/ Get name for personalized fallback\n const recipientName = imgElement.getAttribute('data-name') || 'Scholar';\n const initials = recipientName.split(' ').map(part => part.charAt(0)).join('').substring(0, 2).toUpperCase();\n \n const fallbackDiv = document.createElement('div');\n fallbackDiv.className = 'fallback-icon';\n fallbackDiv.innerHTML = `<i class=\"fas fa-user-graduate\" style=\"font-size: 3rem; margin-bottom: 8px; display: block;\"><\/i><span style=\"font-size: 0.9rem; font-weight: 500; background: rgba(0,0,0,0.05); padding: 4px 12px; border-radius: 30px;\">${initials}<\/span>`;\n fallbackDiv.style.flexDirection = 'column';\n fallbackDiv.style.display = 'flex';\n fallbackDiv.style.alignItems = 'center';\n fallbackDiv.style.justifyContent = 'center';\n fallbackDiv.style.height = '100%';\n imgElement.style.display = 'none';\n container.appendChild(fallbackDiv);\n imgElement.setAttribute('data-fallback-set', 'true');\n }\n\n \/\/ Build the grid with top-aligned image frames to prevent head cropping\n const gridContainer = document.getElementById('honorGrid');\n \n function buildCards() {\n gridContainer.innerHTML = '';\n \n awardeesData.forEach((award) => {\n const card = document.createElement('div');\n card.className = 'honor-card';\n \n \/\/ Image container\n const imgContainer = document.createElement('div');\n imgContainer.className = 'card-img';\n \n const img = document.createElement('img');\n img.src = award.imageUrl;\n img.alt = award.altFallback || `${award.name} portrait`;\n img.loading = 'lazy';\n img.setAttribute('data-name', award.name);\n \/\/ critical: enforce object-position top via style (already in CSS, but inline ensures no override)\n img.style.objectFit = 'cover';\n img.style.objectPosition = 'top center';\n img.style.width = '100%';\n img.style.height = '100%';\n img.onerror = handleImageError;\n \n imgContainer.appendChild(img);\n \n \/\/ Content container\n const contentDiv = document.createElement('div');\n contentDiv.className = 'card-content';\n \n \/\/ Name\n const nameEl = document.createElement('div');\n nameEl.className = 'recipient-name';\n nameEl.textContent = award.name;\n \n \/\/ Index & reg badge\n const idxRegSpan = document.createElement('div');\n idxRegSpan.className = 'index-reg';\n idxRegSpan.innerHTML = `<i class=\"far fa-id-card\" style=\"margin-right: 6px;\"><\/i> Index: ${award.indexNo} | Reg: ${award.regNo}`;\n \n \/\/ Exam badge (year & exam level)\n const examBadge = document.createElement('div');\n examBadge.className = 'exam-badge';\n examBadge.innerHTML = `<i class=\"fas fa-calendar-alt\"><\/i> ${award.examLevel} \u2022 ${award.prizeYear}`;\n \n \/\/ Full exam description\n const examDesc = document.createElement('div');\n examDesc.className = 'description';\n examDesc.innerHTML = `<strong>${award.examFull}<\/strong>`;\n \n \/\/ Prize highlight block\n const prizeHighlight = document.createElement('div');\n prizeHighlight.className = 'prize-highlight';\n prizeHighlight.innerHTML = `<i class=\"fas fa-award\" style=\"margin-right: 8px;\"><\/i> \ud83c\udfc6 University Prize \u2014 Best performance in the ${award.examLevel.toLowerCase()}`;\n \n \/\/ Additional descriptive text\n const detailText = document.createElement('div');\n detailText.className = 'description';\n detailText.style.marginTop = '0';\n detailText.textContent = award.description;\n \n \/\/ Link button: original image URL as reference (certificate or portrait source)\n const linkBtn = document.createElement('a');\n linkBtn.href = award.imageUrl;\n linkBtn.target = '_blank';\n linkBtn.rel = 'noopener noreferrer';\n linkBtn.className = 'btn-link';\n linkBtn.innerHTML = `<i class=\"fas fa-image\"><\/i> View full portrait <i class=\"fas fa-external-link-alt\"><\/i>`;\n \n contentDiv.appendChild(nameEl);\n contentDiv.appendChild(idxRegSpan);\n contentDiv.appendChild(examBadge);\n contentDiv.appendChild(examDesc);\n contentDiv.appendChild(prizeHighlight);\n contentDiv.appendChild(detailText);\n contentDiv.appendChild(linkBtn);\n \n card.appendChild(imgContainer);\n card.appendChild(contentDiv);\n gridContainer.appendChild(card);\n });\n }\n \n buildCards();\n\n \/\/ Additional safeguard: After images load, ensure any images that are partially cut due to browser quirks\n \/\/ get rechecked. Also add extra padding feeling: we could add a subtle inner border or background wrapper,\n \/\/ but object-position top already solves head trimming.\n \/\/ For extra user clarity: we apply a class to force object-position after dynamic insertion.\n window.addEventListener('load', () => {\n const allImages = document.querySelectorAll('.card-img img');\n allImages.forEach(img => {\n \/\/ enforce styles inline to be extra safe (overrides any potential conflicts)\n img.style.objectFit = 'cover';\n img.style.objectPosition = 'top center';\n \/\/ If image is already loaded and we want to re-evaluate cropping? Not necessary but we ensure.\n if (img.complete && img.naturalHeight > 0) {\n \/\/ just confirm no extra cropping, but top position is set.\n }\n \/\/ Reattach error handler in case of late fails\n if (!img.getAttribute('data-fallback-set')) {\n img.onerror = handleImageError;\n }\n });\n \n \/\/ For images that might have loaded before event, but still mispositioned? force style recompute\n \/\/ Additionally add container background to give \"padding inside frame\" visual (already soft)\n \/\/ So heads are fully visible thanks to top alignment.\n });\n<\/script>\n\n\n<\/body>\n<\/html>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Thambiah Mudliyar Chatram Trust | University Prize Winners Thambiah Mudliyar Chatram Trust Academic Excellence & Merit Awards Recognising outstanding performance in Business Management (Honours) in Marketing Management \u2014 Faculty of […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth.php","meta":{"footnotes":""},"class_list":["post-1651","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fbs.vau.ac.lk\/mm\/wp-json\/wp\/v2\/pages\/1651","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fbs.vau.ac.lk\/mm\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fbs.vau.ac.lk\/mm\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fbs.vau.ac.lk\/mm\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/fbs.vau.ac.lk\/mm\/wp-json\/wp\/v2\/comments?post=1651"}],"version-history":[{"count":2,"href":"https:\/\/fbs.vau.ac.lk\/mm\/wp-json\/wp\/v2\/pages\/1651\/revisions"}],"predecessor-version":[{"id":1656,"href":"https:\/\/fbs.vau.ac.lk\/mm\/wp-json\/wp\/v2\/pages\/1651\/revisions\/1656"}],"wp:attachment":[{"href":"https:\/\/fbs.vau.ac.lk\/mm\/wp-json\/wp\/v2\/media?parent=1651"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}