{"id":720,"date":"2025-09-16T01:08:04","date_gmt":"2025-09-16T01:08:04","guid":{"rendered":"https:\/\/tekniksipil.uin-malang.ac.id\/?page_id=720"},"modified":"2026-08-11T14:59:36","modified_gmt":"2026-08-11T14:59:36","slug":"mbkm-berdampak","status":"publish","type":"page","link":"https:\/\/tekniksipil.uin-malang.ac.id\/zh\/mbkm-berdampak\/","title":{"rendered":"KAMPUS BERDAMPAK"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"720\" class=\"elementor elementor-720\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b431cc e-con-full e-flex e-con e-parent\" data-id=\"3b431cc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1432f89 elementor-widget elementor-widget-text-editor\" data-id=\"1432f89\" 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<!-- Load Font Awesome 6 untuk Ikon Konstruksi & Arsitektur -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<style>\n\/* CONTAINER PROYEK BLUEPRINT & KONSTRUKSI *\/\n.impact-campus-container {\n    width: 100% !important;\n    max-width: 100% !important;\n    margin: 0 auto;\n    padding: 35px 20px;\n    background: radial-gradient(circle at center, rgba(30, 22, 16, 0.9) 0%, rgba(12, 8, 5, 0.98) 100%) !important;\n    border: 2px solid #ff914d;\n    border-radius: 20px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 22px;\n    box-shadow: 0 12px 35px rgba(255, 145, 77, 0.25), inset 0 0 25px rgba(255, 145, 77, 0.1);\n    backdrop-filter: blur(10px);\n    overflow: hidden;\n    position: relative;\n    box-sizing: border-box;\n}\n\n\/* DEKORASI PENGGARIS SAFETY HAZARD KUNING HITAM *\/\n.impact-campus-container::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 6px;\n    background: repeating-linear-gradient(\n        -45deg,\n        #ff914d,\n        #ff914d 15px,\n        #111111 15px,\n        #111111 30px\n    );\n}\n\n\/* CANVAS SVG ANIMASI KONSTRUKSI KAMPUS *\/\n.campus-canvas {\n    width: 100%;\n    max-width: 520px;\n    height: 210px;\n    position: relative;\n}\n\n\/* KEYFRAMES ANIMASI CRANE & KATROL *\/\n@keyframes trolleySwing {\n    0% { transform: translateX(0px); }\n    35% { transform: translateX(0px); }\n    55% { transform: translateX(170px); }\n    80% { transform: translateX(170px); }\n    100% { transform: translateX(0px); }\n}\n\n@keyframes cableLift {\n    0% { height: 100px; }\n    20% { height: 35px; }\n    35% { height: 35px; }\n    55% { height: 35px; }\n    70% { height: 85px; }\n    80% { height: 35px; }\n    100% { height: 100px; }\n}\n\n@keyframes cargoTransport {\n    0% { transform: translateY(0px); opacity: 1; }\n    20% { transform: translateY(-65px); opacity: 1; }\n    35% { transform: translateY(-65px); opacity: 1; }\n    55% { transform: translateY(-65px); opacity: 1; }\n    70% { transform: translateY(-15px); opacity: 1; }\n    78% { transform: translateY(-15px); opacity: 0; }\n    82% { transform: translateY(0px); opacity: 0; }\n    100% { transform: translateY(0px); opacity: 1; }\n}\n\n\/* ANIMASI KELAP-KELIP PENGELASAN \/ WELDING SPARK *\/\n@keyframes sparkGlow {\n    0%, 100% { opacity: 0; transform: scale(0.6); }\n    50% { opacity: 1; transform: scale(1.5); }\n}\n\n.trolley-moving-group {\n    animation: trolleySwing 8s infinite ease-in-out;\n}\n\n.cable-line-anim {\n    animation: cableLift 8s infinite ease-in-out;\n}\n\n.cargo-box-anim {\n    animation: cargoTransport 8s infinite ease-in-out;\n}\n\n.spark-effect {\n    animation: sparkGlow 0.4s infinite alternate ease-in-out;\n}\n\n\/* GRUP TEKS DAN BADGE INFORMATION *\/\n.campus-info-group {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    text-align: center;\n    z-index: 2;\n}\n\n.campus-status-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 6px 18px;\n    background: linear-gradient(90deg, #ff914d, #d4af37);\n    color: #000000;\n    font-size: 11px;\n    font-weight: 900;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    border-radius: 20px;\n    box-shadow: 0 0 12px rgba(255, 145, 77, 0.6);\n}\n\n.campus-main-title {\n    font-family: 'Segoe UI', Roboto, Arial, sans-serif;\n    font-size: 24px;\n    font-weight: 900;\n    color: #ffffff !important;\n    letter-spacing: 0.5px;\n    text-shadow: 0 0 10px rgba(255, 145, 77, 0.4), 0 2px 5px rgba(0,0,0,0.8);\n    margin-top: 4px;\n}\n\n.campus-sub-text {\n    font-size: 13.5px;\n    color: #ffd700;\n    font-weight: 600;\n    letter-spacing: 0.3px;\n    opacity: 0.9;\n}\n\n\/* RESPONSIVE LAYAR HP *\/\n@media (max-width: 600px) {\n    .campus-canvas {\n        height: 165px;\n    }\n    .campus-main-title {\n        font-size: 18px;\n    }\n    .campus-sub-text {\n        font-size: 12px;\n    }\n}\n<\/style>\n\n<div class=\"impact-campus-container\">\n\n    <!-- CANVAS GRAPHIC VOKASIONAL \/ KONSTRUKSI KAMPUS BERDAMPAK -->\n    <svg class=\"campus-canvas\" viewbox=\"0 0 500 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <defs>\n            <!-- GRADASI WARNA ORANGE EMAS -->\n            <lineargradient id=\"goldGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n                <stop offset=\"0%\" stop-color=\"#ff914d\" \/>\n                <stop offset=\"100%\" stop-color=\"#ffd700\" \/>\n            <\/lineargradient>\n\n            <lineargradient id=\"blueprintGrad\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n                <stop offset=\"0%\" stop-color=\"rgba(255, 145, 77, 0.35)\" \/>\n                <stop offset=\"100%\" stop-color=\"rgba(20, 15, 10, 0.85)\" \/>\n            <\/lineargradient>\n        <\/defs>\n\n        <!-- KISI-KISI CETAK BIRU \/ BLUEPRINT GRID BACKGROUND -->\n        <g stroke=\"rgba(255, 145, 77, 0.12)\" stroke-width=\"0.8\">\n            <line x1=\"0\" y1=\"40\" x2=\"500\" y2=\"40\" \/>\n            <line x1=\"0\" y1=\"80\" x2=\"500\" y2=\"80\" \/>\n            <line x1=\"0\" y1=\"120\" x2=\"500\" y2=\"120\" \/>\n            <line x1=\"0\" y1=\"160\" x2=\"500\" y2=\"160\" \/>\n            <line x1=\"100\" y1=\"0\" x2=\"100\" y2=\"200\" \/>\n            <line x1=\"200\" y1=\"0\" x2=\"200\" y2=\"200\" \/>\n            <line x1=\"300\" y1=\"0\" x2=\"300\" y2=\"200\" \/>\n            <line x1=\"400\" y1=\"0\" x2=\"400\" y2=\"200\" \/>\n        <\/g>\n\n        <!-- GROUND \/ TANAH PROYEK -->\n        <rect x=\"0\" y=\"185\" width=\"500\" height=\"15\" fill=\"#221810\" \/>\n        <line x1=\"0\" y1=\"185\" x2=\"500\" y2=\"185\" stroke=\"#ff914d\" stroke-width=\"2\" \/>\n\n        <!-- KERANGKA GEDUNG KAMPUS DENGAN KUBAH\/GABUNGAN ARSITEKTUR (KANAN) -->\n        <g transform=\"translate(320, 35)\">\n            <!-- STRUKTUR UTAMA UTAMA -->\n            <rect x=\"0\" y=\"20\" width=\"120\" height=\"130\" fill=\"url(#blueprintGrad)\" stroke=\"#ff914d\" stroke-width=\"2\" stroke-dasharray=\"4,2\" \/>\n            \n            <!-- KUBAH ELEGAN \/ DOME FRAME (IKONIK KAMPUS) -->\n            <path d=\"M 20 20 A 40 40 0 0 1 100 20 Z\" fill=\"none\" stroke=\"#ffd700\" stroke-width=\"1.8\" stroke-dasharray=\"3,2\" \/>\n\n            <!-- SEKAT PILAR & BALOK BAJA -->\n            <line x1=\"0\" y1=\"55\" x2=\"120\" y2=\"55\" stroke=\"#ff914d\" stroke-width=\"1.5\" \/>\n            <line x1=\"0\" y1=\"90\" x2=\"120\" y2=\"90\" stroke=\"#ff914d\" stroke-width=\"1.5\" \/>\n            <line x1=\"0\" y1=\"125\" x2=\"120\" y2=\"125\" stroke=\"#ff914d\" stroke-width=\"1.5\" \/>\n            <line x1=\"40\" y1=\"20\" x2=\"40\" y2=\"150\" stroke=\"#ff914d\" stroke-width=\"1.5\" \/>\n            <line x1=\"80\" y1=\"20\" x2=\"80\" y2=\"150\" stroke=\"#ff914d\" stroke-width=\"1.5\" \/>\n\n            <!-- CAHAYA PENGELASAN \/ WELDING SPARKS -->\n            <circle class=\"spark-effect\" cx=\"40\" cy=\"55\" r=\"4\" fill=\"#ffffff\" filter=\"drop-shadow(0 0 6px #ffd700)\" \/>\n            <circle class=\"spark-effect\" cx=\"80\" cy=\"90\" r=\"3\" fill=\"#ffffff\" filter=\"drop-shadow(0 0 6px #ff914d)\" \/>\n        <\/g>\n\n        <!-- TOWER CRANE (KIRI) -->\n        <g transform=\"translate(60, 15)\">\n            <!-- BASE FOUNDATION -->\n            <rect x=\"25\" y=\"165\" width=\"20\" height=\"5\" fill=\"#ffd700\" \/>\n            \n            <!-- TIANG UTAMA (LATTICE TOWER) -->\n            <line x1=\"30\" y1=\"20\" x2=\"30\" y2=\"165\" stroke=\"#ff914d\" stroke-width=\"3\" \/>\n            <line x1=\"40\" y1=\"20\" x2=\"40\" y2=\"165\" stroke=\"#ff914d\" stroke-width=\"3\" \/>\n            \n            <!-- SILANG-SILANG KERANGKA TIANG -->\n            <path d=\"M30,20 L40,35 M40,35 L30,50 M30,50 L40,65 M40,65 L30,80 M30,80 L40,95 M40,95 L30,110 M30,110 L40,125 M40,125 L30,140 M30,140 L40,155\" stroke=\"#d4af37\" stroke-width=\"1\" \/>\n\n            <!-- KABIN OPERATOR -->\n            <rect x=\"22\" y=\"15\" width=\"12\" height=\"12\" fill=\"#ffd700\" rx=\"2\" \/>\n            \n            <!-- LENGAN UTAMA (JIB ARM) -->\n            <line x1=\"-30\" y1=\"20\" x2=\"220\" y2=\"20\" stroke=\"#ff914d\" stroke-width=\"3\" \/>\n            <path d=\"M-30,20 L35,0 L220,20\" stroke=\"#d4af37\" stroke-width=\"1\" \/>\n            <rect x=\"-28\" y=\"22\" width=\"18\" height=\"12\" fill=\"#d4af37\" rx=\"1\" \/>\n\n            <!-- KATROL & MATERIAL BAWAAN BERGERAK -->\n            <g class=\"trolley-moving-group\" transform=\"translate(35, 20)\">\n                <rect x=\"-4\" y=\"0\" width=\"10\" height=\"5\" fill=\"#ffffff\" \/>\n                \n                <g class=\"cargo-box-anim\">\n                    <line class=\"cable-line-anim\" x1=\"1\" y1=\"5\" x2=\"1\" y2=\"100\" stroke=\"#ffffff\" stroke-width=\"1.2\" stroke-dasharray=\"2,1\" \/>\n                    <!-- BEBAN MODUL KAMPUS -->\n                    <g transform=\"translate(-10, 35)\">\n                        <rect x=\"0\" y=\"0\" width=\"22\" height=\"16\" fill=\"url(#goldGrad)\" rx=\"2\" stroke=\"#ffffff\" stroke-width=\"1\" \/>\n                        <line x1=\"0\" y1=\"8\" x2=\"22\" y2=\"8\" stroke=\"#000\" stroke-width=\"1\" opacity=\"0.4\" \/>\n                        <line x1=\"11\" y1=\"0\" x2=\"11\" y2=\"16\" stroke=\"#000\" stroke-width=\"1\" opacity=\"0.4\" \/>\n                    <\/g>\n                <\/g>\n            <\/g>\n        <\/g>\n    <\/svg>\n\n    <!-- KETERANGAN STATUS BAHASA INGGRIS -->\n    <div class=\"campus-info-group\">\n        <div class=\"campus-status-badge\">\n            <i class=\"fa-solid fa-drafting-compass\"><\/i> Under Design &#038; Planning\n        <\/div>\n        <h2 class=\"campus-main-title\">Impactful Campus: Still Under Design<\/h2>\n        <p class=\"campus-sub-text\">Creating an impactful educational ecosystem. Master plan and design currently in progress&#8230;<\/p>\n    <\/div>\n\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Under Design &#038; Planning Impactful Campus: Still Under Design Creating an impactful educational ecosystem. Master plan and design currently in progress&#8230;<\/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-720","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tekniksipil.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/pages\/720","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tekniksipil.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tekniksipil.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tekniksipil.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tekniksipil.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/comments?post=720"}],"version-history":[{"count":5,"href":"https:\/\/tekniksipil.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/pages\/720\/revisions"}],"predecessor-version":[{"id":1368,"href":"https:\/\/tekniksipil.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/pages\/720\/revisions\/1368"}],"wp:attachment":[{"href":"https:\/\/tekniksipil.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/media?parent=720"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}