{"id":838,"date":"2026-07-30T06:09:41","date_gmt":"2026-07-30T06:09:41","guid":{"rendered":"https:\/\/teknik.uin-malang.ac.id\/?page_id=838"},"modified":"2026-08-03T13:06:48","modified_gmt":"2026-08-03T13:06:48","slug":"alumni","status":"publish","type":"page","link":"https:\/\/teknik.uin-malang.ac.id\/en\/alumni\/","title":{"rendered":"Alumni"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"838\" class=\"elementor elementor-838\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4199fd7 e-flex e-con-boxed e-con e-parent\" data-id=\"4199fd7\" 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-1188172 elementor-widget elementor-widget-text-editor\" data-id=\"1188172\" 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); \/* Background gelap agar teks sangat jelas dibaca *\/\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: 780px;\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: flex;\n    justify-content: center;\n    align-items: center;\n    margin-bottom: 30px;\n    min-height: 45px;\n}\n\n\/* TEKS UTAMA (JUDUL) - AKADEMIK & DIKETIK *\/\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    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: flex;\n    justify-content: center;\n    align-items: center;\n    margin-bottom: 35px;\n    min-height: 40px;\n}\n\n\/* TEKS SUBTITLE - AKADEMIK & DIKETIK *\/\n.typing-subtext {\n    font-size: 14px;\n    color: #f3e0aa; \/* Warna emas muda agar kontras & gampang 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    width: 0;\n    animation: typeSubtext 4.5s steps(60, end) infinite, blinkCursor 0.75s step-end infinite;\n    animation-delay: 0.5s; \/* Delay sedikit setelah judul berjalan *\/\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 Toga \/ Akademik 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 20px;\n    }\n    .typing-title {\n        font-size: 15px;\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\">Alumni are currently progressing through their academic development.<\/h2>\n        <\/div>\n\n        <!-- 2. Ikon On Progress Beranimasi Putar & Glowing (Topi Toga Akademik) -->\n        <div class=\"icon-wrapper\">\n            <div class=\"icon-ring\"><\/div>\n            <div class=\"icon-ring-inner\"><\/div>\n            <i class=\"fa-solid fa-graduation-cap 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\">The alumni database and scholarly records are presently being processed.<\/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>Alumni are currently progressing through their academic development. The alumni database and scholarly records are presently being processed.<\/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-838","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teknik.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/pages\/838","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=838"}],"version-history":[{"count":7,"href":"https:\/\/teknik.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/pages\/838\/revisions"}],"predecessor-version":[{"id":1245,"href":"https:\/\/teknik.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/pages\/838\/revisions\/1245"}],"wp:attachment":[{"href":"https:\/\/teknik.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/media?parent=838"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}