{"id":2608,"date":"2026-10-01T06:00:41","date_gmt":"2026-10-01T06:00:41","guid":{"rendered":"https:\/\/farmasi.unissula.ac.id\/?page_id=2608"},"modified":"2026-10-12T02:47:08","modified_gmt":"2026-10-12T02:47:08","slug":"sejarah","status":"publish","type":"page","link":"https:\/\/farmasi.unissula.ac.id\/?page_id=2608","title":{"rendered":"SEJARAH"},"content":{"rendered":"<style>\r\n\/* cegah gulir ke samping 1px akibat pembulatan lebar hero *\/\r\nhtml,body{overflow-x:clip}\r\n.sjr{--m1:#c4107a;--m2:#eb1792;--m3:#f7a1d0;--dark:#4f0632;--ink:#2d1724;--muted:#7a5a6c;--line:#f6d3e5;--soft:#fff3f9;--hijau:#1e8a5e;\r\n  width:min(1200px,calc(100vw - 48px));position:relative;left:50%;transform:translateX(-50%);padding-bottom:40px;\r\n  font-family:system-ui,-apple-system,\"Segoe UI\",Roboto,sans-serif;color:var(--ink);line-height:1.7;box-sizing:border-box}\r\n.sjr *{box-sizing:border-box}\r\n.sjr h2,.sjr h3,.sjr h4{font-family:inherit;margin:0}\r\n.sjr p{margin:0 0 1em}\r\n.sjr a{text-decoration:none;box-shadow:none;border:0}\r\n\r\n\/* ---------- Hero: foto Gedung Al-Kindi ---------- *\/\r\n.sjr-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:28px;min-height:560px;display:flex;align-items:center;padding:64px 48px 132px;color:#fff;background:var(--dark)}\r\n.sjr-hero-bg,.sjr-hero-tirai{position:absolute;top:0;bottom:0;left:calc(0px - var(--ki,0px));right:calc(0px - var(--ka,0px));pointer-events:none}\r\n.sjr-hero-bg{z-index:-2;top:-8%;bottom:-8%;background:var(--img) 62% 42%\/cover no-repeat,linear-gradient(135deg,var(--m1),var(--m3));translate:0 var(--py,0px)}\r\n.sjr-hero-tirai{z-index:-1;\r\n  background:radial-gradient(circle at 12% 0%,rgba(247,161,208,.3),transparent 38%),\r\n             linear-gradient(0deg,rgba(72,5,44,.6),rgba(72,5,44,0) 45%),\r\n             linear-gradient(90deg,rgba(72,5,44,.96) 0%,rgba(176,12,108,.88) 32%,rgba(235,23,146,.5) 58%,rgba(235,23,146,.08) 86%)}\r\n.sjr-hero-c{position:relative;max-width:640px}\r\n.sjr-badge{display:inline-flex;align-items:center;gap:8px;font-size:.76rem;font-weight:700;letter-spacing:.06em;padding:7px 14px;border-radius:999px;\r\n  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}\r\n.sjr-hero h2{margin:18px 0 14px;font-size:clamp(2rem,4.4vw,3.3rem);line-height:1.12;font-weight:800;letter-spacing:-.02em;color:#fff}\r\n.sjr-hero h2 span{background:linear-gradient(90deg,#ffd6ea,#fff 60%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}\r\n.sjr-hero p{color:#fff;opacity:.94;font-size:1.02rem;margin:0}\r\n.sjr-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:26px}\r\n.sjr-st{min-width:0;padding:12px 14px;border-radius:16px;background:rgba(79,6,50,.42);border:1px solid rgba(255,255,255,.26);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform .3s,background .3s}\r\n.sjr-st:hover{transform:translateY(-3px);background:rgba(79,6,50,.62)}\r\n.sjr-st b{display:block;font-size:1.6rem;font-weight:800;line-height:1.05}\r\n.sjr-st span{display:block;font-size:.74rem;font-weight:600;opacity:.9;margin-top:3px;line-height:1.3}\r\n.sjr-cap{position:absolute;right:48px;bottom:150px;display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:600;padding:8px 14px;border-radius:999px;\r\n  background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}\r\n\r\n\/* Hero selebar layar dan menempel ke header (diatur oleh skrip di bagian bawah) *\/\r\n.sjr-hero.sjr-full{border-radius:0;overflow:clip;overflow-clip-margin:border-box;border-style:solid;border-color:transparent;border-top-width:0;border-bottom-width:0;\r\n  background-origin:border-box;clip-path:ellipse(120% 100% at 50% 0)}\r\n\r\n\/* ---------- Linimasa ringkas: kartu melayang di bawah hero ---------- *\/\r\n.sjr-bar{position:relative;z-index:2;max-width:1100px;margin:-84px auto 0;background:#fff;border-radius:24px;padding:18px 22px 14px;box-shadow:0 22px 50px rgba(150,10,90,.16);border:1px solid var(--line)}\r\n.sjr-bar-t{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--m1);margin:0 6px 6px}\r\n.sjr-bar-t small{font-size:.74rem;font-weight:600;letter-spacing:0;text-transform:none;color:var(--muted)}\r\n.sjr-gulir{overflow-x:auto;scrollbar-width:none}\r\n.sjr-gulir::-webkit-scrollbar{display:none}\r\n.sjr-ringkas{--w:0px;position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}\r\n.sjr-ringkas::before,.sjr-r-isi{content:\"\";position:absolute;top:16px;left:calc(100% \/ 14);height:4px;margin-top:-2px;border-radius:4px}\r\n.sjr-ringkas::before{right:calc(100% \/ 14);background:var(--line)}\r\n.sjr-r-isi{width:var(--w);background:linear-gradient(90deg,var(--m3),var(--m1));box-shadow:0 0 12px rgba(235,23,146,.45);transition:width .9s cubic-bezier(.65,0,.35,1)}\r\n.sjr-r-pelancong{position:absolute;top:16px;left:calc(100% \/ 14 + var(--w));width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;z-index:3;pointer-events:none;\r\n  background:radial-gradient(circle at 35% 30%,#fff,#ffb0d9 45%,var(--m2));box-shadow:0 0 0 5px rgba(235,23,146,.22),0 0 18px 4px rgba(235,23,146,.5);transition:left .9s cubic-bezier(.65,0,.35,1)}\r\n.sjr-ringkas li{position:relative;margin:0;padding:0;text-align:center}\r\n.sjr-ringkas li::before{content:none}\r\n.sjr-ringkas li::after{content:\"\";position:absolute;z-index:2;top:7px;left:50%;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:#fff;border:3px solid var(--line);transition:border-color .4s,background .4s,transform .4s;pointer-events:none}\r\n.sjr-ringkas a{display:block;padding:32px 4px 6px;border-radius:14px;color:var(--muted);font-size:.78rem;line-height:1.35;transition:background .25s,transform .25s}\r\n.sjr-ringkas a:hover{background:var(--soft);transform:translateY(-2px)}\r\n.sjr-ringkas b{display:block;font-size:1.3rem;font-weight:800;line-height:1.2;color:#d7aec3;margin-bottom:2px;transition:color .4s}\r\n.sjr-ringkas li.lewat::after{border-color:var(--m1)}\r\n.sjr-ringkas li.lewat b{color:var(--m1)}\r\n.sjr-ringkas li.kini::after{background:var(--m1);transform:scale(1.15)}\r\n.sjr-ringkas li.kini a{color:var(--ink);font-weight:600}\r\n.sjr-ringkas .sjr-next a{font-style:italic}\r\n.sjr-ringkas .sjr-next::after{border-style:dashed}\r\n\r\n\/* ---------- Judul bagian ---------- *\/\r\n.sjr-sec{text-align:center;max-width:680px;margin:72px auto 40px}\r\n.sjr-kick{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--m1);background:var(--soft);border:1px solid var(--line);padding:6px 14px;border-radius:999px}\r\n.sjr-sec h3{margin:14px 0 8px;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.25;font-weight:800;letter-spacing:-.01em;color:var(--dark)}\r\n.sjr-sec p{margin:0;color:var(--muted)}\r\n\r\n\/* ---------- Peristiwa: rute perjalanan (vertikal) ---------- *\/\r\n.sjr-alur{--x:50%;--p:0px;position:relative;counter-reset:sjr}\r\n.sjr-alur::before{content:\"\";position:absolute;left:var(--x);top:0;bottom:0;width:3px;transform:translateX(-1.5px);background:repeating-linear-gradient(180deg,var(--line) 0 8px,transparent 8px 14px)}\r\n.sjr-rute{position:absolute;left:var(--x);top:0;width:5px;margin-left:-2.5px;height:var(--p);border-radius:3px;z-index:1;background:linear-gradient(180deg,var(--m3),var(--m1));box-shadow:0 0 14px rgba(235,23,146,.6);transition:height .25s linear}\r\n.sjr-pelancong{position:absolute;left:var(--x);top:var(--p);width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;z-index:3;pointer-events:none;\r\n  background:radial-gradient(circle at 35% 30%,#fff,#ffb0d9 45%,var(--m2));box-shadow:0 0 0 6px rgba(235,23,146,.22),0 0 24px 6px rgba(235,23,146,.5);transition:top .25s linear}\r\n.sjr-pelancong::after{content:\"\";position:absolute;inset:-10px;border-radius:50%;border:2px solid rgba(235,23,146,.5)}\r\n.sjr-alur.tiba .sjr-pelancong{box-shadow:0 0 0 8px rgba(235,23,146,.3),0 0 34px 10px rgba(235,23,146,.65)}\r\n\r\n.sjr-item{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-bottom:72px;align-items:center;counter-increment:sjr;scroll-margin-top:130px}\r\n.sjr-item::after{content:counter(sjr);position:absolute;z-index:2;left:50%;top:50%;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;\r\n  background:linear-gradient(135deg,var(--m1),var(--m2));color:#fff;font:800 .8rem\/1 system-ui,-apple-system,\"Segoe UI\",Roboto,sans-serif;border:4px solid #fff;box-shadow:0 0 0 2px var(--m3);transform:translate(-50%,-50%)}\r\n.sjr-item:nth-child(even) .sjr-foto{order:2}\r\n\r\n\/* foto: sudut membulat, bayangan bertumpuk, membesar saat disorot *\/\r\n.sjr-foto{position:relative;margin:0;aspect-ratio:4\/3;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,var(--m2),var(--m3));\r\n  box-shadow:0 18px 40px rgba(150,10,90,.2),18px 18px 0 -4px var(--soft)}\r\n.sjr-item:nth-child(even) .sjr-foto{box-shadow:0 18px 40px rgba(150,10,90,.2),-18px 18px 0 -4px var(--soft)}\r\n.sjr-foto::before{content:\"\";position:absolute;inset:0;background:var(--img) center\/cover no-repeat;transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .9s ease}\r\n.sjr-foto::after{content:attr(data-t);position:absolute;left:16px;bottom:16px;padding:6px 14px;border-radius:999px;font:800 .9rem\/1.2 system-ui,-apple-system,\"Segoe UI\",Roboto,sans-serif;color:#fff;\r\n  background:rgba(79,6,50,.55);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}\r\n.sjr-item:hover .sjr-foto::before{transform:scale(1.07)}\r\n\r\n\/* kartu teks dengan angka tahun samar di belakang *\/\r\n.sjr-teks{position:relative;overflow:hidden;padding:30px 32px 28px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 12px 32px rgba(150,10,90,.07);transition:box-shadow .4s,transform .4s}\r\n.sjr-teks::before{content:attr(data-t);position:absolute;right:-8px;top:-22px;font-size:7.5rem;font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--line);pointer-events:none;z-index:0}\r\n.sjr-teks::after{content:\"\";position:absolute;left:0;top:0;right:0;height:5px;background:linear-gradient(90deg,var(--m1),var(--m3));transform-origin:left;transition:transform .8s cubic-bezier(.2,.7,.2,1)}\r\n.sjr-teks>*{position:relative;z-index:1}\r\n.sjr-item:hover .sjr-teks{box-shadow:0 20px 44px rgba(150,10,90,.13)}\r\n.sjr-ke{display:block;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}\r\n.sjr-tahun{display:block;font-size:3.2rem;line-height:1;font-weight:900;letter-spacing:-.02em;margin-bottom:10px;\r\n  background:linear-gradient(90deg,var(--m1),var(--m2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}\r\n.sjr-teks h3{margin:0 0 10px;font-size:1.28rem;line-height:1.35;font-weight:800;color:var(--dark)}\r\n.sjr-teks .lead{font-weight:600;color:var(--m1)}\r\n.sjr-teks p{font-size:.97rem;color:#4a3540}\r\n.sjr-sk{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;color:var(--dark);background:var(--soft);border:1px solid var(--line);padding:5px 12px;border-radius:999px;margin:0 0 14px}\r\n\r\n\/* Tombol \"Baca selengkapnya\" *\/\r\n.sjr-more summary{display:inline-flex;align-items:center;gap:10px;cursor:pointer;list-style:none;font-size:.85rem;font-weight:700;color:#fff;\r\n  background:linear-gradient(90deg,var(--m1),var(--m2));padding:9px 18px;border-radius:999px;transition:transform .25s ease,box-shadow .25s ease}\r\n.sjr-more summary::-webkit-details-marker{display:none}\r\n.sjr-more summary::after{content:\"\";width:7px;height:7px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg) translateY(-2px);transition:transform .3s ease}\r\n.sjr-more[open] summary::after{transform:rotate(-135deg) translateY(-2px)}\r\n.sjr-more summary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(235,23,146,.35)}\r\n.sjr-more .t-tutup,.sjr-more[open] .t-buka{display:none}\r\n.sjr-more[open] .t-tutup{display:inline}\r\n.sjr-more-isi{padding-top:16px}\r\n.sjr-more-isi p:last-child{margin-bottom:0}\r\n\r\n\/* ---------- Bersambung + program studi saat ini ---------- *\/\r\n.sjr-bersambung{display:flex;justify-content:center;gap:10px;margin:-24px 0 0;scroll-margin-top:130px}\r\n.sjr-bersambung span{width:10px;height:10px;border-radius:50%;background:var(--m2)}\r\n.sjr-bersambung span:nth-child(2){opacity:.6;transform:scale(.8)}\r\n.sjr-bersambung span:nth-child(3){opacity:.3;transform:scale(.6)}\r\n.sjr-prodi{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}\r\n.sjr-pd{position:relative;overflow:hidden;padding:24px 22px 22px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 6px 18px rgba(150,10,90,.06);transition:transform .35s,box-shadow .35s,border-color .35s}\r\n.sjr-pd::before{content:\"\";position:absolute;left:0;top:0;right:0;height:5px;background:linear-gradient(90deg,var(--m1),var(--m3))}\r\n.sjr-pd:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(150,10,90,.15);border-color:var(--m3)}\r\n.sjr-pd i{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;font-style:normal;font-size:1.5rem;background:var(--soft);margin-bottom:14px;transition:transform .35s}\r\n.sjr-pd:hover i{transform:rotate(-8deg) scale(1.08)}\r\n.sjr-pd small{display:block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}\r\n.sjr-pd h4{margin:2px 0 10px;font-size:1.08rem;font-weight:800;line-height:1.3;color:var(--dark)}\r\n.sjr-pd span{display:inline-block;font-size:.74rem;font-weight:700;color:var(--hijau);background:#e7f6ef;border-radius:999px;padding:4px 10px}\r\n\r\n\/* ---------- Penutup ---------- *\/\r\n.sjr-penutup{position:relative;isolation:isolate;overflow:hidden;margin-top:72px;padding:48px 52px;border-radius:28px;color:#fff;background:linear-gradient(120deg,var(--dark),var(--m1) 60%,var(--m2))}\r\n.sjr-penutup::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;width:55%;background:var(--img) 60% 40%\/cover no-repeat;opacity:.22;\r\n  -webkit-mask-image:linear-gradient(90deg,transparent,#000 60%);mask-image:linear-gradient(90deg,transparent,#000 60%)}\r\n.sjr-penutup::after{content:\"\";position:absolute;z-index:-1;width:320px;height:320px;right:-80px;bottom:-160px;border-radius:50%;border:40px solid rgba(255,255,255,.07)}\r\n.sjr-penutup h2{margin:12px 0 14px;line-height:1.25;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:800;color:#fff}\r\n.sjr-penutup p{max-width:760px;color:#fff;opacity:.94}\r\n.sjr-penutup .sjr-kick{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);color:#fff}\r\n.sjr-penutup .catatan{font-size:.85rem;opacity:.8;border-top:1px dashed rgba(255,255,255,.4);padding-top:14px;margin:6px 0 0}\r\n\r\n\/* ---------- ANIMASI (hanya jika perangkat tidak meminta \"kurangi gerakan\") ---------- *\/\r\n@media (prefers-reduced-motion:no-preference){\r\n  html{scroll-behavior:smooth}\r\n  @keyframes sjrUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}\r\n  @keyframes sjrKen{from{scale:1.02}to{scale:1.12}}\r\n  @keyframes sjrKedip{0%,100%{opacity:.2}50%{opacity:1}}\r\n  @keyframes sjrSonar{from{transform:scale(.6);opacity:1}to{transform:scale(1.7);opacity:0}}\r\n  @keyframes sjrNapas{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}\r\n  @keyframes sjrDenyut{0%{box-shadow:0 0 0 0 rgba(235,23,146,.5)}70%{box-shadow:0 0 0 12px rgba(235,23,146,0)}100%{box-shadow:0 0 0 0 rgba(235,23,146,0)}}\r\n\r\n  \/* hero: foto perlahan membesar, isi muncul bertahap *\/\r\n  .sjr-hero-bg{animation:sjrKen 18s ease-in-out infinite alternate}\r\n  .sjr-hero-c>*,.sjr-st,.sjr-cap{animation:sjrUp .8s cubic-bezier(.2,.7,.2,1) backwards}\r\n  .sjr-hero-c>*:nth-child(2){animation-delay:.12s}\r\n  .sjr-hero-c>*:nth-child(3){animation-delay:.24s}\r\n  .sjr-hero-c>*:nth-child(4){animation-delay:.36s}\r\n  .sjr-st:nth-child(1){animation-delay:.42s}\r\n  .sjr-st:nth-child(2){animation-delay:.52s}\r\n  .sjr-st:nth-child(3){animation-delay:.62s}\r\n  .sjr-st:nth-child(4){animation-delay:.72s}\r\n  .sjr-cap{animation-delay:.9s}\r\n  .sjr-bar{animation:sjrUp .9s cubic-bezier(.2,.7,.2,1) .55s backwards}\r\n\r\n  .sjr-r-pelancong,.sjr-pelancong{animation:sjrNapas 2s ease-in-out infinite}\r\n  .sjr-pelancong::after{animation:sjrSonar 1.8s ease-out infinite}\r\n  .sjr-ringkas li.kini::after{animation:sjrDenyut 2s ease-out infinite}\r\n  .sjr-bersambung span{animation:sjrKedip 1.8s ease-in-out infinite}\r\n  .sjr-bersambung span:nth-child(2){animation-delay:.25s}\r\n  .sjr-bersambung span:nth-child(3){animation-delay:.5s}\r\n  .sjr-more[open] .sjr-more-isi{animation:sjrUp .5s ease}\r\n\r\n  \/* konten muncul saat digulir (kelas dipasang oleh skrip) *\/\r\n  .sjr-js .sjr-rv{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0) * .1s)}\r\n  .sjr-js .sjr-rv.on{opacity:1;transform:none}\r\n  .sjr-js .sjr-pd.sjr-rv.on:hover{transform:translateY(-6px);transition-delay:0s}\r\n\r\n  \/* peristiwa: foto dan kartu masuk dari sisi berlawanan *\/\r\n  .sjr-js .sjr-item .sjr-foto{opacity:0;transform:translateX(-56px) rotate(-2deg);transition:opacity .9s ease,transform 1s cubic-bezier(.2,.7,.2,1)}\r\n  .sjr-js .sjr-item .sjr-teks{opacity:0;transform:translateX(56px);transition:opacity .9s ease .15s,transform 1s cubic-bezier(.2,.7,.2,1) .15s,box-shadow .4s}\r\n  .sjr-js .sjr-item:nth-child(even) .sjr-foto{transform:translateX(56px) rotate(2deg)}\r\n  .sjr-js .sjr-item:nth-child(even) .sjr-teks{transform:translateX(-56px)}\r\n  .sjr-js .sjr-item.on .sjr-foto,.sjr-js .sjr-item.on .sjr-teks{opacity:1;transform:none}\r\n  \/* foto berwarna, garis atas kartu terisi, dan nomor menyala setelah dilewati pelancong *\/\r\n  .sjr-js .sjr-foto::before{filter:grayscale(.75) brightness(.95)}\r\n  .sjr-js .sjr-item.lewat .sjr-foto::before{filter:none}\r\n  .sjr-js .sjr-teks::after{transform:scaleX(0)}\r\n  .sjr-js .sjr-item.lewat .sjr-teks::after{transform:scaleX(1)}\r\n  .sjr-js .sjr-item::after{scale:0;background:#fff;color:var(--m3);box-shadow:0 0 0 2px var(--line);transition:scale .5s cubic-bezier(.3,1.6,.5,1) .1s,background .4s,color .4s,box-shadow .4s}\r\n  .sjr-js .sjr-item.on::after{scale:1}\r\n  .sjr-js .sjr-item.lewat::after{background:linear-gradient(135deg,var(--m1),var(--m2));color:#fff;box-shadow:0 0 0 2px var(--m3);animation:sjrDenyut 2.4s ease-out infinite}\r\n}\r\n@media (prefers-reduced-motion:reduce){.sjr-hero-bg{translate:none}}\r\n\r\n\/* ---------- Tablet ---------- *\/\r\n@media (max-width:1000px){\r\n  .sjr-prodi{grid-template-columns:repeat(2,1fr)}\r\n  .sjr-item{gap:56px}\r\n  .sjr-cap{display:none}\r\n}\r\n\r\n\/* ---------- HP dan layar kecil ---------- *\/\r\n@media (max-width:820px){\r\n  .sjr-hero{min-height:0;padding:48px 24px 124px}\r\n  .sjr-hero-bg{background-position:60% center,center}\r\n  .sjr-hero-tirai{background:linear-gradient(180deg,rgba(72,5,44,.9) 0%,rgba(176,12,108,.84) 55%,rgba(235,23,146,.62) 100%)}\r\n  .sjr-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}\r\n  .sjr-hero.sjr-full{clip-path:ellipse(200% 100% at 50% 0)}\r\n\r\n  \/* linimasa ringkas bisa digeser ke samping *\/\r\n  .sjr-bar{margin-top:-80px;padding:14px 10px 10px;border-radius:20px}\r\n  .sjr-gulir{-webkit-mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 30px),transparent);mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 30px),transparent)}\r\n  .sjr-ringkas{width:770px}\r\n\r\n  .sjr-sec{margin:52px auto 30px}\r\n  .sjr-alur{--x:14px}\r\n  .sjr-item{grid-template-columns:1fr;gap:18px;padding-left:44px;margin-bottom:48px}\r\n  .sjr-item::after{left:14px;top:16px}\r\n  .sjr-item:nth-child(even) .sjr-foto{order:0}\r\n  .sjr-foto,.sjr-item:nth-child(even) .sjr-foto{box-shadow:0 14px 30px rgba(150,10,90,.18)}\r\n  .sjr-teks{padding:24px 22px 22px}\r\n  .sjr-teks::before{font-size:5.5rem}\r\n  .sjr-tahun{font-size:2.5rem}\r\n  .sjr-bersambung{justify-content:flex-start;padding-left:9px;margin-top:-16px}\r\n  .sjr-penutup{padding:32px 24px;margin-top:52px}\r\n  .sjr-penutup::before{width:100%;opacity:.14}\r\n}\r\n@media (max-width:820px) and (prefers-reduced-motion:no-preference){\r\n  .sjr-js .sjr-item .sjr-foto,.sjr-js .sjr-item:nth-child(even) .sjr-foto,\r\n  .sjr-js .sjr-item .sjr-teks,.sjr-js .sjr-item:nth-child(even) .sjr-teks{transform:translateY(28px)}\r\n}\r\n@media (max-width:520px){\r\n  .sjr-prodi{grid-template-columns:1fr}\r\n}\r\n\/* ---------- Latar pembeda tiap bagian dengan pembatas berombak (seperti halaman Home) ----------\r\n   Pita latar dibuat skrip di bagian bawah dan diletakkan di belakang konten.\r\n   Corak: titik, cahaya, kisi, putih, garis (dipakai bergiliran). *\/\r\nhtml,body{overflow-x:clip}\r\n.sjr{isolation:isolate}\r\n.sjr-pita-lapis{position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;pointer-events:none}\r\n.sjr-pita{position:absolute;left:50%;width:100vw;translate:-50% 0;--ombak:30px;--ombak-l:1440px;\r\n  --gel:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 1440 30' preserveAspectRatio='none'%3E%3Cpath d='M0 30V14C240 0 480 0 720 14S1200 28 1440 14V30Z'\/%3E%3C\/svg%3E\")}\r\n.sjr-pita::before,.sjr-pita::after{content:\"\";position:absolute;left:0;right:0;top:0;bottom:0}\r\n.sjr-pita::before{background:var(--lt);\r\n  -webkit-mask:var(--gel) 0 0\/var(--ombak-l) var(--ombak) repeat-x,linear-gradient(#000,#000) 0 calc(var(--ombak) - 1px)\/100% 100% no-repeat;\r\n  mask:var(--gel) 0 0\/var(--ombak-l) var(--ombak) repeat-x,linear-gradient(#000,#000) 0 calc(var(--ombak) - 1px)\/100% 100% no-repeat}\r\n.sjr-pita::after{top:var(--ombak);background:var(--pola,none);-webkit-mask-image:var(--topeng,none);mask-image:var(--topeng,none)}\r\n.sjr-pita.titik{--lt:linear-gradient(180deg,#fff7fb,#ffeef6);--pola:radial-gradient(circle,rgba(196,16,122,.2) 1.4px,transparent 1.9px) 0 0\/22px 22px;\r\n  --topeng:radial-gradient(ellipse 40% 65% at 94% 12%,#000,transparent 75%),radial-gradient(ellipse 30% 55% at 4% 96%,#000,transparent 75%)}\r\n.sjr-pita.cahaya{--lt:radial-gradient(circle at 6% 30%,rgba(19,163,124,.11),transparent 32%),radial-gradient(circle at 96% 82%,rgba(235,23,146,.09),transparent 34%),#fff}\r\n.sjr-pita.kisi{--lt:linear-gradient(180deg,#f1fbf7,#e4f7ef);--pola:linear-gradient(rgba(15,138,106,.09) 1px,transparent 1px) 0 0\/34px 34px,linear-gradient(90deg,rgba(15,138,106,.09) 1px,transparent 1px) 0 0\/34px 34px;\r\n  --topeng:radial-gradient(ellipse 45% 75% at 100% 0%,#000,transparent 80%),radial-gradient(ellipse 30% 60% at 0% 100%,#000,transparent 80%)}\r\n.sjr-pita.putih{--lt:radial-gradient(circle at 0% 0%,rgba(235,23,146,.09),transparent 34%),radial-gradient(circle at 100% 100%,rgba(247,161,208,.18),transparent 32%),#fff}\r\n.sjr-pita.garis{--lt:linear-gradient(180deg,#fff5fa,#ffeef6);--pola:repeating-linear-gradient(135deg,rgba(196,16,122,.07) 0 2px,transparent 2px 16px);\r\n  --topeng:radial-gradient(ellipse 40% 80% at 0% 0%,#000,transparent 80%),radial-gradient(ellipse 35% 70% at 100% 100%,#000,transparent 80%)}\r\n@keyframes sjrOmbak{from{-webkit-mask-position:0 0,0 calc(var(--ombak) - 1px);mask-position:0 0,0 calc(var(--ombak) - 1px)}to{-webkit-mask-position:var(--ombak-l) 0,0 calc(var(--ombak) - 1px);mask-position:var(--ombak-l) 0,0 calc(var(--ombak) - 1px)}}\r\n@media (prefers-reduced-motion:no-preference){\r\n  .sjr-pita::before{animation:sjrOmbak 80s linear infinite}\r\n  .sjr-pita:nth-child(even)::before{animation-direction:reverse;animation-duration:95s}\r\n}\r\n@media (max-width:720px){.sjr-pita{--ombak:20px;--ombak-l:900px}}\r\n<\/style>\r\n\r\n<div class=\"sjr\">\r\n\r\n  <!-- PEMBUKA: foto Gedung Al-Kindi (ganti alamat di --img untuk mengganti foto) -->\r\n  <section class=\"sjr-hero\">\r\n    <div class=\"sjr-hero-bg\" role=\"img\" aria-label=\"Gedung Al-Kindi, Fakultas Farmasi UNISSULA\" style=\"--img:url('https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Gedung-Al-Kindi.webp')\"><\/div>\r\n    <div class=\"sjr-hero-tirai\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"sjr-hero-c\">\r\n      <span class=\"sjr-badge\">\ud83c\udfdb\ufe0f SEJARAH \u00b7 FAKULTAS FARMASI UNISSULA<\/span>\r\n      <h2>Perjalanan Fakultas Farmasi <span>UNISSULA<\/span><\/h2>\r\n      <p>Fakultas Farmasi Universitas Islam Sultan Agung (UNISSULA) merupakan bagian dari perjalanan panjang UNISSULA dalam mengembangkan pendidikan tinggi yang berlandaskan nilai-nilai Islam. Sejak berdirinya Program Studi Sarjana Farmasi hingga terbentuknya Fakultas Farmasi, berbagai pencapaian telah diraih sebagai wujud komitmen dalam menghasilkan lulusan yang kompeten, profesional, dan berakhlak mulia.<\/p>\r\n      <!-- data-sejak: angka dihitung otomatis = tahun sekarang dikurangi tahun ini -->\r\n      <div class=\"sjr-stats\">\r\n        <div class=\"sjr-st\"><b data-sejak=\"1962\">64<\/b><span>tahun UNISSULA berkiprah<\/span><\/div>\r\n        <div class=\"sjr-st\"><b data-sejak=\"2011\">15<\/b><span>tahun pendidikan farmasi<\/span><\/div>\r\n        <div class=\"sjr-st\"><b data-n=\"4\">4<\/b><span>program studi<\/span><\/div>\r\n        <div class=\"sjr-st\"><b>Unggul<\/b><span>akreditasi LAM-PTKes<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <span class=\"sjr-cap\">\ud83d\udccd Gedung Al-Kindi \u00b7 Fakultas Farmasi<\/span>\r\n  <\/section>\r\n\r\n  <!-- LINIMASA RINGKAS (bisa diklik) -->\r\n  <nav class=\"sjr-bar\" aria-label=\"Ringkasan linimasa\">\r\n    <div class=\"sjr-bar-t\">\ud83e\udded Linimasa singkat <small>Klik tahun untuk melompat ke peristiwanya<\/small><\/div>\r\n    <div class=\"sjr-gulir\">\r\n      <ol class=\"sjr-ringkas\">\r\n        <li><a href=\"#sjr-1962\"><b>1962<\/b>Berdirinya UNISSULA<\/a><\/li>\r\n        <li><a href=\"#sjr-2011\"><b>2011<\/b>Prodi Sarjana Farmasi<\/a><\/li>\r\n        <li><a href=\"#sjr-2019\"><b>2019<\/b>Profesi Apoteker<\/a><\/li>\r\n        <li><a href=\"#sjr-fakultas\"><b>2023<\/b>Fakultas Farmasi berdiri<\/a><\/li>\r\n        <li><a href=\"#sjr-kebidanan\"><b>2023<\/b>Prodi Kebidanan bergabung<\/a><\/li>\r\n        <li><a href=\"#sjr-akreditasi\"><b>2024<\/b>Akreditasi Unggul<\/a><\/li>\r\n        <li class=\"sjr-next\"><a href=\"#sjr-lanjut\"><b>\u2026<\/b>Terus berlanjut<\/a><\/li>\r\n      <\/ol>\r\n    <\/div>\r\n  <\/nav>\r\n\r\n  <!-- PENJELASAN SEJARAH -->\r\n  <div class=\"sjr-sec sjr-rv\">\r\n    <span class=\"sjr-kick\">\ud83d\udcdc Penjelasan Sejarah<\/span>\r\n    <h3>Jejak Langkah dari Masa ke Masa<\/h3>\r\n    <p>Gulir ke bawah untuk mengikuti perjalanan Fakultas Farmasi UNISSULA, dari berdirinya universitas hingga hari ini.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"sjr-alur\">\r\n\r\n    <article class=\"sjr-item\" id=\"sjr-1962\">\r\n      <div class=\"sjr-foto\" data-t=\"1962\" role=\"img\" aria-label=\"Universitas Islam Sultan Agung\" style=\"--img:url('https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2024-01-31-at-135034-4142993203.webp')\"><\/div>\r\n      <div class=\"sjr-teks\" data-t=\"1962\">\r\n        <span class=\"sjr-ke\">Tonggak 01<\/span>\r\n        <span class=\"sjr-tahun\">1962<\/span>\r\n        <h3>Berdirinya Universitas Islam Sultan Agung<\/h3>\r\n        <p class=\"lead\">UNISSULA didirikan oleh Yayasan Badan Wakaf Sultan Agung pada 20 Mei 1962.<\/p>\r\n        <details class=\"sjr-more\">\r\n          <summary><span class=\"t-buka\">Baca selengkapnya<\/span><span class=\"t-tutup\">Tutup<\/span><\/summary>\r\n          <div class=\"sjr-more-isi\">\r\n            <p>Universitas Islam Sultan Agung (UNISSULA) didirikan oleh Yayasan Badan Wakaf Sultan Agung (YBWSA) pada 20 Mei 1962, bertepatan dengan 16 Dzulhijjah 1381 Hijriah. Nama Sultan Agung diambil dari gelar Adi Prabu Hanyokrokusumo, sebagai bentuk penghormatan terhadap nilai-nilai kepemimpinan dan perjuangan.<\/p>\r\n            <p>Sejak awal berdirinya, UNISSULA berkomitmen menyelenggarakan pendidikan tinggi yang mengintegrasikan ilmu pengetahuan dan nilai-nilai Islam. Komitmen tersebut menjadi landasan bagi pengembangan berbagai program pendidikan, termasuk pendidikan di bidang farmasi dan kesehatan.<\/p>\r\n          <\/div>\r\n        <\/details>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"sjr-item\" id=\"sjr-2011\">\r\n      <div class=\"sjr-foto\" data-t=\"2011\" role=\"img\" aria-label=\"Program Studi Sarjana Farmasi\" style=\"--img:url('https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Untitled-design-3.webp')\"><\/div>\r\n      <div class=\"sjr-teks\" data-t=\"2011\">\r\n        <span class=\"sjr-ke\">Tonggak 02<\/span>\r\n        <span class=\"sjr-tahun\">2011<\/span>\r\n        <h3>Pendirian Program Studi Sarjana Farmasi<\/h3>\r\n        <p class=\"lead\">Didirikan pada 21 September 2011 di bawah Fakultas Kedokteran.<\/p>\r\n        <span class=\"sjr-sk\">\ud83d\udcdc SK Mendiknas No. 203\/E\/O\/2011<\/span>\r\n        <details class=\"sjr-more\">\r\n          <summary><span class=\"t-buka\">Baca selengkapnya<\/span><span class=\"t-tutup\">Tutup<\/span><\/summary>\r\n          <div class=\"sjr-more-isi\">\r\n            <p>Perjalanan pendidikan farmasi di UNISSULA dimulai dengan berdirinya Program Studi Sarjana Farmasi pada 21 September 2011. Program studi ini berada di bawah naungan Fakultas Kedokteran.<\/p>\r\n            <p>Pendirian program studi ini menjadi langkah awal UNISSULA dalam mengembangkan pendidikan kefarmasian yang berorientasi pada penguasaan ilmu pengetahuan, keterampilan profesional, serta pembentukan karakter lulusan yang berlandaskan nilai-nilai Islam.<\/p>\r\n          <\/div>\r\n        <\/details>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"sjr-item\" id=\"sjr-2019\">\r\n      <div class=\"sjr-foto\" data-t=\"2019\" role=\"img\" aria-label=\"Pendidikan Profesi Apoteker\" style=\"--img:url('https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/3-Profesi-Apoteker.webp')\"><\/div>\r\n      <div class=\"sjr-teks\" data-t=\"2019\">\r\n        <span class=\"sjr-ke\">Tonggak 03<\/span>\r\n        <span class=\"sjr-tahun\">2019<\/span>\r\n        <h3>Pendirian Pendidikan Profesi Apoteker<\/h3>\r\n        <p class=\"lead\">Program Studi Pendidikan Profesi Apoteker didirikan pada 30 September 2019.<\/p>\r\n        <span class=\"sjr-sk\">\ud83d\udcdc SK No. 850\/KPT\/I\/2019<\/span>\r\n        <details class=\"sjr-more\">\r\n          <summary><span class=\"t-buka\">Baca selengkapnya<\/span><span class=\"t-tutup\">Tutup<\/span><\/summary>\r\n          <div class=\"sjr-more-isi\">\r\n            <p>Sebagai pengembangan pendidikan kefarmasian, UNISSULA mendirikan Program Studi Pendidikan Profesi Apoteker pada 30 September 2019.<\/p>\r\n            <p>Kehadiran program pendidikan profesi ini melengkapi jenjang pendidikan farmasi, sekaligus memperkuat komitmen UNISSULA dalam menyiapkan calon apoteker yang memiliki kompetensi profesional, menjunjung etika, dan mampu memberikan pelayanan kefarmasian kepada masyarakat.<\/p>\r\n          <\/div>\r\n        <\/details>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"sjr-item\" id=\"sjr-fakultas\">\r\n      <div class=\"sjr-foto\" data-t=\"2023\" role=\"img\" aria-label=\"Fakultas Farmasi UNISSULA\" style=\"--img:url('https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/22-OSCE-copy-1024x683-1.webp')\"><\/div>\r\n      <div class=\"sjr-teks\" data-t=\"2023\">\r\n        <span class=\"sjr-ke\">Tonggak 04<\/span>\r\n        <span class=\"sjr-tahun\">2023<\/span>\r\n        <h3>Berdirinya Fakultas Farmasi UNISSULA<\/h3>\r\n        <p class=\"lead\">Fakultas Farmasi resmi berdiri sebagai fakultas tersendiri pada 30 Agustus 2023.<\/p>\r\n        <span class=\"sjr-sk\">\ud83d\udcdc SK Rektor No. 9212\/E\/SA\/VIII\/2023<\/span>\r\n        <details class=\"sjr-more\">\r\n          <summary><span class=\"t-buka\">Baca selengkapnya<\/span><span class=\"t-tutup\">Tutup<\/span><\/summary>\r\n          <div class=\"sjr-more-isi\">\r\n            <p>Seiring dengan perkembangan pendidikan dan kebutuhan pengelolaan akademik, Fakultas Farmasi UNISSULA resmi berdiri sebagai fakultas tersendiri pada 30 Agustus 2023.<\/p>\r\n            <p>Pembentukan fakultas ini menandai babak baru dalam pengembangan pendidikan farmasi di UNISSULA. Dengan pengelolaan yang lebih mandiri, Fakultas Farmasi terus memperkuat kualitas pendidikan, penelitian, dan pengabdian kepada masyarakat di bidang kefarmasian.<\/p>\r\n          <\/div>\r\n        <\/details>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"sjr-item\" id=\"sjr-kebidanan\">\r\n      <div class=\"sjr-foto\" data-t=\"2023\" role=\"img\" aria-label=\"Program Studi Kebidanan\" style=\"--img:url('https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/IMG_7952-1-scaled-1.webp')\"><\/div>\r\n      <div class=\"sjr-teks\" data-t=\"2023\">\r\n        <span class=\"sjr-ke\">Tonggak 05<\/span>\r\n        <span class=\"sjr-tahun\">2023<\/span>\r\n        <h3>Bergabungnya Program Studi Kebidanan<\/h3>\r\n        <p class=\"lead\">Sarjana Kebidanan dan Pendidikan Profesi Bidan bergabung pada 15 Desember 2023.<\/p>\r\n        <span class=\"sjr-sk\">\ud83d\udcdc SK Rektor No. 13876\/E\/SA\/XII\/2023<\/span>\r\n        <details class=\"sjr-more\">\r\n          <summary><span class=\"t-buka\">Baca selengkapnya<\/span><span class=\"t-tutup\">Tutup<\/span><\/summary>\r\n          <div class=\"sjr-more-isi\">\r\n            <p>Pada 15 Desember 2023, Program Studi Sarjana Kebidanan dan Pendidikan Profesi Bidan resmi bergabung dengan Fakultas Farmasi.<\/p>\r\n            <p>Bergabungnya kedua program studi tersebut memperluas cakupan keilmuan dan pengembangan akademik Fakultas Farmasi. Hal ini juga menjadi bagian dari upaya memperkuat kontribusi fakultas dalam bidang pendidikan kesehatan.<\/p>\r\n          <\/div>\r\n        <\/details>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"sjr-item\" id=\"sjr-akreditasi\">\r\n      <div class=\"sjr-foto\" data-t=\"2024\" role=\"img\" aria-label=\"Akreditasi Unggul\" style=\"--img:url('https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/IMG_5003.webp')\"><\/div>\r\n      <div class=\"sjr-teks\" data-t=\"2024\">\r\n        <span class=\"sjr-ke\">Tonggak 06<\/span>\r\n        <span class=\"sjr-tahun\">2024<\/span>\r\n        <h3>Pencapaian Akreditasi Unggul<\/h3>\r\n        <p class=\"lead\">Prodi Sarjana Farmasi dan Profesi Apoteker meraih predikat Unggul.<\/p>\r\n        <details class=\"sjr-more\">\r\n          <summary><span class=\"t-buka\">Baca selengkapnya<\/span><span class=\"t-tutup\">Tutup<\/span><\/summary>\r\n          <div class=\"sjr-more-isi\">\r\n            <p>Pada tahun 2024, Program Studi Sarjana Farmasi dan Pendidikan Profesi Apoteker berhasil memperoleh predikat akreditasi Unggul dari LAM-PTKes. Pencapaian ini menjadi salah satu tonggak penting dalam perjalanan Fakultas Farmasi UNISSULA.<\/p>\r\n            <p>Predikat tersebut merupakan hasil dari komitmen dalam meningkatkan mutu pendidikan, tata kelola program studi, kualitas sumber daya manusia, serta pelaksanaan tridarma perguruan tinggi. Capaian ini sekaligus menjadi motivasi untuk terus mengembangkan pendidikan kefarmasian yang berkualitas dan berorientasi pada kebutuhan masyarakat.<\/p>\r\n          <\/div>\r\n        <\/details>\r\n      <\/div>\r\n    <\/article>\r\n\r\n  <\/div>\r\n\r\n  <!-- BERSAMBUNG: program studi yang dinaungi saat ini -->\r\n  <div class=\"sjr-bersambung\" id=\"sjr-lanjut\" aria-hidden=\"true\"><span><\/span><span><\/span><span><\/span><\/div>\r\n\r\n  <div class=\"sjr-sec sjr-rv\">\r\n    <span class=\"sjr-kick\">\ud83c\udf93 Hari Ini<\/span>\r\n    <h3>Program Studi yang Dinaungi<\/h3>\r\n    <p>Hasil perjalanan panjang tersebut, Fakultas Farmasi kini menaungi empat program studi.<\/p>\r\n  <\/div>\r\n  <div class=\"sjr-prodi\">\r\n    <div class=\"sjr-pd sjr-rv\" style=\"--i:0\"><i>\ud83d\udc8a<\/i><small>Sarjana<\/small><h4>S1 Farmasi<\/h4><span>\u2605 Akreditasi Unggul<\/span><\/div>\r\n    <div class=\"sjr-pd sjr-rv\" style=\"--i:1\"><i>\u2695\ufe0f<\/i><small>Profesi<\/small><h4>Pendidikan Profesi Apoteker<\/h4><span>\u2605 Akreditasi Unggul<\/span><\/div>\r\n    <div class=\"sjr-pd sjr-rv\" style=\"--i:2\"><i>\ud83e\udd31<\/i><small>Sarjana<\/small><h4>Sarjana Kebidanan<\/h4><span>\u2605 Akreditasi Unggul<\/span><\/div>\r\n    <div class=\"sjr-pd sjr-rv\" style=\"--i:3\"><i>\ud83d\udc76<\/i><small>Profesi<\/small><h4>Pendidikan Profesi Bidan<\/h4><span>\u2605 Akreditasi Unggul<\/span><\/div>\r\n  <\/div>\r\n\r\n  <!-- PENUTUP -->\r\n  <section class=\"sjr-penutup sjr-rv\" style=\"--img:url('https:\/\/farmasi.unissula.ac.id\/wp-content\/uploads\/2026\/10\/Gedung-Al-Kindi.webp')\">\r\n    <span class=\"sjr-kick\">\u2728 Terus Bertumbuh<\/span>\r\n    <h2>Perjalanan yang Terus Berlanjut<\/h2>\r\n    <p>Setiap tonggak yang tercatat di halaman ini bukanlah akhir, melainkan pijakan untuk langkah berikutnya. Berawal dari Program Studi Sarjana Farmasi, berkembang dengan hadirnya Pendidikan Profesi Apoteker, hingga menjadi fakultas yang menaungi bidang farmasi dan kebidanan, Fakultas Farmasi UNISSULA terus bertumbuh.<\/p>\r\n    <p>Dengan berlandaskan nilai-nilai Islam dan semangat membangun generasi khaira ummah, Fakultas Farmasi UNISSULA terus berupaya meningkatkan mutu pendidikan, memperluas kerja sama, serta memberikan kontribusi nyata bagi masyarakat dan perkembangan ilmu pengetahuan, seiring perkembangan keilmuan dan kebutuhan masyarakat.<\/p>\r\n    <p class=\"catatan\">Halaman sejarah ini akan terus diperbarui seiring perjalanan fakultas.<\/p>\r\n  <\/section>\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('.sjr');\r\n  if(!root)return;\r\n  var diam=window.matchMedia?window.matchMedia('(prefers-reduced-motion: reduce)').matches:false;\r\n\r\n  \/* Angka di hero: lama tahun dihitung dari tahun sekarang, lalu menghitung naik *\/\r\n  var kini=new Date().getFullYear();\r\n  function hitung(b,dari,ke,ms){\r\n    if(diam){b.textContent=String(ke);return;}\r\n    if(!('requestAnimationFrame' in window)){b.textContent=String(ke);return;}\r\n    var t0=null;\r\n    function f(t){\r\n      if(!t0)t0=t;\r\n      var p=Math.min((t-t0)\/ms,1),e=1-Math.pow(1-p,3);\r\n      b.textContent=String(Math.round(dari+(ke-dari)*e));\r\n      if(p!==1)requestAnimationFrame(f);\r\n    }\r\n    requestAnimationFrame(f);\r\n  }\r\n  root.querySelectorAll('.sjr-st b').forEach(function(b){\r\n    var s=b.getAttribute('data-sejak');\r\n    if(s)b.setAttribute('data-n',String(kini-parseInt(s,10)));\r\n    var n=b.getAttribute('data-n');\r\n    if(n)hitung(b,0,parseInt(n,10),1500);\r\n  });\r\n\r\n  if(diam)return;\r\n  if(!('IntersectionObserver' in window))return;\r\n  root.classList.add('sjr-js');\r\n\r\n  var alur=root.querySelector('.sjr-alur');\r\n  var items=alur?[].slice.call(alur.querySelectorAll('.sjr-item')):[];\r\n\r\n  \/* Muncul saat digulir; tahun pada kartu menghitung dari tonggak sebelumnya *\/\r\n  var io=new IntersectionObserver(function(list){\r\n    list.forEach(function(e){\r\n      if(!e.isIntersecting)return;\r\n      var t=e.target;io.unobserve(t);t.classList.add('on');\r\n      var th=t.querySelector('.sjr-tahun');\r\n      if(th){\r\n        var ke=parseInt(th.textContent,10),i=items.indexOf(t);\r\n        var dari=i>0?parseInt(items[i-1].querySelector('.sjr-tahun').getAttribute('data-y')||'0',10):ke-20;\r\n        th.setAttribute('data-y',String(ke));\r\n        if(ke!==dari)hitung(th,dari,ke,900);\r\n      }\r\n    });\r\n  },{rootMargin:'0px',threshold:0.12});\r\n  items.forEach(function(it){var th=it.querySelector('.sjr-tahun');if(th)th.setAttribute('data-y',th.textContent);io.observe(it);});\r\n  root.querySelectorAll('.sjr-rv').forEach(function(el){io.observe(el);});\r\n\r\n  \/* Perjalanan: pelancong mengikuti gulir, linimasa ringkas ikut menyala *\/\r\n  var ol=root.querySelector('.sjr-ringkas');\r\n  var gulir=root.querySelector('.sjr-gulir');\r\n  var lis=ol?[].slice.call(ol.querySelectorAll('li')):[];\r\n  if(!alur)return;\r\n  var rute=document.createElement('div');rute.className='sjr-rute';rute.setAttribute('aria-hidden','true');\r\n  var pel=document.createElement('div');pel.className='sjr-pelancong';pel.setAttribute('aria-hidden','true');\r\n  alur.appendChild(rute);alur.appendChild(pel);\r\n  var isi=null,rp=null;\r\n  if(ol){\r\n    isi=document.createElement('span');isi.className='sjr-r-isi';isi.setAttribute('aria-hidden','true');ol.appendChild(isi);\r\n    rp=document.createElement('span');rp.className='sjr-r-pelancong';rp.setAttribute('aria-hidden','true');ol.appendChild(rp);\r\n  }\r\n  var mq=window.matchMedia('(max-width:820px)');\r\n  var lalu=-1;\r\n  function ringkas(aktif){\r\n    if(!lis.length)return;\r\n    lis.forEach(function(li,i){li.classList.toggle('lewat',aktif>=i);li.classList.toggle('kini',i===aktif);});\r\n    var a=lis[0],b=lis[aktif];\r\n    ol.style.setProperty('--w',Math.round((b.offsetLeft+b.offsetWidth\/2)-(a.offsetLeft+a.offsetWidth\/2))+'px');\r\n    \/* di layar kecil linimasa digeser agar tahun yang aktif terlihat *\/\r\n    if(gulir){if(aktif!==lalu){if(gulir.scrollWidth>gulir.clientWidth){\r\n      var x=Math.max(0,b.offsetLeft+b.offsetWidth\/2-gulir.clientWidth\/2);\r\n      if(gulir.scrollTo){gulir.scrollTo({left:x,behavior:'smooth'});}else{gulir.scrollLeft=x;}\r\n    }}}\r\n    lalu=aktif;\r\n  }\r\n  var antre=false;\r\n  function update(){\r\n    antre=false;\r\n    var r=alur.getBoundingClientRect();\r\n    var p=Math.max(0,Math.min(r.height,window.innerHeight*0.55-r.top));\r\n    alur.style.setProperty('--p',p+'px');\r\n    var k=0;\r\n    items.forEach(function(it){\r\n      var y=mq.matches?it.offsetTop+16:it.offsetTop+it.offsetHeight\/2;\r\n      var kena=p>=y;\r\n      it.classList.toggle('lewat',kena);\r\n      if(kena)k++;\r\n    });\r\n    var tiba=false;\r\n    if(r.height>0){if(p>=r.height-4)tiba=true;}\r\n    alur.classList.toggle('tiba',tiba);\r\n    ringkas(tiba?lis.length-1:Math.max(0,k-1));\r\n  }\r\n  function minta(){if(!antre){antre=true;requestAnimationFrame(update);}}\r\n  window.addEventListener('scroll',minta,{passive:true});\r\n  window.addEventListener('resize',minta);\r\n  window.addEventListener('load',minta);\r\n  root.addEventListener('toggle',minta,true);\r\n  update();\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('.sjr-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('sjr-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('sjr-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      var jarak=Math.round(hero.getBoundingClientRect().top-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('.sjr-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\/* Latar pembeda tiap bagian dengan pembatas berombak (seperti halaman Home).\r\n   Pita latar dipasang di belakang konten, mulai dari satu judul bagian sampai judul berikutnya.\r\n   PISAH: elemen yang menjadi awal pita baru. JENIS: corak latar yang dipakai bergiliran. *\/\r\n(function(){\r\n  var root=document.querySelector('.sjr');if(!root)return;\r\n  var PISAH='.sjr-sec';\r\n  var JENIS=['titik','cahaya','kisi','putih','garis'];\r\n  \/* warna dasar tiap corak, dipakai untuk gelombang atas footer agar menyambung *\/\r\n  var WARNA={titik:'#ffeef6',cahaya:'#ffffff',kisi:'#e4f7ef',putih:'#ffffff',garis:'#ffeef6'};\r\n  var lapis=document.createElement('div');lapis.className='sjr-pita-lapis';lapis.setAttribute('aria-hidden','true');root.appendChild(lapis);\r\n  \/* posisi dihitung tanpa geseran animasi muncul *\/\r\n  function geserY(el){var tf=getComputedStyle(el).transform;if(tf.indexOf('matrix')===0){if(window.DOMMatrix)return new DOMMatrix(tf).m42;}return 0;}\r\n  function hitung(){\r\n    var el=[].filter.call(root.querySelectorAll(PISAH),function(x){return x.offsetParent!==null;});\r\n    var rr=root.getBoundingClientRect(),ombak=window.innerWidth>720?30:20;\r\n    var atas=el.map(function(x){var mt=parseFloat(getComputedStyle(x).marginTop)||0;return Math.round(x.getBoundingClientRect().top-rr.top-geserY(x)-Math.max(mt*0.6,24));});\r\n    \/* pita pertama dimulai di balik lengkung hero; pita terakhir menyambung sampai footer *\/\r\n    var hero=root.querySelector('.sjr-hero');\r\n    if(hero){if(el.length){var hb=Math.round(hero.getBoundingClientRect().bottom-rr.top-geserY(hero))-80;if(atas[0]>hb)atas[0]=hb;}}\r\n    var akhir=Math.round(rr.height),ft=document.querySelector('footer.wp-block-template-part')||document.querySelector('.ft');\r\n    if(ft){var jt=Math.round(ft.getBoundingClientRect().top-rr.top);if(jt>akhir){if(akhir+400>jt)akhir=jt+2;}}\r\n    while(lapis.children.length>el.length)lapis.removeChild(lapis.lastChild);\r\n    while(el.length>lapis.children.length)lapis.appendChild(document.createElement('div'));\r\n    el.forEach(function(x,i){\r\n      var pita=lapis.children[i];pita.className='sjr-pita '+JENIS[i%JENIS.length];\r\n      var bawah=el.length>i+1?atas[i+1]+ombak:akhir;\r\n      pita.style.top=atas[i]+'px';pita.style.height=Math.max(0,bawah-atas[i])+'px';\r\n    });\r\n    if(el.length){\r\n      var wr=WARNA[JENIS[(el.length-1)%JENIS.length]];if(ft)ft.style.setProperty('--ft-sambung',wr);\r\n      \/* warnai langsung gelombang atas footer, juga bila footer versi lama yang terpasang *\/\r\n      document.querySelectorAll('.ft-gel .a').forEach(function(g){g.style.fill=wr;});\r\n    }\r\n  }\r\n  var antri=false;\r\n  function jadwal(){if(antri)return;antri=true;requestAnimationFrame(function(){antri=false;hitung();});}\r\n  hitung();\r\n  window.addEventListener('resize',jadwal);window.addEventListener('load',jadwal);\r\n  root.addEventListener('transitionend',jadwal);root.addEventListener('animationend',jadwal);\r\n  if('ResizeObserver' in window){new ResizeObserver(jadwal).observe(root);}\r\n  setTimeout(jadwal,1500);\r\n})();\r\n<\/script>\r\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":6,"featured_media":0,"parent":0,"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-2608","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/farmasi.unissula.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/2608","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=2608"}],"version-history":[{"count":14,"href":"https:\/\/farmasi.unissula.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/2608\/revisions"}],"predecessor-version":[{"id":3067,"href":"https:\/\/farmasi.unissula.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/2608\/revisions\/3067"}],"wp:attachment":[{"href":"https:\/\/farmasi.unissula.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2608"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}