{"id":1046,"date":"2026-07-31T06:23:50","date_gmt":"2026-07-31T06:23:50","guid":{"rendered":"https:\/\/teknik.uin-malang.ac.id\/?page_id=1046"},"modified":"2026-08-03T14:00:03","modified_gmt":"2026-08-03T14:00:03","slug":"ppid","status":"publish","type":"page","link":"https:\/\/teknik.uin-malang.ac.id\/en\/ppid\/","title":{"rendered":"PPID"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1046\" class=\"elementor elementor-1046\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd0a6c5 e-flex e-con-boxed e-con e-parent\" data-id=\"fd0a6c5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<h2 data-interaction-id=\"a1f7098\" class=\"e-heading-base\" data-e-type=\"widget\" data-id=\"a1f7098\">PDOI<\/h2>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6ffff06 e-flex e-con-boxed e-con e-parent\" data-id=\"6ffff06\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7fa2f76 elementor-widget elementor-widget-text-editor\" data-id=\"7fa2f76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<!-- Load Font Awesome 6 untuk Ikon -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<style>\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n}\n\n\/* SECTION UTAMA: BACKGROUND BIRU TUA SURGA DENGAN AURA CELESTIAL *\/\n.progress-heavenly-section {\n    width: 100%;\n    min-height: 85vh;\n    padding: 60px 20px;\n    background: radial-gradient(circle at 50% 20%, #0d1b3e 0%, #050c1e 60%, #02050e 100%);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    position: relative;\n    overflow: hidden;\n    color: #ffffff;\n}\n\n\/* PANCARAN CAHAYA SURGA (HEAVENLY LIGHT BEAMS) *\/\n.progress-heavenly-section::before {\n    content: \"\";\n    position: absolute;\n    top: -10%;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 600px;\n    height: 600px;\n    background: radial-gradient(circle, rgba(255, 255, 255, 0.22) 0%, rgba(212, 175, 55, 0.15) 35%, rgba(0, 0, 0, 0) 70%);\n    border-radius: 50%;\n    filter: blur(40px);\n    pointer-events: none;\n    animation: heavenlyGlow 6s ease-in-out infinite alternate;\n}\n\n@keyframes heavenlyGlow {\n    0% { opacity: 0.6; transform: translateX(-50%) scale(0.9); }\n    100% { opacity: 1; transform: translateX(-50%) scale(1.15); }\n}\n\n\/* KARTU ELEGANT DENGAN LIS EMAS & GLOW PUTIH SURGA *\/\n.heavenly-card {\n    background: rgba(8, 16, 38, 0.85);\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    border: 1.5px solid rgba(212, 175, 55, 0.5);\n    border-radius: 28px;\n    padding: 55px 45px;\n    max-width: 800px;\n    width: 100%;\n    text-align: center;\n    box-shadow: 0 0 50px rgba(212, 175, 55, 0.2),\n                0 25px 60px rgba(0, 0, 0, 0.8),\n                inset 0 1px 2px rgba(255, 255, 255, 0.5);\n    position: relative;\n    z-index: 2;\n}\n\n\/* WRAPPER TEKS DIKETIK MULTILINE (RESPONSIF & ANTI TERPOTONG) *\/\n.typing-wrapper {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-bottom: 25px;\n}\n\n\/* TEKS JUDUL UTAMA DENGAN GRADASI PUTIH SURGA KEEMASAN *\/\n.typing-title-multiline {\n    font-size: 24px;\n    font-weight: 700;\n    line-height: 1.5;\n    letter-spacing: 0.5px;\n    \n    \/* Gradasi Teks Cahaya Surga *\/\n    background: linear-gradient(180deg, #FFFFFF 20%, #FFF5D1 60%, #D4AF37 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    filter: drop-shadow(0 2px 8px rgba(255, 255, 255, 0.3));\n    \n    \/* Animasi Ketik Murni Tanpa Clip Terpotong *\/\n    display: inline-block;\n    overflow: hidden;\n    border-right: 3px solid #ffffff;\n    animation: typingMulti 5s steps(60, end) infinite, blinkCursor 0.75s step-end infinite;\n}\n\n\/* TEKS SUBTITLE PENJELAS *\/\n.typing-subtext-multiline {\n    font-size: 15px;\n    font-weight: 500;\n    line-height: 1.6;\n    color: #f3e0aa;\n    text-shadow: 0 0 10px rgba(243, 224, 170, 0.4);\n    margin-bottom: 35px;\n    \n    display: inline-block;\n    overflow: hidden;\n    border-right: 2px solid #d4af37;\n    animation: typingMulti 5s steps(70, end) infinite, blinkCursor 0.75s step-end infinite;\n    animation-delay: 0.6s;\n}\n\n\/* ANIMASI KETIK SMOOTH FLEXIBLE (100% TIDAK TERPOTONG) *\/\n@keyframes typingMulti {\n    0% { max-width: 0; }\n    55%, 85% { max-width: 100%; }\n    100% { max-width: 0; }\n}\n\n@keyframes blinkCursor {\n    from, to { border-color: transparent; }\n    50% { border-color: #ffffff; }\n}\n\n\/* IKON HEAVENLY ON PROGRESS *\/\n.heavenly-icon-wrapper {\n    position: relative;\n    width: 125px;\n    height: 125px;\n    margin: 0 auto 35px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n\/* Cincin Cahaya Putih Surga *\/\n.heavenly-ring-outer {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    border: 3px solid transparent;\n    border-top-color: #ffffff;\n    border-bottom-color: #d4af37;\n    border-radius: 50%;\n    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.8));\n    animation: spinClockwise 3s linear infinite;\n}\n\n\/* Cincin Emas Dalam *\/\n.heavenly-ring-inner {\n    position: absolute;\n    width: 80%;\n    height: 80%;\n    border: 2px dashed rgba(212, 175, 55, 0.6);\n    border-radius: 50%;\n    animation: spinCounter 4s linear infinite;\n}\n\n\/* Ikon Utama Mahkota \/ Bintang Pulsing *\/\n.heavenly-main-icon {\n    font-size: 42px;\n    color: #ffffff;\n    filter: drop-shadow(0 0 15px rgba(255, 255, 255, 0.9)) drop-shadow(0 0 25px rgba(212, 175, 55, 0.8));\n    animation: iconPulse 2s ease-in-out infinite;\n}\n\n@keyframes spinClockwise {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n}\n\n@keyframes spinCounter {\n    0% { transform: rotate(360deg); }\n    100% { transform: rotate(0deg); }\n}\n\n@keyframes iconPulse {\n    0%, 100% { transform: scale(1); opacity: 0.95; }\n    50% { transform: scale(1.15); opacity: 1; }\n}\n\n\/* PROGRESS BAR CAHAYA ELEGANT *\/\n.heavenly-progress-bar {\n    width: 100%;\n    height: 6px;\n    background: rgba(255, 255, 255, 0.12);\n    border-radius: 10px;\n    overflow: hidden;\n    position: relative;\n    box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);\n}\n\n.heavenly-progress-fill {\n    height: 100%;\n    width: 50%;\n    background: linear-gradient(90deg, #d4af37, #ffffff, #d4af37);\n    border-radius: 10px;\n    box-shadow: 0 0 15px rgba(255, 255, 255, 0.8);\n    animation: progressLight 2.5s ease-in-out infinite alternate;\n}\n\n@keyframes progressLight {\n    0% { width: 10%; }\n    100% { width: 90%; }\n}\n\n\/* RESPONSIVE DESIGN FOR HP & TABLET *\/\n@media (max-width: 768px) {\n    .heavenly-card {\n        padding: 40px 20px;\n    }\n    .typing-title-multiline {\n        font-size: 17px;\n    }\n    .typing-subtext-multiline {\n        font-size: 12px;\n    }\n    .heavenly-icon-wrapper {\n        width: 100px;\n        height: 100px;\n    }\n    .heavenly-main-icon {\n        font-size: 34px;\n    }\n}\n<\/style>\n\n<section class=\"progress-heavenly-section\">\n    <div class=\"heavenly-card\">\n        \n        <!-- 1. Keterangan Utama (Judul Diatas) - 100% Utuh Tidak Terpotong -->\n        <div class=\"typing-wrapper\">\n            <h2 class=\"typing-title-multiline\">\n                The finest academic services are currently being prepared for you.\n            <\/h2>\n        <\/div>\n\n        <!-- 2. Ikon On Progress Cahaya Surga & Emas -->\n        <div class=\"heavenly-icon-wrapper\">\n            <div class=\"heavenly-ring-outer\"><\/div>\n            <div class=\"heavenly-ring-inner\"><\/div>\n            <i class=\"fa-solid fa-crown heavenly-main-icon\"><\/i>\n        <\/div>\n\n        <!-- 3. Keterangan Penjelas (Dibawah Ikon) -->\n        <div class=\"typing-wrapper\">\n            <p class=\"typing-subtext-multiline\">\n                Institutional systems and service frameworks are presently undergoing quality refinement.\n            <\/p>\n        <\/div>\n\n        <!-- Progress Bar Cahaya Emas & Putih -->\n        <div class=\"heavenly-progress-bar\">\n            <div class=\"heavenly-progress-fill\"><\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>PDOI The finest academic services are currently being prepared for you. Institutional systems and service frameworks are presently undergoing quality refinement.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1046","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teknik.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/pages\/1046","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teknik.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teknik.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teknik.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teknik.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/comments?post=1046"}],"version-history":[{"count":8,"href":"https:\/\/teknik.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/pages\/1046\/revisions"}],"predecessor-version":[{"id":1275,"href":"https:\/\/teknik.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/pages\/1046\/revisions\/1275"}],"wp:attachment":[{"href":"https:\/\/teknik.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/media?parent=1046"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}