{"id":494,"date":"2025-07-29T09:43:08","date_gmt":"2025-07-29T09:43:08","guid":{"rendered":"https:\/\/tekniksipil.uin-malang.ac.id\/?page_id=494"},"modified":"2026-08-11T14:55:50","modified_gmt":"2026-08-11T14:55:50","slug":"rekognisi","status":"publish","type":"page","link":"https:\/\/tekniksipil.uin-malang.ac.id\/id\/rekognisi\/","title":{"rendered":"Rekognisi"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"494\" class=\"elementor elementor-494\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6cae92ba e-flex e-con-boxed e-con e-parent\" data-id=\"6cae92ba\" 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-2d3c2d58 elementor-widget elementor-widget-text-editor\" data-id=\"2d3c2d58\" 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 -->\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 GLASSMORPHISM UTAMA *\/\n.realistic-site-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(35, 25, 20, 0.85) 0%, rgba(15, 10, 5, 0.95) 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: 25px;\n    box-shadow: 0 12px 35px rgba(255, 145, 77, 0.25), inset 0 0 20px 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 PROYEK \/ PATTERN KUNING HITAM *\/\n.realistic-site-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\/* STAGE CANVAS ANIMASI PROYEK SVG *\/\n.construction-canvas {\n    width: 100%;\n    max-width: 520px;\n    height: 220px;\n    position: relative;\n}\n\n\/* ANIMASI KATROL TOWER CRANE (LIFT & SWING) *\/\n@keyframes trolleyMove {\n    0% { transform: translateX(0px); }\n    30% { transform: translateX(0px); }\n    50% { transform: translateX(180px); }\n    80% { transform: translateX(180px); }\n    100% { transform: translateX(0px); }\n}\n\n@keyframes hookLift {\n    0% { height: 110px; }\n    20% { height: 40px; }\n    30% { height: 40px; }\n    50% { height: 40px; }\n    65% { height: 90px; }\n    80% { height: 40px; }\n    100% { height: 110px; }\n}\n\n@keyframes cargoDrop {\n    0% { transform: translateY(0px); opacity: 1; }\n    20% { transform: translateY(-70px); opacity: 1; }\n    30% { transform: translateY(-70px); opacity: 1; }\n    50% { transform: translateY(-70px); opacity: 1; }\n    65% { transform: translateY(-20px); opacity: 1; }\n    75% { transform: translateY(-20px); opacity: 0; }\n    80% { transform: translateY(0px); opacity: 0; }\n    100% { transform: translateY(0px); opacity: 1; }\n}\n\n.trolley-group {\n    animation: trolleyMove 8s infinite ease-in-out;\n}\n\n.cable-line {\n    animation: hookLift 8s infinite ease-in-out;\n}\n\n.cargo-box {\n    animation: cargoDrop 8s infinite ease-in-out;\n}\n\n\/* ANIMASI DEBU DAN CAHAYA LAS PADA BANGUNAN *\/\n@keyframes sparkWelding {\n    0%, 100% { opacity: 0; transform: scale(0.5); }\n    50% { opacity: 1; transform: scale(1.4); }\n}\n\n.welding-spark {\n    animation: sparkWelding 0.4s infinite alternate ease-in-out;\n}\n\n\/* TEXT AREA AND BADGES *\/\n.info-text-wrapper {\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.status-tag {\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.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.sub-description {\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    .construction-canvas {\n        height: 170px;\n    }\n    .main-title {\n        font-size: 18px;\n    }\n    .sub-description {\n        font-size: 12px;\n    }\n}\n<\/style>\n\n<div class=\"realistic-site-container\">\n\n    <!-- CANVAS GRAPHIC VECTOR SUASANA PROYEK -->\n    <svg class=\"construction-canvas\" viewBox=\"0 0 500 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <defs>\n            <!-- GRADASI WARNA EMAS ORANGE -->\n            <linearGradient id=\"orangeGoldGrad\" 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=\"buildingGrad\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n                <stop offset=\"0%\" stop-color=\"rgba(255, 145, 77, 0.3)\" \/>\n                <stop offset=\"100%\" stop-color=\"rgba(20, 15, 10, 0.8)\" \/>\n            <\/linearGradient>\n        <\/defs>\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 \/ BUILDING FRAME (KANAN) -->\n        <g transform=\"translate(320, 40)\">\n            <!-- STRUKTUR UTAMA GEDUNG -->\n            <rect x=\"0\" y=\"0\" width=\"110\" height=\"145\" fill=\"url(#buildingGrad)\" stroke=\"#ff914d\" stroke-width=\"2\" stroke-dasharray=\"4,2\" \/>\n            <!-- BALOK BAJA HORISONTAL & VERTIKAL -->\n            <line x1=\"0\" y1=\"35\" x2=\"110\" y2=\"35\" stroke=\"#ff914d\" stroke-width=\"1.5\" \/>\n            <line x1=\"0\" y1=\"70\" x2=\"110\" y2=\"70\" stroke=\"#ff914d\" stroke-width=\"1.5\" \/>\n            <line x1=\"0\" y1=\"105\" x2=\"110\" y2=\"105\" stroke=\"#ff914d\" stroke-width=\"1.5\" \/>\n            <line x1=\"36\" y1=\"0\" x2=\"36\" y2=\"145\" stroke=\"#ff914d\" stroke-width=\"1.5\" \/>\n            <line x1=\"73\" y1=\"0\" x2=\"73\" y2=\"145\" stroke=\"#ff914d\" stroke-width=\"1.5\" \/>\n            \n            <!-- CAHAYA KELAP-KELIP PENGELASAN \/ WELDING SPARK -->\n            <circle class=\"welding-spark\" cx=\"36\" cy=\"35\" r=\"4\" fill=\"#ffffff\" filter=\"drop-shadow(0 0 6px #ffd700)\" \/>\n            <circle class=\"welding-spark\" cx=\"73\" cy=\"70\" r=\"3\" fill=\"#ffffff\" filter=\"drop-shadow(0 0 6px #ff914d)\" \/>\n        <\/g>\n\n        <!-- TOWER CRANE REALISTIS (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            <!-- 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) & COUNTERWEIGHT -->\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            <!-- BEBAN PENYEIMBANG (COUNTERWEIGHT) -->\n            <rect x=\"-28\" y=\"22\" width=\"18\" height=\"12\" fill=\"#d4af37\" rx=\"1\" \/>\n\n            <!-- SISTEM KATROL BERGERAK (TROLLEY & HOOK) -->\n            <g class=\"trolley-group\" transform=\"translate(35, 20)\">\n                <!-- TROLLEY BLOCK -->\n                <rect x=\"-4\" y=\"0\" width=\"10\" height=\"5\" fill=\"#ffffff\" \/>\n                \n                <!-- KABEL DAN CARGO CONTAINER -->\n                <g class=\"cargo-box\">\n                    <line class=\"cable-line\" x1=\"1\" y1=\"5\" x2=\"1\" y2=\"110\" stroke=\"#ffffff\" stroke-width=\"1.2\" stroke-dasharray=\"2,1\" \/>\n                    <!-- MATERIAL BEBAN (PALLET CONTAINER) -->\n                    <g transform=\"translate(-10, 40)\">\n                        <rect x=\"0\" y=\"0\" width=\"22\" height=\"16\" fill=\"url(#orangeGoldGrad)\" 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\n        <!-- MINI EXCAVATOR DEKORATIF DI TANAH -->\n        <g transform=\"translate(200, 160)\">\n            <rect x=\"0\" y=\"15\" width=\"30\" height=\"10\" fill=\"#333\" rx=\"3\" \/>\n            <rect x=\"5\" y=\"5\" width=\"16\" height=\"12\" fill=\"#ff914d\" rx=\"2\" \/>\n            <path d=\"M20,8 L35,0 L42,15\" stroke=\"#ffd700\" stroke-width=\"3\" fill=\"none\" \/>\n        <\/g>\n    <\/svg>\n\n    <!-- KETERANGAN STATUS BHS INGGRIS -->\n    <div class=\"info-text-wrapper\">\n        <div class=\"status-tag\">\n            <i class=\"fa-solid fa-helmet-safety\"><\/i> Under Construction\n        <\/div>\n        <h2 class=\"main-title\">In Progress: Completing Recognition Data<\/h2>\n        <p class=\"sub-description\">Please wait, recognition system data is currently being structured and updated&#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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Under Construction In Progress: Completing Recognition Data Please wait, recognition system data is currently being structured and updated&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-494","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tekniksipil.uin-malang.ac.id\/id\/wp-json\/wp\/v2\/pages\/494","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tekniksipil.uin-malang.ac.id\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tekniksipil.uin-malang.ac.id\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tekniksipil.uin-malang.ac.id\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tekniksipil.uin-malang.ac.id\/id\/wp-json\/wp\/v2\/comments?post=494"}],"version-history":[{"count":7,"href":"https:\/\/tekniksipil.uin-malang.ac.id\/id\/wp-json\/wp\/v2\/pages\/494\/revisions"}],"predecessor-version":[{"id":1364,"href":"https:\/\/tekniksipil.uin-malang.ac.id\/id\/wp-json\/wp\/v2\/pages\/494\/revisions\/1364"}],"wp:attachment":[{"href":"https:\/\/tekniksipil.uin-malang.ac.id\/id\/wp-json\/wp\/v2\/media?parent=494"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}