{"id":1454,"date":"2026-01-12T06:56:42","date_gmt":"2026-01-12T06:56:42","guid":{"rendered":"https:\/\/openscience.upsi.edu.my\/index\/?page_id=1454"},"modified":"2026-09-28T15:32:14","modified_gmt":"2026-09-28T07:32:14","slug":"home-ptj","status":"publish","type":"page","link":"https:\/\/openscience.upsi.edu.my\/index\/","title":{"rendered":"Home &#8211; PTJ"},"content":{"rendered":"\n\n\t<!-- ============================================================\n   MODULE 1: HERO - UPSI OPEN SCIENCE (V4)\n   Theme: V2 dark navy + gold | Features: Smooth animations\n   ============================================================ -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@500;700&display=swap');\n.os-hero-v4,\n.os-hero-v4 * {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n.os-hero-v4 {\n  position: relative;\n  min-height: 740px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n  background: #0c0b1e;\n  color: #ffffff;\n}\n\/* ===== GRADIENT BG ===== *\/\n.os-hero-v4__bg {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  background:\n    radial-gradient(ellipse 70% 50% at 65% 15%, rgba(99,91,255,.25) 0%, transparent 55%),\n    radial-gradient(ellipse 50% 40% at 20% 85%, rgba(255,214,0,.06) 0%, transparent 50%),\n    linear-gradient(145deg, #0c0b1e 0%, #151435 50%, #0c0b1e 100%);\n}\n\/* ===== ANIMATED GRADIENT ORB ===== *\/\n.os-hero-v4__orb {\n  position: absolute;\n  border-radius: 50%;\n  filter: blur(100px);\n  z-index: 0;\n  pointer-events: none;\n  animation: os-orb-move 12s ease-in-out infinite alternate;\n}\n.os-hero-v4__orb--1 {\n  width: 500px;\n  height: 500px;\n  top: -15%;\n  right: 10%;\n  background: rgba(99,91,255,.15);\n}\n.os-hero-v4__orb--2 {\n  width: 400px;\n  height: 400px;\n  bottom: -20%;\n  left: 5%;\n  background: rgba(255,214,0,.05);\n  animation-delay: 3s;\n  animation-direction: alternate-reverse;\n}\n.os-hero-v4__orb--3 {\n  width: 250px;\n  height: 250px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background: rgba(99,91,255,.08);\n  animation-delay: 6s;\n}\n\/* ===== GLOW LINE ===== *\/\n.os-hero-v4__glowline {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 1px;\n  z-index: 1;\n  pointer-events: none;\n  overflow: hidden;\n}\n.os-hero-v4__glowline::after {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: -30%;\n  width: 30%;\n  height: 100%;\n  background: linear-gradient(90deg, transparent, #FFD600, transparent);\n  animation: os-glowline-sweep 4s ease-in-out infinite;\n}\n\/* ===== GRID FLOOR ===== *\/\n.os-hero-v4__floor {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 40%;\n  z-index: 0;\n  pointer-events: none;\n  background-image:\n    linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);\n  background-size: 60px 60px;\n  transform: perspective(400px) rotateX(55deg);\n  transform-origin: bottom center;\n  mask-image: linear-gradient(180deg, transparent 0%, black 40%, black 100%);\n  -webkit-mask-image: linear-gradient(180deg, transparent 0%, black 40%, black 100%);\n  opacity: .4;\n}\n\/* ===== PARTICLES ===== *\/\n.os-hero-v4__particles {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  pointer-events: none;\n  overflow: hidden;\n}\n.os-hero-v4__particle {\n  position: absolute;\n  width: 3px;\n  height: 3px;\n  background: rgba(255,214,0,.5);\n  border-radius: 50%;\n  animation: os-particle-float linear infinite;\n  opacity: 0;\n}\n.os-hero-v4__particle:nth-child(1) { left: 8%; animation-duration: 10s; animation-delay: 0s; }\n.os-hero-v4__particle:nth-child(2) { left: 18%; animation-duration: 13s; animation-delay: 2s; width: 2px; height: 2px; background: rgba(99,91,255,.6); }\n.os-hero-v4__particle:nth-child(3) { left: 32%; animation-duration: 9s; animation-delay: 4s; }\n.os-hero-v4__particle:nth-child(4) { left: 48%; animation-duration: 12s; animation-delay: 1s; width: 2px; height: 2px; }\n.os-hero-v4__particle:nth-child(5) { left: 62%; animation-duration: 11s; animation-delay: 3s; background: rgba(99,91,255,.5); }\n.os-hero-v4__particle:nth-child(6) { left: 78%; animation-duration: 14s; animation-delay: 5s; width: 2px; height: 2px; }\n.os-hero-v4__particle:nth-child(7) { left: 90%; animation-duration: 8s; animation-delay: 0.5s; }\n.os-hero-v4__particle:nth-child(8) { left: 40%; animation-duration: 15s; animation-delay: 6s; width: 4px; height: 4px; background: rgba(255,255,255,.15); }\n\/* ===== MAIN LAYOUT ===== *\/\n.os-hero-v4__inner {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  max-width: 1280px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1.15fr .85fr;\n  gap: 3rem;\n  min-height: 740px;\n  align-items: center;\n  padding: clamp(3rem, 6vw, 6rem) clamp(1.5rem, 4vw, 4rem);\n}\n\/* ===== LEFT PANEL ===== *\/\n.os-hero-v4__left {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding-right: clamp(1rem, 3vw, 3rem);\n}\n\/* ===== ANIMATED EYEBROW ===== *\/\n.os-hero-v4__eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: .6rem;\n  margin-bottom: 2rem;\n  font-size: .75rem;\n  font-weight: 700;\n  letter-spacing: .15em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,.5);\n  opacity: 0;\n  animation: os-fade-up .8s ease forwards;\n}\n.os-hero-v4__eyebrow-line {\n  width: 0;\n  height: 2px;\n  background: linear-gradient(90deg, #FFD600, transparent);\n  border-radius: 2px;\n  animation: os-line-grow .6s ease .3s forwards;\n}\n\/* ===== ANIMATED TITLE ===== *\/\n.os-hero-v4__title {\n  font-family: 'Space Grotesk', 'Inter', sans-serif;\n  font-size: clamp(2.5rem, 4.5vw, 4rem);\n  font-weight: 900;\n  line-height: 1;\n  letter-spacing: -.04em;\n  margin-bottom: 1.5rem;\n  color: #ffffff;\n}\n.os-hero-v4__title-line {\n  display: block;\n  opacity: 0;\n  transform: translateY(30px);\n  animation: os-slide-up .7s ease forwards;\n}\n.os-hero-v4__title-line:nth-child(1) { animation-delay: .2s; }\n.os-hero-v4__title-line:nth-child(2) { animation-delay: .4s; }\n.os-hero-v4__title-accent {\n  background: linear-gradient(135deg, #FFD600 0%, #FFA000 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  animation-delay: .4s;\n}\n\/* ===== ANIMATED DESC ===== *\/\n.os-hero-v4__desc {\n  font-size: clamp(1rem, .4vw + .95rem, 1.15rem);\n  color: rgba(255,255,255,.55);\n  line-height: 1.75;\n  margin-bottom: 2.5rem;\n  max-width: 440px;\n  opacity: 0;\n  animation: os-fade-up .8s ease .5s forwards;\n}\n\/* ===== BUTTONS ===== *\/\n.os-hero-v4__btns {\n  display: flex;\n  flex-wrap: wrap;\n  gap: .75rem;\n  margin-bottom: 3rem;\n  opacity: 0;\n  animation: os-fade-up .8s ease .6s forwards;\n}\n.os-hero-v4__btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: .5rem;\n  padding: .95rem 2rem;\n  font-family: inherit;\n  font-size: .95rem;\n  font-weight: 700;\n  border-radius: 14px;\n  border: none;\n  cursor: pointer;\n  text-decoration: none;\n  transition: all 280ms cubic-bezier(.4,0,.2,1);\n  position: relative;\n  overflow: hidden;\n}\n.os-hero-v4__btn:active {\n  transform: scale(.97);\n}\n.os-hero-v4__btn--primary {\n  background: linear-gradient(135deg, #FFD600 0%, #FFAB00 100%);\n  color: #0c0b1e;\n  box-shadow:\n    0 4px 16px rgba(255,214,0,.25),\n    0 1px 3px rgba(0,0,0,.2),\n    inset 0 1px 0 rgba(255,255,255,.3);\n}\n.os-hero-v4__btn--primary::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(135deg, transparent 40%, rgba(255,255,255,.3) 50%, transparent 60%);\n  transform: translateX(-100%);\n  transition: transform .5s ease;\n}\n.os-hero-v4__btn--primary:hover::before {\n  transform: translateX(100%);\n}\n.os-hero-v4__btn--primary:hover {\n  box-shadow:\n    0 8px 32px rgba(255,214,0,.35),\n    0 2px 8px rgba(0,0,0,.25),\n    inset 0 1px 0 rgba(255,255,255,.3);\n  transform: translateY(-2px);\n}\n.os-hero-v4__btn--outline {\n  background: transparent;\n  color: #ffffff;\n  border: 1.5px solid rgba(255,255,255,.2);\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n}\n.os-hero-v4__btn--outline:hover {\n  background: rgba(255,255,255,.08);\n  border-color: rgba(255,255,255,.4);\n  transform: translateY(-2px);\n}\n.os-hero-v4__btn--ghost {\n  background: rgba(255,255,255,.04);\n  color: rgba(255,255,255,.7);\n  border: 1.5px solid rgba(255,255,255,.1);\n}\n.os-hero-v4__btn--ghost:hover {\n  background: rgba(255,255,255,.1);\n  color: #ffffff;\n  border-color: rgba(255,255,255,.3);\n  transform: translateY(-2px);\n}\n.os-hero-v4__btn svg {\n  width: 18px;\n  height: 18px;\n  flex-shrink: 0;\n}\n\/* ===== META ===== *\/\n.os-hero-v4__meta {\n  display: flex;\n  align-items: center;\n  gap: 2rem;\n  padding-top: 2rem;\n  border-top: 1px solid rgba(255,255,255,.08);\n  opacity: 0;\n  animation: os-fade-up .8s ease .7s forwards;\n}\n.os-hero-v4__meta-item {\n  display: flex;\n  flex-direction: column;\n  gap: .2rem;\n}\n.os-hero-v4__meta-val {\n  font-family: 'Space Grotesk', sans-serif;\n  font-size: 1.4rem;\n  font-weight: 700;\n  color: #FFD600;\n  line-height: 1;\n}\n.os-hero-v4__meta-lbl {\n  font-size: .7rem;\n  color: rgba(255,255,255,.4);\n  text-transform: uppercase;\n  letter-spacing: .1em;\n  font-weight: 600;\n}\n.os-hero-v4__meta-sep {\n  width: 1px;\n  height: 36px;\n  background: rgba(255,255,255,.1);\n}\n\/* ===== RIGHT PANEL - CARD ===== *\/\n.os-hero-v4__right {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 clamp(1.5rem, 4vw, 4rem) 0 0;\n  opacity: 0;\n  animation: os-card-in 1s ease .4s forwards;\n}\n.os-hero-v4__card {\n  position: relative;\n  width: 100%;\n  max-width: 420px;\n  background: rgba(255,255,255,.04);\n  border: 1px solid rgba(255,255,255,.08);\n  border-radius: 24px;\n  padding: 2rem;\n  backdrop-filter: blur(20px);\n  -webkit-backdrop-filter: blur(20px);\n  transition: all 400ms ease;\n  transform: perspective(800px) rotateY(5deg);\n}\n.os-hero-v4__card:hover {\n  border-color: rgba(255,214,0,.2);\n  background: rgba(255,255,255,.06);\n  box-shadow: 0 20px 60px rgba(0,0,0,.3), 0 0 80px rgba(99,91,255,.1);\n  transform: perspective(800px) rotateY(0deg);\n}\n.os-hero-v4__card-glow {\n  position: absolute;\n  top: -1px;\n  left: 20%;\n  right: 20%;\n  height: 2px;\n  background: linear-gradient(90deg, transparent, #FFD600, transparent);\n  border-radius: 2px;\n  opacity: 0;\n  transition: opacity 400ms ease, left 400ms ease, right 400ms ease;\n}\n.os-hero-v4__card:hover .os-hero-v4__card-glow {\n  opacity: 1;\n  left: 10%;\n  right: 10%;\n}\n.os-hero-v4__card-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 1.5rem;\n}\n.os-hero-v4__card-icon {\n  width: 48px;\n  height: 48px;\n  border-radius: 14px;\n  background: linear-gradient(135deg, rgba(99,91,255,.3), rgba(99,91,255,.1));\n  border: 1px solid rgba(99,91,255,.2);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  animation: os-icon-pulse 3s ease-in-out infinite;\n}\n.os-hero-v4__card-icon svg {\n  width: 24px;\n  height: 24px;\n  color: #9B8FFF;\n}\n.os-hero-v4__card-badge {\n  font-size: .65rem;\n  font-weight: 700;\n  padding: .3rem .7rem;\n  border-radius: 9999px;\n  background: rgba(255,214,0,.12);\n  color: #FFD600;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n  animation: os-badge-shimmer 3s ease-in-out infinite;\n}\n.os-hero-v4__card-title {\n  font-family: 'Space Grotesk', sans-serif;\n  font-size: 1.3rem;\n  font-weight: 700;\n  margin-bottom: 1.25rem;\n  color: #ffffff;\n}\n\/* ===== CARD LIST ===== *\/\n.os-hero-v4__card-list {\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  gap: .65rem;\n  margin-bottom: 1.5rem;\n}\n.os-hero-v4__card-list li {\n  display: flex;\n  align-items: center;\n  gap: .6rem;\n  font-size: .87rem;\n  color: rgba(255,255,255,.65);\n  opacity: 0;\n  animation: os-list-item .5s ease forwards;\n}\n.os-hero-v4__card-list li:nth-child(1) { animation-delay: .8s; }\n.os-hero-v4__card-list li:nth-child(2) { animation-delay: .95s; }\n.os-hero-v4__card-list li:nth-child(3) { animation-delay: 1.1s; }\n.os-hero-v4__card-list li::before {\n  content: '';\n  width: 20px;\n  height: 20px;\n  border-radius: 6px;\n  flex-shrink: 0;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: 12px;\n  background-color: rgba(99,91,255,.15);\n  border: 1px solid rgba(99,91,255,.2);\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%239B8FFF' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C\/polyline%3E%3C\/svg%3E\");\n}\n\/* ===== CARD ACTION ===== *\/\n.os-hero-v4__card-action {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 1.25rem;\n  border-top: 1px solid rgba(255,255,255,.08);\n}\n.os-hero-v4__card-link {\n  font-size: .87rem;\n  font-weight: 600;\n  color: #FFD600;\n  text-decoration: none;\n  display: inline-flex;\n  align-items: center;\n  gap: .4rem;\n  transition: gap 200ms ease;\n}\n.os-hero-v4__card-link:hover {\n  gap: .7rem;\n}\n.os-hero-v4__card-link svg {\n  width: 16px;\n  height: 16px;\n  transition: transform 200ms ease;\n}\n.os-hero-v4__card-link:hover svg {\n  transform: translateX(3px);\n}\n.os-hero-v4__card-status {\n  display: flex;\n  align-items: center;\n  gap: .4rem;\n  font-size: .75rem;\n  color: rgba(255,255,255,.4);\n}\n.os-hero-v4__card-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: #4ADE80;\n  animation: os-pulse-dot 2s ease-in-out infinite;\n  box-shadow: 0 0 8px rgba(74,222,128,.5);\n}\n\/* ===== FLOATING SHAPES ===== *\/\n.os-hero-v4__shapes {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  pointer-events: none;\n  overflow: hidden;\n}\n.os-hero-v4__shape {\n  position: absolute;\n  opacity: .08;\n}\n.os-hero-v4__shape--1 {\n  width: 120px;\n  height: 120px;\n  top: 15%;\n  right: 12%;\n  border: 1.5px solid #FFD600;\n  border-radius: 16px;\n  transform: rotate(45deg);\n  animation: os-shape-rotate 20s linear infinite;\n}\n.os-hero-v4__shape--2 {\n  width: 80px;\n  height: 80px;\n  bottom: 25%;\n  left: 15%;\n  border: 1.5px solid rgba(99,91,255,.5);\n  border-radius: 50%;\n  animation: os-shape-breathe 5s ease-in-out infinite;\n}\n.os-hero-v4__shape--3 {\n  width: 50px;\n  height: 50px;\n  top: 60%;\n  right: 30%;\n  background: rgba(255,214,0,.3);\n  border-radius: 8px;\n  transform: rotate(30deg);\n  animation: os-shape-float 7s ease-in-out infinite;\n}\n.os-hero-v4__shape--4 {\n  width: 200px;\n  height: 200px;\n  top: 5%;\n  left: 35%;\n  border: 1px dashed rgba(99,91,255,.15);\n  border-radius: 50%;\n  animation: os-shape-rotate 30s linear infinite reverse;\n}\n\/* ===== ANIMATIONS ===== *\/\n@keyframes os-orb-move {\n  0% { transform: translate(0, 0) scale(1); }\n  100% { transform: translate(30px, -20px) scale(1.1); }\n}\n@keyframes os-glowline-sweep {\n  0% { left: -30%; }\n  100% { left: 130%; }\n}\n@keyframes os-particle-float {\n  0% { transform: translateY(100vh); opacity: 0; }\n  10% { opacity: .8; }\n  90% { opacity: .8; }\n  100% { transform: translateY(-10vh); opacity: 0; }\n}\n@keyframes os-fade-up {\n  0% { opacity: 0; transform: translateY(20px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n@keyframes os-slide-up {\n  0% { opacity: 0; transform: translateY(30px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n@keyframes os-line-grow {\n  0% { width: 0; }\n  100% { width: 32px; }\n}\n@keyframes os-card-in {\n  0% { opacity: 0; transform: perspective(800px) rotateY(15deg) translateX(40px); }\n  100% { opacity: 1; transform: perspective(800px) rotateY(5deg) translateX(0); }\n}\n@keyframes os-list-item {\n  0% { opacity: 0; transform: translateX(-10px); }\n  100% { opacity: 1; transform: translateX(0); }\n}\n@keyframes os-icon-pulse {\n  0%, 100% { transform: scale(1); }\n  50% { transform: scale(1.05); }\n}\n@keyframes os-badge-shimmer {\n  0%, 100% { opacity: 1; }\n  50% { opacity: .7; }\n}\n@keyframes os-pulse-dot {\n  0%, 100% { opacity: 1; box-shadow: 0 0 8px rgba(74,222,128,.5); }\n  50% { opacity: .5; box-shadow: 0 0 16px rgba(74,222,128,.8); }\n}\n@keyframes os-shape-rotate {\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n}\n@keyframes os-shape-breathe {\n  0%, 100% { transform: scale(1); opacity: .08; }\n  50% { transform: scale(1.1); opacity: .12; }\n}\n@keyframes os-shape-float {\n  0%, 100% { transform: translateY(0) rotate(30deg); }\n  50% { transform: translateY(-15px) rotate(35deg); }\n}\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 960px) {\n  .os-hero-v4__inner {\n    grid-template-columns: 1fr;\n    min-height: auto;\n  }\n  .os-hero-v4__right { display: none; }\n  .os-hero-v4__shapes,\n  .os-hero-v4__floor { display: none; }\n  .os-hero-v4__left { padding-right: 0; }\n}\n@media (max-width: 600px) {\n  .os-hero-v4 { min-height: auto; padding-bottom: 3rem; }\n  .os-hero-v4__meta { flex-direction: column; gap: 1rem; align-items: flex-start; }\n  .os-hero-v4__meta-sep { display: none; }\n}\n<\/style>\n<!-- ===== HTML ===== -->\n<section>\n    <!-- Left -->\n        UPSI Open Science\n      <h1>\n        Share Knowledge\n        Openly &#038; Freely\n      <\/h1>\n      \n        Deposit, discover, and share research outputs through Malaysia&#8217;s open infrastructure.\n      \n        <a href=\"https:\/\/openscience.upsi.edu.my\/rdm\/sw_depos\/depologin.php\" target=\"_blank\" rel=\"noopener\">\n          Deposit Now\n        <\/a>\n        <a href=\"https:\/\/openscience.upsi.edu.my\/index\/wp-content\/uploads\/2026\/06\/Info-Am-OS-UPSI.pdf\" target=\"_blank\" rel=\"noopener\">\n          Introduction\n        <\/a>\n        <a href=\"https:\/\/openscience.upsi.edu.my\/rdm\/searcher.php\" target=\"_blank\" rel=\"noopener\">\n          Browse Repository\n        <\/a>\n          100%\n          Open Access\n          Free\n          For All\n    <!-- Right -->\n          Open Science\n        <h3>sWADAH Stream Repository<\/h3>\n        <ul>\n          <li>Deposit articles, theses &#038; datasets<\/li>\n          <li>Auto-assign DOI &#038; metadata<\/li>\n          <li>Full-text search &#038; API access<\/li>\n        <\/ul>\n          <a href=\"https:\/\/openscience.upsi.edu.my\/rdm\/searcher.php\" target=\"_blank\" rel=\"noopener\">\n            Explore Repository\n          <\/a>\n            System Online\n<\/section>\n\t<!-- ============================================================\n   MODULE 2: INITIATIVE (ABOUT) - UPSI OPEN SCIENCE\n   Self-contained: CSS + HTML (copy terus ke BB HTML module)\n   ============================================================ -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n.os-about-wrap,\n.os-about-wrap * {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n.os-about-wrap {\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n  padding: clamp(3rem, 8vw, 5rem) 0;\n  background: #ffffff;\n  color: #1E1E2E;\n}\n.os-about-wrap h2 {\n  font-size: clamp(1.75rem, 3vw + .25rem, 2.75rem);\n  letter-spacing: -.02em;\n  color: #2D2C74;\n  font-weight: 700;\n  line-height: 1.15;\n  margin: 0 0 1rem;\n}\n.os-about-wrap p {\n  font-size: 1.08rem;\n  line-height: 1.78;\n  color: #6E7280;\n  margin: 0 0 1rem;\n}\n.os-about-wrap p:last-child { margin-bottom: 0; }\n\/* ===== EYEBROW ===== *\/\n.os-about-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: .6rem;\n  font-size: .75rem;\n  font-weight: 700;\n  letter-spacing: .12em;\n  text-transform: uppercase;\n  color: #3D3C94;\n}\n.os-about-eyebrow::before {\n  content: \"\";\n  width: 18px;\n  height: 2.5px;\n  background: #FFF200;\n  border-radius: 2px;\n  flex-shrink: 0;\n}\n\/* ===== GRID ===== *\/\n.os-about-grid {\n  width: 100%;\n  max-width: 1600px;\n  margin-inline: auto;\n  padding-inline: clamp(1.5rem, 4vw, 4rem);\n  display: grid;\n  grid-template-columns: 1.15fr .85fr;\n  gap: clamp(2.5rem, 5vw, 4rem);\n  align-items: start;\n}\n\/* ===== QUOTE ===== *\/\n.os-about-quote {\n  margin: 1.5rem 0 0;\n  padding: 1.25rem 1.5rem;\n  background: #F4F5F7;\n  border: 1px solid #E0E2E8;\n  border-left: 4px solid #2D2C74;\n  border-radius: 0 10px 10px 0;\n}\n.os-about-quote p {\n  margin: 0;\n  font-style: italic;\n  font-size: 1.1rem;\n  color: #2D2C74;\n  font-weight: 600;\n}\n\/* ===== PANELS ===== *\/\n.os-about-aside {\n  display: grid;\n  gap: 1rem;\n}\n.os-panel {\n  border: 1px solid #E0E2E8;\n  border-radius: 10px;\n  overflow: hidden;\n  background: #ffffff;\n  transition: all 200ms cubic-bezier(.4,0,.2,1);\n}\n.os-panel:hover {\n  border-color: #C8CBD3;\n  box-shadow: 0 1px 3px rgb(0 0 0\/.06);\n}\n.os-panel-box {\n  padding: 1.25rem;\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n.os-panel-num {\n  flex-shrink: 0;\n  width: 42px;\n  height: 42px;\n  border-radius: 6px;\n  background: #2D2C74;\n  color: #ffffff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 700;\n  font-size: .875rem;\n}\n.os-panel-num--yellow {\n  background: #FFF200;\n  color: #2D2C74;\n}\n.os-panel-box h4 {\n  margin: 0 0 .25rem;\n  font-size: 1rem;\n  color: #2D2C74;\n  font-weight: 700;\n}\n.os-panel-box p {\n  margin: 0;\n  font-size: .875rem;\n  color: #6E7280;\n}\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 920px) {\n  .os-about-grid { grid-template-columns: 1fr; }\n}\n<\/style>\n<!-- ===== HTML ===== -->\n<section id=\"about\">\n      OS@UPSI Initiative\n      <h2>A transparent, inclusive and collaborative research culture.<\/h2>\n      <p>UPSI Open Science is a university-wide initiative that promotes a transparent, inclusive, and collaborative research environment through the adoption of Open Science principles and Research Data Management (RDM) practices.<\/p>\n      <p>Guided by <strong>five key pillars<\/strong> &#8211; Open Access, Open Source, Open Data, Open Educational Resources (OER) and Citizen Science &#8211; the initiative enhances the accessibility, visibility, and impact of research while encouraging knowledge sharing, innovation, and community engagement.<\/p>\n      <p>Through strategic policies and digital infrastructure, UPSI is committed to advancing research excellence and supporting national and global development.<\/p>\n        <p>&#8220;As open as possible, as closed as necessary.&#8221;<\/p>\n          1\n          <h4>Accessibility &amp; Impact<\/h4><p>Enhancing the accessibility, visibility and impact of UPSI research.<\/p>\n          2\n          <h4>Open-source Infrastructure<\/h4><p>sWADAH &#8211; a Malaysian-built open-source digital repository.<\/p>\n          3\n          <h4>Collaborative Community<\/h4><p>Collaboration across faculties, the library and ICT.<\/p>\n<\/section>\n\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n.os-pillars-wrap,\n.os-pillars-wrap * {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n.os-pillars-wrap {\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n  padding: clamp(3rem, 8vw, 5rem) 0;\n  background: #ffffff;\n  color: #1E1E2E;\n}\n.os-pillars-head {\n  text-align: center;\n  max-width: 54rem;\n  margin-inline: auto;\n  margin-bottom: 3.5rem;\n  padding-inline: clamp(1.5rem, 4vw, 4rem);\n}\n.os-pillars-head .os-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: .6rem;\n  font-size: .75rem;\n  font-weight: 700;\n  letter-spacing: .12em;\n  text-transform: uppercase;\n  color: #3D3C94;\n  justify-content: center;\n}\n.os-pillars-head h2 {\n  font-size: clamp(1.75rem, 3vw + .25rem, 2.75rem);\n  letter-spacing: -.02em;\n  color: #2D2C74;\n  font-weight: 700;\n  line-height: 1.15;\n  margin: 1rem 0;\n}\n.os-pillars-head .os-rule {\n  display: inline-block;\n  width: 48px;\n  height: 3px;\n  background: #FFF200;\n  border-radius: 3px;\n  margin: 0;\n  margin-top: .6rem;\n}\n.os-pillars-head p {\n  font-size: 1.1rem;\n  color: #6E7280;\n  line-height: 1.65;\n  margin: 1rem 0 0;\n}\n.os-pillar-grid {\n  display: grid;\n  grid-template-columns: repeat(5, 1fr);\n  gap: 1.5rem;\n  padding-inline: clamp(1.5rem, 4vw, 4rem);\n  max-width: 1600px;\n  margin-inline: auto;\n}\n.os-pillar {\n  position: relative;\n  padding: 1.75rem;\n  background: #ffffff;\n  border: 1px solid #E0E2E8;\n  border-radius: 14px;\n  transition: all 200ms cubic-bezier(.4,0,.2,1);\n  overflow: hidden;\n}\n.os-pillar::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 3px;\n  background: #2D2C74;\n  transform: scaleX(0);\n  transform-origin: left;\n  transition: transform 200ms cubic-bezier(.4,0,.2,1);\n  border-radius: 0 0 3px 3px;\n}\n.os-pillar:hover {\n  border-color: #C8CBD3;\n  box-shadow: 0 8px 24px rgb(0 0 0\/.1);\n  transform: translateY(-4px);\n}\n.os-pillar:hover::after {\n  transform: scaleX(1);\n}\n.os-pillar-num {\n  font-weight: 800;\n  font-size: .75rem;\n  color: #9DA1AC;\n  letter-spacing: .08em;\n  margin-bottom: .9rem;\n}\n.os-pillar-ico {\n  width: 50px;\n  height: 50px;\n  border-radius: 10px;\n  background: #F4F5F7;\n  color: #2D2C74;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 1rem;\n  border: 1px solid #E0E2E8;\n  transition: all 200ms cubic-bezier(.4,0,.2,1);\n}\n.os-pillar:hover .os-pillar-ico {\n  background: #2D2C74;\n  color: #ffffff;\n  border-color: #2D2C74;\n}\n.os-pillar h3 {\n  font-size: 1.2rem;\n  margin-bottom: .5rem;\n  color: #2D2C74;\n  font-weight: 700;\n}\n.os-pillar p {\n  font-size: .875rem;\n  margin-bottom: 1rem;\n  line-height: 1.65;\n  color: #6E7280;\n}\n.os-pillar .os-more {\n  display: inline-flex;\n  align-items: center;\n  gap: .25rem;\n  font-size: .875rem;\n  font-weight: 700;\n  color: #2D2C74;\n  text-decoration: none;\n  transition: gap 200ms cubic-bezier(.4,0,.2,1);\n}\n.os-pillar .os-more:hover {\n  gap: .5rem;\n  text-decoration: none;\n}\n.os-pillar:hover .os-more {\n  gap: .5rem;\n}\n@media (max-width: 1200px) {\n  .os-pillar-grid { grid-template-columns: repeat(3, 1fr); }\n}\n@media (max-width: 768px) {\n  .os-pillar-grid { grid-template-columns: repeat(2, 1fr); }\n}\n@media (max-width: 480px) {\n  .os-pillar-grid { grid-template-columns: 1fr; }\n}\n<\/style>\n<section id=\"five-pillars\">\n    Five Pillars of OS@UPSI\n    <h2>Guided by five key pillars.<\/h2>\n    <p>The initiative enhances accessibility, visibility and impact of research while encouraging knowledge sharing, innovation and community engagement.<\/p>\n    <article>\n      01\n      <h3>Open Access<\/h3>\n      <p>Enables free and unrestricted online access to scholarly publications, allowing anyone to read, download, and use research outputs.<\/p>\n      <a href=\"https:\/\/openscience.upsi.edu.my\/index\/index.php\/open-access\/\" rel=\"noopener\">Learn more \u2192<\/a>\n    <\/article>\n    <article>\n      02\n      <h3>Open Educational Resources<\/h3>\n      <p>Freely accessible teaching, learning and research materials that can be used, adapted, and shared to support education and lifelong learning.<\/p>\n      <a href=\"https:\/\/openscience.upsi.edu.my\/index\/index.php\/open-educational-resources\/\" rel=\"noopener\">Learn more \u2192<\/a>\n    <\/article>\n    <article>\n      03\n      <h3>Citizen Science<\/h3>\n      <p>Involves the active participation of members of the public in scientific research, contributing to data collection, analysis, and knowledge creation.<\/p>\n      <a href=\"https:\/\/openscience.upsi.edu.my\/index\/index.php\/citizen-science\/\" rel=\"noopener\">Learn more \u2192<\/a>\n    <\/article>\n    <article>\n      04\n      <h3>Open Source<\/h3>\n      <p>Software whose source code is openly available for anyone to view, modify, distribute, and improve collaboratively.<\/p>\n      <a href=\"https:\/\/openscience.upsi.edu.my\/index\/index.php\/open-source\/\" rel=\"noopener\">Learn more \u2192<\/a>\n    <\/article>\n    <article>\n      05\n      <h3>Open Data<\/h3>\n      <p>Data that are freely available for anyone to access, use, reuse, and share, subject only to minimal restrictions such as proper attribution.<\/p>\n      <a href=\"https:\/\/openscience.upsi.edu.my\/index\/index.php\/open-data\/\" rel=\"noopener\">Learn more \u2192<\/a>\n    <\/article>\n<\/section>\n\t<!-- ============================================================\n   MODULE 4: sWADAH PLATFORM - UPSI OPEN SCIENCE\n   Self-contained: CSS + HTML (copy terus ke BB HTML module)\n   ============================================================ -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n.os-swadah-wrap,\n.os-swadah-wrap * {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n.os-swadah-wrap {\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n  padding: clamp(3rem, 8vw, 5rem) 0;\n  background: #F4F5F7;\n  color: #1E1E2E;\n}\n.os-swadah-wrap h2 {\n  font-size: clamp(1.75rem, 3vw + .25rem, 2.75rem);\n  letter-spacing: -.02em;\n  color: #2D2C74;\n  font-weight: 700;\n  line-height: 1.15;\n  margin: 0 0 1rem;\n}\n.os-swadah-wrap p {\n  font-size: 1.05rem;\n  line-height: 1.75;\n  color: #6E7280;\n  margin: 0 0 1rem;\n}\n.os-swadah-wrap p:last-child { margin-bottom: 0; }\n\/* ===== EYEBROW ===== *\/\n.os-swadah-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: .6rem;\n  font-size: .75rem;\n  font-weight: 700;\n  letter-spacing: .12em;\n  text-transform: uppercase;\n  color: #3D3C94;\n}\n.os-swadah-eyebrow::before {\n  content: \"\";\n  width: 18px;\n  height: 2.5px;\n  background: #FFF200;\n  border-radius: 2px;\n  flex-shrink: 0;\n}\n\/* ===== GRID ===== *\/\n.os-swadah-grid {\n  width: 100%;\n  max-width: 1600px;\n  margin-inline: auto;\n  padding-inline: clamp(1.5rem, 4vw, 4rem);\n  display: grid;\n  grid-template-columns: 1.05fr .95fr;\n  gap: clamp(2.5rem, 5vw, 4rem);\n  align-items: center;\n}\n\/* ===== CTA BUTTONS ===== *\/\n.os-swadah-cta {\n  display: flex;\n  flex-wrap: wrap;\n  gap: .75rem;\n  margin-top: 1.75rem;\n}\n.os-swadah-cta .os-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: .5rem;\n  padding: .9rem 2rem;\n  font-family: inherit;\n  font-size: 1rem;\n  font-weight: 600;\n  line-height: 1.25;\n  border-radius: 8px;\n  border: 1.5px solid transparent;\n  cursor: pointer;\n  text-decoration: none;\n  transition: all 200ms cubic-bezier(.4,0,.2,1);\n  white-space: nowrap;\n}\n.os-swadah-cta .os-btn:hover {\n  text-decoration: none;\n  transform: translateY(-1px);\n  box-shadow: 0 4px 12px rgb(0 0 0\/.08);\n}\n.os-btn--blue {\n  background: #2D2C74;\n  color: #ffffff;\n  border-color: #2D2C74;\n}\n.os-btn--blue:hover {\n  background: #1F1E54;\n  color: #ffffff;\n}\n.os-btn--outline {\n  background: transparent;\n  color: #2D2C74;\n  border-color: #C8CBD3;\n}\n.os-btn--outline:hover {\n  background: #F4F5F7;\n  border-color: #2D2C74;\n  color: #2D2C74;\n}\n\/* ===== SCREENSHOT ===== *\/\n.os-shot {\n  background: #ffffff;\n  border: 1px solid #E0E2E8;\n  border-radius: 14px;\n  overflow: hidden;\n  box-shadow: 0 8px 24px rgb(0 0 0\/.1);\n}\n.os-shot-bar {\n  display: flex;\n  align-items: center;\n  gap: .5rem;\n  padding: .65rem 1rem;\n  background: #F4F5F7;\n  border-bottom: 1px solid #E0E2E8;\n}\n.os-shot-dot {\n  width: 9px;\n  height: 9px;\n  border-radius: 50%;\n  background: #D1D3D9;\n}\n.os-shot-dot:nth-child(1) { background: #2D2C74; }\n.os-shot-dot:nth-child(2) { background: #FFF200; }\n.os-shot-dot:nth-child(3) { background: #3D3C94; }\n.os-shot-url {\n  margin-left: .75rem;\n  padding: .35rem .65rem;\n  background: #ffffff;\n  border: 1px solid #E0E2E8;\n  border-radius: 6px;\n  font-size: .7rem;\n  color: #9DA1AC;\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.os-shot img {\n  display: block;\n  width: 100%;\n  height: auto;\n}\n\/* ===== META PILLS ===== *\/\n.os-swadah-meta {\n  margin-top: 1.5rem;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: .8rem;\n}\n.os-meta-pill {\n  padding: .8rem 1rem;\n  background: #ffffff;\n  border: 1px solid #E0E2E8;\n  border-radius: 10px;\n}\n.os-meta-pill .os-kicker {\n  font-size: .6875rem;\n  text-transform: uppercase;\n  letter-spacing: .08em;\n  color: #3D3C94;\n  font-weight: 700;\n}\n.os-meta-pill .os-sub {\n  font-size: .875rem;\n  color: #6E7280;\n  margin-top: .15rem;\n}\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 920px) {\n  .os-swadah-grid { grid-template-columns: 1fr; }\n}\n<\/style>\n<!-- ===== HTML ===== -->\n<section id=\"platform\">\n      Powered by sWADAH Stream\n      <h2>UPSI OS RDM is powered by sWADAH Stream.<\/h2>\n      <p><strong>sWADAH<\/strong> is an open-source, Malaysian-made Digital Institutional Repository (DIR) system designed for effortless deployment and configuration. Looking ahead, <strong>sWADAH Stream<\/strong> is slated for release in 2032 as the next evolution of the platform.<\/p>\n      <p>At UPSI, we are deeply committed to both utilizing and contributing to the global open-source ecosystem. Developing sWADAH as an open-source platform is a key element of our Open Science initiative, ensuring knowledge remains accessible, transparent, and collaborative for all.<\/p>\n        <a href=\"https:\/\/ezpustaka.upsi.edu.my\/i\" target=\"_blank\" rel=\"noopener\">Learn More<\/a>\n        <a href=\"https:\/\/openscience.upsi.edu.my\/rdm\/searcher.php\" target=\"_blank\" rel=\"noopener\">Open Repository<\/a>\n          openscience.upsi.edu.my\/rdm\/searcher.php\n        <img decoding=\"async\" src=\"https:\/\/openscience.upsi.edu.my\/index\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-07-at-10.56.41-AM.png\" alt=\"sWADAH Repository Interface\" loading=\"lazy\"\/>\n<\/section>\n<h2  data-animation-delay=\"0\" data-animation-duration=\"1\">\n\t\t\tNews Highlights\t<\/h2>\n\t    <div class=\"upsios-news-grid\" id=\"news\">\n                    <article class=\"upsios-news-card\">\n                <a href=\"https:\/\/openscience.upsi.edu.my\/index\/index.php\/2026\/09\/28\/siri-tanya-pustakawan-siri-1-2025\/\" class=\"upsios-news-card-link\">\n                    <div class=\"upsios-news-card-img\">\n                                                    <img decoding=\"async\" width=\"768\" height=\"1086\" src=\"https:\/\/openscience.upsi.edu.my\/index\/wp-content\/uploads\/2026\/09\/Siri-Tanya-Pustakawan-Siri-12025-768x1086.png\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/openscience.upsi.edu.my\/index\/wp-content\/uploads\/2026\/09\/Siri-Tanya-Pustakawan-Siri-12025-768x1086.png 768w, https:\/\/openscience.upsi.edu.my\/index\/wp-content\/uploads\/2026\/09\/Siri-Tanya-Pustakawan-Siri-12025-212x300.png 212w, https:\/\/openscience.upsi.edu.my\/index\/wp-content\/uploads\/2026\/09\/Siri-Tanya-Pustakawan-Siri-12025-724x1024.png 724w, https:\/\/openscience.upsi.edu.my\/index\/wp-content\/uploads\/2026\/09\/Siri-Tanya-Pustakawan-Siri-12025-1086x1536.png 1086w, https:\/\/openscience.upsi.edu.my\/index\/wp-content\/uploads\/2026\/09\/Siri-Tanya-Pustakawan-Siri-12025-1448x2048.png 1448w, https:\/\/openscience.upsi.edu.my\/index\/wp-content\/uploads\/2026\/09\/Siri-Tanya-Pustakawan-Siri-12025.png 1587w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                                <div class=\"upsios-news-card-overlay\">\n                            <span class=\"upsios-news-readmore\">Read More &rarr;<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"upsios-news-card-body\">\n                        <div class=\"upsios-news-meta\">\n                            <span class=\"upsios-news-cat\">\n                                news                            <\/span>\n                            <span class=\"upsios-news-dot\">&bull;<\/span>\n                            <time class=\"upsios-news-date\" datetime=\"2026-09-28T14:54:07+08:00\">\n                                Sep 2026                            <\/time>\n                        <\/div>\n                        <h3 class=\"upsios-news-title\">Siri Tanya Pustakawan Siri 1\/2025<\/h3>\n                        <p class=\"upsios-news-excerpt\">UPSI Open Science Share Knowledge Openly &#038; Freely Deposit, discover, and share research outputs through Malaysia&#8217;s open infrastructure.&hellip;<\/p>\n                    <\/div>\n                <\/a>\n            <\/article>\n                    <article class=\"upsios-news-card\">\n                <a href=\"https:\/\/openscience.upsi.edu.my\/index\/index.php\/2026\/09\/28\/open-science-series-talk-4-2025\/\" class=\"upsios-news-card-link\">\n                    <div class=\"upsios-news-card-img\">\n                                                    <img decoding=\"async\" width=\"768\" height=\"543\" src=\"https:\/\/openscience.upsi.edu.my\/index\/wp-content\/uploads\/2026\/09\/OS-42025-1-768x543.png\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/openscience.upsi.edu.my\/index\/wp-content\/uploads\/2026\/09\/OS-42025-1-768x543.png 768w, https:\/\/openscience.upsi.edu.my\/index\/wp-content\/uploads\/2026\/09\/OS-42025-1-300x212.png 300w, https:\/\/openscience.upsi.edu.my\/index\/wp-content\/uploads\/2026\/09\/OS-42025-1-1024x724.png 1024w, https:\/\/openscience.upsi.edu.my\/index\/wp-content\/uploads\/2026\/09\/OS-42025-1-1536x1086.png 1536w, https:\/\/openscience.upsi.edu.my\/index\/wp-content\/uploads\/2026\/09\/OS-42025-1-2048x1448.png 2048w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                                <div class=\"upsios-news-card-overlay\">\n                            <span class=\"upsios-news-readmore\">Read More &rarr;<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"upsios-news-card-body\">\n                        <div class=\"upsios-news-meta\">\n                            <span class=\"upsios-news-cat\">\n                                news                            <\/span>\n                            <span class=\"upsios-news-dot\">&bull;<\/span>\n                            <time class=\"upsios-news-date\" datetime=\"2026-09-28T14:52:43+08:00\">\n                                Sep 2026                            <\/time>\n                        <\/div>\n                        <h3 class=\"upsios-news-title\">Open Science Series Talk 4\/2025<\/h3>\n                        <p class=\"upsios-news-excerpt\"><\/p>\n                    <\/div>\n                <\/a>\n            <\/article>\n                    <article class=\"upsios-news-card\">\n                <a href=\"https:\/\/openscience.upsi.edu.my\/index\/index.php\/2026\/09\/28\/open-science-series-talk-3-2025\/\" class=\"upsios-news-card-link\">\n                    <div class=\"upsios-news-card-img\">\n                                                    <img decoding=\"async\" width=\"768\" height=\"543\" src=\"https:\/\/openscience.upsi.edu.my\/index\/wp-content\/uploads\/2026\/09\/OS-32025-768x543.png\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/openscience.upsi.edu.my\/index\/wp-content\/uploads\/2026\/09\/OS-32025-768x543.png 768w, https:\/\/openscience.upsi.edu.my\/index\/wp-content\/uploads\/2026\/09\/OS-32025-300x212.png 300w, https:\/\/openscience.upsi.edu.my\/index\/wp-content\/uploads\/2026\/09\/OS-32025-1024x724.png 1024w, https:\/\/openscience.upsi.edu.my\/index\/wp-content\/uploads\/2026\/09\/OS-32025-1536x1086.png 1536w, https:\/\/openscience.upsi.edu.my\/index\/wp-content\/uploads\/2026\/09\/OS-32025-2048x1448.png 2048w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                                <div class=\"upsios-news-card-overlay\">\n                            <span class=\"upsios-news-readmore\">Read More &rarr;<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"upsios-news-card-body\">\n                        <div class=\"upsios-news-meta\">\n                            <span class=\"upsios-news-cat\">\n                                news                            <\/span>\n                            <span class=\"upsios-news-dot\">&bull;<\/span>\n                            <time class=\"upsios-news-date\" datetime=\"2026-09-28T14:51:07+08:00\">\n                                Sep 2026                            <\/time>\n                        <\/div>\n                        <h3 class=\"upsios-news-title\">Open Science Series Talk 3\/2025<\/h3>\n                        <p class=\"upsios-news-excerpt\"><\/p>\n                    <\/div>\n                <\/a>\n            <\/article>\n            <\/div>\n    \n  <a href=\"https:\/\/openscience.upsi.edu.my\/index\/index.php\/all-news\/\" \n     target=\"_self\">\n    View All News \u2192\n  <\/a>\n\t<!-- ============================================================\n   MODULE 6: STEERING COMMITTEE - UPSI OPEN SCIENCE\n   Self-contained: CSS + HTML (copy terus ke BB HTML module)\n   ============================================================ -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n.os-committee-wrap,\n.os-committee-wrap * {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n.os-committee-wrap {\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n  padding: clamp(3rem, 8vw, 5rem) 0;\n  background: #2D2C74;\n  color: #ffffff;\n}\n.os-committee-wrap h2 {\n  font-size: clamp(1.75rem, 3vw + .25rem, 2.75rem);\n  letter-spacing: -.02em;\n  color: #ffffff;\n  font-weight: 700;\n  line-height: 1.15;\n  margin: 0 0 1rem;\n}\n.os-committee-wrap p {\n  font-size: 1.1rem;\n  color: rgba(255,255,255,.75);\n  line-height: 1.65;\n  margin: 0 0 1rem;\n}\n\/* ===== SECTION HEAD ===== *\/\n.os-committee-head {\n  text-align: center;\n  max-width: 54rem;\n  margin-inline: auto;\n  margin-bottom: 3.5rem;\n  padding-inline: clamp(1.5rem, 4vw, 4rem);\n}\n.os-committee-head .os-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: .6rem;\n  font-size: .75rem;\n  font-weight: 700;\n  letter-spacing: .12em;\n  text-transform: uppercase;\n  color: #FFF200;\n  justify-content: center;\n}\n.os-committee-head .os-eyebrow::before {\n  content: \"\";\n  width: 18px;\n  height: 2.5px;\n  background: #ffffff;\n  border-radius: 2px;\n  flex-shrink: 0;\n}\n.os-committee-head .os-rule {\n  display: inline-block;\n  width: 48px;\n  height: 3px;\n  background: #FFF200;\n  border-radius: 3px;\n  margin: 0;\n  margin-top: .6rem;\n}\n\/* ===== COMMITTEE GRID ===== *\/\n.os-committee-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: 1.25rem;\n  padding-inline: clamp(1.5rem, 4vw, 4rem);\n  max-width: 1600px;\n  margin-inline: auto;\n}\n\/* ===== MEMBER CARD ===== *\/\n.os-member {\n  background: rgba(255,255,255,.05);\n  border: 1px solid rgba(255,255,255,.12);\n  border-radius: 14px;\n  padding: 1.75rem 1.25rem 1.5rem;\n  text-align: center;\n  transition: all 200ms cubic-bezier(.4,0,.2,1);\n  backdrop-filter: blur(4px);\n}\n.os-member:hover {\n  background: rgba(255,255,255,.08);\n  border-color: rgba(255,242,0,.5);\n  transform: translateY(-3px);\n}\n.os-member .os-avatar {\n  width: 92px;\n  height: 92px;\n  border-radius: 50%;\n  object-fit: cover;\n  object-position: center top;\n  border: 3px solid #FFF200;\n  box-shadow: 0 6px 18px rgb(0 0 0 \/ .25);\n  margin: 0 auto .9rem;\n  display: block;\n  background: rgba(255,255,255,.1);\n  transition: transform 200ms cubic-bezier(.4,0,.2,1);\n}\n.os-member:hover .os-avatar {\n  transform: scale(1.05);\n}\n.os-role-badge {\n  display: inline-block;\n  padding: .18rem .625rem;\n  border-radius: 9999px;\n  font-size: .65rem;\n  font-weight: 700;\n  letter-spacing: .05em;\n  text-transform: uppercase;\n  margin-bottom: .5rem;\n  background: #FFF200;\n  color: #2D2C74;\n}\n.os-role-badge--light {\n  background: rgba(255,255,255,.12);\n  color: #FFF200;\n  border: 1px solid rgba(255,242,0,.25);\n}\n.os-member h4 {\n  color: #ffffff;\n  font-size: 1rem;\n  margin: .375rem 0 .3rem;\n  line-height: 1.25;\n  font-weight: 700;\n}\n.os-member .os-pos {\n  font-size: .68rem;\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  color: #FFF200;\n  font-weight: 700;\n  margin: 0 0 .3rem;\n}\n.os-member .os-desc {\n  font-size: .875rem;\n  color: rgba(255,255,255,.6);\n  line-height: 1.5;\n  margin: 0;\n}\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 1100px) {\n  .os-committee-grid { grid-template-columns: repeat(3, 1fr); }\n}\n@media (max-width: 800px) {\n  .os-committee-grid { grid-template-columns: repeat(2, 1fr); }\n}\n@media (max-width: 480px) {\n  .os-committee-grid { grid-template-columns: 1fr; }\n}\n<\/style>\n<!-- ===== HTML ===== -->\n<section id=\"committee\">\n    Governance\n    <h2>UPSI Open Science Steering Committee.<\/h2>\n    <p>A multi-stakeholder committee driving Open Science adoption across faculties, libraries and ICT.<\/p>\n    <article>\n      <img decoding=\"async\" src=\"https:\/\/openscience.upsi.edu.my\/index\/wp-content\/uploads\/2026\/06\/cropped-cropped-cropped-JKPU-3.jpg\" alt=\"Prof. Dr. Suriani Abu Bakar\" loading=\"lazy\"\/>\n      Chairman\n      <h4>Prof. Dr. Suriani Abu Bakar<\/h4>\n      Deputy Vice-Chancellor\n      <p>Research &amp; Innovation<\/p>\n    <\/article>\n    <article>\n      <img decoding=\"async\" src=\"https:\/\/openscience.upsi.edu.my\/index\/wp-content\/uploads\/2026\/06\/cropped-cropped-Dr.Lena-Left-265x300-1.png\" alt=\"Prof. Madya Dr. Lena Farida Hussain Chin\" loading=\"lazy\"\/>\n      Deputy Chairman\n      <h4>Prof. Madya Dr. Lena Farida Hussain Chin<\/h4>\n      Director\n      <p>Research Management &amp; Innovation Centre<\/p>\n    <\/article>\n    <article>\n      <img decoding=\"async\" src=\"https:\/\/openscience.upsi.edu.my\/index\/wp-content\/uploads\/2026\/06\/cropped-cropped-NORIHA.png\" alt=\"Cik Noriha Muhammad\" loading=\"lazy\"\/>\n      Secretary\n      <h4>Noriha Muhammad<\/h4>\n      Chief Librarian\n      <p>Tuanku Bainun Library<\/p>\n    <\/article>\n    <article>\n      <img decoding=\"async\" src=\"https:\/\/openscience.upsi.edu.my\/index\/wp-content\/uploads\/2026\/06\/cropped-cropped-cropped-F8A1343171172F04.jpeg\" alt=\"Dr. Norlaile Salleh Hudin\" loading=\"lazy\"\/>\n      Policy &amp; Guidelines\n      <h4>Dr. Norlaile Salleh Hudin<\/h4>\n      Deputy Director\n      <p>Research Management Unit, RMIC<\/p>\n    <\/article>\n    <article>\n      <img decoding=\"async\" src=\"https:\/\/openscience.upsi.edu.my\/index\/wp-content\/uploads\/2026\/06\/cropped-cropped-cropped-4EB5AB7F6887631F.jpeg\" alt=\"En. Mohamed Zaid Mohamed Idris\" loading=\"lazy\"\/>\n      Capacity Building &#038; Awareness\n      <h4>Mohamed Zaid Mohamed Idris<\/h4>\n      Senior Deputy Chief Librarian\n      <p>Tuanku Bainun Library<\/p>\n    <\/article>\n    <article>\n      <img decoding=\"async\" src=\"https:\/\/openscience.upsi.edu.my\/index\/wp-content\/uploads\/2026\/06\/cropped-cropped-cropped-cropped-B7FC8AE3386109A8.jpeg\" alt=\"Ts. Dr. Megat Azrin Ahmad\" loading=\"lazy\"\/>\n      Infrastructure Drive committee\n      <h4>Ts. Dr. Megat Azrin Ahmad<\/h4>\n      Chief Digital Officer\n      <p>ICT Centre<\/p>\n    <\/article>\n    <article>\n      <img decoding=\"async\" src=\"https:\/\/openscience.upsi.edu.my\/index\/wp-content\/uploads\/2026\/06\/cropped-cropped-cropped-cropped-8B57AE70046C2073-1.jpg\" alt=\"Prof. Madya Dr. Ing Maizatul Hayati Mohamad Yatim\" loading=\"lazy\"\/>\n      Open Data\n      <h4>Prof. Madya Dr. Ing Maizatul Hayati Mohamad Yatim<\/h4>\n      Dean\n      <p>Faculty of Computing &amp; Meta-Technology<\/p>\n    <\/article>\n<\/section>\n\t<!-- ============================================================\n   MODULE 7: CONTACT - UPSI OPEN SCIENCE\n   Self-contained: CSS + HTML (copy terus ke BB HTML module)\n   ============================================================ -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n.os-contact-wrap,\n.os-contact-wrap * {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n.os-contact-wrap {\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n  padding: clamp(3rem, 8vw, 5rem) 0;\n  background: #ffffff;\n  color: #1E1E2E;\n}\n\/* ===== SECTION HEAD ===== *\/\n.os-contact-head {\n  text-align: center;\n  max-width: 54rem;\n  margin-inline: auto;\n  margin-bottom: 3.5rem;\n  padding-inline: clamp(1.5rem, 4vw, 4rem);\n}\n.os-contact-head .os-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: .6rem;\n  font-size: .75rem;\n  font-weight: 700;\n  letter-spacing: .12em;\n  text-transform: uppercase;\n  color: #3D3C94;\n  justify-content: center;\n}\n.os-contact-head h2 {\n  font-size: clamp(1.75rem, 3vw + .25rem, 2.75rem);\n  letter-spacing: -.02em;\n  color: #2D2C74;\n  font-weight: 700;\n  line-height: 1.15;\n  margin: 1rem 0;\n}\n.os-contact-head .os-rule {\n  display: inline-block;\n  width: 48px;\n  height: 3px;\n  background: #FFF200;\n  border-radius: 3px;\n  margin: 0;\n  margin-top: .6rem;\n}\n.os-contact-head p {\n  font-size: 1.1rem;\n  color: #6E7280;\n  line-height: 1.65;\n  margin: 1rem 0 0;\n}\n\/* ===== CONTACT GRID ===== *\/\n.os-contact-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 1.5rem;\n  padding-inline: clamp(1.5rem, 4vw, 4rem);\n  max-width: 1600px;\n  margin-inline: auto;\n}\n\/* ===== CONTACT CARD ===== *\/\n.os-contact-card {\n  background: #ffffff;\n  border: 1px solid #E0E2E8;\n  border-radius: 14px;\n  padding: 1.75rem;\n  display: flex;\n  gap: 1.25rem;\n  align-items: flex-start;\n  transition: all 200ms cubic-bezier(.4,0,.2,1);\n}\n.os-contact-card:hover {\n  border-color: #C8CBD3;\n  box-shadow: 0 8px 24px rgb(0 0 0\/.1);\n}\n.os-contact-card .os-avatar {\n  width: 72px;\n  height: 72px;\n  border-radius: 50%;\n  object-fit: cover;\n  object-position: center top;\n  border: 3px solid #ffffff;\n  box-shadow: 0 0 0 1px #E0E2E8, 0 1px 3px rgb(0 0 0\/.06);\n  flex-shrink: 0;\n  background: #F4F5F7;\n}\n.os-contact-card h4 {\n  font-size: 1.05rem;\n  margin: 0 0 .25rem;\n  line-height: 1.25;\n  color: #2D2C74;\n  font-weight: 700;\n}\n.os-contact-card .os-role {\n  font-size: .75rem;\n  text-transform: uppercase;\n  letter-spacing: .06em;\n  color: #3D3C94;\n  font-weight: 700;\n  margin: 0 0 .875rem;\n}\n.os-contact-card .os-line {\n  display: flex;\n  align-items: center;\n  gap: .5rem;\n  font-size: .875rem;\n  color: #6E7280;\n  margin: 0 0 .375rem;\n}\n.os-contact-card .os-line:last-child {\n  margin-bottom: 0;\n}\n.os-contact-card .os-line svg {\n  flex-shrink: 0;\n  color: #2D2C74;\n}\n.os-contact-card .os-line a {\n  color: inherit;\n  text-decoration: none;\n}\n.os-contact-card .os-line a:hover {\n  color: #3D3C94;\n  text-decoration: none;\n}\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 920px) {\n  .os-contact-grid { grid-template-columns: 1fr; }\n}\n<\/style>\n<!-- ===== HTML ===== -->\n<section id=\"contact\">\n    Contact Us\n    <h2>Talk to the UPSI OS team.<\/h2>\n    <p>Research Data Management Unit \u00b7 Division of Academic Support Services \u00b7 Tuanku Bainun Library.<\/p>\n    <article>\n      <img decoding=\"async\" src=\"https:\/\/openscience.upsi.edu.my\/index\/wp-content\/uploads\/2026\/06\/cropped-ANIZAH-e1781581748731-1.png\" alt=\"Anizah bt. Tumin\" loading=\"lazy\"\/>\n        <h4>Anizah bt. Tumin<\/h4>\n        <p>Deputy Chief Librarian<\/p>\n        \n          <a href=\"tel:+6054506834\">+605-450 6834<\/a>\n        \n        \n          <a href=\"mailto:anizah@upsi.edu.my\">anizah@upsi.edu.my<\/a>\n        \n    <\/article>\n    <article>\n      <img decoding=\"async\" src=\"https:\/\/openscience.upsi.edu.my\/index\/wp-content\/uploads\/2026\/06\/cropped-cropped-AISHAH-1.png\" alt=\"Nurul Aishah bt. Mis'ut\" loading=\"lazy\"\/>\n        <h4>Nurul Aishah bt. Mis&#8217;ut<\/h4>\n        <p>Librarian<\/p>\n        \n          <a href=\"tel:+6054506958\">+605-450 6958<\/a>\n        \n        \n          <a href=\"mailto:naishah@upsi.edu.my\">naishah@upsi.edu.my<\/a>\n        \n    <\/article>\n    <article>\n      <img decoding=\"async\" src=\"https:\/\/openscience.upsi.edu.my\/index\/wp-content\/uploads\/2026\/06\/cropped-INTAN-1.png\" alt=\"Intan Saffarina bt. Basri\" loading=\"lazy\"\/>\n        <h4>Intan Saffarina bt. Basri<\/h4>\n        <p>Sr. Library Assistant<\/p>\n        \n          <a href=\"tel:+6054505313\">+605-450 5313<\/a>\n        \n        \n          <a href=\"mailto:intansaffarina@upsi.edu.my\">intansaffarina@upsi.edu.my<\/a>\n        \n    <\/article>\n<\/section>\n\t<!-- ============================================================\n   MODULE 10: FOOTER - UPSI OPEN SCIENCE\n   Self-contained: CSS + HTML (copy terus ke BB HTML module)\n   ============================================================ -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n.os-footer-wrap,\n.os-footer-wrap * {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n.os-footer-wrap {\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n  background: #1F1E54;\n  color: rgba(255,255,255,.7);\n  padding: clamp(3rem, 6vw, 4.5rem) clamp(1.5rem, 4vw, 3rem) 0;\n}\n.os-footer-wrap a {\n  color: rgba(255,255,255,.75);\n  text-decoration: none;\n  transition: color 200ms cubic-bezier(.4,0,.2,1);\n}\n.os-footer-wrap a:hover {\n  color: #FFF200;\n  text-decoration: none;\n}\n\/* ===== FOOTER GRID ===== *\/\n.os-footer-grid {\n  width: 100%;\n  max-width: 1600px;\n  margin-inline: auto;\n  display: grid;\n  gap: 2.5rem;\n  grid-template-columns: 1.5fr 1fr 1fr 1.2fr;\n  padding-bottom: 2.5rem;\n}\n\/* ===== FOOTER BRAND ===== *\/\n.os-footer-brand {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n.os-footer-brand .os-logo-text {\n  font-weight: 700;\n  font-size: 1.15rem;\n  color: #ffffff;\n}\n.os-footer-brand p {\n  color: rgba(255,255,255,.55);\n  font-size: .875rem;\n  line-height: 1.7;\n  margin: 0;\n}\n\/* ===== FOOTER COLUMN ===== *\/\n.os-footer-col h4 {\n  color: #ffffff;\n  font-size: .75rem;\n  text-transform: uppercase;\n  letter-spacing: .1em;\n  margin: 0 0 1rem;\n  font-weight: 700;\n}\n.os-footer-col ul {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: .55rem;\n}\n.os-footer-col li a {\n  font-size: .875rem;\n}\n\/* ===== FOOTER BOTTOM ===== *\/\n.os-footer-bottom {\n  width: 100%;\n  max-width: 1600px;\n  margin: 0 auto;\n  padding: 1.25rem 0 clamp(2rem, 4vw, 2.5rem);\n  border-top: 1px solid rgba(255,255,255,.12);\n  display: flex;\n  flex-wrap: wrap;\n  gap: 1rem;\n  align-items: center;\n  justify-content: space-between;\n  font-size: .875rem;\n  color: rgba(255,255,255,.45);\n}\n.os-footer-bottom .os-rule {\n  display: inline-block;\n  height: 2px;\n  width: 32px;\n  vertical-align: middle;\n  margin-right: .5rem;\n  background: #FFF200;\n  border-radius: 2px;\n}\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 920px) {\n  .os-footer-grid { grid-template-columns: 1fr 1fr; }\n}\n@media (max-width: 560px) {\n  .os-footer-grid { grid-template-columns: 1fr; }\n}\n<\/style>\n<!-- ===== HTML ===== -->\n<footer id=\"site-footer\">\n      UPSI OS\n      <p>An initiative of Universiti Pendidikan Sultan Idris promoting transparent, inclusive and collaborative research through Open Science principles and Research Data Management.<\/p>\n      <h4>Initiative<\/h4>\n      <ul>\n        <li><a href=\"#about\">About<\/a><\/li>\n        <li><a href=\"https:\/\/openscience.upsi.edu.my\/index\/index.php\/upsi-data-stewards\/\" rel=\"noopener\">UPSI Data Stewards<\/a><\/li>\n        <li><a href=\"#news\">News Highlights<\/a><\/li>\n        <li><a href=\"#committee\">Steering Committee<\/a><\/li>\n      <\/ul>\n      <h4>Policies<\/h4>\n      <ul>\n        <li><a href=\"https:\/\/openscience.upsi.edu.my\/index\/index.php\/oai-metadata-harvesting\/\" rel=\"noopener\">OAI Metadata Harvesting<\/a><\/li>\n        <li><a href=\"https:\/\/openscience.upsi.edu.my\/index\/index.php\/privacy-policy\/\"rel=\"noopener\">Privacy Policy<\/a><\/li>\n        <li><a href=\"https:\/\/openscience.upsi.edu.my\/index\/wp-content\/uploads\/2026\/08\/GARIS-PANDUAN-AKSES-TERBUKA.pdf\" target=\"_blank\" rel=\"noopener\">Garis Panduan Akses Terbuka UPSI<\/a><\/li>\n      <\/ul>\n      <h4>Explore<\/h4>\n      <ul>\n        <li><a href=\"https:\/\/openscience.upsi.edu.my\/rdm\/\" target=\"_blank\" rel=\"noopener\">RDM Repository<\/a><\/li>\n        <li><a href=\"#contact\">Contact Us<\/a><\/li>\n      <\/ul>\n    \u00a9 2026 UPSI OS. Universiti Pendidikan Sultan Idris.\n    As open as possible, as closed as necessary.\n<\/footer>\n\n","protected":false},"excerpt":{"rendered":"<p>UPSI Open Science Share Knowledge Openly &#038; Freely Deposit, discover, and share research outputs through Malaysia&#8217;s open infrastructure. Deposit Now Introduction Browse Repository 100% Open Access Free For All Open Science sWADAH Stream Repository Deposit articles, theses &#038; datasets Auto-assign DOI &#038; metadata Full-text search &#038; API access Explore Repository System Online OS@UPSI Initiative A&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"cybocfi_hide_featured_image":"","footnotes":""},"class_list":["post-1454","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>UPSI | Open Science<\/title>\n<meta name=\"description\" content=\"The Tuanku Bainun Library provides essential academic resources for Universiti Pendidikan Sultan Idris (UPSI), a top education university in Malaysia and recognised as one of the best public universities in the country. Located in Tanjong Malim, Perak, UPSI stands as a leading Perak education university, playing a vital role in delivering quality education in Malaysia.The library supports teaching, learning, research, and publication by providing access to a wide range of scholarly materials, research databases, and advanced digital services, further strengthening UPSI education programs in Malaysia.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/openscience.upsi.edu.my\/index\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UPSI | Open Science\" \/>\n<meta property=\"og:description\" content=\"The Tuanku Bainun Library provides essential academic resources for Universiti Pendidikan Sultan Idris (UPSI), a top education university in Malaysia and recognised as one of the best public universities in the country. Located in Tanjong Malim, Perak, UPSI stands as a leading Perak education university, playing a vital role in delivering quality education in Malaysia.The library supports teaching, learning, research, and publication by providing access to a wide range of scholarly materials, research databases, and advanced digital services, further strengthening UPSI education programs in Malaysia.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/openscience.upsi.edu.my\/index\/\" \/>\n<meta property=\"og:site_name\" content=\"UPSI | Open Science\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-28T07:32:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/openscience.upsi.edu.my\/index\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-07-at-10.56.41-AM.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/openscience.upsi.edu.my\\\/index\\\/\",\"url\":\"https:\\\/\\\/openscience.upsi.edu.my\\\/index\\\/\",\"name\":\"UPSI | Open Science\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/openscience.upsi.edu.my\\\/index\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/openscience.upsi.edu.my\\\/index\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/openscience.upsi.edu.my\\\/index\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/openscience.upsi.edu.my\\\/index\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Screenshot-2026-04-07-at-10.56.41-AM.png\",\"datePublished\":\"2026-01-12T06:56:42+00:00\",\"dateModified\":\"2026-09-28T07:32:14+00:00\",\"description\":\"The Tuanku Bainun Library provides essential academic resources for Universiti Pendidikan Sultan Idris (UPSI), a top education university in Malaysia and recognised as one of the best public universities in the country. Located in Tanjong Malim, Perak, UPSI stands as a leading Perak education university, playing a vital role in delivering quality education in Malaysia.The library supports teaching, learning, research, and publication by providing access to a wide range of scholarly materials, research databases, and advanced digital services, further strengthening UPSI education programs in Malaysia.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/openscience.upsi.edu.my\\\/index\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/openscience.upsi.edu.my\\\/index\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/openscience.upsi.edu.my\\\/index\\\/#primaryimage\",\"url\":\"https:\\\/\\\/openscience.upsi.edu.my\\\/index\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Screenshot-2026-04-07-at-10.56.41-AM.png\",\"contentUrl\":\"https:\\\/\\\/openscience.upsi.edu.my\\\/index\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Screenshot-2026-04-07-at-10.56.41-AM.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/openscience.upsi.edu.my\\\/index\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/openscience.upsi.edu.my\\\/index\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home &#8211; PTJ\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/openscience.upsi.edu.my\\\/index\\\/#website\",\"url\":\"https:\\\/\\\/openscience.upsi.edu.my\\\/index\\\/\",\"name\":\"UPSI | Open Science\",\"description\":\"Peneraju Kebitaraan Pendidikan\",\"publisher\":{\"@id\":\"https:\\\/\\\/openscience.upsi.edu.my\\\/index\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/openscience.upsi.edu.my\\\/index\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/openscience.upsi.edu.my\\\/index\\\/#organization\",\"name\":\"UPSI | Open Science\",\"url\":\"https:\\\/\\\/openscience.upsi.edu.my\\\/index\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/openscience.upsi.edu.my\\\/index\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/openscience.upsi.edu.my\\\/index\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/logo_upsi.png\",\"contentUrl\":\"https:\\\/\\\/openscience.upsi.edu.my\\\/index\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/logo_upsi.png\",\"width\":259,\"height\":123,\"caption\":\"UPSI | Open Science\"},\"image\":{\"@id\":\"https:\\\/\\\/openscience.upsi.edu.my\\\/index\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"UPSI | Open Science","description":"The Tuanku Bainun Library provides essential academic resources for Universiti Pendidikan Sultan Idris (UPSI), a top education university in Malaysia and recognised as one of the best public universities in the country. Located in Tanjong Malim, Perak, UPSI stands as a leading Perak education university, playing a vital role in delivering quality education in Malaysia.The library supports teaching, learning, research, and publication by providing access to a wide range of scholarly materials, research databases, and advanced digital services, further strengthening UPSI education programs in Malaysia.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/openscience.upsi.edu.my\/index\/","og_locale":"en_US","og_type":"article","og_title":"UPSI | Open Science","og_description":"The Tuanku Bainun Library provides essential academic resources for Universiti Pendidikan Sultan Idris (UPSI), a top education university in Malaysia and recognised as one of the best public universities in the country. Located in Tanjong Malim, Perak, UPSI stands as a leading Perak education university, playing a vital role in delivering quality education in Malaysia.The library supports teaching, learning, research, and publication by providing access to a wide range of scholarly materials, research databases, and advanced digital services, further strengthening UPSI education programs in Malaysia.","og_url":"https:\/\/openscience.upsi.edu.my\/index\/","og_site_name":"UPSI | Open Science","article_modified_time":"2026-09-28T07:32:14+00:00","og_image":[{"url":"https:\/\/openscience.upsi.edu.my\/index\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-07-at-10.56.41-AM.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/openscience.upsi.edu.my\/index\/","url":"https:\/\/openscience.upsi.edu.my\/index\/","name":"UPSI | Open Science","isPartOf":{"@id":"https:\/\/openscience.upsi.edu.my\/index\/#website"},"primaryImageOfPage":{"@id":"https:\/\/openscience.upsi.edu.my\/index\/#primaryimage"},"image":{"@id":"https:\/\/openscience.upsi.edu.my\/index\/#primaryimage"},"thumbnailUrl":"https:\/\/openscience.upsi.edu.my\/index\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-07-at-10.56.41-AM.png","datePublished":"2026-01-12T06:56:42+00:00","dateModified":"2026-09-28T07:32:14+00:00","description":"The Tuanku Bainun Library provides essential academic resources for Universiti Pendidikan Sultan Idris (UPSI), a top education university in Malaysia and recognised as one of the best public universities in the country. Located in Tanjong Malim, Perak, UPSI stands as a leading Perak education university, playing a vital role in delivering quality education in Malaysia.The library supports teaching, learning, research, and publication by providing access to a wide range of scholarly materials, research databases, and advanced digital services, further strengthening UPSI education programs in Malaysia.","breadcrumb":{"@id":"https:\/\/openscience.upsi.edu.my\/index\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/openscience.upsi.edu.my\/index\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/openscience.upsi.edu.my\/index\/#primaryimage","url":"https:\/\/openscience.upsi.edu.my\/index\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-07-at-10.56.41-AM.png","contentUrl":"https:\/\/openscience.upsi.edu.my\/index\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-07-at-10.56.41-AM.png"},{"@type":"BreadcrumbList","@id":"https:\/\/openscience.upsi.edu.my\/index\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/openscience.upsi.edu.my\/index\/"},{"@type":"ListItem","position":2,"name":"Home &#8211; PTJ"}]},{"@type":"WebSite","@id":"https:\/\/openscience.upsi.edu.my\/index\/#website","url":"https:\/\/openscience.upsi.edu.my\/index\/","name":"UPSI | Open Science","description":"Peneraju Kebitaraan Pendidikan","publisher":{"@id":"https:\/\/openscience.upsi.edu.my\/index\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/openscience.upsi.edu.my\/index\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/openscience.upsi.edu.my\/index\/#organization","name":"UPSI | Open Science","url":"https:\/\/openscience.upsi.edu.my\/index\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/openscience.upsi.edu.my\/index\/#\/schema\/logo\/image\/","url":"https:\/\/openscience.upsi.edu.my\/index\/wp-content\/uploads\/2026\/01\/logo_upsi.png","contentUrl":"https:\/\/openscience.upsi.edu.my\/index\/wp-content\/uploads\/2026\/01\/logo_upsi.png","width":259,"height":123,"caption":"UPSI | Open Science"},"image":{"@id":"https:\/\/openscience.upsi.edu.my\/index\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/openscience.upsi.edu.my\/index\/index.php\/wp-json\/wp\/v2\/pages\/1454","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openscience.upsi.edu.my\/index\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/openscience.upsi.edu.my\/index\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/openscience.upsi.edu.my\/index\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/openscience.upsi.edu.my\/index\/index.php\/wp-json\/wp\/v2\/comments?post=1454"}],"version-history":[{"count":11,"href":"https:\/\/openscience.upsi.edu.my\/index\/index.php\/wp-json\/wp\/v2\/pages\/1454\/revisions"}],"predecessor-version":[{"id":7778,"href":"https:\/\/openscience.upsi.edu.my\/index\/index.php\/wp-json\/wp\/v2\/pages\/1454\/revisions\/7778"}],"wp:attachment":[{"href":"https:\/\/openscience.upsi.edu.my\/index\/index.php\/wp-json\/wp\/v2\/media?parent=1454"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}