{"id":3271,"date":"2025-08-11T10:23:23","date_gmt":"2025-08-11T02:23:23","guid":{"rendered":"https:\/\/engine.iium.edu.my\/mec\/?p=3271"},"modified":"2025-08-11T10:31:53","modified_gmt":"2025-08-11T02:31:53","slug":"top-57-iium-indexed-wos-scopus-authors-in-2024","status":"publish","type":"post","link":"https:\/\/engine.iium.edu.my\/mec\/?p=3271","title":{"rendered":"Top 57 IIUM Indexed (WOS\/SCOPUS) Authors in 2024!"},"content":{"rendered":"\n<section class=\"iium-top-authors-2024\" aria-labelledby=\"iium-top-authors-title\">\n  <style>\n    \/* ---------- Reset & base ---------- *\/\n    .iium-top-authors-2024 * { box-sizing: border-box; }\n    .iium-top-authors-2024 {\n      --accent-1: #0ea5e9;  \/* cyan *\/\n      --accent-2: #22c55e;  \/* green *\/\n      --accent-3: #f59e0b;  \/* amber *\/\n      --bg: #0b1220;\n      --card-bg: rgba(255,255,255,0.06);\n      --border: rgba(255,255,255,0.16);\n      --text: #eef2ff;\n      --muted: #c7d2fe;\n      font-family: ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial;\n      color: var(--text);\n      background:\n        radial-gradient(1200px 600px at 20% -10%, rgba(34,197,94,0.15), transparent 60%),\n        radial-gradient(1200px 600px at 110% 10%, rgba(14,165,233,0.18), transparent 60%),\n        var(--bg);\n      padding: clamp(1.2rem, 2vw + 1rem, 2rem);\n      border-radius: 1.25rem;\n      border: 1px solid var(--border);\n      position: relative;\n      overflow: hidden;\n    }\n\n    \/* Subtle sparkles *\/\n    .iium-top-authors-2024::before {\n      content: \"\";\n      position: absolute; inset: -40% -20% auto -20%;\n      height: 80%; pointer-events: none;\n      background:\n        radial-gradient(2px 2px at 10% 20%, rgba(255,255,255,.4), transparent 40%),\n        radial-gradient(2px 2px at 30% 40%, rgba(255,255,255,.35), transparent 40%),\n        radial-gradient(2px 2px at 60% 30%, rgba(255,255,255,.3), transparent 40%),\n        radial-gradient(2px 2px at 80% 50%, rgba(255,255,255,.25), transparent 40%);\n      filter: blur(.2px);\n      animation: iium-drift 16s linear infinite;\n      opacity: .7;\n    }\n    @keyframes iium-drift { to { transform: translateY(30%) translateX(10%); } }\n    @media (prefers-reduced-motion: reduce) {\n      .iium-top-authors-2024::before { animation: none; }\n    }\n\n    \/* ---------- Hero (2\u00d7 sizes) ---------- *\/\n    .iium-hero { text-align: center; margin: 0 auto clamp(1rem, 2.5vw, 2rem); max-width: 1000px; }\n    .iium-badge {\n      display: inline-flex; align-items: center; gap: .5rem;\n      padding: .4rem .75rem; border-radius: 999px;\n      background: linear-gradient(90deg, rgba(34,197,94,.18), rgba(14,165,233,.18));\n      border: 1px solid var(--border);\n      font-size: 1.8rem; color: var(--muted);\n    }\n    .iium-title {\n      margin: .8rem 0 .6rem; font-weight: 800;\n      font-size: clamp(2.8rem, 4.4vw + 2rem, 4.4rem);\n      line-height: 1.15; letter-spacing: .2px;\n      background: linear-gradient(90deg, #fff, #dbeafe 30%, #86efac 60%, #fde68a);\n      -webkit-background-clip: text; background-clip: text; color: transparent;\n      filter: drop-shadow(0 1px 0 rgba(255,255,255,.05));\n    }\n    .iium-subtitle {\n      margin: 0 auto; max-width: 920px; color: var(--muted);\n      font-size: clamp(1.96rem, 2.4vw + .8rem, 2.1rem);\n    }\n\n    \/* ---------- Grid ---------- *\/\n    .iium-grid {\n      display: grid; grid-template-columns: repeat(12, 1fr);\n      gap: clamp(.8rem, 1.2vw, 1.2rem); margin-top: clamp(1rem, 2vw, 1.5rem);\n    }\n    .iium-card {\n      grid-column: span 12; background: var(--card-bg); border: 1px solid var(--border);\n      border-radius: 1rem; overflow: hidden; position: relative;\n      transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;\n      box-shadow: 0 6px 20px rgba(0,0,0,.25); isolation: isolate;\n    }\n    @media (min-width: 720px) { .iium-card { grid-column: span 6; } }\n\n    \/* Image frame: keeps zoom centered *\/\n    .iium-frame {\n      position: relative; width: 100%; aspect-ratio: 16 \/ 9; display: grid; place-items: center;\n      overflow: hidden;\n      background:\n        linear-gradient(180deg, rgba(255,255,255,.06), transparent 40%),\n        radial-gradient(1200px 200px at 50% 0%, rgba(255,255,255,.06), transparent 60%);\n    }\n    .iium-img {\n      max-width: none; width: 100%; height: 100%; object-fit: cover;\n      transform-origin: center center;\n      transition: transform .6s cubic-bezier(.2,.7,.2,1), filter .6s ease;\n      will-change: transform; backface-visibility: hidden;\n    }\n\n    \/* Hover: enlarge by 100% (2x) and keep centered *\/\n    .iium-card:hover .iium-img,\n    .iium-card:focus-within .iium-img {\n      transform: scale(2); \/* +100% size *\/\n      filter: saturate(1.05) contrast(1.02);\n    }\n    .iium-card:hover, .iium-card:focus-within {\n      transform: translateY(-2px);\n      border-color: rgba(255,255,255,0.28);\n      box-shadow: 0 14px 36px rgba(0,0,0,.35);\n    }\n    .iium-card::after {\n      content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: 0;\n      background: radial-gradient(600px 200px at 80% 0%, rgba(14,165,233,.18), transparent 60%),\n                  radial-gradient(600px 200px at 0% 90%, rgba(34,197,94,.18), transparent 60%);\n      transition: opacity .35s ease;\n    }\n    .iium-card:hover::after, .iium-card:focus-within::after { opacity: 1; }\n\n    \/* Caption & Button *\/\n    .iium-cap {\n      display: flex; align-items: center; justify-content: space-between; gap: .8rem;\n      padding: .85rem 1rem; border-top: 1px solid var(--border);\n      font-size: .95rem; color: var(--muted);\n    }\n    .iium-cap b { color: #fff; font-weight: 700; }\n    .iium-btn {\n      appearance: none; border: 0; cursor: pointer; padding: .55rem .85rem; border-radius: .7rem;\n      background: linear-gradient(90deg, rgba(34,197,94,.3), rgba(14,165,233,.3));\n      color: white; font-weight: 600; font-size: .9rem;\n      transition: transform .2s ease, filter .2s ease, box-shadow .2s ease;\n      box-shadow: inset 0 0 0 1px rgba(255,255,255,.2); text-decoration: none;\n    }\n    .iium-btn:hover, .iium-btn:focus-visible { transform: translateY(-1px); filter: brightness(1.08); }\n\n    \/* ---------- Lightbox ---------- *\/\n    .iium-lightbox[hidden] { display: none !important; }\n    .iium-lightbox {\n      position: fixed; inset: 0; z-index: 9999;\n      display: grid; place-items: center;\n      background: rgba(6,10,18,.82);\n      backdrop-filter: blur(2px);\n      opacity: 0; transform: scale(.98);\n      transition: opacity .25s ease, transform .25s ease;\n    }\n    .iium-top-authors-2024[data-open] .iium-lightbox {\n      opacity: 1; transform: scale(1);\n    }\n    .iium-lightbox:focus { outline: none; }\n    .iium-lightbox-img {\n      max-width: min(96vw, 1400px);\n      max-height: 90vh;\n      border-radius: .8rem;\n      box-shadow: 0 20px 60px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.15) inset;\n      transition: transform .35s ease;\n    }\n    .iium-lightbox-caption {\n      margin-top: .6rem; color: var(--muted); text-align: center;\n      font-size: 1rem;\n    }\n    .iium-lightbox-close {\n      position: absolute; top: clamp(.5rem, 2vw, 1rem); right: clamp(.5rem, 2vw, 1rem);\n      font-size: 1.8rem; line-height: 1; padding: .2rem .6rem; cursor: pointer;\n      background: rgba(255,255,255,.08);\n      border: 1px solid rgba(255,255,255,.2); color: #fff; border-radius: .5rem;\n    }\n    .iium-lightbox:hover .iium-lightbox-img { transform: scale(1.01); }\n\n    @media (prefers-reduced-motion: reduce) {\n      .iium-card, .iium-img, .iium-card::after, .iium-btn, .iium-lightbox { transition: none !important; }\n      .iium-lightbox:hover .iium-lightbox-img { transform: none; }\n    }\n  <\/style>\n\n  <div class=\"iium-hero\">\n    <div class=\"iium-badge\" aria-hidden=\"true\">\ud83c\udf89 Recognition \u2022 2024<\/div>\n    <h1 id=\"iium-top-authors-title\" class=\"iium-title\">\n      Congratulations to IIUM\u2019s Top 57 Indexed (WoS\/Scopus) Authors \u2014 2024\n    <\/h1>\n    <p class=\"iium-subtitle\">\n      We proudly celebrate <b>Prof. Sher Afghan Khan<\/b>, <b>Prof. Dr. Meftah Hrairi<\/b>,\n      <b>Assoc. Prof. Dr. Hanafi Azami<\/b>, and <b>Dr. Muhammad<\/b> for being listed among\n      the Top 57 IIUM Indexed Authors in 2024. Your dedication to impactful scholarship\n      elevates our community and inspires future researchers. \ud83c\udf1f\n    <\/p>\n  <\/div>\n\n  <div class=\"iium-grid\">\n    <!-- Card 1 -->\n    <figure class=\"iium-card\">\n      <a class=\"iium-frame\" href=\"https:\/\/engine.iium.edu.my\/mec\/wp-content\/uploads\/Top571.jpg\" rel=\"noopener\">\n        <img decoding=\"async\" class=\"iium-img\"\n             src=\"https:\/\/engine.iium.edu.my\/mec\/wp-content\/uploads\/Top571.jpg\"\n             alt=\"Top 57 IIUM Indexed Authors 2024 \u2013 List (Image 1)\">\n      <\/a>\n      <figcaption class=\"iium-cap\">\n        <span>Top 57 IIUM Indexed Authors \u2014 <b>2024<\/b><\/span>\n        <a class=\"iium-btn\" href=\"https:\/\/engine.iium.edu.my\/mec\/wp-content\/uploads\/Top571.jpg\" rel=\"noopener\">Open Image<\/a>\n      <\/figcaption>\n    <\/figure>\n\n    <!-- Card 2 -->\n    <figure class=\"iium-card\">\n      <a class=\"iium-frame\" href=\"https:\/\/engine.iium.edu.my\/mec\/wp-content\/uploads\/Top572.jpg\" rel=\"noopener\">\n        <img decoding=\"async\" class=\"iium-img\"\n             src=\"https:\/\/engine.iium.edu.my\/mec\/wp-content\/uploads\/Top572.jpg\"\n             alt=\"Top 57 IIUM Indexed Authors 2024 \u2013 List (Image 2)\">\n      <\/a>\n      <figcaption class=\"iium-cap\">\n        <span>Top 57 IIUM Indexed Authors \u2014 <b>2024<\/b><\/span>\n        <a class=\"iium-btn\" href=\"https:\/\/engine.iium.edu.my\/mec\/wp-content\/uploads\/Top572.jpg\" rel=\"noopener\">Open Image<\/a>\n      <\/figcaption>\n    <\/figure>\n  <\/div>\n\n  <!-- Lightbox container (injected\/used by the script) -->\n  <div class=\"iium-lightbox\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Image preview\" tabindex=\"-1\" hidden>\n    <button class=\"iium-lightbox-close\" aria-label=\"Close (Esc)\">\u00d7<\/button>\n    <div>\n      <img class=\"iium-lightbox-img\" alt=\"\">\n      <div class=\"iium-lightbox-caption\" aria-hidden=\"true\"><\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function () {\n      const root = document.currentScript.closest('.iium-top-authors-2024') || document.querySelector('.iium-top-authors-2024');\n      if (!root) return;\n\n      const overlay = root.querySelector('.iium-lightbox');\n      const imgEl = overlay.querySelector('.iium-lightbox-img');\n      const capEl = overlay.querySelector('.iium-lightbox-caption');\n      const closeBtn = overlay.querySelector('.iium-lightbox-close');\n      let lastActive = null;\n\n      function openLightbox(src, alt) {\n        imgEl.src = src;\n        imgEl.alt = alt || '';\n        capEl.textContent = alt || '';\n        overlay.hidden = false;\n        root.setAttribute('data-open', '1');\n        lastActive = document.activeElement;\n        document.body.style.overflow = 'hidden';\n        overlay.focus();\n      }\n      function closeLightbox() {\n        overlay.hidden = true;\n        root.removeAttribute('data-open');\n        document.body.style.overflow = '';\n        imgEl.src = '';\n        if (lastActive && typeof lastActive.focus === 'function') lastActive.focus();\n      }\n\n      \/\/ Trigger on image frame click\n      root.querySelectorAll('.iium-frame').forEach(link => {\n        link.addEventListener('click', e => {\n          e.preventDefault();\n          const img = link.querySelector('img');\n          openLightbox(link.getAttribute('href') || (img && img.src), img ? img.alt : '');\n        });\n      });\n\n      \/\/ Trigger on \"Open Image\" button\n      root.querySelectorAll('.iium-btn').forEach(btn => {\n        btn.addEventListener('click', e => {\n          e.preventDefault();\n          const href = btn.getAttribute('href');\n          \/\/ Find the sibling image alt for caption\n          const fig = btn.closest('figure');\n          const img = fig ? fig.querySelector('img') : null;\n          openLightbox(href, img ? img.alt : '');\n        });\n      });\n\n      \/\/ Close on overlay click (outside the inner content)\n      overlay.addEventListener('click', e => {\n        if (e.target === overlay) closeLightbox();\n      });\n      \/\/ Close button\n      closeBtn.addEventListener('click', closeLightbox);\n      \/\/ Close on Esc\n      document.addEventListener('keydown', e => {\n        if (!overlay.hidden && (e.key === 'Escape' || e.key === 'Esc')) closeLightbox();\n      });\n    })();\n  <\/script>\n<\/section>\n\n","protected":false},"excerpt":{"rendered":"<p>\ud83c\udf89 Recognition \u2022 2024 Congratulations to IIUM\u2019s Top 57 Indexed (WoS\/Scopus) Authors \u2014 2024 We proudly celebrate Prof. Sher Afghan Khan, Prof. Dr. Meftah Hrairi, Assoc. Prof. Dr. Hanafi Azami, and Dr. Muhammad for being listed among the Top 57 IIUM Indexed Authors in 2024. Your dedication to impactful scholarship [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":3270,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/engine.iium.edu.my\/mec\/index.php?rest_route=\/wp\/v2\/posts\/3271"}],"collection":[{"href":"https:\/\/engine.iium.edu.my\/mec\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/engine.iium.edu.my\/mec\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/engine.iium.edu.my\/mec\/index.php?rest_route=\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/engine.iium.edu.my\/mec\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3271"}],"version-history":[{"count":3,"href":"https:\/\/engine.iium.edu.my\/mec\/index.php?rest_route=\/wp\/v2\/posts\/3271\/revisions"}],"predecessor-version":[{"id":3274,"href":"https:\/\/engine.iium.edu.my\/mec\/index.php?rest_route=\/wp\/v2\/posts\/3271\/revisions\/3274"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/engine.iium.edu.my\/mec\/index.php?rest_route=\/wp\/v2\/media\/3270"}],"wp:attachment":[{"href":"https:\/\/engine.iium.edu.my\/mec\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3271"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/engine.iium.edu.my\/mec\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3271"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/engine.iium.edu.my\/mec\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}