{"id":11820,"date":"2023-03-29T13:00:59","date_gmt":"2023-03-29T13:00:59","guid":{"rendered":"https:\/\/division.iium.edu.my\/lib\/?page_id=11820"},"modified":"2026-04-20T17:00:04","modified_gmt":"2026-04-20T09:00:04","slug":"about","status":"publish","type":"page","link":"https:\/\/division.iium.edu.my\/lib\/malay-and-islamic-manuscripts__trashed\/about\/","title":{"rendered":"About Malay & Islamic Manuscripts"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Quick Links<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

IIUM Digital Manuscripts<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

List of Malay Manuscripts<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"IIUM\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

About Malay & Islamic Manuscripts<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\n\n\n
Malay manuscripts have played a\nsignificant role in shaping the cultural heritage of Southeast Asia,\nparticularly in the Malay Archipelago, which encompasses modern-day\nMalaysia, Indonesia, Brunei, Singapore, and the southern Philippines.\nThese manuscripts serve as primary sources for understanding the\nhistory, culture, and religious practices of the Malay people. Many of\nthese manuscripts also contain Islamic teachings, reflecting the spread\nof Islam throughout the region. In this academic write-up, we will\nexplore the significance of Malay and Islamic manuscripts and their\nimpact on Southeast Asian culture.\n
\n
\nHistory of Malay Manuscripts:<\/span>\nThe origins of Malay manuscripts can be traced back to the ancient\nMalay Kingdoms, which were influenced by Hinduism and Buddhism. The\nearliest Malay manuscripts were written in Kawi, an Old Javanese script\nthat was used to write both Sanskrit and Old Malay. The oldest\nsurviving Malay manuscript is the Tanjung Tanah Code, written in Kawi\nscript, which dates back to the 7th century.\nDuring the 13th century, the spread of Islam throughout the Malay\nArchipelago led to the creation of new manuscripts written in the\nArabic script. These manuscripts served as a means of spreading Islamic\nteachings and were written in a variety of genres, including Qur’anic\ncommentaries, legal texts, and mystical treatises. Many of these\nmanuscripts were written by Islamic scholars from the Middle East and\nIndia who traveled to Southeast Asia to spread the teachings of Islam.\n
\n
\nSignificance of Islamic Manuscripts:<\/span>\nIslamic manuscripts are significant because they provide insights into\nthe religious and cultural practices of the Malay people. These\nmanuscripts document the spread of Islam in Southeast Asia, which had a\nprofound impact on the region’s culture and society. They also reflect\nthe diversity of Islamic practices in Southeast Asia, which has been\nshaped by local traditions and beliefs.\nOne of the most significant Islamic manuscripts is the Jawi Peranakan\nManuscripts,\nwhich are written in Jawi script and reflect the fusion of Malay and\nChinese cultures. These manuscripts contain a variety of literary\nworks, including poetry, letters, and legal documents, and provide\ninsights into the lives of the Malay-Chinese community in Southeast\nAsia.
\n<\/div>\n
\n
Also Read:<\/span>
\n\u00bb <\/span>About Malay and Islamic Manuscripts<\/a>
\n\u00bb <\/span>Digital Manuscripts (Malay and Islamic\nManuscripts) Newly Added<\/a>
\n\u00bb <\/span>Malay Manuscript Lecture Series<\/a><\/div>\n
\n
\nConclusion:<\/span>\nIn conclusion, Malay and Islamic manuscripts play a crucial role in\nunderstanding the cultural heritage of Southeast Asia. These\nmanuscripts provide insights into the history, culture, and religious\npractices of the Malay people and reflect the diversity of Islamic\npractices in the region. They are significant as primary sources for\nunderstanding the impact of Islam on Southeast Asian culture and\nsociety. As such, the preservation and study of these manuscripts are\nessential for safeguarding the cultural heritage of the Malay\nArchipelago.<\/div>\n \n
\n
\n\n\n\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tFacebook<\/span>\n\t\t\t\t\t\t<\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tInstagram<\/span>\n\t\t\t\t\t\t<\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/path>\t<\/path><\/g><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tYoutube<\/span>\n\t\t\t\t\t\t<\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tTelegram<\/span>\n\t\t\t\t\t\t<\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tCampuses LiveChat<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
Official Address<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\n\n<\/head>\n\n International Islamic\nUniversity Malaysia<\/strong>\n(IIUM)<\/span>
\nP.O. Box 10, 50728\n
\nKuala Lumpur, Malaysia\n
\nPhone : +603 6421 6421\n
\nFax : +603 6421 4053\n
\nEmail : webmaster@iium.edu.my\n<\/a>
\n
\nDar al-Hikmah Library<\/strong>\n
\nInternational Islamic University Malaysia (IIUM)\n
\nP.O Box 10, 50728\n
\nKuala Lumpur, Malaysia\n
\nPhone:<\/strong>
\n\u276d +603-6421 4825\n(Circulation Counter)\n
\n\u276d +603-6421 4815\n(Readers Advisory Desk)\n
\nFax : 03-6421 4855\n
\nEmail: library@iium.edu.my<\/a>\n<\/body>\n<\/html>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\n<\/head>\n\n<\/strong> *** For\nLibrary Clearance Application, please<\/span>
\nCLICK\nHERE<\/strong><\/a><\/span><\/em>\n<\/body>\n<\/html>\n\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
Our Location<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

\u276d M. Kamal Hassan Library<\/a>
\u276d Syed Muhammad Naquib al-Attas Library<\/a>
\u276d <\/a>Dar al-Hikmah Library, Kuantan<\/a>
\u276d Dar al-Hikmah Library Centre for Foundation Studies<\/a>
\u276d Shared Facilities Library, Pagoh<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t
Visitor Counter<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
<\/div>\"website<\/a>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
Research Platforms<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\u276d <\/a>Asean Citation Index<\/a>\n
\n\u276d <\/a>DOAJ<\/a>\n
\n\u276d <\/a>E-Bookstore<\/a>\n
\n\u276d <\/a>IFLA<\/a>\n
\n\u276d <\/a>IIUM Experts<\/a>\n
\n\u276d <\/a>IIUM Journals<\/a>\n
\n\u276d <\/a>IIUM Repository<\/a>\n
\n\u276d <\/a>IIUM Research<\/a>\n
\n\u276d <\/a>MALCat<\/a>\n
\n\u276d\n<\/a>MOSP<\/a>
\n\u276d\n<\/a>MOSTI<\/a>
\n\u276d\n<\/a>MyCite<\/a>
\n\u276d\n<\/a>MyGrants<\/a>
\n\u276d\n<\/a>MyRA<\/a>
\n\u276d\n<\/a>MyRepo<\/a>\n
\n\u276d <\/a>Myto<\/a> 
\n\u276d <\/a>PNM<\/a>\n
\n\u276d\n<\/a>Research Centre<\/a>\n<\/a>
\n\u276d\n<\/a>Research Clusters<\/a>\n
\n\u276d\n<\/a>RMSV2<\/a>\n
\n\u276d <\/a>SCOPUS<\/a>\n
\n\u276d <\/a>TTO IIUM<\/a>\n<\/a>
\n\u276d <\/a>WOS Group<\/a>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
Reference Management Tools <\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\n<\/head>\n\n\u276d EndNote<\/a><\/a>\n
\n\u276d <\/a>Mendeley<\/a>
\n\u276d <\/a>RefWorks<\/a>
\n\u276d <\/a>Zotero<\/a><\/a>\n<\/body>\n<\/html>\n\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
Students & Parents<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

\u276d <\/a>i-Ma\u2019luum<\/a>
\u276d <\/a>Academic Calendars<\/a>
\u276d <\/a>Student Resources<\/a>
\u276d <\/a>E-Payment<\/a>
\u276d <\/a>Scholarship\/Financial Assistance<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t
Business, Government & Related Links<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

\u276d <\/a>IIUM Holdings Sdn. Bhd.<\/a>
\u276d <\/a>Vendor Portal<\/a>
\u276d <\/a>JPA<\/a>
\u276d <\/a>MDEC<\/a>
\u276d <\/a>MQA<\/a>
\u276d <\/a>MOHE<\/a>
\u276d <\/a>Rumah Sewa Siswa<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
Research Tools Powered by AI<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\n<\/head>\n\n<\/a><\/span>\u276d\n<\/a>Connected Papers<\/a>
\n\u276d <\/a>Consensus<\/a>
\n\u276d\n<\/a>Elicit<\/a>
\n\u276d\n<\/a>Research Rabbit<\/a>
\n\u276d <\/a>Scholarcy<\/a>
\n\u276d <\/a>Writefull<\/a>
\n<\/a>\n<\/body>\n<\/html>\n\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
Staff<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\n<\/head>\n\n\u276d <\/a>I-First<\/a>\n
\n\u276d\n<\/a>I-Perform<\/a>\n
\n\u276d <\/a>I-Ta’LeEM<\/a>
\n\u276d <\/a>IFIS<\/a>\n
\n\u276d IIUM Huris<\/a>\n
\n\u276d <\/a>My Apps<\/a>
\n\u276d <\/a>Staff Portal<\/a>\n<\/body>\n<\/html>\n\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
Others<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\u276d <\/a>Job Opportunities<\/a>\n
\n\u276d <\/a>MyIIUM Portal<\/a>\n
\n\u276d <\/a>IIUM\nRadio<\/a>
\n\u276d <\/a>Disclaimer<\/a>
\n\n<\/a>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Hide Footer Theme Credit<\/title>\r\n <style>\r\n \/* Primary CSS solution *\/\r\n .site-info a[href*=\"themebeez\"],\r\n .site-info:last-child,\r\n .site-info span:last-child,\r\n .site-info a:last-child {\r\n display: none !important;\r\n visibility: hidden !important;\r\n opacity: 0 !important;\r\n height: 0 !important;\r\n width: 0 !important;\r\n font-size: 0 !important;\r\n line-height: 0 !important;\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Your website content would be here -->\r\n \r\n <script>\r\n \/\/ Enhanced JavaScript solution as fallback\r\n (function() {\r\n \/\/ First try CSS method\r\n var style = document.createElement('style');\r\n style.innerHTML = `\r\n .site-info a[href*=\"themebeez\"],\r\n .site-info:last-child,\r\n .site-info span:last-child,\r\n .site-info a:last-child {\r\n display: none !important;\r\n }\r\n `;\r\n document.head.appendChild(style);\r\n \r\n \/\/ Then use JS method after a short delay\r\n setTimeout(function() {\r\n const targetText = 'Orchid Store Theme by Themebeez';\r\n const selectors = [\r\n '.site-info',\r\n '.site-footer',\r\n 'footer',\r\n '.copyright'\r\n ];\r\n \r\n selectors.forEach(selector => {\r\n const elements = document.querySelectorAll(selector);\r\n elements.forEach(el => {\r\n if (el.textContent.includes(targetText)) {\r\n \/\/ Method 1: Replace text\r\n el.innerHTML = el.innerHTML.replace(targetText, '');\r\n \r\n \/\/ Method 2: Remove entire node if needed\r\n const parent = el.parentNode;\r\n if (el.textContent.trim() === targetText) {\r\n parent.removeChild(el);\r\n }\r\n \r\n \/\/ Method 3: Hide element\r\n el.style.display = 'none';\r\n }\r\n });\r\n });\r\n }, 1000); \/\/ 1 second delay to ensure CSS loads first\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-6398c90b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-eae-slider=\"73351\" data-id=\"6398c90b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1cdc0fb1\" data-eae-slider=\"20577\" data-id=\"1cdc0fb1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-46ec08a3 elementor-widget elementor-widget-html\" data-id=\"46ec08a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--Start of Tawk.to Script-->\r\n<script type=\"text\/javascript\">\r\nvar Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();\r\n(function(){\r\nvar s1=document.createElement(\"script\"),s0=document.getElementsByTagName(\"script\")[0];\r\ns1.async=true;\r\ns1.src='https:\/\/embed.tawk.to\/54be1495423503664c8e8451\/default';\r\ns1.charset='UTF-8';\r\ns1.setAttribute('crossorigin','*');\r\ns0.parentNode.insertBefore(s1,s0);\r\n})();\r\n<\/script>\r\n<!--End of Tawk.to Script-->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-6910bc75 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-eae-slider=\"55093\" data-id=\"6910bc75\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-763b2458\" data-eae-slider=\"27688\" data-id=\"763b2458\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-75e379d6 elementor-widget elementor-widget-html\" data-id=\"75e379d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Your Website<\/title>\r\n <style>\r\n \/* Cookie Consent Popup Styles *\/\r\n .cookie-consent-popup {\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n background: #fff;\r\n box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);\r\n z-index: 9999;\r\n padding: 20px;\r\n font-family: Poppins, Arial, sans-serif;\r\n font-size:14px;\r\n display: none;\r\n max-height: 80vh;\r\n overflow-y: auto;\r\n }\r\n\r\n .cookie-consent-content {\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n color: #312d2c;\r\n }\r\n\r\n .cookie-consent-content h5 {\r\n margin-top: 0;\r\n margin-bottom: 10px;\r\n color: #2c3e50;\r\n font-size: 16px;\r\n font-weight: bold;\r\n }\r\n\r\n .cookie-consent-content p {\r\n margin-bottom: 15px;\r\n line-height: 1.5;\r\n }\r\n\r\n .cookie-consent-buttons {\r\n display: flex;\r\n gap: 10px;\r\n flex-wrap: wrap;\r\n margin-bottom: 5px; \/* Reduced from 15px *\/\r\n }\r\n\r\n .cookie-btn {\r\n padding: 10px 36px; \/* Slightly reduced padding *\/\r\n border: none;\r\n border-radius: 0px;\r\n cursor: pointer;\r\n font-weight: normal;\r\n font-family: Poppins, Arial, sans-serif;\r\n transition: background-color 0.3s;\r\n font-size: 14px;\r\n }\r\n\r\n .accept-btn {\r\n background-color: #27ae60;\r\n color: white;\r\n }\r\n\r\n .accept-btn:hover {\r\n background-color: #2ecc71;\r\n }\r\n\r\n .settings-btn {\r\n background-color: #3498db;\r\n color: white;\r\n }\r\n\r\n .settings-btn:hover {\r\n background-color: #2980b9;\r\n }\r\n\r\n .reject-btn {\r\n background-color: #e74c3c;\r\n color: white;\r\n }\r\n\r\n .reject-btn:hover {\r\n background-color: #c0392b;\r\n }\r\n\r\n .save-btn {\r\n background-color: #27ae60;\r\n color: white;\r\n }\r\n\r\n .save-btn:hover {\r\n background-color: #2ecc71;\r\n }\r\n\r\n .cancel-btn {\r\n background-color: #95a5a6;\r\n color: white;\r\n }\r\n\r\n .cancel-btn:hover {\r\n background-color: #7f8c8d;\r\n }\r\n\r\n .cookie-settings {\r\n display: none;\r\n margin-top: 15px; \/* Reduced from 20px *\/\r\n border-top: 1px solid #eee;\r\n padding-top: 15px; \/* Reduced from 20px *\/\r\n }\r\n\r\n .cookie-settings h4 {\r\n margin-top: 0;\r\n margin-bottom: 10px;\r\n color: #2c3e50;\r\n }\r\n\r\n .cookie-setting-option {\r\n margin-bottom: 0px;\r\n }\r\n\r\n .cookie-setting-option input[type=\"checkbox\"] {\r\n margin-right: 10px;\r\n }\r\n\r\n .cookie-setting-option label {\r\n font-weight: bold;\r\n }\r\n\r\n .cookie-setting-option label span {\r\n font-weight: normal;\r\n color: #7f8c8d;\r\n }\r\n\r\n .cookie-description {\r\n margin: 5px 0 0 25px;\r\n color: #7f8c8d;\r\n font-size: 0.9em;\r\n }\r\n\r\n .cookie-settings-buttons {\r\n display: flex;\r\n gap: 10px;\r\n margin-top: 15px; \/* Reduced from 20px *\/\r\n }\r\n\r\n .cookie-policy-link {\r\n margin-top: 8px; \/* Reduced from 20px *\/\r\n font-size: 0.9em;\r\n }\r\n\r\n .cookie-policy-link a {\r\n color: #3498db;\r\n text-decoration: none;\r\n margin-right: 15px;\r\n }\r\n\r\n .cookie-policy-link a:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .cookie-consent-buttons {\r\n flex-direction: column;\r\n }\r\n \r\n .cookie-btn {\r\n width: 100%;\r\n }\r\n \r\n .cookie-settings-buttons {\r\n flex-direction: column;\r\n }\r\n \r\n .cookie-settings-buttons .cookie-btn {\r\n width: 100%;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Your website content goes here -->\r\n \r\n <!-- Cookie Consent Popup -->\r\n <div id=\"cookie-consent-popup\" class=\"cookie-consent-popup\">\r\n <div class=\"cookie-consent-content\">\r\n <h5>MANAGE CONSENT<\/h5>\r\n <p>To provide the best experiences, we use technologies like cookies to store and\/or access device information. <br>Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs <br>on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.<\/p>\r\n \r\n <div class=\"cookie-consent-buttons\">\r\n <button id=\"accept-all-cookies\" class=\"cookie-btn accept-btn\">Accept All<\/button>\r\n <button id=\"settings-cookies\" class=\"cookie-btn settings-btn\">Settings<\/button>\r\n <button id=\"reject-cookies\" class=\"cookie-btn reject-btn\">Reject<\/button>\r\n <\/div>\r\n \r\n <div class=\"cookie-settings\" id=\"cookie-settings\">\r\n <h4>Cookie Settings<\/h4>\r\n <div class=\"cookie-setting-option\">\r\n <input type=\"checkbox\" id=\"necessary-cookies\" checked disabled>\r\n <label for=\"necessary-cookies\">Necessary Cookies <span>(Always Active)<\/span><\/label>\r\n <p class=\"cookie-description\">These cookies are essential for the website to function properly.<\/p>\r\n <\/div>\r\n <div class=\"cookie-setting-option\">\r\n <input type=\"checkbox\" id=\"analytics-cookies\" checked>\r\n <label for=\"analytics-cookies\">Analytics Cookies<\/label>\r\n <p class=\"cookie-description\">These cookies help us understand how visitors interact with our website.<\/p>\r\n <\/div>\r\n <div class=\"cookie-setting-option\">\r\n <input type=\"checkbox\" id=\"marketing-cookies\">\r\n <label for=\"marketing-cookies\">Marketing Cookies<\/label>\r\n <p class=\"cookie-description\">These cookies are used to track visitors across websites.<\/p>\r\n <\/div>\r\n <div class=\"cookie-setting-option\">\r\n <input type=\"checkbox\" id=\"preferences-cookies\" checked>\r\n <label for=\"preferences-cookies\">Preferences Cookies<\/label>\r\n <p class=\"cookie-description\">These cookies allow the website to remember choices you make.<\/p>\r\n <\/div>\r\n \r\n <div class=\"cookie-settings-buttons\">\r\n <button id=\"save-settings\" class=\"cookie-btn save-btn\">Save Settings<\/button>\r\n <button id=\"cancel-settings\" class=\"cookie-btn cancel-btn\">Cancel<\/button>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"cookie-policy-link\">\r\n <a href=\"https:\/\/www.iium.edu.my\/v2\/cookie-policy-eu\/\" target=\"_blank\">Cookie Policy<\/a>\r\n <a href=\"https:\/\/www.iium.edu.my\/v2\/personal-data-policy\/\" target=\"_blank\">Personal Data Policy<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const cookiePopup = document.getElementById('cookie-consent-popup');\r\n const acceptAllBtn = document.getElementById('accept-all-cookies');\r\n const settingsBtn = document.getElementById('settings-cookies');\r\n const rejectBtn = document.getElementById('reject-cookies');\r\n const cookieSettings = document.getElementById('cookie-settings');\r\n const saveSettingsBtn = document.getElementById('save-settings');\r\n const cancelSettingsBtn = document.getElementById('cancel-settings');\r\n \r\n \/\/ Check if user has already made a choice\r\n if (!getCookie('cookie_consent')) {\r\n \/\/ Show popup if no choice has been made\r\n setTimeout(() => {\r\n cookiePopup.style.display = 'block';\r\n }, 1000);\r\n }\r\n \r\n \/\/ Accept all cookies\r\n acceptAllBtn.addEventListener('click', function() {\r\n setCookie('cookie_consent', 'all', 365);\r\n setCookie('necessary_cookies', 'true', 365);\r\n setCookie('analytics_cookies', 'true', 365);\r\n setCookie('marketing_cookies', 'true', 365);\r\n setCookie('preferences_cookies', 'true', 365);\r\n cookiePopup.style.display = 'none';\r\n initializeCookies('all');\r\n });\r\n \r\n \/\/ Reject all but necessary cookies\r\n rejectBtn.addEventListener('click', function() {\r\n setCookie('cookie_consent', 'necessary', 365);\r\n setCookie('necessary_cookies', 'true', 365);\r\n setCookie('analytics_cookies', 'false', 365);\r\n setCookie('marketing_cookies', 'false', 365);\r\n setCookie('preferences_cookies', 'false', 365);\r\n cookiePopup.style.display = 'none';\r\n initializeCookies('necessary');\r\n });\r\n \r\n \/\/ Show settings\r\n settingsBtn.addEventListener('click', function() {\r\n cookieSettings.style.display = 'block';\r\n });\r\n \r\n \/\/ Save settings\r\n saveSettingsBtn.addEventListener('click', function() {\r\n const analyticsChecked = document.getElementById('analytics-cookies').checked;\r\n const marketingChecked = document.getElementById('marketing-cookies').checked;\r\n const preferencesChecked = document.getElementById('preferences-cookies').checked;\r\n \r\n setCookie('cookie_consent', 'custom', 365);\r\n setCookie('necessary_cookies', 'true', 365);\r\n setCookie('analytics_cookies', analyticsChecked ? 'true' : 'false', 365);\r\n setCookie('marketing_cookies', marketingChecked ? 'true' : 'false', 365);\r\n setCookie('preferences_cookies', preferencesChecked ? 'true' : 'false', 365);\r\n \r\n cookieSettings.style.display = 'none';\r\n cookiePopup.style.display = 'none';\r\n \r\n \/\/ Initialize cookies based on preferences\r\n initializeCookies('custom', {\r\n analytics: analyticsChecked,\r\n marketing: marketingChecked,\r\n preferences: preferencesChecked\r\n });\r\n });\r\n \r\n \/\/ Cancel settings\r\n cancelSettingsBtn.addEventListener('click', function() {\r\n cookieSettings.style.display = 'none';\r\n });\r\n \r\n \/\/ Load saved settings when settings is opened\r\n settingsBtn.addEventListener('click', function() {\r\n document.getElementById('analytics-cookies').checked = getCookie('analytics_cookies') === 'true';\r\n document.getElementById('marketing-cookies').checked = getCookie('marketing_cookies') === 'true';\r\n document.getElementById('preferences-cookies').checked = getCookie('preferences_cookies') === 'true';\r\n });\r\n \r\n \/\/ Cookie helper functions\r\n function setCookie(name, value, days) {\r\n let expires = \"\";\r\n if (days) {\r\n const date = new Date();\r\n date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));\r\n expires = \"; expires=\" + date.toUTCString();\r\n }\r\n document.cookie = name + \"=\" + (value || \"\") + expires + \"; path=\/; SameSite=Lax\";\r\n }\r\n \r\n function getCookie(name) {\r\n const nameEQ = name + \"=\";\r\n const ca = document.cookie.split(';');\r\n for (let i = 0; i < ca.length; i++) {\r\n let c = ca[i];\r\n while (c.charAt(0) === ' ') c = c.substring(1, c.length);\r\n if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\r\n }\r\n return null;\r\n }\r\n \r\n \/\/ Function to initialize cookies based on user preferences\r\n function initializeCookies(consentType, customSettings) {\r\n \/\/ This is where you would initialize your actual cookies\r\n \/\/ For example:\r\n \/\/ if (consentType === 'all' || (consentType === 'custom' && customSettings.analytics)) {\r\n \/\/ \/\/ Initialize Google Analytics or other tracking cookies\r\n \/\/ }\r\n \r\n console.log('Cookies initialized based on:', consentType, customSettings);\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-10015013 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-eae-slider=\"49429\" data-id=\"10015013\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-40239a92\" data-eae-slider=\"35766\" data-id=\"40239a92\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1acba8e6 elementor-widget elementor-widget-html\" data-id=\"1acba8e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\r\n(function() {\r\n \/\/ Create the widget HTML\r\n var widgetHTML = `\r\n <div id=\"accessibility-widget\" style=\"position:fixed;top:50px;right:2px;z-index:9999\">\r\n <button id=\"accessibility-toggle\" aria-label=\"Accessibility Options\" style=\"width:60px;height:60px;background:transparent;color:#2266ff;border:none;padding:10px;margin:0;cursor:pointer;display:grid;place-items:center;font-size:40px;line-height:1;border-radius:50%\">\u267f<\/button>\r\n <div id=\"accessibility-panel\" style=\"display:none;background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;padding:15px;width:300px;box-shadow:0 4px 12px rgba(0,0,0,0.15);position:absolute;top:80px;right:0;font-family:Arial,sans-serif\">\r\n <h2 style=\"margin-top:0;font-size:18px;color:#2c3e50;border-bottom:1px solid #ddd;padding-bottom:10px\">Accessibility Options<\/h2>\r\n <h2 style=\"margin-top:0;font-size:18px;color:#2c3e50;border-bottom:1px solid #ddd;padding-bottom:10px\">Accessibility Options<\/h2>\r\n \r\n <div class=\"accessibility-section\">\r\n <button class=\"section-toggle\" onclick=\"toggleSection('text-options')\">Text Options \u25bc<\/button>\r\n <div id=\"text-options\" class=\"section-content\">\r\n <div class=\"accessibility-option\">\r\n <h3>Text Size<\/h3>\r\n <button class=\"accessibility-btn\" onclick=\"setTextSize('normal')\">Normal<\/button>\r\n <button class=\"accessibility-btn\" onclick=\"setTextSize('large')\">Large<\/button>\r\n <button class=\"accessibility-btn\" onclick=\"setTextSize('xlarge')\">X-Large<\/button>\r\n <\/div>\r\n <div class=\"accessibility-option\">\r\n <h3>Text Spacing<\/h3>\r\n <button class=\"accessibility-btn\" onclick=\"setTextSpacing('normal')\">Normal<\/button>\r\n <button class=\"accessibility-btn\" onclick=\"setTextSpacing('wide')\">Wide<\/button>\r\n <\/div>\r\n <div class=\"accessibility-option\">\r\n <h3>Line Height<\/h3>\r\n <button class=\"accessibility-btn\" onclick=\"setLineHeight('normal')\">Normal<\/button>\r\n <button class=\"accessibility-btn\" onclick=\"setLineHeight('wide')\">Wide<\/button>\r\n <\/div>\r\n <div class=\"accessibility-option\">\r\n <h3>Font Style<\/h3>\r\n <button class=\"accessibility-btn\" onclick=\"setReadableFont()\">Readable Font<\/button>\r\n <button class=\"accessibility-btn\" onclick=\"setDyslexiaFont()\">Dyslexia Friendly<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"accessibility-section\">\r\n <button class=\"section-toggle\" onclick=\"toggleSection('color-options')\">Color Options \u25bc<\/button>\r\n <div id=\"color-options\" class=\"section-content\">\r\n <div class=\"accessibility-option\">\r\n <h3>Color Contrast<\/h3>\r\n <button class=\"accessibility-btn\" onclick=\"setContrast('default')\">Default<\/button>\r\n <button class=\"accessibility-btn\" onclick=\"setContrast('high')\">High<\/button>\r\n <button class=\"accessibility-btn\" onclick=\"setContrast('light')\">Light<\/button>\r\n <button class=\"accessibility-btn\" onclick=\"setContrast('dark')\">Dark<\/button>\r\n <\/div>\r\n <div class=\"accessibility-option\">\r\n <h3>Color Mode<\/h3>\r\n <button class=\"accessibility-btn\" onclick=\"setColorMode('default')\">Default<\/button>\r\n <button class=\"accessibility-btn\" onclick=\"setColorMode('monochrome')\">Monochrome<\/button>\r\n <\/div>\r\n <div class=\"accessibility-option\">\r\n <h3>Color Balance<\/h3>\r\n <button class=\"accessibility-btn\" onclick=\"setColorBalance('default')\">Default<\/button>\r\n <button class=\"accessibility-btn\" onclick=\"setColorBalance('protanopia')\">Protanopia<\/button>\r\n <button class=\"accessibility-btn\" onclick=\"setColorBalance('deuteranopia')\">Deuteranopia<\/button>\r\n <button class=\"accessibility-btn\" onclick=\"setColorBalance('tritanopia')\">Tritanopia<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"accessibility-section\">\r\n <button class=\"section-toggle\" onclick=\"toggleSection('navigation-options')\">Navigation Options \u25bc<\/button>\r\n <div id=\"navigation-options\" class=\"section-content\">\r\n <div class=\"accessibility-option\">\r\n <h3>Links<\/h3>\r\n <button class=\"accessibility-btn\" onclick=\"toggleUnderlineLinks()\">Underline Links<\/button>\r\n <button class=\"accessibility-btn\" onclick=\"toggleHighlightLinks()\">Highlight Links<\/button>\r\n <\/div>\r\n <div class=\"accessibility-option\">\r\n <h3>Cursor<\/h3>\r\n <button class=\"accessibility-btn\" onclick=\"setCursor('default')\">Default<\/button>\r\n <button class=\"accessibility-btn\" onclick=\"setCursor('large')\">Large<\/button>\r\n <\/div>\r\n <div class=\"accessibility-option\">\r\n <h3>Tooltips<\/h3>\r\n <button class=\"accessibility-btn\" onclick=\"toggleTooltips()\">Toggle Tooltips<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"accessibility-section\">\r\n <button class=\"section-toggle\" onclick=\"toggleSection('content-options')\">Content Options \u25bc<\/button>\r\n <div id=\"content-options\" class=\"section-content\">\r\n <div class=\"accessibility-option\">\r\n <h3>Images<\/h3>\r\n <button class=\"accessibility-btn\" onclick=\"toggleImages()\">Toggle Images<\/button>\r\n <\/div>\r\n <div class=\"accessibility-option\">\r\n <h3>Animations<\/h3>\r\n <button class=\"accessibility-btn\" onclick=\"toggleAnimations()\">Pause Animations<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"accessibility-option\" style=\"margin-top:15px;text-align:center\">\r\n <button class=\"accessibility-btn reset-btn\" onclick=\"resetAccessibility()\">Reset All Settings<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <style>\r\n #accessibility-widget {\r\n position: fixed;\r\n top: 50%;\r\n right: 0;\r\n transform: translateY(-50%);\r\n z-index: 9999;\r\n font-family: Poppins, 'Segoe UI', Arial, sans-serif;\r\n }\r\n #accessibility-toggle {\r\n background-color: none;\r\n color: white;\r\n border: none;\r\n padding: 0px 0px;\r\n cursor: pointer;\r\n border-radius: 0px 0 0 0px;\r\n font-weight: bold;\r\n box-shadow: -0px 0px 0px rgba(0,0,0,0.2);\r\n font-size: 24px;\r\n transition: all 0.3s ease;\r\n }\r\n #accessibility-toggle:hover {\r\n background-color: #1a5276;\r\n }\r\n .accessibility-section {\r\n margin-bottom: 10px;\r\n border-bottom: 1px solid #eee;\r\n padding-bottom: 10px;\r\n }\r\n .section-toggle {\r\n background: none;\r\n border: none;\r\n color: #0089e0;\r\n font-weight: bold;\r\n font-size: 14px;\r\n cursor: pointer;\r\n padding: 5px 0;\r\n width: 100%;\r\n text-align: left;\r\n }\r\n .section-content {\r\n padding: 5px 0;\r\n }\r\n .accessibility-option {\r\n margin-bottom: 10px;\r\n }\r\n .accessibility-option h3 {\r\n margin: 10px 0 5px 0;\r\n font-size: 14px;\r\n color: #2c3e50;\r\n }\r\n .accessibility-btn {\r\n background-color: #3498db;\r\n color: white;\r\n border: none;\r\n padding: 10px 15px;\r\n margin: 0 5px 5px 0;\r\n cursor: pointer;\r\n border-radius: 3px;\r\n font-size: 14px;\r\n font-weight: bold;\r\n transition: all 0.2s ease;\r\n }\r\n .accessibility-btn:hover {\r\n background-color: #2980b9;\r\n }\r\n .reset-btn {\r\n background-color: #c30000;\r\n }\r\n .reset-btn:hover {\r\n background-color: #10a700;\r\n }\r\n \r\n \/* Accessibility classes *\/\r\n .high-contrast { background-color: #000 !important; color: #fff !important; }\r\n .high-contrast a { color: #ffff00 !important; }\r\n .light-contrast { background-color: #f5f5f5 !important; color: #333 !important; }\r\n .dark-contrast { background-color: #222 !important; color: #eee !important; }\r\n .monochrome { filter: grayscale(100%); }\r\n .large-text { font-size: 1.25em !important; }\r\n .extra-large-text { font-size: 1.5em !important; }\r\n .underline-links a { text-decoration: underline !important; }\r\n .highlight-links a { background-color: yellow !important; padding: 2px !important; }\r\n .readable-font { font-family: Arial, sans-serif !important; }\r\n .dyslexia-font { font-family: 'Comic Sans MS', 'OpenDyslexic', sans-serif !important; line-height: 1.6 !important; }\r\n .wide-spacing { letter-spacing: 0.1em !important; }\r\n .wide-line-height { line-height: 2 !important; }\r\n .no-images img { display: none !important; }\r\n .paused-animation * { animation-play-state: paused !important; transition: none !important; }\r\n .large-cursor { cursor: url('data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA\/wD\/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AkEEjIZW3Xp9QAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAADZElEQVRYw+2XTUhUURTHf+85M6OOaVpGX4uUjEIIWkSLFrVJqE2LSCKCaBFRUEEUbYIgaBFRQVAQ1CIiCGrTphYtWgSFH1EfZp+mqWNOzjjz3r0t3psc35s3b5xk0YELw7333HPP\/557zr3wP9u2bQO2A7VAJVAOFAGFgA+IAXEgBISBZWAemAXeA5PAK2AMiG7UuQZ0A8+BJWA9y1gCXgI9QH22jhuBIWA+R8fpsQAMAo3pHLuAPmAmT4fJMQP0Ak5b4n7gTYGO0+M10G0n3g1MFEm8nXgP4LIS7wemiizeTrwLcFqJ9wMLJRBvJ94JOKzE+4HlEom3E+8AHFbiA8BKicXbiR8FHFbiQ8BqicXbiR8BHFbiw8BaicXbiR8GHFbiI8B6icXbiR8CHFbiT4BYicXbiR8EHFbiT4F4icXbiR8AHFbiT4FEicXbiTcDDivxJ0CiROLtxPcDDivxx0CyROLtxPcBDivxR0CqROLtxPcCDivxh0C6ROLtxPcADivxB0CmROLtxHcDDivx+0CmROLtxHcBDivxe0C2ROLtxHcCDivxu0CuROLtxHcADivxO0CuROLtxLcDDivx20CuROLtxLcBDivxW0CuROLtxLcCDivxm0CuROLtxDcDDivxG0CuROLtxDcBDivx60CuROLtxDcADivxa0CuROLtxNcDDivxq0CuROLtxNcBDivxK0CuROLtxNcBDivxy0CuROLtxNcADivxS0CuROLtxFcBDivxi0CuROLtxJcBDivxC0CuROLtxJcADivx80CuROLtxBcBDivxc0CuROLtxOcBh5X4WSBXAvF24nOAw0r8DJArkng78VnAYSV+GsiVQLyd+AzgsBKfBHIbFG8nPg04rMSngFyRxNuJTwEOK\/FJIFck8XbiE4DDSnwCyBVJvJ34OOCwEh8HckUSbyc+BjisxMeAXJHE24mPAg4r8VEgVyTxduIjgMNKfATIFUm8nfgw4LASfwTkiiTeTnwIcFiJPwRyRRJvJz4IOKzEHwC5Iom3E78POKzE7wG5Iom3E78LOKzE7wC5Iom3E78NOKzEbwG5Iom3E78FOKzEbwK5Iom3E78BOKzErwO5Iom3E78GOKzErwK5Iom3E78COKzErwC5Iom3E78MOKzELwG5Iom3E78IOKzELwC5Iom3Ez8POKzEzwG5Iom3Ez8LOKzEzwC5Iom3Ez8NOKzETwG5Iom3Ez8JOKzETwC5Iom3Ez8OOKzEjwG5Iom3Ez8KOKzEjwC5Iom3Ez8MOKzEDwG5Iom3Ez8AOKzE9wO5Iom3E98HOKzE9wK5Iom3E98DOKzE9wC5Iom3E98NOKzEuwFZJPF24l2Aw0q8E5BFEm8n3gk4rMQ7AFkk8XbiHYDDSrwdyBVJvJ14G+CwEm8DckUSbyfeCjisxFuBXJHE24m3AA4r8WZAFkm8nXgT4LASbwJyRRJvJ94IOKzEG4BckcTbiR8AHFbi+4FckcTbie8DHFbi+4BckcTbie8FHFbie4BckcTbie8GHFbi3YAskng78R2Aw0p8OyCLJN5OfBvgsBLfCsgiibcT3wI4rMQ3A7JI4u3ENwEOK\/FNgCySeDvxjYDDbq7\/2rZtG\/AL4W9qJXZxX4QAAAAASUVORK5CYII='), auto !important; }\r\n .color-blind-protanopia { filter: url('#protanopia'); }\r\n .color-blind-deuteranopia { filter: url('#deuteranopia'); }\r\n .color-blind-tritanopia { filter: url('#tritanopia'); }\r\n .tooltip-enabled [title]:hover::after {\r\n content: attr(title);\r\n position: absolute;\r\n background: #000;\r\n color: #fff;\r\n padding: 5px;\r\n border-radius: 3px;\r\n font-size: 14px;\r\n z-index: 10000;\r\n }\r\n <\/style>\r\n <svg height=\"0\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <filter id=\"protanopia\">\r\n <feColorMatrix type=\"matrix\" values=\"0.567,0.433,0,0,0 0.558,0.442,0,0,0 0,0.242,0.758,0,0 0,0,0,1,0\" \/>\r\n <\/filter>\r\n <filter id=\"deuteranopia\">\r\n <feColorMatrix type=\"matrix\" values=\"0.625,0.375,0,0,0 0.7,0.3,0,0,0 0,0.3,0.7,0,0 0,0,0,1,0\" \/>\r\n <\/filter>\r\n <filter id=\"tritanopia\">\r\n <feColorMatrix type=\"matrix\" values=\"0.95,0.05,0,0,0 0,0.433,0.567,0,0 0,0.475,0.525,0,0 0,0,0,1,0\" \/>\r\n <\/filter>\r\n <\/svg>`;\r\n\r\n \/\/ Insert the widget into the DOM\r\n document.body.insertAdjacentHTML('beforeend', widgetHTML);\r\n\r\n \/\/ Toggle section visibility\r\n window.toggleSection = function(sectionId) {\r\n const section = document.getElementById(sectionId);\r\n const button = section.previousElementSibling;\r\n if (section.style.display === 'block') {\r\n section.style.display = 'none';\r\n button.innerHTML = button.innerHTML.replace('\u25b2', '\u25bc');\r\n } else {\r\n section.style.display = 'block';\r\n button.innerHTML = button.innerHTML.replace('\u25bc', '\u25b2');\r\n }\r\n };\r\n\r\n \/\/ Initialize all sections as collapsed\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const sections = document.querySelectorAll('.section-content');\r\n sections.forEach(section => {\r\n section.style.display = 'none';\r\n });\r\n });\r\n\r\n \/\/ Text size functions\r\n window.setTextSize = function(size) {\r\n document.body.classList.remove('large-text', 'extra-large-text');\r\n if (size === 'large') document.body.classList.add('large-text');\r\n if (size === 'xlarge') document.body.classList.add('extra-large-text');\r\n localStorage.setItem('textSize', size);\r\n };\r\n\r\n \/\/ Text spacing functions\r\n window.setTextSpacing = function(spacing) {\r\n document.body.classList.remove('wide-spacing');\r\n if (spacing === 'wide') document.body.classList.add('wide-spacing');\r\n localStorage.setItem('textSpacing', spacing);\r\n };\r\n\r\n \/\/ Line height functions\r\n window.setLineHeight = function(height) {\r\n document.body.classList.remove('wide-line-height');\r\n if (height === 'wide') document.body.classList.add('wide-line-height');\r\n localStorage.setItem('lineHeight', height);\r\n };\r\n\r\n \/\/ Contrast functions\r\n window.setContrast = function(contrast) {\r\n document.body.classList.remove('high-contrast', 'light-contrast', 'dark-contrast');\r\n if (contrast === 'high') document.body.classList.add('high-contrast');\r\n if (contrast === 'light') document.body.classList.add('light-contrast');\r\n if (contrast === 'dark') document.body.classList.add('dark-contrast');\r\n localStorage.setItem('contrast', contrast);\r\n };\r\n\r\n \/\/ Color mode functions\r\n window.setColorMode = function(mode) {\r\n document.body.classList.remove('monochrome');\r\n if (mode === 'monochrome') document.body.classList.add('monochrome');\r\n localStorage.setItem('colorMode', mode);\r\n };\r\n\r\n \/\/ Color balance functions\r\n window.setColorBalance = function(balance) {\r\n document.body.classList.remove('color-blind-protanopia', 'color-blind-deuteranopia', 'color-blind-tritanopia');\r\n if (balance === 'protanopia') document.body.classList.add('color-blind-protanopia');\r\n if (balance === 'deuteranopia') document.body.classList.add('color-blind-deuteranopia');\r\n if (balance === 'tritanopia') document.body.classList.add('color-blind-tritanopia');\r\n localStorage.setItem('colorBalance', balance);\r\n };\r\n\r\n \/\/ Link functions\r\n window.toggleUnderlineLinks = function() {\r\n document.body.classList.toggle('underline-links');\r\n localStorage.setItem('underlineLinks', document.body.classList.contains('underline-links'));\r\n };\r\n\r\n window.toggleHighlightLinks = function() {\r\n document.body.classList.toggle('highlight-links');\r\n localStorage.setItem('highlightLinks', document.body.classList.contains('highlight-links'));\r\n };\r\n\r\n \/\/ Font functions\r\n window.setReadableFont = function() {\r\n document.body.classList.remove('dyslexia-font');\r\n document.body.classList.add('readable-font');\r\n localStorage.setItem('readableFont', 'true');\r\n localStorage.removeItem('dyslexiaFont');\r\n };\r\n\r\n window.setDyslexiaFont = function() {\r\n document.body.classList.remove('readable-font');\r\n document.body.classList.add('dyslexia-font');\r\n localStorage.setItem('dyslexiaFont', 'true');\r\n localStorage.removeItem('readableFont');\r\n };\r\n\r\n \/\/ Cursor functions\r\n window.setCursor = function(cursor) {\r\n document.body.classList.remove('large-cursor');\r\n if (cursor === 'large') document.body.classList.add('large-cursor');\r\n localStorage.setItem('cursor', cursor);\r\n };\r\n\r\n \/\/ Tooltip functions\r\n window.toggleTooltips = function() {\r\n document.body.classList.toggle('tooltip-enabled');\r\n localStorage.setItem('tooltips', document.body.classList.contains('tooltip-enabled'));\r\n };\r\n\r\n \/\/ Content functions\r\n window.toggleImages = function() {\r\n document.body.classList.toggle('no-images');\r\n localStorage.setItem('noImages', document.body.classList.contains('no-images'));\r\n };\r\n\r\n window.toggleAnimations = function() {\r\n document.body.classList.toggle('paused-animation');\r\n localStorage.setItem('pausedAnimations', document.body.classList.contains('paused-animation'));\r\n };\r\n\r\n \/\/ Reset function\r\n window.resetAccessibility = function() {\r\n document.body.className = '';\r\n localStorage.clear();\r\n };\r\n\r\n \/\/ Toggle panel\r\n document.getElementById('accessibility-toggle').addEventListener('click', function() {\r\n const panel = document.getElementById('accessibility-panel');\r\n panel.style.display = panel.style.display === 'block' ? 'none' : 'block';\r\n });\r\n\r\n \/\/ Load saved preferences\r\n document.addEventListener('DOMContentLoaded', function() {\r\n if (localStorage.getItem('textSize')) setTextSize(localStorage.getItem('textSize'));\r\n if (localStorage.getItem('textSpacing')) setTextSpacing(localStorage.getItem('textSpacing'));\r\n if (localStorage.getItem('lineHeight')) setLineHeight(localStorage.getItem('lineHeight'));\r\n if (localStorage.getItem('contrast')) setContrast(localStorage.getItem('contrast'));\r\n if (localStorage.getItem('colorMode')) setColorMode(localStorage.getItem('colorMode'));\r\n if (localStorage.getItem('colorBalance')) setColorBalance(localStorage.getItem('colorBalance'));\r\n if (localStorage.getItem('underlineLinks') === 'true') document.body.classList.add('underline-links');\r\n if (localStorage.getItem('highlightLinks') === 'true') document.body.classList.add('highlight-links');\r\n if (localStorage.getItem('readableFont') === 'true') document.body.classList.add('readable-font');\r\n if (localStorage.getItem('dyslexiaFont') === 'true') document.body.classList.add('dyslexia-font');\r\n if (localStorage.getItem('cursor') === 'large') document.body.classList.add('large-cursor');\r\n if (localStorage.getItem('tooltips') === 'true') document.body.classList.add('tooltip-enabled');\r\n if (localStorage.getItem('noImages') === 'true') document.body.classList.add('no-images');\r\n if (localStorage.getItem('pausedAnimations') === 'true') document.body.classList.add('paused-animation');\r\n });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-3fab523f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-eae-slider=\"2779\" data-id=\"3fab523f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-18e0a4ea\" data-eae-slider=\"28754\" data-id=\"18e0a4ea\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-795b5932 elementor-widget elementor-widget-text-editor\" data-id=\"795b5932\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\">Copyright \u00a9 2026 Dar al-Hikmah Library, IIUM. All rights reserved.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Quick Links IIUM Digital Manuscripts List of Malay Manuscripts About Malay & Islamic Manuscripts Malay manuscripts have played a significant role in shaping the cultural heritage of Southeast Asia, particularly<\/p>\n","protected":false},"author":9,"featured_media":0,"parent":10876,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":{"1":"page","2":"type-page","3":"status-publish","4":"hentry"},"_links":{"self":[{"href":"https:\/\/division.iium.edu.my\/lib\/wp-json\/wp\/v2\/pages\/11820","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/division.iium.edu.my\/lib\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/division.iium.edu.my\/lib\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/division.iium.edu.my\/lib\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/division.iium.edu.my\/lib\/wp-json\/wp\/v2\/comments?post=11820"}],"version-history":[{"count":15,"href":"https:\/\/division.iium.edu.my\/lib\/wp-json\/wp\/v2\/pages\/11820\/revisions"}],"predecessor-version":[{"id":33577,"href":"https:\/\/division.iium.edu.my\/lib\/wp-json\/wp\/v2\/pages\/11820\/revisions\/33577"}],"up":[{"embeddable":true,"href":"https:\/\/division.iium.edu.my\/lib\/wp-json\/wp\/v2\/pages\/10876"}],"wp:attachment":[{"href":"https:\/\/division.iium.edu.my\/lib\/wp-json\/wp\/v2\/media?parent=11820"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}