{"id":844,"date":"2026-07-30T06:11:06","date_gmt":"2026-07-30T06:11:06","guid":{"rendered":"https:\/\/teknik.uin-malang.ac.id\/?page_id=844"},"modified":"2026-07-31T04:21:34","modified_gmt":"2026-07-31T04:21:34","slug":"dema-fakultas","status":"publish","type":"page","link":"https:\/\/teknik.uin-malang.ac.id\/ar\/dema-fakultas\/","title":{"rendered":"Dema Fakultas"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"844\" class=\"elementor elementor-844\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db772ec e-flex e-con-boxed e-con e-parent\" data-id=\"db772ec\" 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-d873953 elementor-widget elementor-widget-text-editor\" data-id=\"d873953\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"wip-container\">\n  <style>\n    \/* Container Utama - Full Width & Rata Kiri *\/\n    .wip-container {\n      width: 100%;\n      display: block;\n      padding: 0;\n      margin: 0;\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n      box-sizing: border-box;\n    }\n\n    *, .wip-container * {\n      box-sizing: border-box;\n    }\n\n    \/* Kartu Utama *\/\n    .wip-card {\n      position: relative;\n      background-color: #ffffff;\n      width: 100%;\n      border-radius: 24px;\n      padding: 32px 28px;\n      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\n      border: 1px solid #f0f4f8;\n      overflow: hidden;\n    }\n\n    \/* Aksen Dekoratif Sudut Kanan Atas *\/\n    .wip-card::before {\n      content: '';\n      position: absolute;\n      top: -35px;\n      right: -35px;\n      width: 140px;\n      height: 140px;\n      background-color: #fff4d6;\n      border-radius: 50%;\n      z-index: 1;\n    }\n\n    \/* Header Section *\/\n    .wip-header {\n      position: relative;\n      z-index: 2;\n      text-align: left;\n      margin-bottom: 24px;\n    }\n\n    .wip-badge {\n      display: inline-block;\n      background-color: #1f2d42;\n      color: #ffca28;\n      font-size: 11px;\n      font-weight: 700;\n      letter-spacing: 1.5px;\n      padding: 6px 16px;\n      border-radius: 20px;\n      text-transform: uppercase;\n      margin-bottom: 12px;\n    }\n\n    .wip-title {\n      color: #1f2d42;\n      font-size: 28px;\n      font-weight: 800;\n      margin: 0;\n      line-height: 1.2;\n    }\n\n    \/* --- ANIMASI WORK IN PROGRESS --- *\/\n    .wip-status-box {\n      position: relative;\n      z-index: 2;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      background-color: #f8fafc;\n      border-radius: 18px;\n      padding: 32px 20px;\n      margin-bottom: 0;\n      border: 1px dashed #cbd5e1;\n    }\n\n    \/* Bar Luar (Frame) *\/\n    .wip-progress-outer {\n      width: 100%;\n      max-width: 380px;\n      height: 38px;\n      background-color: #e2e8f0;\n      border: 4px solid #8295a8;\n      border-radius: 20px;\n      padding: 3px;\n      overflow: hidden;\n      box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.08);\n    }\n\n    \/* Bar Dalam (Isi Striping & Animasi) *\/\n    .wip-progress-inner {\n      height: 100%;\n      width: 70%; \/* Ubah persentase progress di sini jika perlu *\/\n      border-radius: 12px;\n      background: repeating-linear-gradient(\n        -45deg,\n        #fcc229,\n        #fcc229 14px,\n        #1f2d42 14px,\n        #1f2d42 28px\n      );\n      background-size: 39.6px 100%;\n      animation: moveWipStripes 1.5s linear infinite;\n    }\n\n    \/* Keyframe Striping Bergerak *\/\n    @keyframes moveWipStripes {\n      0% {\n        background-position: 0 0;\n      }\n      100% {\n        background-position: 39.6px 0;\n      }\n    }\n\n    \/* Teks \"WORK IN PROGRESS\" *\/\n    .wip-label-text {\n      margin-top: 16px;\n      font-size: 18px;\n      font-weight: 900;\n      color: #1f2d42;\n      letter-spacing: 2px;\n      text-transform: uppercase;\n      text-align: center;\n    }\n  <\/style>\n\n  <!-- Struktur HTML -->\n  <div class=\"wip-card\">\n    \n    <!-- Header -->\n    <div class=\"wip-header\">\n      <span class=\"wip-badge\">Dalam Pengembangan<\/span>\n      <h2 class=\"wip-title\">Portal Layanan Mahasiswa<\/h2>\n    <\/div>\n\n    <!-- Animasi Progress Bar \"Work in Progress\" -->\n    <div class=\"wip-status-box\">\n      <div class=\"wip-progress-outer\">\n        <div class=\"wip-progress-inner\" style=\"width: 70%;\"><\/div>\n      <\/div>\n      <div class=\"wip-label-text\">WORK IN PROGRESS<\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\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>Dalam Pengembangan Portal Layanan Mahasiswa WORK IN PROGRESS<\/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-844","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/844","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=844"}],"version-history":[{"count":7,"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/844\/revisions"}],"predecessor-version":[{"id":1013,"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/844\/revisions\/1013"}],"wp:attachment":[{"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/media?parent=844"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}