Sejarah \u2014 Rekayasa Keselamatan Kebakaran UNJ<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n --bara-hitam: #130d0b;\r\n --bara-hitam-2: #1c1310;\r\n --merah-api: #c81e1e;\r\n --merah-tua: #7a1414;\r\n --jingga: #e8622c;\r\n --emas-bara: #f2a93b;\r\n --putih-asap: #f3ece2;\r\n --abu-asap: #9c8f83;\r\n --garis: rgba(243,236,226,0.12);\r\n }\r\n\r\n *{margin:0;padding:0;box-sizing:border-box;}\r\n\r\n html{scroll-behavior:smooth;}\r\n\r\n body{\r\n background:var(--bara-hitam);\r\n color:var(--putih-asap);\r\n font-family:'Inter',sans-serif;\r\n overflow-x:hidden;\r\n position:relative;\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce){\r\n *{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; scroll-behavior:auto !important;}\r\n }\r\n\r\n ::selection{background:var(--merah-api); color:var(--putih-asap);}\r\n\r\n a{color:inherit;}\r\n\r\n \/* ---------- texture: ember grain ---------- *\/\r\n .grain{\r\n position:fixed; inset:0; pointer-events:none; z-index:2; opacity:0.05; mix-blend-mode:overlay;\r\n background-image:radial-gradient(circle at 20% 30%, #fff 0.5px, transparent 0.5px),\r\n radial-gradient(circle at 70% 80%, #fff 0.5px, transparent 0.5px);\r\n background-size:3px 3px, 4px 4px;\r\n }\r\n\r\n \/* ---------- hero ---------- *\/\r\n .hero{\r\n position:relative; min-height:100svh; display:flex; flex-direction:column; justify-content:flex-end;\r\n padding:96px clamp(20px,5vw,64px) 72px;\r\n background:\r\n radial-gradient(ellipse 90% 60% at 50% 100%, rgba(200,30,30,0.35), transparent 70%),\r\n radial-gradient(ellipse 60% 40% at 30% 20%, rgba(232,98,44,0.12), transparent 70%),\r\n var(--bara-hitam);\r\n overflow:hidden;\r\n border-bottom:1px solid var(--garis);\r\n }\r\n\r\n .flame-stage{\r\n position:absolute; bottom:0; left:50%; transform:translateX(-50%);\r\n width:min(900px,140vw); height:78%; z-index:1; opacity:0.9;\r\n pointer-events:none;\r\n }\r\n\r\n .ember{\r\n position:absolute; bottom:0; border-radius:50%;\r\n background:radial-gradient(circle, var(--emas-bara), transparent 70%);\r\n opacity:0; filter:blur(0.5px);\r\n animation:rise 6s ease-in infinite;\r\n }\r\n @keyframes rise{\r\n 0%{ transform:translateY(0) translateX(0) scale(1); opacity:0; }\r\n 10%{ opacity:0.9; }\r\n 90%{ opacity:0.3; }\r\n 100%{ transform:translateY(-70vh) translateX(var(--drift,20px)) scale(0.2); opacity:0; }\r\n }\r\n\r\n .hero-inner{position:relative; z-index:3; max-width:1180px;}\r\n .eyebrow{\r\n display:inline-flex; align-items:center; gap:10px;\r\n font-family:'JetBrains Mono',monospace; font-size:12.5px; letter-spacing:0.16em; text-transform:uppercase;\r\n color:var(--emas-bara); margin-bottom:22px;\r\n }\r\n .eyebrow::before{content:''; width:26px; height:2px; background:var(--merah-api);}\r\n\r\n h1.headline{\r\n font-family:'Anton',sans-serif; font-weight:400;\r\n font-size:clamp(48px,10vw,132px); line-height:0.92; text-transform:uppercase;\r\n letter-spacing:0.01em;\r\n background:linear-gradient(180deg, #fff 0%, var(--putih-asap) 45%, var(--jingga) 100%);\r\n -webkit-background-clip:text; background-clip:text; color:transparent;\r\n }\r\n h1.headline .accent{\r\n background:linear-gradient(180deg, var(--emas-bara), var(--merah-api));\r\n -webkit-background-clip:text; background-clip:text; color:transparent;\r\n }\r\n\r\n .hero-sub{\r\n display:flex; flex-wrap:wrap; gap:40px; margin-top:38px; align-items:flex-end;\r\n border-top:1px solid var(--garis); padding-top:28px;\r\n }\r\n .hero-lede{max-width:480px; font-size:16.5px; line-height:1.65; color:var(--abu-asap);}\r\n .hero-lede strong{color:var(--putih-asap); font-weight:600;}\r\n .hero-stat{font-family:'JetBrains Mono',monospace;}\r\n .hero-stat .num{font-family:'Anton',sans-serif; font-size:42px; color:var(--emas-bara); display:block; line-height:1;}\r\n .hero-stat .cap{font-size:11px; letter-spacing:0.08em; text-transform:uppercase; color:var(--abu-asap); display:block; margin-top:6px; max-width:150px;}\r\n\r\n .scroll-cue{\r\n position:absolute; right:clamp(20px,5vw,64px); bottom:34px; z-index:3;\r\n writing-mode:vertical-rl; font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:0.2em;\r\n color:var(--abu-asap); text-transform:uppercase; display:flex; align-items:center; gap:10px;\r\n }\r\n .scroll-cue::after{content:''; width:1px; height:46px; background:linear-gradient(var(--jingga), transparent); animation:pulse 2s ease-in-out infinite;}\r\n @keyframes pulse{0%,100%{opacity:0.3;} 50%{opacity:1;}}\r\n\r\n \/* ---------- section shell ---------- *\/\r\n section{padding:110px clamp(20px,5vw,64px);}\r\n .section-head{max-width:720px; margin-bottom:56px;}\r\n .section-tag{\r\n font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:0.14em; text-transform:uppercase;\r\n color:var(--merah-api); display:flex; align-items:center; gap:10px; margin-bottom:16px;\r\n }\r\n .section-tag::before{content:'\u25a0'; font-size:8px; color:var(--emas-bara);}\r\n h2{\r\n font-family:'Anton',sans-serif; font-weight:400; text-transform:uppercase;\r\n font-size:clamp(32px,5vw,58px); line-height:1.02; letter-spacing:0.005em; color:var(--putih-asap);\r\n }\r\n .section-desc{margin-top:18px; font-size:16px; line-height:1.75; color:var(--abu-asap); max-width:640px;}\r\n\r\n \/* ---------- latar belakang ---------- *\/\r\n .latar{background:var(--bara-hitam-2); border-top:1px solid var(--garis); border-bottom:1px solid var(--garis);}\r\n .latar-grid{display:grid; grid-template-columns:1.1fr 0.9fr; gap:64px; align-items:start;}\r\n @media (max-width:860px){ .latar-grid{grid-template-columns:1fr;} }\r\n .latar-text p{color:var(--abu-asap); line-height:1.85; font-size:15.5px; margin-bottom:18px;}\r\n .latar-text strong{color:var(--putih-asap);}\r\n .legal-stack{display:flex; flex-direction:column; gap:2px;}\r\n .legal-item{\r\n display:flex; gap:16px; padding:18px 0; border-bottom:1px solid var(--garis);\r\n }\r\n .legal-item:first-child{border-top:1px solid var(--garis);}\r\n .legal-tag{\r\n font-family:'JetBrains Mono',monospace; font-size:11.5px; color:var(--emas-bara); white-space:nowrap; padding-top:2px; flex-shrink:0;\r\n }\r\n .legal-desc{font-size:14.5px; color:var(--abu-asap); line-height:1.6;}\r\n .legal-desc b{color:var(--putih-asap); font-weight:600;}\r\n\r\n \/* ---------- timeline (the signature element) ---------- *\/\r\n .timeline-section{position:relative;}\r\n .fuse{\r\n position:relative; max-width:980px; margin:0 auto; padding-top:20px;\r\n }\r\n .fuse::before{\r\n content:''; position:absolute; left:50%; top:0; bottom:0; width:3px; transform:translateX(-50%);\r\n background:linear-gradient(180deg, var(--merah-api), var(--jingga) 40%, var(--emas-bara) 70%, transparent);\r\n box-shadow:0 0 24px 2px rgba(232,98,44,0.5);\r\n }\r\n @media (max-width:760px){\r\n .fuse::before{left:22px;}\r\n }\r\n\r\n .tl-item{\r\n position:relative; width:50%; padding:0 52px 84px; \r\n }\r\n .tl-item:nth-child(odd){left:0; text-align:right;}\r\n .tl-item:nth-child(even){left:50%; text-align:left;}\r\n @media (max-width:760px){\r\n .tl-item, .tl-item:nth-child(odd), .tl-item:nth-child(even){\r\n width:100%; left:0; text-align:left; padding:0 0 64px 62px;\r\n }\r\n }\r\n\r\n .tl-node{\r\n position:absolute; top:2px; width:16px; height:16px; border-radius:50%;\r\n background:var(--bara-hitam); border:3px solid var(--jingga);\r\n box-shadow:0 0 0 5px var(--bara-hitam), 0 0 20px 4px rgba(232,98,44,0.6);\r\n }\r\n .tl-item:nth-child(odd) .tl-node{right:-9.5px;}\r\n .tl-item:nth-child(even) .tl-node{left:-9.5px;}\r\n @media (max-width:760px){\r\n .tl-item .tl-node{left:14px; right:auto;}\r\n }\r\n\r\n .tl-year{\r\n font-family:'Anton',sans-serif; font-size:clamp(30px,4vw,44px); color:var(--emas-bara); line-height:1; margin-bottom:10px;\r\n }\r\n .tl-date{\r\n display:block; font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:0.08em; text-transform:uppercase;\r\n color:var(--merah-api); margin-bottom:14px;\r\n }\r\n .tl-card{\r\n background:var(--bara-hitam-2); border:1px solid var(--garis); border-radius:4px; padding:22px 26px;\r\n display:inline-block; text-align:left; max-width:420px;\r\n }\r\n .tl-item:nth-child(even) .tl-card{text-align:left;}\r\n .tl-card h3{\r\n font-family:'Inter',sans-serif; font-size:16px; font-weight:700; color:var(--putih-asap); margin-bottom:8px; text-transform:none; letter-spacing:0;\r\n }\r\n .tl-card p{font-size:14px; line-height:1.7; color:var(--abu-asap);}\r\n\r\n \/* ---------- api merah putih closing ---------- *\/\r\n .penutup{\r\n position:relative;\r\n background:linear-gradient(180deg, var(--bara-hitam) 0%, var(--merah-tua) 130%);\r\n text-align:center; overflow:hidden;\r\n }\r\n .flag-stripe{\r\n position:absolute; top:0; left:0; right:0; height:6px;\r\n background:linear-gradient(90deg, var(--merah-api) 50%, var(--putih-asap) 50%);\r\n }\r\n .penutup-inner{max-width:760px; margin:0 auto; position:relative; z-index:2;}\r\n .penutup .section-tag{justify-content:center;}\r\n .penutup h2{font-size:clamp(30px,5.5vw,54px);}\r\n .penutup .section-desc{margin-left:auto; margin-right:auto; text-align:center;}\r\n .cta-row{display:flex; justify-content:center; gap:18px; margin-top:40px; flex-wrap:wrap;}\r\n .btn{\r\n font-family:'JetBrains Mono',monospace; font-size:12.5px; letter-spacing:0.1em; text-transform:uppercase;\r\n padding:16px 30px; border-radius:2px; text-decoration:none; transition:all .25s ease; display:inline-block;\r\n }\r\n .btn-primary{background:var(--merah-api); color:var(--putih-asap); box-shadow:0 0 30px -5px rgba(200,30,30,0.7);}\r\n .btn-primary:hover{background:var(--jingga); transform:translateY(-2px);}\r\n .btn-ghost{border:1px solid var(--garis); color:var(--putih-asap);}\r\n .btn-ghost:hover{border-color:var(--emas-bara); color:var(--emas-bara);}\r\n\r\n \/* focus visibility *\/\r\n a:focus-visible, button:focus-visible{outline:2px solid var(--emas-bara); outline-offset:3px;}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"grain\"><\/div>\r\n\r\n<section class=\"hero\">\r\n <div class=\"flame-stage\" id=\"flameStage\" aria-hidden=\"true\"><\/div>\r\n <div class=\"hero-inner\">\r\n <span class=\"eyebrow\">Sejarah Program Studi<\/span>\r\n <h1 class=\"headline\">Dari Bara,<br>Menjadi <span class=\"accent\">Bakti.<\/span><\/h1>\r\n <div class=\"hero-sub\">\r\n <p class=\"hero-lede\">\r\n Setiap kobaran api yang melahap Jakarta adalah panggilan. <strong>Program Studi Rekayasa Keselamatan Kebakaran<\/strong>\r\n lahir dari tekad menjaga nyawa, harta, dan masa depan bangsa \u2014 diubah dari ancaman menjadi ilmu, dari amarah api menjadi disiplin pengabdian.\r\n <\/p>\r\n <div class=\"hero-stat\">\r\n <span class=\"num\">~1.500<\/span>\r\n <span class=\"cap\">kasus kebakaran tercatat setiap tahun di Jakarta saja<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"scroll-cue\">Telusuri Sejarah<\/div>\r\n<\/section>\r\n\r\n<section class=\"latar\" id=\"latar\">\r\n <div class=\"section-head\">\r\n <span class=\"section-tag\">Mengapa Kami Berdiri<\/span>\r\n <h2>Api Tak Pernah Menunggu.<\/h2>\r\n <p class=\"section-desc\">Kebakaran melanda tanpa pandang bulu \u2014 dari permukiman padat hingga gedung pencakar langit. Namun bangsa ini belum punya cukup ahli untuk melawannya secara ilmiah.<\/p>\r\n <\/div>\r\n <div class=\"latar-grid\">\r\n <div class=\"latar-text\">\r\n <p>Perumahan mewah, permukiman kumuh, pabrik, hotel, gedung perkantoran, mal, kawasan hutan \u2014 kebakaran <strong>tidak mengenal batas<\/strong>. Ia membawa kerugian yang menembus lima ranah sekaligus: keselamatan jiwa, harta benda, lingkungan, dunia usaha, dan tatanan sosial.<\/p>\r\n <p>Sementara itu, upaya sistematis untuk mencegah dan mengendalikannya nyaris tak ada. Masyarakat pun belum banyak mengenal bahaya kebakaran \u2014 apalagi cara mencegah dan mengendalikannya.<\/p>\r\n <p>Di DKI Jakarta saja, tercatat <strong>760 gedung bertingkat<\/strong> yang wajib memiliki manajer keselamatan kebakaran \u2014 sementara belum satu pun perguruan tinggi di Indonesia meluluskan sarjana untuk mengisi posisi krusial ini.<\/p>\r\n <\/div>\r\n <div class=\"legal-stack\">\r\n <div class=\"legal-item\">\r\n <span class=\"legal-tag\">UU 1\/1970<\/span>\r\n <span class=\"legal-desc\"><b>Keselamatan Kerja<\/b> \u2014 mewajibkan upaya mencegah, mengurangi, dan memadamkan kebakaran di tempat kerja.<\/span>\r\n <\/div>\r\n <div class=\"legal-item\">\r\n <span class=\"legal-tag\">UU 20\/2002 & PP 36\/2005<\/span>\r\n <span class=\"legal-desc\"><b>Bangunan Gedung<\/b> \u2014 mensyaratkan kemampuan bangunan mencegah dan menanggulangi bahaya kebakaran dan petir.<\/span>\r\n <\/div>\r\n <div class=\"legal-item\">\r\n <span class=\"legal-tag\">Perda DKI 8\/2008<\/span>\r\n <span class=\"legal-desc\"><b>Pencegahan & Penanggulangan Kebakaran<\/b> \u2014 memperkuat kewajiban keselamatan kebakaran di ibu kota.<\/span>\r\n <\/div>\r\n <div class=\"legal-item\">\r\n <span class=\"legal-tag\">Permendagri 16\/2009<\/span>\r\n <span class=\"legal-desc\"><b>Standar Kualifikasi Aparatur Damkar<\/b> \u2014 mensyaratkan jenjang S1 untuk Inspektur, Penyuluh, Investigator, dan Instruktur Kebakaran.<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"timeline-section\" id=\"jejak\">\r\n <div class=\"section-head\">\r\n <span class=\"section-tag\">Jejak yang Menyalakan Kami<\/span>\r\n <h2>Perjalanan Berdirinya Program Studi<\/h2>\r\n <p class=\"section-desc\">Dari satu konsentrasi kecil di tengah Program Studi Pendidikan Teknik Mesin, hingga menjadi program studi mandiri pertama di Indonesia \u2014 inilah rekam jejak api yang tak pernah padam.<\/p>\r\n <\/div>\r\n\r\n <div class=\"fuse\">\r\n\r\n <div class=\"tl-item\">\r\n <span class=\"tl-node\"><\/span>\r\n <span class=\"tl-year\">2006<\/span>\r\n <span class=\"tl-date\">Renstra UNJ 2006\u20132017<\/span>\r\n <div class=\"tl-card\">\r\n <h3>Cikal Bakal Gagasan<\/h3>\r\n <p>Fakultas Teknik UNJ mengajukan usulan pembukaan Program Studi S1 Teknik Keselamatan Kebakaran, sejalan dengan Rencana Strategis UNJ \u2014 sebagai wujud komitmen menjawab kebutuhan SDM fire safety berbasis ilmu pengetahuan.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tl-item\">\r\n <span class=\"tl-node\"><\/span>\r\n <span class=\"tl-year\">2011<\/span>\r\n <span class=\"tl-date\">Tahun Ajaran 2011\/2012<\/span>\r\n <div class=\"tl-card\">\r\n <h3>Konsentrasi Pertama Dibuka<\/h3>\r\n <p>Konsentrasi Proteksi Kebakaran dan Teknik Keselamatan resmi dibuka di bawah Program Studi Pendidikan Teknik Mesin, menerima 40 mahasiswa baru \u2014 sebagian di antaranya petugas Dinas Damkar DKI Jakarta.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tl-item\">\r\n <span class=\"tl-node\"><\/span>\r\n <span class=\"tl-year\">2012<\/span>\r\n <span class=\"tl-date\">Rabu, 8 Februari 2012<\/span>\r\n <div class=\"tl-card\">\r\n <h3>Laboratorium Diresmikan<\/h3>\r\n <p>Rektor UNJ, Prof. Dr. Bedjo Sujanto, MPd, meresmikan Laboratorium Riset Fire, Material, and Safety Engineering serta Laboratorium Manajemen dan Teknologi Informasi \u2014 lengkap dengan high speed camera, video thermal, hingga mesin CNC 5-axis.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tl-item\">\r\n <span class=\"tl-node\"><\/span>\r\n <span class=\"tl-year\">2014<\/span>\r\n <span class=\"tl-date\">Pasca Pencabutan Moratorium<\/span>\r\n <div class=\"tl-card\">\r\n <h3>Perjuangan Dimulai<\/h3>\r\n <p>Setelah moratorium pembentukan program studi baru dicabut Kemenristekdikti, UNJ mulai mengajukan pendirian Program Studi Teknik Keselamatan Kebakaran \u2014 sekaligus mengusulkan nomenklatur baru karena belum tercatat dalam basis data nasional.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tl-item\">\r\n <span class=\"tl-node\"><\/span>\r\n <span class=\"tl-year\">2017<\/span>\r\n <span class=\"tl-date\">5 September 2017 \u00b7 SK No. 257\/M\/KPT\/2017<\/span>\r\n <div class=\"tl-card\">\r\n <h3>Nomenklatur Resmi Lahir<\/h3>\r\n <p>Menteri Ristekdikti menerbitkan keputusan tentang Nama Program Studi pada Perguruan Tinggi \u2014 mencatatkan \"Rekayasa Keselamatan Kebakaran (Fire Safety Engineering)\" untuk pertama kalinya dalam sejarah pendidikan tinggi Indonesia.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tl-item\">\r\n <span class=\"tl-node\" style=\"border-color:var(--merah-api); box-shadow:0 0 0 5px var(--bara-hitam), 0 0 26px 6px rgba(200,30,30,0.75);\"><\/span>\r\n <span class=\"tl-year\">2017<\/span>\r\n <span class=\"tl-date\">1 Oktober 2017 \u00b7 SK No. 600\/KPT\/I\/2017<\/span>\r\n <div class=\"tl-card\">\r\n <h3>Program Studi Resmi Berdiri<\/h3>\r\n <p>Menteri Ristekdikti menerbitkan izin pembukaan Program Studi Rekayasa Keselamatan Kebakaran Program Sarjana di Universitas Negeri Jakarta \u2014 menjadikannya program studi S1 pertama di bidang ini di Indonesia.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"penutup\" id=\"hukum\">\r\n <div class=\"flag-stripe\"><\/div>\r\n <div class=\"penutup-inner\">\r\n <span class=\"section-tag\">Api yang Kami Jinakkan Menjadi Ilmu<\/span>\r\n <h2>Menjaga Bangsa dari Ancaman yang Tak Pernah Padam.<\/h2>\r\n <p class=\"section-desc\">Kami berdiri bukan untuk memadamkan api semata \u2014 melainkan untuk mendidik para insinyur yang menjaga jiwa, gedung, industri, dan hutan Indonesia dari kobaran yang mengancam setiap hari. Ini bukan sekadar program studi. Ini bentuk bela negara.<\/p>\r\n <div class=\"cta-row\">\r\n <a href=\"#jejak\" class=\"btn btn-primary\">Lihat Jejak Lengkap<\/a>\r\n <a href=\"#latar\" class=\"btn btn-ghost\">Baca Dasar Hukum<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n \/\/ ember rise animation \u2014 generate floating embers inside hero\r\n (function(){\r\n var stage = document.getElementById('flameStage');\r\n if(!stage) return;\r\n var count = window.innerWidth < 700 ? 14 : 26;\r\n for(var i=0;i<count;i++){\r\n var e = document.createElement('div');\r\n e.className = 'ember';\r\n var size = 2 + Math.random()*5;\r\n e.style.width = size+'px';\r\n e.style.height = size+'px';\r\n e.style.left = (10 + Math.random()*80)+'%';\r\n e.style.animationDelay = (Math.random()*6)+'s';\r\n e.style.animationDuration = (4 + Math.random()*4)+'s';\r\n e.style.setProperty('--drift', (Math.random()*60-30)+'px');\r\n stage.appendChild(e);\r\n }\r\n })();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Sejarah \u2014 Rekayasa Keselamatan Kebakaran UNJ Sejarah Program Studi Dari Bara,Menjadi Bakti. Setiap kobaran api yang melahap Jakarta adalah panggilan. Program Studi Rekayasa Keselamatan Kebakaran lahir dari tekad menjaga nyawa, harta, dan masa depan bangsa \u2014 diubah dari ancaman menjadi ilmu, dari amarah api menjadi disiplin pengabdian. ~1.500 kasus kebakaran tercatat setiap tahun di Jakarta […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/ft.unj.ac.id\/s1rkk\/index.php?rest_route=\/wp\/v2\/pages\/60"}],"collection":[{"href":"https:\/\/ft.unj.ac.id\/s1rkk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ft.unj.ac.id\/s1rkk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ft.unj.ac.id\/s1rkk\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ft.unj.ac.id\/s1rkk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=60"}],"version-history":[{"count":20,"href":"https:\/\/ft.unj.ac.id\/s1rkk\/index.php?rest_route=\/wp\/v2\/pages\/60\/revisions"}],"predecessor-version":[{"id":361,"href":"https:\/\/ft.unj.ac.id\/s1rkk\/index.php?rest_route=\/wp\/v2\/pages\/60\/revisions\/361"}],"wp:attachment":[{"href":"https:\/\/ft.unj.ac.id\/s1rkk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=60"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\r\n\r\n\r\n\r\n\r\nSejarah \u2014 Rekayasa Keselamatan Kebakaran UNJ<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n --bara-hitam: #130d0b;\r\n --bara-hitam-2: #1c1310;\r\n --merah-api: #c81e1e;\r\n --merah-tua: #7a1414;\r\n --jingga: #e8622c;\r\n --emas-bara: #f2a93b;\r\n --putih-asap: #f3ece2;\r\n --abu-asap: #9c8f83;\r\n --garis: rgba(243,236,226,0.12);\r\n }\r\n\r\n *{margin:0;padding:0;box-sizing:border-box;}\r\n\r\n html{scroll-behavior:smooth;}\r\n\r\n body{\r\n background:var(--bara-hitam);\r\n color:var(--putih-asap);\r\n font-family:'Inter',sans-serif;\r\n overflow-x:hidden;\r\n position:relative;\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce){\r\n *{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; scroll-behavior:auto !important;}\r\n }\r\n\r\n ::selection{background:var(--merah-api); color:var(--putih-asap);}\r\n\r\n a{color:inherit;}\r\n\r\n \/* ---------- texture: ember grain ---------- *\/\r\n .grain{\r\n position:fixed; inset:0; pointer-events:none; z-index:2; opacity:0.05; mix-blend-mode:overlay;\r\n background-image:radial-gradient(circle at 20% 30%, #fff 0.5px, transparent 0.5px),\r\n radial-gradient(circle at 70% 80%, #fff 0.5px, transparent 0.5px);\r\n background-size:3px 3px, 4px 4px;\r\n }\r\n\r\n \/* ---------- hero ---------- *\/\r\n .hero{\r\n position:relative; min-height:100svh; display:flex; flex-direction:column; justify-content:flex-end;\r\n padding:96px clamp(20px,5vw,64px) 72px;\r\n background:\r\n radial-gradient(ellipse 90% 60% at 50% 100%, rgba(200,30,30,0.35), transparent 70%),\r\n radial-gradient(ellipse 60% 40% at 30% 20%, rgba(232,98,44,0.12), transparent 70%),\r\n var(--bara-hitam);\r\n overflow:hidden;\r\n border-bottom:1px solid var(--garis);\r\n }\r\n\r\n .flame-stage{\r\n position:absolute; bottom:0; left:50%; transform:translateX(-50%);\r\n width:min(900px,140vw); height:78%; z-index:1; opacity:0.9;\r\n pointer-events:none;\r\n }\r\n\r\n .ember{\r\n position:absolute; bottom:0; border-radius:50%;\r\n background:radial-gradient(circle, var(--emas-bara), transparent 70%);\r\n opacity:0; filter:blur(0.5px);\r\n animation:rise 6s ease-in infinite;\r\n }\r\n @keyframes rise{\r\n 0%{ transform:translateY(0) translateX(0) scale(1); opacity:0; }\r\n 10%{ opacity:0.9; }\r\n 90%{ opacity:0.3; }\r\n 100%{ transform:translateY(-70vh) translateX(var(--drift,20px)) scale(0.2); opacity:0; }\r\n }\r\n\r\n .hero-inner{position:relative; z-index:3; max-width:1180px;}\r\n .eyebrow{\r\n display:inline-flex; align-items:center; gap:10px;\r\n font-family:'JetBrains Mono',monospace; font-size:12.5px; letter-spacing:0.16em; text-transform:uppercase;\r\n color:var(--emas-bara); margin-bottom:22px;\r\n }\r\n .eyebrow::before{content:''; width:26px; height:2px; background:var(--merah-api);}\r\n\r\n h1.headline{\r\n font-family:'Anton',sans-serif; font-weight:400;\r\n font-size:clamp(48px,10vw,132px); line-height:0.92; text-transform:uppercase;\r\n letter-spacing:0.01em;\r\n background:linear-gradient(180deg, #fff 0%, var(--putih-asap) 45%, var(--jingga) 100%);\r\n -webkit-background-clip:text; background-clip:text; color:transparent;\r\n }\r\n h1.headline .accent{\r\n background:linear-gradient(180deg, var(--emas-bara), var(--merah-api));\r\n -webkit-background-clip:text; background-clip:text; color:transparent;\r\n }\r\n\r\n .hero-sub{\r\n display:flex; flex-wrap:wrap; gap:40px; margin-top:38px; align-items:flex-end;\r\n border-top:1px solid var(--garis); padding-top:28px;\r\n }\r\n .hero-lede{max-width:480px; font-size:16.5px; line-height:1.65; color:var(--abu-asap);}\r\n .hero-lede strong{color:var(--putih-asap); font-weight:600;}\r\n .hero-stat{font-family:'JetBrains Mono',monospace;}\r\n .hero-stat .num{font-family:'Anton',sans-serif; font-size:42px; color:var(--emas-bara); display:block; line-height:1;}\r\n .hero-stat .cap{font-size:11px; letter-spacing:0.08em; text-transform:uppercase; color:var(--abu-asap); display:block; margin-top:6px; max-width:150px;}\r\n\r\n .scroll-cue{\r\n position:absolute; right:clamp(20px,5vw,64px); bottom:34px; z-index:3;\r\n writing-mode:vertical-rl; font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:0.2em;\r\n color:var(--abu-asap); text-transform:uppercase; display:flex; align-items:center; gap:10px;\r\n }\r\n .scroll-cue::after{content:''; width:1px; height:46px; background:linear-gradient(var(--jingga), transparent); animation:pulse 2s ease-in-out infinite;}\r\n @keyframes pulse{0%,100%{opacity:0.3;} 50%{opacity:1;}}\r\n\r\n \/* ---------- section shell ---------- *\/\r\n section{padding:110px clamp(20px,5vw,64px);}\r\n .section-head{max-width:720px; margin-bottom:56px;}\r\n .section-tag{\r\n font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:0.14em; text-transform:uppercase;\r\n color:var(--merah-api); display:flex; align-items:center; gap:10px; margin-bottom:16px;\r\n }\r\n .section-tag::before{content:'\u25a0'; font-size:8px; color:var(--emas-bara);}\r\n h2{\r\n font-family:'Anton',sans-serif; font-weight:400; text-transform:uppercase;\r\n font-size:clamp(32px,5vw,58px); line-height:1.02; letter-spacing:0.005em; color:var(--putih-asap);\r\n }\r\n .section-desc{margin-top:18px; font-size:16px; line-height:1.75; color:var(--abu-asap); max-width:640px;}\r\n\r\n \/* ---------- latar belakang ---------- *\/\r\n .latar{background:var(--bara-hitam-2); border-top:1px solid var(--garis); border-bottom:1px solid var(--garis);}\r\n .latar-grid{display:grid; grid-template-columns:1.1fr 0.9fr; gap:64px; align-items:start;}\r\n @media (max-width:860px){ .latar-grid{grid-template-columns:1fr;} }\r\n .latar-text p{color:var(--abu-asap); line-height:1.85; font-size:15.5px; margin-bottom:18px;}\r\n .latar-text strong{color:var(--putih-asap);}\r\n .legal-stack{display:flex; flex-direction:column; gap:2px;}\r\n .legal-item{\r\n display:flex; gap:16px; padding:18px 0; border-bottom:1px solid var(--garis);\r\n }\r\n .legal-item:first-child{border-top:1px solid var(--garis);}\r\n .legal-tag{\r\n font-family:'JetBrains Mono',monospace; font-size:11.5px; color:var(--emas-bara); white-space:nowrap; padding-top:2px; flex-shrink:0;\r\n }\r\n .legal-desc{font-size:14.5px; color:var(--abu-asap); line-height:1.6;}\r\n .legal-desc b{color:var(--putih-asap); font-weight:600;}\r\n\r\n \/* ---------- timeline (the signature element) ---------- *\/\r\n .timeline-section{position:relative;}\r\n .fuse{\r\n position:relative; max-width:980px; margin:0 auto; padding-top:20px;\r\n }\r\n .fuse::before{\r\n content:''; position:absolute; left:50%; top:0; bottom:0; width:3px; transform:translateX(-50%);\r\n background:linear-gradient(180deg, var(--merah-api), var(--jingga) 40%, var(--emas-bara) 70%, transparent);\r\n box-shadow:0 0 24px 2px rgba(232,98,44,0.5);\r\n }\r\n @media (max-width:760px){\r\n .fuse::before{left:22px;}\r\n }\r\n\r\n .tl-item{\r\n position:relative; width:50%; padding:0 52px 84px; \r\n }\r\n .tl-item:nth-child(odd){left:0; text-align:right;}\r\n .tl-item:nth-child(even){left:50%; text-align:left;}\r\n @media (max-width:760px){\r\n .tl-item, .tl-item:nth-child(odd), .tl-item:nth-child(even){\r\n width:100%; left:0; text-align:left; padding:0 0 64px 62px;\r\n }\r\n }\r\n\r\n .tl-node{\r\n position:absolute; top:2px; width:16px; height:16px; border-radius:50%;\r\n background:var(--bara-hitam); border:3px solid var(--jingga);\r\n box-shadow:0 0 0 5px var(--bara-hitam), 0 0 20px 4px rgba(232,98,44,0.6);\r\n }\r\n .tl-item:nth-child(odd) .tl-node{right:-9.5px;}\r\n .tl-item:nth-child(even) .tl-node{left:-9.5px;}\r\n @media (max-width:760px){\r\n .tl-item .tl-node{left:14px; right:auto;}\r\n }\r\n\r\n .tl-year{\r\n font-family:'Anton',sans-serif; font-size:clamp(30px,4vw,44px); color:var(--emas-bara); line-height:1; margin-bottom:10px;\r\n }\r\n .tl-date{\r\n display:block; font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:0.08em; text-transform:uppercase;\r\n color:var(--merah-api); margin-bottom:14px;\r\n }\r\n .tl-card{\r\n background:var(--bara-hitam-2); border:1px solid var(--garis); border-radius:4px; padding:22px 26px;\r\n display:inline-block; text-align:left; max-width:420px;\r\n }\r\n .tl-item:nth-child(even) .tl-card{text-align:left;}\r\n .tl-card h3{\r\n font-family:'Inter',sans-serif; font-size:16px; font-weight:700; color:var(--putih-asap); margin-bottom:8px; text-transform:none; letter-spacing:0;\r\n }\r\n .tl-card p{font-size:14px; line-height:1.7; color:var(--abu-asap);}\r\n\r\n \/* ---------- api merah putih closing ---------- *\/\r\n .penutup{\r\n position:relative;\r\n background:linear-gradient(180deg, var(--bara-hitam) 0%, var(--merah-tua) 130%);\r\n text-align:center; overflow:hidden;\r\n }\r\n .flag-stripe{\r\n position:absolute; top:0; left:0; right:0; height:6px;\r\n background:linear-gradient(90deg, var(--merah-api) 50%, var(--putih-asap) 50%);\r\n }\r\n .penutup-inner{max-width:760px; margin:0 auto; position:relative; z-index:2;}\r\n .penutup .section-tag{justify-content:center;}\r\n .penutup h2{font-size:clamp(30px,5.5vw,54px);}\r\n .penutup .section-desc{margin-left:auto; margin-right:auto; text-align:center;}\r\n .cta-row{display:flex; justify-content:center; gap:18px; margin-top:40px; flex-wrap:wrap;}\r\n .btn{\r\n font-family:'JetBrains Mono',monospace; font-size:12.5px; letter-spacing:0.1em; text-transform:uppercase;\r\n padding:16px 30px; border-radius:2px; text-decoration:none; transition:all .25s ease; display:inline-block;\r\n }\r\n .btn-primary{background:var(--merah-api); color:var(--putih-asap); box-shadow:0 0 30px -5px rgba(200,30,30,0.7);}\r\n .btn-primary:hover{background:var(--jingga); transform:translateY(-2px);}\r\n .btn-ghost{border:1px solid var(--garis); color:var(--putih-asap);}\r\n .btn-ghost:hover{border-color:var(--emas-bara); color:var(--emas-bara);}\r\n\r\n \/* focus visibility *\/\r\n a:focus-visible, button:focus-visible{outline:2px solid var(--emas-bara); outline-offset:3px;}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"grain\"><\/div>\r\n\r\n<section class=\"hero\">\r\n <div class=\"flame-stage\" id=\"flameStage\" aria-hidden=\"true\"><\/div>\r\n <div class=\"hero-inner\">\r\n <span class=\"eyebrow\">Sejarah Program Studi<\/span>\r\n <h1 class=\"headline\">Dari Bara,<br>Menjadi <span class=\"accent\">Bakti.<\/span><\/h1>\r\n <div class=\"hero-sub\">\r\n <p class=\"hero-lede\">\r\n Setiap kobaran api yang melahap Jakarta adalah panggilan. <strong>Program Studi Rekayasa Keselamatan Kebakaran<\/strong>\r\n lahir dari tekad menjaga nyawa, harta, dan masa depan bangsa \u2014 diubah dari ancaman menjadi ilmu, dari amarah api menjadi disiplin pengabdian.\r\n <\/p>\r\n <div class=\"hero-stat\">\r\n <span class=\"num\">~1.500<\/span>\r\n <span class=\"cap\">kasus kebakaran tercatat setiap tahun di Jakarta saja<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"scroll-cue\">Telusuri Sejarah<\/div>\r\n<\/section>\r\n\r\n<section class=\"latar\" id=\"latar\">\r\n <div class=\"section-head\">\r\n <span class=\"section-tag\">Mengapa Kami Berdiri<\/span>\r\n <h2>Api Tak Pernah Menunggu.<\/h2>\r\n <p class=\"section-desc\">Kebakaran melanda tanpa pandang bulu \u2014 dari permukiman padat hingga gedung pencakar langit. Namun bangsa ini belum punya cukup ahli untuk melawannya secara ilmiah.<\/p>\r\n <\/div>\r\n <div class=\"latar-grid\">\r\n <div class=\"latar-text\">\r\n <p>Perumahan mewah, permukiman kumuh, pabrik, hotel, gedung perkantoran, mal, kawasan hutan \u2014 kebakaran <strong>tidak mengenal batas<\/strong>. Ia membawa kerugian yang menembus lima ranah sekaligus: keselamatan jiwa, harta benda, lingkungan, dunia usaha, dan tatanan sosial.<\/p>\r\n <p>Sementara itu, upaya sistematis untuk mencegah dan mengendalikannya nyaris tak ada. Masyarakat pun belum banyak mengenal bahaya kebakaran \u2014 apalagi cara mencegah dan mengendalikannya.<\/p>\r\n <p>Di DKI Jakarta saja, tercatat <strong>760 gedung bertingkat<\/strong> yang wajib memiliki manajer keselamatan kebakaran \u2014 sementara belum satu pun perguruan tinggi di Indonesia meluluskan sarjana untuk mengisi posisi krusial ini.<\/p>\r\n <\/div>\r\n <div class=\"legal-stack\">\r\n <div class=\"legal-item\">\r\n <span class=\"legal-tag\">UU 1\/1970<\/span>\r\n <span class=\"legal-desc\"><b>Keselamatan Kerja<\/b> \u2014 mewajibkan upaya mencegah, mengurangi, dan memadamkan kebakaran di tempat kerja.<\/span>\r\n <\/div>\r\n <div class=\"legal-item\">\r\n <span class=\"legal-tag\">UU 20\/2002 & PP 36\/2005<\/span>\r\n <span class=\"legal-desc\"><b>Bangunan Gedung<\/b> \u2014 mensyaratkan kemampuan bangunan mencegah dan menanggulangi bahaya kebakaran dan petir.<\/span>\r\n <\/div>\r\n <div class=\"legal-item\">\r\n <span class=\"legal-tag\">Perda DKI 8\/2008<\/span>\r\n <span class=\"legal-desc\"><b>Pencegahan & Penanggulangan Kebakaran<\/b> \u2014 memperkuat kewajiban keselamatan kebakaran di ibu kota.<\/span>\r\n <\/div>\r\n <div class=\"legal-item\">\r\n <span class=\"legal-tag\">Permendagri 16\/2009<\/span>\r\n <span class=\"legal-desc\"><b>Standar Kualifikasi Aparatur Damkar<\/b> \u2014 mensyaratkan jenjang S1 untuk Inspektur, Penyuluh, Investigator, dan Instruktur Kebakaran.<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"timeline-section\" id=\"jejak\">\r\n <div class=\"section-head\">\r\n <span class=\"section-tag\">Jejak yang Menyalakan Kami<\/span>\r\n <h2>Perjalanan Berdirinya Program Studi<\/h2>\r\n <p class=\"section-desc\">Dari satu konsentrasi kecil di tengah Program Studi Pendidikan Teknik Mesin, hingga menjadi program studi mandiri pertama di Indonesia \u2014 inilah rekam jejak api yang tak pernah padam.<\/p>\r\n <\/div>\r\n\r\n <div class=\"fuse\">\r\n\r\n <div class=\"tl-item\">\r\n <span class=\"tl-node\"><\/span>\r\n <span class=\"tl-year\">2006<\/span>\r\n <span class=\"tl-date\">Renstra UNJ 2006\u20132017<\/span>\r\n <div class=\"tl-card\">\r\n <h3>Cikal Bakal Gagasan<\/h3>\r\n <p>Fakultas Teknik UNJ mengajukan usulan pembukaan Program Studi S1 Teknik Keselamatan Kebakaran, sejalan dengan Rencana Strategis UNJ \u2014 sebagai wujud komitmen menjawab kebutuhan SDM fire safety berbasis ilmu pengetahuan.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tl-item\">\r\n <span class=\"tl-node\"><\/span>\r\n <span class=\"tl-year\">2011<\/span>\r\n <span class=\"tl-date\">Tahun Ajaran 2011\/2012<\/span>\r\n <div class=\"tl-card\">\r\n <h3>Konsentrasi Pertama Dibuka<\/h3>\r\n <p>Konsentrasi Proteksi Kebakaran dan Teknik Keselamatan resmi dibuka di bawah Program Studi Pendidikan Teknik Mesin, menerima 40 mahasiswa baru \u2014 sebagian di antaranya petugas Dinas Damkar DKI Jakarta.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tl-item\">\r\n <span class=\"tl-node\"><\/span>\r\n <span class=\"tl-year\">2012<\/span>\r\n <span class=\"tl-date\">Rabu, 8 Februari 2012<\/span>\r\n <div class=\"tl-card\">\r\n <h3>Laboratorium Diresmikan<\/h3>\r\n <p>Rektor UNJ, Prof. Dr. Bedjo Sujanto, MPd, meresmikan Laboratorium Riset Fire, Material, and Safety Engineering serta Laboratorium Manajemen dan Teknologi Informasi \u2014 lengkap dengan high speed camera, video thermal, hingga mesin CNC 5-axis.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tl-item\">\r\n <span class=\"tl-node\"><\/span>\r\n <span class=\"tl-year\">2014<\/span>\r\n <span class=\"tl-date\">Pasca Pencabutan Moratorium<\/span>\r\n <div class=\"tl-card\">\r\n <h3>Perjuangan Dimulai<\/h3>\r\n <p>Setelah moratorium pembentukan program studi baru dicabut Kemenristekdikti, UNJ mulai mengajukan pendirian Program Studi Teknik Keselamatan Kebakaran \u2014 sekaligus mengusulkan nomenklatur baru karena belum tercatat dalam basis data nasional.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tl-item\">\r\n <span class=\"tl-node\"><\/span>\r\n <span class=\"tl-year\">2017<\/span>\r\n <span class=\"tl-date\">5 September 2017 \u00b7 SK No. 257\/M\/KPT\/2017<\/span>\r\n <div class=\"tl-card\">\r\n <h3>Nomenklatur Resmi Lahir<\/h3>\r\n <p>Menteri Ristekdikti menerbitkan keputusan tentang Nama Program Studi pada Perguruan Tinggi \u2014 mencatatkan \"Rekayasa Keselamatan Kebakaran (Fire Safety Engineering)\" untuk pertama kalinya dalam sejarah pendidikan tinggi Indonesia.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tl-item\">\r\n <span class=\"tl-node\" style=\"border-color:var(--merah-api); box-shadow:0 0 0 5px var(--bara-hitam), 0 0 26px 6px rgba(200,30,30,0.75);\"><\/span>\r\n <span class=\"tl-year\">2017<\/span>\r\n <span class=\"tl-date\">1 Oktober 2017 \u00b7 SK No. 600\/KPT\/I\/2017<\/span>\r\n <div class=\"tl-card\">\r\n <h3>Program Studi Resmi Berdiri<\/h3>\r\n <p>Menteri Ristekdikti menerbitkan izin pembukaan Program Studi Rekayasa Keselamatan Kebakaran Program Sarjana di Universitas Negeri Jakarta \u2014 menjadikannya program studi S1 pertama di bidang ini di Indonesia.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"penutup\" id=\"hukum\">\r\n <div class=\"flag-stripe\"><\/div>\r\n <div class=\"penutup-inner\">\r\n <span class=\"section-tag\">Api yang Kami Jinakkan Menjadi Ilmu<\/span>\r\n <h2>Menjaga Bangsa dari Ancaman yang Tak Pernah Padam.<\/h2>\r\n <p class=\"section-desc\">Kami berdiri bukan untuk memadamkan api semata \u2014 melainkan untuk mendidik para insinyur yang menjaga jiwa, gedung, industri, dan hutan Indonesia dari kobaran yang mengancam setiap hari. Ini bukan sekadar program studi. Ini bentuk bela negara.<\/p>\r\n <div class=\"cta-row\">\r\n <a href=\"#jejak\" class=\"btn btn-primary\">Lihat Jejak Lengkap<\/a>\r\n <a href=\"#latar\" class=\"btn btn-ghost\">Baca Dasar Hukum<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n \/\/ ember rise animation \u2014 generate floating embers inside hero\r\n (function(){\r\n var stage = document.getElementById('flameStage');\r\n if(!stage) return;\r\n var count = window.innerWidth < 700 ? 14 : 26;\r\n for(var i=0;i<count;i++){\r\n var e = document.createElement('div');\r\n e.className = 'ember';\r\n var size = 2 + Math.random()*5;\r\n e.style.width = size+'px';\r\n e.style.height = size+'px';\r\n e.style.left = (10 + Math.random()*80)+'%';\r\n e.style.animationDelay = (Math.random()*6)+'s';\r\n e.style.animationDuration = (4 + Math.random()*4)+'s';\r\n e.style.setProperty('--drift', (Math.random()*60-30)+'px');\r\n stage.appendChild(e);\r\n }\r\n })();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Sejarah \u2014 Rekayasa Keselamatan Kebakaran UNJ Sejarah Program Studi Dari Bara,Menjadi Bakti. Setiap kobaran api yang melahap Jakarta adalah panggilan. Program Studi Rekayasa Keselamatan Kebakaran lahir dari tekad menjaga nyawa, harta, dan masa depan bangsa \u2014 diubah dari ancaman menjadi ilmu, dari amarah api menjadi disiplin pengabdian. ~1.500 kasus kebakaran tercatat setiap tahun di Jakarta […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/ft.unj.ac.id\/s1rkk\/index.php?rest_route=\/wp\/v2\/pages\/60"}],"collection":[{"href":"https:\/\/ft.unj.ac.id\/s1rkk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ft.unj.ac.id\/s1rkk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ft.unj.ac.id\/s1rkk\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ft.unj.ac.id\/s1rkk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=60"}],"version-history":[{"count":20,"href":"https:\/\/ft.unj.ac.id\/s1rkk\/index.php?rest_route=\/wp\/v2\/pages\/60\/revisions"}],"predecessor-version":[{"id":361,"href":"https:\/\/ft.unj.ac.id\/s1rkk\/index.php?rest_route=\/wp\/v2\/pages\/60\/revisions\/361"}],"wp:attachment":[{"href":"https:\/\/ft.unj.ac.id\/s1rkk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=60"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}