{"id":831,"date":"2026-07-30T06:05:53","date_gmt":"2026-07-30T06:05:53","guid":{"rendered":"https:\/\/teknik.uin-malang.ac.id\/?page_id=831"},"modified":"2026-08-03T13:13:31","modified_gmt":"2026-08-03T13:13:31","slug":"dokumen","status":"publish","type":"page","link":"https:\/\/teknik.uin-malang.ac.id\/ar\/dokumen\/","title":{"rendered":"Dokumen"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"831\" class=\"elementor elementor-831\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8eb5c60 e-flex e-con-boxed e-con e-parent\" data-id=\"8eb5c60\" 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-3149f2e elementor-widget elementor-widget-text-editor\" data-id=\"3149f2e\" 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\/* CONTAINER UTAMA \/ BACKGROUND *\/\n.progress-page-section {\n    width: 100%;\n    min-height: 80vh;\n    padding: 60px 20px;\n    background: radial-gradient(circle at 50% 30%, #1c2541 0%, #0b132b 60%, #050814 100%);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    position: relative;\n    overflow: hidden;\n    color: #ffffff;\n}\n\n\/* CAHAYA EMAS DI BACKGROUND *\/\n.progress-page-section::before {\n    content: \"\";\n    position: absolute;\n    width: 500px;\n    height: 500px;\n    background: radial-gradient(circle, rgba(212, 175, 55, 0.12) 0%, rgba(212, 175, 55, 0) 70%);\n    top: -150px;\n    left: -100px;\n    pointer-events: none;\n}\n\n.progress-page-section::after {\n    content: \"\";\n    position: absolute;\n    width: 500px;\n    height: 500px;\n    background: radial-gradient(circle, rgba(212, 175, 55, 0.08) 0%, rgba(212, 175, 55, 0) 70%);\n    bottom: -150px;\n    right: -100px;\n    pointer-events: none;\n}\n\n\/* KARTU UTAMA DENGAN KONTRAS TINGGI *\/\n.progress-card {\n    background: rgba(10, 15, 30, 0.88); \/* Latar belakang gelap agar kontras tinggi *\/\n    backdrop-filter: blur(16px);\n    -webkit-backdrop-filter: blur(16px);\n    border: 1px solid rgba(212, 175, 55, 0.35);\n    border-radius: 24px;\n    padding: 50px 40px;\n    max-width: 820px;\n    width: 100%;\n    text-align: center;\n    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.6);\n    position: relative;\n    z-index: 2;\n}\n\n\/* CONTAINER TEKS DIKETIK (JUDUL UTAMA) *\/\n.typing-container-title {\n    display: inline-block;\n    max-width: 100%;\n    margin-bottom: 30px;\n}\n\n\/* TEKS UTAMA (JUDUL) - AKADEMIK & DIKETIK PENUH *\/\n.typing-title {\n    font-size: 22px;\n    font-weight: 700;\n    letter-spacing: 0.5px;\n    color: #ffffff;\n    text-shadow: 0 2px 10px rgba(0,0,0,0.5);\n    border-right: 3px solid #d4af37; \/* Kursor Ngetik *\/\n    white-space: nowrap;\n    overflow: hidden;\n    margin: 0 auto;\n    width: 0;\n    animation: typeTitle 4.5s steps(50, end) infinite, blinkCursor 0.75s step-end infinite;\n}\n\n\/* CONTAINER TEKS DIKETIK (SUBTITLE) *\/\n.typing-container-subtext {\n    display: inline-block;\n    max-width: 100%;\n    margin-bottom: 35px;\n}\n\n\/* TEKS SUBTITLE - AKADEMIK & DIKETIK PENUH *\/\n.typing-subtext {\n    font-size: 14px;\n    color: #f3e0aa; \/* Warna emas muda agar mudah dibaca *\/\n    line-height: 1.5;\n    border-right: 2px solid rgba(243, 224, 170, 0.8);\n    white-space: nowrap;\n    overflow: hidden;\n    margin: 0 auto;\n    width: 0;\n    animation: typeSubtext 4.5s steps(60, end) infinite, blinkCursor 0.75s step-end infinite;\n    animation-delay: 0.5s;\n}\n\n\/* ANIMASI KETIK (KEYFRAMES) *\/\n@keyframes typeTitle {\n    0% { width: 0; }\n    50%, 85% { width: 100%; }\n    100% { width: 0; }\n}\n\n@keyframes typeSubtext {\n    0% { width: 0; }\n    50%, 85% { width: 100%; }\n    100% { width: 0; }\n}\n\n@keyframes blinkCursor {\n    from, to { border-color: transparent; }\n    50% { border-color: #d4af37; }\n}\n\n\/* IKON ON PROGRESS BERANIMASI KINETIK *\/\n.icon-wrapper {\n    position: relative;\n    width: 120px;\n    height: 120px;\n    margin: 0 auto 35px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n\/* Cincin Putar Luar *\/\n.icon-ring {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    border: 3px solid transparent;\n    border-top-color: #d4af37;\n    border-bottom-color: #00f2fe;\n    border-radius: 50%;\n    animation: spin 2.5s linear infinite;\n}\n\n\/* Cincin Putar Dalam *\/\n.icon-ring-inner {\n    position: absolute;\n    width: 80%;\n    height: 80%;\n    border: 2px dashed rgba(212, 175, 55, 0.5);\n    border-radius: 50%;\n    animation: spinReverse 4s linear infinite;\n}\n\n\/* Ikon Utama Dokumen \/ File Pulsing *\/\n.main-icon {\n    font-size: 42px;\n    color: #f3e0aa;\n    animation: pulseIcon 2s ease-in-out infinite;\n}\n\n@keyframes spin {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n}\n\n@keyframes spinReverse {\n    0% { transform: rotate(360deg); }\n    100% { transform: rotate(0deg); }\n}\n\n@keyframes pulseIcon {\n    0%, 100% { transform: scale(1); opacity: 0.9; }\n    50% { transform: scale(1.12); opacity: 1; filter: drop-shadow(0 0 12px rgba(212, 175, 55, 0.8)); }\n}\n\n\/* PROGRESS BAR HARMONIS *\/\n.progress-bar-container {\n    width: 100%;\n    height: 6px;\n    background: rgba(255, 255, 255, 0.1);\n    border-radius: 10px;\n    overflow: hidden;\n    position: relative;\n}\n\n.progress-bar-fill {\n    height: 100%;\n    width: 50%;\n    background: linear-gradient(90deg, #3a7bd5, #d4af37, #00f2fe);\n    border-radius: 10px;\n    animation: progressMove 2.5s ease-in-out infinite alternate;\n}\n\n@keyframes progressMove {\n    0% { width: 15%; }\n    100% { width: 85%; }\n}\n\n\/* RESPONSIVE DESIGN UNTUK HP \/ TABLET *\/\n@media (max-width: 768px) {\n    .progress-card {\n        padding: 35px 15px;\n    }\n    .typing-title {\n        font-size: 14px;\n    }\n    .typing-subtext {\n        font-size: 11px;\n    }\n    .icon-wrapper {\n        width: 100px;\n        height: 100px;\n    }\n    .main-icon {\n        font-size: 34px;\n    }\n}\n<\/style>\n\n<section class=\"progress-page-section\">\n    <div class=\"progress-card\">\n        \n        <!-- 1. Keterangan Utama (Judul Diatas) - Bahasa Inggris Akademik Diketik -->\n        <div class=\"typing-container-title\">\n            <h2 class=\"typing-title\">Documents are currently in the process of collection.<\/h2>\n        <\/div>\n\n        <!-- 2. Ikon On Progress Beranimasi Putar & Glowing (Ikon Berkas Dokumen) -->\n        <div class=\"icon-wrapper\">\n            <div class=\"icon-ring\"><\/div>\n            <div class=\"icon-ring-inner\"><\/div>\n            <i class=\"fa-solid fa-folder-open main-icon\"><\/i>\n        <\/div>\n\n        <!-- 3. Keterangan Penjelas (Dibawah Ikon) - Bahasa Inggris Akademik Diketik -->\n        <div class=\"typing-container-subtext\">\n            <p class=\"typing-subtext\">Institutional records and academic files are presently being gathered for archival review.<\/p>\n        <\/div>\n\n        <!-- Loading Bar Halus -->\n        <div class=\"progress-bar-container\">\n            <div class=\"progress-bar-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>Documents are currently in the process of collection. Institutional records and academic files are presently being gathered for archival review.<\/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-831","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/831","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/comments?post=831"}],"version-history":[{"count":4,"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/831\/revisions"}],"predecessor-version":[{"id":1248,"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/831\/revisions\/1248"}],"wp:attachment":[{"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/media?parent=831"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}