{"id":2981,"date":"2026-10-07T06:46:38","date_gmt":"2026-10-07T06:46:38","guid":{"rendered":"https:\/\/farmasi.unissula.ac.id\/?page_id=2981"},"modified":"2026-10-11T08:43:28","modified_gmt":"2026-10-11T08:43:28","slug":"fasilitas-fakultas","status":"publish","type":"page","link":"https:\/\/farmasi.unissula.ac.id\/?page_id=2981","title":{"rendered":"FASILITAS FAKULTAS"},"content":{"rendered":"<style>\r\n.ff{--g1:#0f8a6a;--g2:#13a37c;--dark:#0a4f3d;--mint:#e6f8f1;--pink:#d6407f;--blush:#fdebf4;--ink:#1c2a3d;--muted:#55657a;--line:#cdeee3;--gold:#f5c451;\r\n  width:min(1200px,calc(100vw - 48px));position:relative;left:50%;transform:translateX(-50%);font-family:system-ui,-apple-system,\"Segoe UI\",Roboto,sans-serif;color:var(--ink);line-height:1.6;box-sizing:border-box}\r\n.ff *{box-sizing:border-box}\r\n.ff h2,.ff h3,.ff h4,.ff p,.ff ul{margin:0}\r\n.ff ul{padding:0;list-style:none}\r\n.ff a{text-decoration:none}\r\n.ff button{font-family:inherit}\r\n\r\n\/* ---------- Hero ---------- *\/\r\n.ff-hero{position:relative;overflow:hidden;border-radius:28px;padding:48px 40px;color:#fff;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:34px;align-items:center;\r\n  background:linear-gradient(135deg,var(--dark),var(--g1) 55%,var(--g2));background-size:cover;background-position:center;box-shadow:0 16px 38px rgba(15,138,106,.3)}\r\n.ff-badge{display:inline-flex;gap:8px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);padding:6px 14px;border-radius:999px;font-size:.82rem;font-weight:600;letter-spacing:.4px}\r\n.ff-hero h2{font-size:clamp(1.9rem,4.4vw,2.8rem);font-weight:800;line-height:1.12;margin-top:16px}\r\n.ff-hero p{margin-top:12px;max-width:560px;opacity:.95}\r\n.ff-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}\r\n.ff-nav a{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;font-weight:700;color:var(--dark);background:#fff;border-radius:999px;padding:10px 18px;box-shadow:0 6px 16px rgba(0,0,0,.16);transition:transform .2s}\r\n.ff-nav a:hover{transform:translateY(-2px);color:var(--dark)}\r\n.ff-nav a.ghost{background:rgba(255,255,255,.14);color:#fff;border:1.5px solid rgba(255,255,255,.55);box-shadow:none}\r\n.ff-nav a.ghost:hover{background:rgba(255,255,255,.24);color:#fff}\r\n.ff-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}\r\n.ff-st{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:18px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}\r\n.ff-st b{display:block;font-size:clamp(1.8rem,3.4vw,2.4rem);font-weight:800;line-height:1.1}\r\n.ff-st span{display:block;font-size:.86rem;font-weight:700;margin-top:4px}\r\n.ff-st small{display:block;font-size:.75rem;opacity:.88;margin-top:2px;line-height:1.4}\r\n\r\n\/* ---------- Judul bagian ---------- *\/\r\n.ff-sec{margin:56px 0 20px;text-align:center;scroll-margin-top:100px}\r\n.ff-kick{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--pink);background:var(--blush);border-radius:999px;padding:4px 14px}\r\n.ff-sec h3{font-size:clamp(1.4rem,3vw,1.85rem);font-weight:800;color:var(--dark);margin-top:10px;line-height:1.25}\r\n.ff-sec p{font-size:.95rem;color:var(--muted);max-width:700px;margin:8px auto 0}\r\n\r\n\/* ---------- Panduan cepat \"Saya ingin...\" ---------- *\/\r\n.ff-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\r\n.ff-q{position:relative;display:flex;flex-direction:column;background:#fff;border:1.5px solid var(--line);border-radius:22px;overflow:hidden;transition:transform .25s,box-shadow .25s}\r\n.ff-q:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(15,138,106,.16)}\r\n.ff-q-img{position:relative;aspect-ratio:5\/4;background:linear-gradient(135deg,var(--mint),var(--blush));display:flex;align-items:center;justify-content:center;font-size:3rem;overflow:hidden}\r\n.ff-q-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}\r\n.ff-q:hover .ff-q-img img{transform:scale(1.06)}\r\n.ff-q-img i{position:absolute;left:14px;bottom:14px;z-index:1;width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:1.45rem;background:#fff;box-shadow:0 8px 18px rgba(0,0,0,.15)}\r\n.ff-q-b{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}\r\n.ff-q-b small{font-size:.76rem;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--pink)}\r\n.ff-q-b h4{font-size:1.08rem;font-weight:800;color:var(--dark);line-height:1.3}\r\n.ff-q-b p{font-size:.86rem;color:var(--muted);line-height:1.5}\r\n.ff-where{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}\r\n.ff-where span{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:700;color:var(--dark);background:var(--mint);border-radius:999px;padding:4px 10px}\r\n.ff-q-act{display:flex;gap:8px;margin-top:auto;padding-top:12px}\r\n.ff-btn{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1.5px solid var(--line);background:#fff;color:var(--dark);font-weight:700;font-size:.82rem;padding:8px 14px;border-radius:999px;transition:all .2s}\r\n.ff-btn:hover{border-color:var(--g1);background:var(--mint);color:var(--dark)}\r\n.ff-btn.main{background:linear-gradient(135deg,var(--g1),var(--g2));border-color:transparent;color:#fff}\r\n.ff-btn.main:hover{color:#fff;box-shadow:0 6px 14px rgba(15,138,106,.3)}\r\n\r\n\/* ---------- Gedung (tab) ---------- *\/\r\n.ff-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:18px}\r\n.ff-tab{cursor:pointer;display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--line);background:#fff;color:var(--dark);font-weight:800;font-size:.95rem;padding:11px 22px;border-radius:999px;transition:all .2s}\r\n.ff-tab:hover{background:var(--mint)}\r\n.ff-tab.on{background:linear-gradient(135deg,var(--g1),var(--g2));border-color:transparent;color:#fff;box-shadow:0 8px 18px rgba(15,138,106,.3)}\r\n.ff-tab small{font-size:.74rem;font-weight:700;opacity:.8}\r\n.ff-bpanel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:20px;align-items:start;animation:ffIn .4s ease}\r\n@keyframes ffIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}\r\n.ff-bphoto{position:sticky;top:100px;border-radius:24px;overflow:hidden;min-height:420px;background:linear-gradient(135deg,var(--dark),var(--g1));background-size:cover;background-position:center;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;box-shadow:0 14px 30px rgba(11,61,60,.18)}\r\n.ff-bphoto::before{content:\"\";position:absolute;z-index:0;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.72))}\r\n.ff-bphoto>*{position:relative;z-index:1}\r\n.ff-bphoto .zoom{position:absolute}\r\n.ff-bphoto h4{font-size:1.5rem;font-weight:800;line-height:1.2}\r\n.ff-bphoto p{font-size:.88rem;opacity:.95;margin-top:6px}\r\n.ff-bphoto .zoom{position:absolute;top:16px;right:16px;cursor:pointer;border:0;background:rgba(255,255,255,.9);color:var(--dark);font-weight:700;font-size:.8rem;padding:7px 12px;border-radius:999px}\r\n.ff-dir{background:#fff;border:1.5px solid var(--line);border-radius:24px;overflow:hidden}\r\n.ff-dir-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 20px;background:linear-gradient(90deg,var(--mint),#fff);border-bottom:1.5px solid var(--line)}\r\n.ff-dir-h b{font-size:1rem;color:var(--dark)}\r\n.ff-dir-h span{font-size:.78rem;color:var(--muted);font-weight:600}\r\n.ff-floor{display:grid;grid-template-columns:78px minmax(0,1fr);border-top:1.5px solid var(--line)}\r\n.ff-floor:first-of-type{border-top:0}\r\n.ff-floor>b{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--dark);color:#fff;font-size:1.25rem;font-weight:800;line-height:1;padding:10px 4px}\r\n.ff-floor>b small{font-size:.62rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;opacity:.8;margin-bottom:3px}\r\n.ff-floor:nth-of-type(even)>b{background:var(--g1)}\r\n.ff-floor.lain>b{background:#7a8794;font-size:.8rem;text-align:center}\r\n.ff-rooms{display:flex;flex-direction:column}\r\n.ff-room{display:flex;align-items:center;gap:12px;padding:11px 16px;border-top:1px dashed var(--line)}\r\n.ff-room:first-child{border-top:0}\r\n.ff-room>i{flex:0 0 36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:1.1rem;background:var(--mint)}\r\n.ff-room>div{flex:1;min-width:0}\r\n.ff-room b{display:block;font-size:.9rem;color:var(--ink);line-height:1.3}\r\n.ff-room small{display:block;font-size:.76rem;color:var(--muted);line-height:1.35}\r\n.ff-room em{flex:0 0 auto;font-style:normal;font-size:.74rem;font-weight:800;color:#fff;background:var(--g1);border-radius:999px;padding:2px 9px}\r\n.ff-thumb{flex:0 0 auto;cursor:pointer;display:flex;align-items:center;gap:8px;border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:3px 10px 3px 3px;font-weight:700;font-size:.76rem;color:var(--dark);transition:all .2s}\r\n.ff-thumb img{width:40px;height:32px;object-fit:cover;border-radius:8px;display:block}\r\n.ff-thumb:hover{border-color:var(--g1);background:var(--mint)}\r\n\r\n\/* ---------- Laboratorium ---------- *\/\r\n.ff-labs{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}\r\n.ff-lab{display:flex;flex-direction:column;background:#fff;border:1.5px solid var(--line);border-radius:24px;overflow:hidden}\r\n.ff-lab-img{position:relative;aspect-ratio:5\/4;background:linear-gradient(135deg,var(--dark),var(--g1));background-size:cover;background-position:center;background-repeat:no-repeat}\r\n.ff-lab:nth-child(2) .ff-lab-img{background-image:linear-gradient(135deg,#8f1752,var(--pink))}\r\n.ff-lab-img span{position:absolute;left:16px;top:16px;font-size:.78rem;font-weight:800;color:var(--dark);background:#fff;border-radius:999px;padding:5px 12px;box-shadow:0 4px 12px rgba(0,0,0,.15)}\r\n.ff-lab-b{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1}\r\n.ff-lab-b h4{font-size:1.15rem;font-weight:800;color:var(--dark)}\r\n.ff-lab-b p{font-size:.88rem;color:var(--muted)}\r\n.ff-lab-b .ff-btn{align-self:flex-start;margin-top:auto}\r\n\r\n.ff-cat{margin-top:22px;background:linear-gradient(180deg,var(--mint),#fff 220px);border:1.5px solid var(--line);border-radius:24px;padding:20px;scroll-margin-top:100px}\r\n.ff-cat-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}\r\n.ff-cat-top h4{font-size:1.05rem;font-weight:800;color:var(--dark)}\r\n.ff-cat-top h4 small{display:block;font-size:.8rem;font-weight:600;color:var(--muted)}\r\n.ff-ltabs{display:flex;flex-wrap:wrap;gap:8px}\r\n.ff-search{position:relative;flex:0 1 280px}\r\n.ff-search input{width:100%;font:inherit;font-size:.9rem;padding:10px 14px 10px 38px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--ink);outline:none}\r\n.ff-search input:focus{border-color:var(--g1);box-shadow:0 0 0 4px rgba(15,138,106,.12)}\r\n.ff-search svg{position:absolute;left:13px;top:50%;width:16px;height:16px;transform:translateY(-50%);color:var(--g1)}\r\n.ff-tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}\r\n.ff-tool{cursor:pointer;display:flex;flex-direction:column;border:1.5px solid var(--line);background:#fff;border-radius:18px;overflow:hidden;padding:0;text-align:left;transition:transform .2s,box-shadow .2s}\r\n.ff-tool:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(15,138,106,.16);border-color:#9fd8c2}\r\n.ff-tool[hidden]{display:none}\r\n.ff-tool span.pic{display:flex;align-items:center;justify-content:center;height:190px;background:#f7faf9;padding:10px;overflow:hidden}\r\n.ff-tool img{width:100%;height:100%;object-fit:contain;display:block}\r\n.ff-tool b{margin-top:auto}\r\n.ff-tool b{display:block;padding:10px 12px;font-size:.84rem;font-weight:700;color:var(--dark);line-height:1.3;border-top:1.5px solid var(--line)}\r\n.ff-none{grid-column:1\/-1;text-align:center;padding:24px;color:var(--muted);font-size:.9rem}\r\n.ff-more{display:flex;justify-content:center;margin-top:16px}\r\n.ff-more[hidden]{display:none}\r\n\r\n\/* ---------- Lightbox ---------- *\/\r\n.ff-lb{font-family:system-ui,-apple-system,\"Segoe UI\",Roboto,sans-serif;position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(6,30,24,.9)}\r\n.ff-lb.on{display:flex}\r\n.ff-lb figure{margin:0;max-width:min(1100px,100%);text-align:center}\r\n.ff-lb img{max-width:100%;max-height:78vh;border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.5);background:#fff}\r\n.ff-lb figcaption{color:#fff;margin-top:12px;font-size:1rem;font-weight:700}\r\n.ff-lb figcaption small{display:block;font-size:.8rem;font-weight:500;opacity:.8;margin-top:2px}\r\n.ff-lb button{position:absolute;cursor:pointer;border:0;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;font-size:1.6rem;line-height:1;transition:background .2s}\r\n.ff-lb button:hover{background:rgba(255,255,255,.3)}\r\n.ff-lb .x{top:16px;right:16px;font-size:1.4rem}\r\n.ff-lb .pv{left:16px;top:50%;transform:translateY(-50%)}\r\n.ff-lb .nx{right:16px;top:50%;transform:translateY(-50%)}\r\n\r\n.ff-note{margin-top:30px;background:var(--blush);border-left:5px solid var(--pink);border-radius:14px;padding:14px 18px;font-size:.9rem}\r\n\r\n.ff.js .ff-rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}\r\n.ff.js .ff-rv.on{opacity:1;transform:none}\r\n@media (prefers-reduced-motion:reduce){.ff.js .ff-rv{opacity:1;transform:none;transition:none}.ff-q,.ff-tool,.ff-q-img img,.ff-nav a{transition:none}.ff-bpanel{animation:none}}\r\n\r\n@media (max-width:1000px){.ff-guide{grid-template-columns:repeat(2,1fr)}}\r\n@media (max-width:900px){.ff-hero,.ff-bpanel,.ff-labs{grid-template-columns:1fr}.ff-bphoto{min-height:300px;position:relative;top:auto}}\r\n@media (max-width:640px){\r\n  .ff-hero{padding:32px 20px}\r\n  .ff-guide{grid-template-columns:1fr}\r\n  .ff-tools{grid-template-columns:repeat(2,1fr)}\r\n  .ff-tool span.pic{height:150px}\r\n  .ff-search{flex:1 1 100%}\r\n  .ff-floor{grid-template-columns:58px minmax(0,1fr)}\r\n  .ff-room{flex-wrap:wrap;padding:10px 12px}\r\n  .ff-lb .pv,.ff-lb .nx{top:auto;bottom:16px;transform:none}\r\n}\r\n\/* Hero selebar layar, menempel ke header, bawah melengkung (diatur oleh skrip di bagian bawah) *\/\r\n\/* cegah gulir ke samping 1px akibat pembulatan lebar hero *\/\r\nhtml,body{overflow-x:clip}\r\n.ff-hero.ff-full{border-radius:0;box-shadow:none;overflow:clip;overflow-clip-margin:border-box;border-style:solid;border-color:transparent;border-top-width:0;border-bottom-width:0;background-origin:border-box;padding-bottom:84px;clip-path:ellipse(120% 100% at 50% 0)}\r\n.ff-hero>div>*{animation:ffHeroUp .7s cubic-bezier(.2,.7,.2,1) backwards}\r\n.ff-hero>div>*:nth-child(2){animation-delay:.12s}\r\n.ff-hero>div>*:nth-child(3){animation-delay:.24s}\r\n.ff-hero>div>*:nth-child(4){animation-delay:.36s}\r\n.ff-hero>div>*:nth-child(n+5){animation-delay:.48s}\r\n@keyframes ffHeroUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}\r\n@media (max-width:640px){.ff-hero.ff-full{padding-bottom:64px;clip-path:ellipse(200% 100% at 50% 0)}}\r\n@media (prefers-reduced-motion:reduce){.ff-hero>div>*{animation:none}}\r\n\/* Foto Gedung Al-Kindi di lapisan tersendiri (seperti halaman Sejarah): perlahan membesar dan bergerak lebih lambat saat digulir.\r\n   Gradasi pink (#4f0632, #c4107a, #eb1792): pekat di kiri (teks), memudar ke kanan (gedung). Ganti alamat url() untuk mengganti foto. *\/\r\n.ff-hero{isolation:isolate;background:linear-gradient(90deg,#4f0632 0%,#c4107a 50%,#eb1792 100%)}\r\n.ff-hero>.ff-hero-bg,.ff-hero>.ff-hero-tirai{position:absolute;z-index:-1;top:0;bottom:0;left:calc(0px - var(--ki,0px));right:calc(0px - var(--ka,0px));pointer-events:none}\r\n.ff-hero>.ff-hero-bg{z-index:-2;top:-8%;bottom:-8%;background:url('https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Gedung-Al-Kindi.webp') 68% 42%\/cover no-repeat;translate:0 var(--py,0px)}\r\n.ff-hero>.ff-hero-tirai{background:radial-gradient(circle at 12% 0%,rgba(247,161,208,.3),transparent 38%),\r\n  linear-gradient(0deg,rgba(72,5,44,.5),rgba(72,5,44,0) 45%),\r\n  linear-gradient(100deg,rgba(79,6,50,.95) 0%,rgba(176,12,108,.88) 36%,rgba(235,23,146,.5) 66%,rgba(235,23,146,.12) 100%)}\r\n.ff-hero h2,.ff-hero p{text-shadow:0 1px 10px rgba(60,0,35,.4)}\r\n\/* tema mewarnai semua judul dengan warna gelap; judul hero dipaksa putih *\/\r\n.ff .ff-hero h2{color:#fff}\r\n@media (max-width:900px){\r\n  .ff-hero>.ff-hero-bg{background-position:62% center}\r\n  .ff-hero>.ff-hero-tirai{background:linear-gradient(180deg,rgba(79,6,50,.93) 0%,rgba(176,12,108,.86) 60%,rgba(235,23,146,.78) 100%)}\r\n}\r\n@media (prefers-reduced-motion:no-preference){\r\n  @keyframes ffKen{from{scale:1.02}to{scale:1.12}}\r\n  .ff-hero>.ff-hero-bg{animation:ffKen 18s ease-in-out infinite alternate}\r\n}\r\n@media (prefers-reduced-motion:reduce){.ff-hero>.ff-hero-bg{translate:none}}\r\n\/* Efek muncul saat digulir per konten (kelas dipasang oleh skrip, dilepas lagi setelah selesai) *\/\r\n.ff .ff-mv{opacity:0 !important;transform:translateY(22px) scale(.98) !important;transition-property:opacity,transform !important;transition-duration:.6s,.7s !important;transition-timing-function:ease,cubic-bezier(.2,.7,.2,1) !important}\r\n.ff .ff-mv.on{opacity:1 !important;transform:none !important}\r\n@media (prefers-reduced-motion:reduce){.ff .ff-mv{opacity:1 !important;transform:none !important;transition:none !important}}\r\n<\/style>\r\n\r\n<div class=\"ff\">\r\n\r\n  <!-- ===== Pembuka ===== -->\r\n  <section class=\"ff-hero ff-rv\" id=\"ff-hero\">\r\n    <div class=\"ff-hero-bg\" role=\"img\" aria-label=\"Gedung Al-Kindi, Fakultas Farmasi UNISSULA\"><\/div>\r\n    <div class=\"ff-hero-tirai\" aria-hidden=\"true\"><\/div>\r\n    <div>\r\n      <span class=\"ff-badge\">\ud83c\udfeb SARANA DAN PRASARANA \u00b7 FAKULTAS FARMASI UNISSULA<\/span>\r\n      <h2>Fasilitas Fakultas Farmasi<\/h2>\r\n      <p>Dua gedung perkuliahan dan dua laboratorium lengkap dengan peralatannya, siap mendukung kuliah, diskusi, ujian, praktikum, dan penelitian mahasiswa.<\/p>\r\n      <div class=\"ff-nav\">\r\n        <a href=\"#ff-panduan\">\ud83e\udded Cari fasilitas<\/a>\r\n        <a class=\"ghost\" href=\"#ff-gedung\">\ud83c\udfdb\ufe0f Gedung<\/a>\r\n        <a class=\"ghost\" href=\"#ff-lab\">\ud83d\udd2c Laboratorium dan alat<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"ff-stats\" id=\"ff-stats\"><\/div>\r\n  <\/section>\r\n\r\n  <!-- ===== Panduan cepat ===== -->\r\n  <div class=\"ff-sec ff-rv\" id=\"ff-panduan\">\r\n    <span class=\"ff-kick\">\ud83e\udded Panduan cepat<\/span>\r\n    <h3>Apa yang ingin Anda lakukan?<\/h3>\r\n    <p>Pilih kebutuhan Anda untuk melihat di mana fasilitasnya berada.<\/p>\r\n  <\/div>\r\n  <div class=\"ff-guide\" id=\"ff-guide\"><\/div>\r\n\r\n  <!-- ===== Gedung ===== -->\r\n  <div class=\"ff-sec ff-rv\" id=\"ff-gedung\">\r\n    <span class=\"ff-kick\">\ud83c\udfdb\ufe0f Gedung perkuliahan<\/span>\r\n    <h3>Jelajahi Gedung per Lantai<\/h3>\r\n    <p>Pilih gedung untuk melihat ruangan di setiap lantainya. Ruang yang memiliki foto dapat diklik.<\/p>\r\n  <\/div>\r\n  <div class=\"ff-tabs ff-rv\" id=\"ff-btabs\" role=\"tablist\" aria-label=\"Pilih gedung\"><\/div>\r\n  <div id=\"ff-bpanel\"><\/div>\r\n\r\n  <!-- ===== Laboratorium ===== -->\r\n  <div class=\"ff-sec ff-rv\" id=\"ff-lab\">\r\n    <span class=\"ff-kick\">\ud83d\udd2c Laboratorium<\/span>\r\n    <h3>Laboratorium dan Peralatan<\/h3>\r\n    <p>Dua laboratorium untuk praktikum dan penelitian, dilengkapi berbagai peralatan farmasi.<\/p>\r\n  <\/div>\r\n  <div class=\"ff-labs\" id=\"ff-labs\"><\/div>\r\n\r\n  <section class=\"ff-cat ff-rv\" id=\"ff-katalog\">\r\n    <div class=\"ff-cat-top\">\r\n      <h4>\ud83e\uddea Katalog Peralatan<small id=\"ff-cat-info\"><\/small><\/h4>\r\n      <label class=\"ff-search\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M20 20l-3.5-3.5\"\/><\/svg>\r\n        <input type=\"search\" id=\"ff-q\" placeholder=\"Cari alat, mis. HPLC atau oven\" aria-label=\"Cari alat laboratorium\">\r\n      <\/label>\r\n    <\/div>\r\n    <div class=\"ff-ltabs\" id=\"ff-ltabs\" role=\"tablist\" aria-label=\"Pilih laboratorium\" style=\"margin-bottom:16px\"><\/div>\r\n    <div class=\"ff-tools\" id=\"ff-tools\"><\/div>\r\n    <div class=\"ff-more\" id=\"ff-more\" hidden><button class=\"ff-btn\" type=\"button\" id=\"ff-morebtn\">Tampilkan semua alat<\/button><\/div>\r\n  <\/section>\r\n\r\n  <div class=\"ff-lb\" id=\"ff-lb\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Foto fasilitas\">\r\n    <button class=\"x\" type=\"button\" aria-label=\"Tutup\">\u2715<\/button>\r\n    <button class=\"pv\" type=\"button\" aria-label=\"Foto sebelumnya\">\u2039<\/button>\r\n    <figure><img id=\"ff-lbimg\" alt=\"\"><figcaption id=\"ff-lbcap\"><\/figcaption><\/figure>\r\n    <button class=\"nx\" type=\"button\" aria-label=\"Foto berikutnya\">\u203a<\/button>\r\n  <\/div>\r\n\r\n  <p class=\"ff-note\">\ud83d\udccc Informasi fasilitas dapat berubah sesuai pengembangan sarana dan prasarana fakultas. Untuk penggunaan ruang dan laboratorium, silakan menghubungi bagian Tata Usaha Fakultas Farmasi.<\/p>\r\n<\/div>\r\n\r\n<script>\r\n\/* Script ini sengaja ditulis tanpa karakter dan-ampersand dan kurang-dari\r\n   agar tidak diubah oleh WordPress saat halaman disimpan. *\/\r\n(function(){\r\n  var root=document.querySelector('.ff');if(!root)return;\r\n\r\n  \/* ==========================================================\r\n     1) GEDUNG PERKULIAHAN\r\n     Format ruang: [\"ikon\",\"Nama ruang\",jumlah (boleh null),\"keterangan (boleh null)\",\"kunci foto (boleh null)\"]\r\n     ========================================================== *\/\r\n  var GEDUNG=[\r\n    {id:\"al-kindi\",nama:\"Gedung Al-Kindi\",ikon:\"\ud83c\udfdb\ufe0f\",ringkas:\"Gedung utama perkuliahan\",\r\n     ket:\"Gedung utama kegiatan perkuliahan: ruang kelas besar, 20 ruang SGD, perpustakaan, CBT Center, serta ruang pimpinan, administrasi, dosen, unit, dan organisasi mahasiswa.\",\r\n     lantai:[\r\n       [\"3\",[[\"\ud83c\udfeb\",\"Ruang Kelas Besar\",1,null,\"ak-kelas\"],[\"\ud83d\udcac\",\"Ruang SGD\",20,\"Small Group Discussion\",\"ak-sgd\"],[\"\ud83d\udcda\",\"Perpustakaan\",null,\"Buku referensi dan jurnal\",\"ak-pustaka\"]]],\r\n       [\"2\",[[\"\ud83c\udfeb\",\"Ruang Kelas Besar\",1,null,\"ak-kelas\"],[\"\ud83d\udda5\ufe0f\",\"CBT Center\",null,\"Ujian berbasis komputer\",\"ak-cbt\"],[\"\ud83d\uddc2\ufe0f\",\"Ruang Admin Prodi Sarjana\",1,null,null]]],\r\n       [\"1\",[[\"\ud83c\udfeb\",\"Ruang Kelas Besar\",2,null,\"ak-kelas\"],[\"\ud83d\uddc2\ufe0f\",\"Ruang KTU\",null,\"Termasuk Ruang Dekan dan Sekretaris Fakultas\",null]]],\r\n       [\"Lainnya\",[[\"\ud83d\udc69\u200d\ud83c\udfeb\",\"Ruang Dosen\",1,null,null],[\"\ud83e\udde9\",\"Ruang Unit\",null,\"Ruang besar dengan bilik ketua unit\",null],[\"\ud83c\udfaf\",\"Ruang Ormawa\",null,\"Organisasi mahasiswa\",null]],true]\r\n     ]},\r\n    {id:\"az-zahrawi\",nama:\"Gedung Az-Zahrawi\",ikon:\"\ud83c\udfe2\",ringkas:\"Gedung perkuliahan dan OSCE\",\r\n     ket:\"Gedung perkuliahan dengan ruang kelas besar dan kecil, ruang administrasi dan pimpinan prodi, serta OSCE Center untuk ujian keterampilan klinik.\",\r\n     lantai:[\r\n       [\"3\",[[\"\ud83e\ude7a\",\"OSCE Center\",null,\"Ujian keterampilan klinik terstruktur\",\"az-osce\"]]],\r\n       [\"2\",[[\"\ud83c\udfeb\",\"Ruang Kelas Kecil\",2,null,\"az-kelas\"],[\"\ud83d\uddc2\ufe0f\",\"Ruang Admin\",1,null,null],[\"\ud83d\uddc2\ufe0f\",\"Ruang Rapat\",1,null,null],[\"\ud83d\uddc2\ufe0f\",\"Ruang Kepala Prodi\",null,null,null]]],\r\n       [\"1\",[[\"\ud83c\udfeb\",\"Ruang Kelas Besar\",1,null,\"az-kelas\"]]]\r\n     ]}\r\n  ];\r\n\r\n  \/* ==========================================================\r\n     2) LABORATORIUM\r\n     ========================================================== *\/\r\n  var LAB=[\r\n    {id:\"mini-industri\",nama:\"Laboratorium Mini Industri\",singkat:\"Lab Mini Industri\",lokasi:\"Lantai 3 Gedung Kumaira\",foto:\"lab\",alat:\"mi-alat\",\r\n     ket:\"Praktik pembuatan sediaan farmasi dengan suasana menyerupai industri farmasi skala kecil.\"},\r\n    {id:\"riset\",nama:\"Laboratorium Riset\",singkat:\"Lab Riset\",lokasi:\"Beberapa ruang penelitian dan praktik\",foto:\"lab\",alat:\"rs-alat\",\r\n     ket:\"Ruang penelitian dosen dan mahasiswa serta praktik mahasiswa, dilengkapi instrumen analisis.\"}\r\n  ];\r\n\r\n  \/* ==========================================================\r\n     3) PANDUAN CEPAT \"Saya ingin...\"\r\n     Format: [\"ikon\",\"Saya ingin...\",\"Judul fasilitas\",\"Penjelasan\",[\"lokasi 1\",\"lokasi 2\"],\"kunci foto\",\"tujuan\"]\r\n     tujuan: id gedung (al-kindi \/ az-zahrawi) atau \"lab\"\r\n     ========================================================== *\/\r\n  var PANDUAN=[\r\n    [\"\ud83c\udfeb\",\"Mengikuti perkuliahan\",\"Ruang Kelas\",\"Ruang kelas besar dan kecil untuk perkuliahan tatap muka.\",[\"Al-Kindi Lt 1\u20133\",\"Az-Zahrawi Lt 1\u20132\"],\"ak-kelas\",\"al-kindi\"],\r\n    [\"\ud83d\udcac\",\"Diskusi kelompok\",\"20 Ruang SGD\",\"Ruang diskusi kelompok kecil untuk pembelajaran berbasis masalah (PBL).\",[\"Al-Kindi Lt 3\"],\"ak-sgd\",\"al-kindi\"],\r\n    [\"\ud83d\udcda\",\"Belajar dan mencari referensi\",\"Perpustakaan\",\"Buku referensi dan jurnal untuk belajar mandiri dan penelitian.\",[\"Al-Kindi Lt 3\"],\"ak-pustaka\",\"al-kindi\"],\r\n    [\"\ud83d\udda5\ufe0f\",\"Ujian berbasis komputer\",\"CBT Center\",\"Ruang ujian berbasis komputer untuk evaluasi pembelajaran.\",[\"Al-Kindi Lt 2\"],\"ak-cbt\",\"al-kindi\"],\r\n    [\"\ud83e\ude7a\",\"Ujian keterampilan klinik\",\"OSCE Center\",\"Ruang Objective Structured Clinical Examination (OSCE).\",[\"Az-Zahrawi Lt 3\"],\"az-osce\",\"az-zahrawi\"],\r\n    [\"\ud83d\udd2c\",\"Praktikum dan penelitian\",\"Laboratorium\",\"Lab Mini Industri dan Lab Riset dengan puluhan peralatan farmasi.\",[\"Gedung Kumaira Lt 3\",\"Lab Riset\"],\"lab\",\"lab\"]\r\n  ];\r\n\r\n  \/* ==========================================================\r\n     4) DAFTAR FOTO\r\n     Ganti \"URL-FOTO\" dengan URL foto dari Media Library (tombol Copy URL).\r\n     Format: [\"kunci\",\"Kelompok\",\"Nama fasilitas\",[[\"URL\",\"Keterangan\",\"nama file asli\"]]]\r\n     Satu fasilitas boleh berisi banyak foto. Foto yang masih \"URL-FOTO\" tidak ditampilkan.\r\n     Kunci: al-kindi \/ az-zahrawi = foto gedung, lab = foto laboratorium,\r\n            mi-alat \/ rs-alat = foto alat tiap laboratorium.\r\n     ========================================================== *\/\r\n  var FOTO=[\r\n    \/* --- Gedung Al-Kindi --- *\/\r\n    [\"al-kindi\",\"Gedung Al-Kindi\",\"Gedung Al-Kindi (tampak luar)\",[[\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Gedung-Al-Kindi.webp\",\"Gedung Al-Kindi\",\"Gedung Al Kindi.webp\"]]],\r\n    [\"ak-kelas\",\"Gedung Al-Kindi\",\"Ruang Kelas Besar\",[[\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Kelas-Besar.webp\",\"Ruang Kelas Besar\",\"Kelas Besar.webp\"]]],\r\n    [\"ak-sgd\",\"Gedung Al-Kindi\",\"Ruang SGD\",[[\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Ruang-SGD.webp\",\"Ruang SGD\",\"Ruang SGD.webp\"]]],\r\n    [\"ak-pustaka\",\"Gedung Al-Kindi\",\"Perpustakaan\",[[\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Perpustakaan.webp\",\"Perpustakaan\",\"Perpustakaan.webp\"]]],\r\n    [\"ak-cbt\",\"Gedung Al-Kindi\",\"CBT Center\",[[\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/CBT-Center.webp\",\"CBT Center\",\"CBT Center.webp\"]]],\r\n    \/* --- Gedung Az-Zahrawi --- *\/\r\n    [\"az-zahrawi\",\"Gedung Az-Zahrawi\",\"Gedung Az-Zahrawi (tampak luar)\",[[\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Gedung-Az-Zahrawi.webp\",\"Gedung Az-Zahrawi\",\"Gedung Az Zahrawi.webp\"]]],\r\n    [\"az-osce\",\"Gedung Az-Zahrawi\",\"OSCE Center\",[[\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/OSCE-Center.webp\",\"OSCE Center\",\"OSCE Center.webp\"]]],\r\n    [\"az-kelas\",\"Gedung Az-Zahrawi\",\"Ruang Kelas\",[[\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Ruang-Kelas-Gedung-Az-Zahrawi.webp\",\"Ruang Kelas\",\"Ruang Kelas Gedung Az Zahrawi.webp\"]]],\r\n    \/* --- Laboratorium (foto gedung dan ruangan kedua lab dijadikan satu) --- *\/\r\n    [\"lab\",\"Laboratorium\",\"Foto Laboratorium\",[[\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Laboratorium.webp\",\"Laboratorium\",\"Laboratorium.webp\"]]],\r\n    \/* --- Alat Laboratorium Mini Industri --- *\/\r\n    [\"mi-alat\",\"Alat Lab Mini Industri\",\"Peralatan Laboratorium Mini Industri\",[\r\n      [\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Alat-Uji-Daya-Lekat-scaled.webp\",\"Alat Uji Daya Lekat\",\"Alat Uji Daya Lekat.webp\"],\r\n      [\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Analytical-Balance-scaled.webp\",\"Analytical Balance\",\"Analytical Balance.webp\"],\r\n      [\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Disintegration-Time-Tester-scaled.webp\",\"Disintegration Time Tester\",\"Disintegration Time Tester.webp\"],\r\n      [\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Flow-Tester-scaled.webp\",\"Flow Tester\",\"Flow Tester.webp\"],\r\n      [\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Friability-Tester-scaled.webp\",\"Friability Tester\",\"Friability Tester.webp\"],\r\n      [\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Granulator-scaled.webp\",\"Granulator\",\"Granulator.webp\"],\r\n      [\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Hardness-Tester-scaled.webp\",\"Hardness Tester\",\"Hardness Tester.webp\"],\r\n      [\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Homogenizer-scaled.webp\",\"Homogenizer\",\"Homogenizer.webp\"],\r\n      [\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Kompor-Listrik-scaled.webp\",\"Kompor Listrik (Hot Plate)\",\"Kompor Listrik.webp\"],\r\n      [\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Magnetic-Stirrer-scaled.webp\",\"Magnetic Stirrer\",\"Magnetic Stirrer.webp\"],\r\n      [\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Mexameter-scaled.webp\",\"Mexameter\",\"Mexameter.webp\"],\r\n      [\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Oven-scaled.webp\",\"Oven\",\"Oven.webp\"],\r\n      [\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Particle-Size-Analyzer-scaled.webp\",\"Particle Size Analyzer\",\"Particle Size Analyzer.webp\"],\r\n      [\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/pH-meter-scaled.webp\",\"pH meter\",\"pH meter.webp\"],\r\n      [\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Spectrophotometer-double-beam-scaled.webp\",\"Spectrophotometer double beam\",\"Spectrophotometer double beam.webp\"],\r\n      [\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Spectrophotometer-scaled.webp\",\"Spectrophotometer\",\"Spectrophotometer.webp\"],\r\n      [\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Tap-Density-Tester-1-scaled.webp\",\"Tap Density Tester\",\"Tap Density Tester 1.webp\"],\r\n      [\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Tap-Density-Tester-2-scaled.webp\",\"Tap Density Tester\",\"Tap Density Tester 2.webp\"],\r\n      [\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Timbangan-digital-scaled.webp\",\"Timbangan digital\",\"Timbangan digital.webp\"],\r\n      [\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Viscometer-scaled.webp\",\"Viscometer\",\"Viscometer.webp\"],\r\n      [\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Waterbath-scaled.webp\",\"Waterbath\",\"Waterbath.webp\"]\r\n    ]],\r\n    \/* --- Alat Laboratorium Riset --- *\/\r\n    [\"rs-alat\",\"Alat Lab Riset\",\"Peralatan Laboratorium Riset\",[\r\n      [\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Autoclave-Hirayama-scaled.webp\",\"Autoclave Hirayama\",\"Autoclave Hirayama.webp\"],\r\n      [\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Climatic-Chamber-scaled.webp\",\"Climatic Chamber\",\"Climatic Chamber.webp\"],\r\n      [\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Dissolution-Tester-scaled.webp\",\"Dissolution Tester\",\"Dissolution Tester.webp\"],\r\n      [\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Gas-Chromtography-scaled.webp\",\"Gas Chromatography\",\"Gas Chromtography.webp\"],\r\n      [\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/High-Performance-Liquid-Chromatography-HPLC-scaled.webp\",\"High Performance Liquid Chromatography (HPLC)\",\"High Performance Liquid Chromatography (HPLC).webp\"],\r\n      [\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Inkubator-scaled.webp\",\"Inkubator\",\"Inkubator.webp\"],\r\n      [\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Lemari-Pengering-scaled.webp\",\"Lemari Pengering\",\"Lemari Pengering.webp\"],\r\n      [\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Mikroskop-scaled.webp\",\"Mikroskop\",\"Mikroskop.webp\"],\r\n      [\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Oven-1-scaled.webp\",\"Oven\",\"Oven.webp\"],\r\n      [\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Polarimeter-PCR-Elisa-Reader-scaled.webp\",\"Polarimeter, PCR, dan ELISA Reader\",\"Polarimeter, PCR, Elisa Reader.webp\"],\r\n      [\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Rak-Sampel-Mikrobiologi-Penelitian-scaled.webp\",\"Rak Sampel Mikrobiologi Penelitian\",\"Rak Sampel Mikrobiologi Penelitian.webp\"],\r\n      [\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Rak-Simplisia-scaled.webp\",\"Rak Simplisia\",\"Rak Simplisia.webp\"],\r\n      [\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Shieve-Shaker-scaled.webp\",\"Sieve Shaker\",\"Shieve Shaker.webp\"],\r\n      [\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Showcase-Mikrobiologi-scaled.webp\",\"Showcase Mikrobiologi\",\"Showcase Mikrobiologi.webp\"],\r\n      [\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Spektrofotemeter-Uv-Vis-Agilant-scaled.webp\",\"Spektrofotometer UV-Vis Agilent\",\"Spektrofotemeter Uv-Vis Agilant.webp\"],\r\n      [\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Tablet-Press-Multiple-Punch-Mixer-V-scaled.webp\",\"Tablet Press Multiple Punch dan V-Mixer\",\"Tablet Press Multiple Punch, Mixer V.webp\"],\r\n      [\"https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/TLC-Densitometer-scaled.webp\",\"TLC Densitometer\",\"TLC Densitometer.webp\"]\r\n    ]]\r\n  ];\r\n  \/* ================== akhir bagian data ================== *\/\r\n\r\n  function el(tag,cls,txt){var e=document.createElement(tag);if(cls)e.className=cls;if(txt!=null)e.textContent=txt;return e;}\r\n  function adaFoto(u){return u?u.indexOf('URL-FOTO')!==0:false;}\r\n\r\n  \/* Kumpulkan foto yang sudah terisi *\/\r\n  var PETA={};\r\n  FOTO.forEach(function(x){\r\n    var d=[];\r\n    x[3].forEach(function(p){\r\n      var url=typeof p==='string'?p:p[0],cap=typeof p==='string'?'':(p[1]||'');\r\n      if(adaFoto(url)){d.push({url:url,cap:cap||x[2],grup:x[1]});}\r\n    });\r\n    if(d.length){PETA[x[0]]=d;}\r\n  });\r\n  function foto1(k){return PETA[k]?PETA[k][0].url:'';}\r\n\r\n  \/* ---------- Lightbox ---------- *\/\r\n  var lb=root.querySelector('#ff-lb'),lbImg=root.querySelector('#ff-lbimg'),lbCap=root.querySelector('#ff-lbcap'),lbList=[],lbI=0;\r\n  document.body.appendChild(lb);\r\n  function tampilLb(){\r\n    var it=lbList[lbI];lbImg.src=it.url;lbImg.alt=it.cap;\r\n    lbCap.textContent='';lbCap.appendChild(document.createTextNode(it.cap));\r\n    lbCap.appendChild(el('small',null,it.grup+(lbList.length>1?' \u00b7 '+(lbI+1)+' \/ '+lbList.length:'')));\r\n    var banyak=lbList.length>1;lb.querySelector('.pv').style.display=banyak?'':'none';lb.querySelector('.nx').style.display=banyak?'':'none';\r\n  }\r\n  function bukaLb(list,i){if(!list)return;if(!list.length)return;lbList=list;lbI=i||0;tampilLb();lb.classList.add('on');lb.querySelector('.x').focus();}\r\n  function tutupLb(){lb.classList.remove('on');lbImg.removeAttribute('src');}\r\n  function geser(n){lbI=(lbI+n+lbList.length)%lbList.length;tampilLb();}\r\n  lb.querySelector('.x').addEventListener('click',tutupLb);\r\n  lb.querySelector('.pv').addEventListener('click',function(){geser(-1);});\r\n  lb.querySelector('.nx').addEventListener('click',function(){geser(1);});\r\n  lb.addEventListener('click',function(e){if(e.target===lb)tutupLb();});\r\n  document.addEventListener('keydown',function(e){\r\n    if(!lb.classList.contains('on'))return;\r\n    if(e.key==='Escape')tutupLb();\r\n    if(e.key==='ArrowRight')geser(1);\r\n    if(e.key==='ArrowLeft')geser(-1);\r\n  });\r\n\r\n  \/* ---------- Pembuka ---------- *\/\r\n  \/* foto hero (Gedung Al-Kindi) diatur di CSS bagian \"Foto Gedung Al-Kindi di latar hero\" *\/\r\n  var kelas=0,sgd=0;\r\n  GEDUNG.forEach(function(g){g.lantai.forEach(function(l){l[1].forEach(function(r){\r\n    if(r[1].indexOf('Kelas')!==-1){kelas+=(r[2]||1);}\r\n    if(r[1].indexOf('SGD')!==-1){sgd+=(r[2]||1);}\r\n  });});});\r\n  var jmlAlat=0;LAB.forEach(function(l){jmlAlat+=(PETA[l.alat]||[]).length;});\r\n  [[String(GEDUNG.length),\"Gedung Perkuliahan\",\"Al-Kindi dan Az-Zahrawi\"],[String(LAB.length),\"Laboratorium\",\"Mini Industri dan Riset\"],[String(kelas),\"Ruang Kelas\",\"ditambah \"+sgd+\" ruang SGD\"],[String(jmlAlat),\"Foto Peralatan\",\"di kedua laboratorium\"]].forEach(function(s){\r\n    var d=el('div','ff-st');d.appendChild(el('b',null,s[0]));d.appendChild(el('span',null,s[1]));d.appendChild(el('small',null,s[2]));root.querySelector('#ff-stats').appendChild(d);\r\n  });\r\n\r\n  \/* ---------- Panduan cepat ---------- *\/\r\n  var gd=root.querySelector('#ff-guide');\r\n  PANDUAN.forEach(function(p){\r\n    var c=el('article','ff-q ff-rv');\r\n    var im=el('div','ff-q-img');\r\n    if(foto1(p[5])){var img=el('img');img.src=foto1(p[5]);img.alt=p[2];img.loading='lazy';img.addEventListener('error',function(){img.remove();});im.appendChild(img);}\r\n    im.appendChild(el('i',null,p[0]));c.appendChild(im);\r\n    var b=el('div','ff-q-b');b.appendChild(el('small',null,'Saya ingin '+p[1].toLowerCase()));b.appendChild(el('h4',null,p[2]));b.appendChild(el('p',null,p[3]));\r\n    var w=el('div','ff-where');p[4].forEach(function(x){w.appendChild(el('span',null,'\ud83d\udccd '+x));});b.appendChild(w);\r\n    var a=el('div','ff-q-act');\r\n    var go=el('button','ff-btn main','Lihat lokasi \u2192');go.type='button';go.setAttribute('data-ke',p[6]);a.appendChild(go);\r\n    if(PETA[p[5]]){var fb=el('button','ff-btn','\ud83d\udcf7 Foto');fb.type='button';fb.setAttribute('data-foto',p[5]);a.appendChild(fb);}\r\n    b.appendChild(a);c.appendChild(b);gd.appendChild(c);\r\n  });\r\n  gd.addEventListener('click',function(e){\r\n    var f=e.target.closest('[data-foto]');if(f){bukaLb(PETA[f.getAttribute('data-foto')],0);return;}\r\n    var g=e.target.closest('[data-ke]');if(!g)return;\r\n    var ke=g.getAttribute('data-ke');\r\n    if(ke==='lab'){root.querySelector('#ff-lab').scrollIntoView({behavior:'smooth',block:'start'});}\r\n    else{pilihGedung(ke);root.querySelector('#ff-gedung').scrollIntoView({behavior:'smooth',block:'start'});}\r\n  });\r\n\r\n  \/* ---------- Gedung (tab) ---------- *\/\r\n  var bt=root.querySelector('#ff-btabs'),bp=root.querySelector('#ff-bpanel');\r\n  GEDUNG.forEach(function(g,i){\r\n    var t=el('button','ff-tab'+(i?'':' on'));t.type='button';t.setAttribute('role','tab');t.setAttribute('data-g',g.id);\r\n    t.appendChild(document.createTextNode(g.ikon+' '+g.nama+' '));t.appendChild(el('small',null,g.lantai.filter(function(l){return !l[2];}).length+' lantai'));bt.appendChild(t);\r\n  });\r\n  function pilihGedung(id){\r\n    var g=GEDUNG.filter(function(x){return x.id===id;})[0];if(!g)return;\r\n    bt.querySelectorAll('.ff-tab').forEach(function(t){var on=t.getAttribute('data-g')===id;t.classList.toggle('on',on);t.setAttribute('aria-selected',on?'true':'false');});\r\n    while(bp.firstChild)bp.removeChild(bp.firstChild);\r\n    var pn=el('div','ff-bpanel');\r\n    var ph=el('div','ff-bphoto');\r\n    if(foto1(g.id)){ph.style.backgroundImage='url(\"'+foto1(g.id)+'\")';var z=el('button','zoom','\ud83d\udd0d Perbesar foto');z.type='button';z.setAttribute('data-foto',g.id);ph.appendChild(z);}\r\n    ph.appendChild(el('h4',null,g.ikon+' '+g.nama));ph.appendChild(el('p',null,g.ket));pn.appendChild(ph);\r\n    var dir=el('div','ff-dir');var dh=el('div','ff-dir-h');dh.appendChild(el('b',null,'\ud83d\udccb Direktori Ruang'));dh.appendChild(el('span',null,'Klik foto untuk memperbesar'));dir.appendChild(dh);\r\n    g.lantai.forEach(function(l){\r\n      var fl=el('div','ff-floor'+(l[2]?' lain':''));\r\n      var lb2=el('b');if(l[2]){lb2.appendChild(document.createTextNode(l[0]));}else{lb2.appendChild(el('small',null,'Lantai'));lb2.appendChild(document.createTextNode(l[0]));}fl.appendChild(lb2);\r\n      var rm=el('div','ff-rooms');\r\n      l[1].forEach(function(r){\r\n        var row=el('div','ff-room');row.appendChild(el('i',null,r[0]));\r\n        var t=el('div');t.appendChild(el('b',null,r[1]));if(r[3]){t.appendChild(el('small',null,r[3]));}row.appendChild(t);\r\n        if(r[2]){row.appendChild(el('em',null,r[2]+' ruang'));}\r\n        if(r[4]){if(PETA[r[4]]){var th=el('button','ff-thumb');th.type='button';th.setAttribute('data-foto',r[4]);var ti=el('img');ti.src=foto1(r[4]);ti.alt='';ti.loading='lazy';th.appendChild(ti);th.appendChild(document.createTextNode('Foto'));row.appendChild(th);}}\r\n        rm.appendChild(row);\r\n      });\r\n      fl.appendChild(rm);dir.appendChild(fl);\r\n    });\r\n    pn.appendChild(dir);bp.appendChild(pn);\r\n  }\r\n  bt.addEventListener('click',function(e){var t=e.target.closest('.ff-tab');if(t)pilihGedung(t.getAttribute('data-g'));});\r\n  bp.addEventListener('click',function(e){var f=e.target.closest('[data-foto]');if(f)bukaLb(PETA[f.getAttribute('data-foto')],0);});\r\n  pilihGedung(GEDUNG[0].id);\r\n\r\n  \/* ---------- Laboratorium ---------- *\/\r\n  var lw=root.querySelector('#ff-labs');\r\n  LAB.forEach(function(l){\r\n    var c=el('article','ff-lab ff-rv');\r\n    var im=el('div','ff-lab-img');if(foto1(l.foto)){im.style.backgroundImage='url(\"'+foto1(l.foto)+'\")';}\r\n    im.appendChild(el('span',null,'\ud83d\udccd '+l.lokasi));c.appendChild(im);\r\n    var b=el('div','ff-lab-b');b.appendChild(el('h4',null,l.nama));b.appendChild(el('p',null,l.ket));\r\n    var n=(PETA[l.alat]||[]).length;\r\n    var btn=el('button','ff-btn main','\ud83e\uddea Lihat '+n+' alat \u2192');btn.type='button';btn.setAttribute('data-lab',l.id);b.appendChild(btn);\r\n    c.appendChild(b);lw.appendChild(c);\r\n  });\r\n  lw.addEventListener('click',function(e){\r\n    var b=e.target.closest('[data-lab]');if(!b)return;\r\n    pilihLab(b.getAttribute('data-lab'));root.querySelector('#ff-katalog').scrollIntoView({behavior:'smooth',block:'start'});\r\n  });\r\n\r\n  \/* ---------- Katalog peralatan ---------- *\/\r\n  var lt=root.querySelector('#ff-ltabs'),tl=root.querySelector('#ff-tools'),q=root.querySelector('#ff-q'),info=root.querySelector('#ff-cat-info'),more=root.querySelector('#ff-more');\r\n  var labAktif=LAB[0].id,semua=false,BATAS=12;\r\n  LAB.forEach(function(l,i){\r\n    var t=el('button','ff-tab'+(i?'':' on'));t.type='button';t.setAttribute('role','tab');t.setAttribute('data-l',l.id);\r\n    t.appendChild(document.createTextNode(l.singkat+' '));t.appendChild(el('small',null,'('+(PETA[l.alat]||[]).length+')'));lt.appendChild(t);\r\n  });\r\n  function daftarAlat(){var l=LAB.filter(function(x){return x.id===labAktif;})[0];return PETA[l.alat]||[];}\r\n  function renderAlat(){\r\n    var list=daftarAlat(),kata=q.value.trim().toLowerCase(),tampil=0,cocok=0;\r\n    while(tl.firstChild)tl.removeChild(tl.firstChild);\r\n    list.forEach(function(it,i){\r\n      if(kata){if(it.cap.toLowerCase().indexOf(kata)===-1)return;}\r\n      cocok++;\r\n      var b=el('button','ff-tool');b.type='button';b.setAttribute('data-i',i);\r\n      if(!kata){if(!semua){if(cocok>BATAS)b.hidden=true;}}\r\n      if(!b.hidden)tampil++;\r\n      var pic=el('span','pic');var im=el('img');im.src=it.url;im.alt=it.cap;im.loading='lazy';pic.appendChild(im);b.appendChild(pic);b.appendChild(el('b',null,it.cap));tl.appendChild(b);\r\n    });\r\n    if(!cocok){tl.appendChild(el('p','ff-none','Alat tidak ditemukan di laboratorium ini. Coba kata kunci lain atau pilih laboratorium lain.'));}\r\n    var l=LAB.filter(function(x){return x.id===labAktif;})[0];\r\n    info.textContent=l.nama+' \u00b7 '+(kata?cocok+' hasil pencarian':list.length+' alat');\r\n    more.hidden=kata?true:(semua?true:!(list.length>BATAS));\r\n    root.querySelector('#ff-morebtn').textContent='Tampilkan semua '+list.length+' alat';\r\n  }\r\n  function pilihLab(id){\r\n    labAktif=id;semua=false;\r\n    lt.querySelectorAll('.ff-tab').forEach(function(t){t.classList.toggle('on',t.getAttribute('data-l')===id);});\r\n    renderAlat();\r\n  }\r\n  lt.addEventListener('click',function(e){var t=e.target.closest('.ff-tab');if(t)pilihLab(t.getAttribute('data-l'));});\r\n  q.addEventListener('input',renderAlat);\r\n  root.querySelector('#ff-morebtn').addEventListener('click',function(){semua=true;renderAlat();});\r\n  tl.addEventListener('click',function(e){\r\n    var b=e.target.closest('.ff-tool');if(!b)return;\r\n    var list=daftarAlat(),kata=q.value.trim().toLowerCase();\r\n    var tampak=kata?list.filter(function(it){return it.cap.toLowerCase().indexOf(kata)!==-1;}):list;\r\n    bukaLb(tampak,tampak.indexOf(list[+b.getAttribute('data-i')]));\r\n  });\r\n  renderAlat();\r\n\r\n  \/* ---------- Animasi muncul ---------- *\/\r\n  var rv=root.querySelectorAll('.ff-rv');\r\n  if('IntersectionObserver' in window){\r\n    root.classList.add('js');\r\n    var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('on');io.unobserve(e.target);}});},{threshold:.08,rootMargin:'0px 0px -30px 0px'});\r\n    rv.forEach(function(x){io.observe(x);});\r\n  }else{rv.forEach(function(x){x.classList.add('on');});}\r\n})();\r\n<\/script>\r\n<script>\r\n\/* Hero selebar layar: mengukur kolom konten dan header tema, lalu melebarkan hero.\r\n   Jika gagal, hero tetap tampil sebagai kartu biasa. *\/\r\n(function(){\r\n  var hero=document.querySelector('.ff-hero');\r\n  if(!hero)return;\r\n  var box=hero.parentNode;\r\n  \/* jarak tarik ke atas disimpan; header tema bisa \"menempel\" saat digulir sehingga tidak bisa diukur ulang *\/\r\n  var tarik=null;\r\n  function atur(){\r\n    hero.classList.remove('ff-full');\r\n    hero.style.marginLeft='';hero.style.marginRight='';hero.style.marginTop='';\r\n    hero.style.borderLeftWidth='';hero.style.borderRightWidth='';\r\n    var r=box.getBoundingClientRect(),lebar=document.documentElement.clientWidth;\r\n    var ki=Math.round(r.left),ka=Math.round(lebar-r.right);\r\n    if(0>ki)return;\r\n    if(0>ka)return;\r\n    hero.style.marginLeft=(-ki)+'px';hero.style.marginRight=(-ka)+'px';\r\n    hero.style.borderLeftWidth=ki+'px';hero.style.borderRightWidth=ka+'px';\r\n    hero.style.setProperty('--ki',ki+'px');hero.style.setProperty('--ka',ka+'px');\r\n    hero.classList.add('ff-full');\r\n    if(tarik!==null){if(window.pageYOffset>0){hero.style.marginTop=tarik;return;}}\r\n    var hd=document.querySelector('header.wp-block-template-part')||document.querySelector('header');\r\n    if(hd){\r\n      \/* abaikan geseran animasi masuk hero agar jarak terukur tepat *\/\r\n      var geser=0,tf=getComputedStyle(hero).transform;\r\n      if(tf.indexOf('matrix')===0){if(window.DOMMatrix){geser=new DOMMatrix(tf).m42;}}\r\n      var jarak=Math.round(hero.getBoundingClientRect().top-geser-hd.getBoundingClientRect().bottom);\r\n      if(jarak>0){if(200>jarak){hero.style.marginTop=(-jarak)+'px';}}\r\n      tarik=hero.style.marginTop;\r\n    }\r\n  }\r\n  atur();\r\n  \/* foto hero bergerak lebih lambat dari halaman (parallax) *\/\r\n  var foto=hero.querySelector('.ff-hero-bg');\r\n  var diam=window.matchMedia?window.matchMedia('(prefers-reduced-motion:reduce)').matches:false;\r\n  if(foto){if(!diam){\r\n    var gulir=function(){\r\n      var r=hero.getBoundingClientRect();\r\n      if(r.bottom>0){if(0>r.top){foto.style.setProperty('--py',Math.round(-r.top*0.3)+'px');}else{foto.style.setProperty('--py','0px');}}\r\n    };\r\n    window.addEventListener('scroll',gulir,{passive:true});gulir();\r\n  }}\r\n  window.addEventListener('resize',atur);\r\n  window.addEventListener('load',atur);\r\n})();\r\n<\/script>\r\n<script>\r\n\/* Efek muncul saat digulir: setiap konten naik dan memudar masuk, berurutan dalam kelompoknya.\r\n   Efek lama (kelas ff-rv \/ ff-in di luar hero) dimatikan agar tidak dobel.\r\n   Daftar konten yang diberi efek: *\/\r\n(function(){\r\n  var KONTEN='.ff-sec,.ff-q,.ff-tabs,.ff-bphoto,.ff-dir,.ff-lab,.ff-tool,.ff-note';\r\n  var root=document.querySelector('.ff');\r\n  if(!root)return;\r\n  var tenang=window.matchMedia?window.matchMedia('(prefers-reduced-motion:reduce)').matches:false;\r\n  function lepasLama(wadah){\r\n    wadah.querySelectorAll('.ff-rv,.ff-in').forEach(function(e){\r\n      if(e.closest('.ff-hero'))return;\r\n      e.classList.remove('ff-rv');e.classList.remove('ff-in');e.setAttribute('data-lama','1');\r\n    });\r\n  }\r\n  lepasLama(root);\r\n  if(tenang)return;\r\n  if(!('IntersectionObserver' in window))return;\r\n  var pengamat=new IntersectionObserver(function(es){es.forEach(function(e){\r\n    if(!e.isIntersecting)return;\r\n    var t=e.target;pengamat.unobserve(t);t.classList.add('on');\r\n    setTimeout(function(){t.classList.remove('ff-mv');t.classList.remove('on');t.style.transitionDelay='';},900+parseInt(t.getAttribute('data-d')||'0',10));\r\n  });},{rootMargin:'0px',threshold:0.05});\r\n  function pasang(){\r\n    var urut=0,induk=null;\r\n    root.querySelectorAll(KONTEN+',[data-lama]').forEach(function(x){\r\n      if(x.getAttribute('data-mv'))return;\r\n      x.setAttribute('data-mv','1');\r\n      if(x.closest('.ff-hero'))return;\r\n      if(x.parentNode.closest('.ff-mv'))return;\r\n      if(x.parentNode!==induk){induk=x.parentNode;urut=0;}\r\n      var d=Math.min(urut,8)*70;urut++;\r\n      x.setAttribute('data-d',String(d));x.style.transitionDelay=d+'ms';x.classList.add('ff-mv');pengamat.observe(x);\r\n    });\r\n  }\r\n  pasang();\r\n  \/* konten yang dibuat ulang (ganti tab, folder, prodi) ikut diberi efek, kecuali saat mengetik di kolom pencarian *\/\r\n  var ketik=0,antre=null;\r\n  root.addEventListener('input',function(){ketik=Date.now();});\r\n  if('MutationObserver' in window){\r\n    new MutationObserver(function(){\r\n      if(antre)return;\r\n      antre=setTimeout(function(){\r\n        antre=null;lepasLama(root);\r\n        if(600>Date.now()-ketik){root.querySelectorAll(KONTEN+',[data-lama]').forEach(function(x){x.setAttribute('data-mv','1');});return;}\r\n        pasang();\r\n      },0);\r\n    }).observe(root,{childList:true,subtree:true});\r\n  }\r\n})();\r\n<\/script>\r\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":6,"featured_media":0,"parent":374,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_EventAllDay":false,"_EventTimezone":"","_EventStartDate":"","_EventEndDate":"","_EventStartDateUTC":"","_EventEndDateUTC":"","_EventShowMap":false,"_EventShowMapLink":false,"_EventURL":"","_EventCost":"","_EventCostDescription":"","_EventCurrencySymbol":"","_EventCurrencyCode":"","_EventCurrencyPosition":"","_EventDateTimeSeparator":"","_EventTimeRangeSeparator":"","_EventOrganizerID":[],"_EventVenueID":[],"_OrganizerEmail":"","_OrganizerPhone":"","_OrganizerWebsite":"","_VenueAddress":"","_VenueCity":"","_VenueCountry":"","_VenueProvince":"","_VenueState":"","_VenueZip":"","_VenuePhone":"","_VenueURL":"","_VenueStateProvince":"","_VenueLat":"","_VenueLng":"","_VenueShowMap":false,"_VenueShowMapLink":false,"footnotes":""},"class_list":["post-2981","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/farmasi.unissula.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/2981","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/farmasi.unissula.ac.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/farmasi.unissula.ac.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/farmasi.unissula.ac.id\/index.php?rest_route=\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/farmasi.unissula.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2981"}],"version-history":[{"count":5,"href":"https:\/\/farmasi.unissula.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/2981\/revisions"}],"predecessor-version":[{"id":3045,"href":"https:\/\/farmasi.unissula.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/2981\/revisions\/3045"}],"up":[{"embeddable":true,"href":"https:\/\/farmasi.unissula.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/374"}],"wp:attachment":[{"href":"https:\/\/farmasi.unissula.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2981"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}