{"id":2990,"date":"2026-10-08T04:57:57","date_gmt":"2026-10-08T04:57:57","guid":{"rendered":"https:\/\/farmasi.unissula.ac.id\/?page_id=2990"},"modified":"2026-10-08T04:57:57","modified_gmt":"2026-10-08T04:57:57","slug":"coming-soon","status":"publish","type":"page","link":"https:\/\/farmasi.unissula.ac.id\/?page_id=2990","title":{"rendered":"COMING SOON"},"content":{"rendered":"<style>\r\n.hc{--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.hc *{box-sizing:border-box}\r\n.hc h2,.hc h3,.hc h4,.hc p{margin:0}\r\n\r\n\/* Panggung utama *\/\r\n.hc-hero{position:relative;overflow:hidden;border-radius:30px;padding:64px 40px 56px;text-align:center;color:#fff;\r\n  background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.12),transparent 40%),linear-gradient(135deg,var(--dark),var(--g1) 50%,#7a1a52 120%);box-shadow:0 18px 40px rgba(15,138,106,.3)}\r\n.hc-hero>*{position:relative;z-index:2}\r\n.hc-dot{position:absolute;z-index:1;border-radius:50%;background:rgba(255,255,255,.1);animation:hcFloat 9s ease-in-out infinite}\r\n.hc-dot.a{width:280px;height:280px;left:-80px;top:-90px}\r\n.hc-dot.b{width:180px;height:180px;right:-50px;top:40px;background:rgba(214,64,127,.25);animation-delay:-3s}\r\n.hc-dot.c{width:120px;height:120px;left:6%;bottom:-60px;border:22px solid rgba(255,255,255,.12);background:transparent;animation-delay:-6s}\r\n@keyframes hcFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}\r\n\r\n.hc-emblem{position:relative;width:132px;height:132px;margin:0 auto}\r\n.hc-emblem .ring{position:absolute;inset:0;border-radius:50%;border:3px dashed rgba(255,255,255,.45);animation:hcSpin 18s linear infinite}\r\n.hc-emblem .core{position:absolute;inset:14px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px rgba(0,0,0,.25)}\r\n.hc-emblem svg{width:60px;height:60px}\r\n.hc-emblem .pulse{position:absolute;inset:14px;border-radius:50%;background:rgba(255,255,255,.35);animation:hcPulse 2.6s ease-out infinite}\r\n@keyframes hcSpin{to{transform:rotate(360deg)}}\r\n@keyframes hcPulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.5);opacity:0}}\r\n\r\n.hc-badge{display:inline-flex;align-items:center;gap:8px;margin-top:22px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);padding:6px 16px;border-radius:999px;font-size:.82rem;font-weight:700;letter-spacing:.6px}\r\n.hc-badge i{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 0 rgba(245,196,81,.7);animation:hcBlink 1.6s infinite}\r\n@keyframes hcBlink{0%{box-shadow:0 0 0 0 rgba(245,196,81,.7)}70%{box-shadow:0 0 0 10px rgba(245,196,81,0)}100%{box-shadow:0 0 0 0 rgba(245,196,81,0)}}\r\n.hc-hero h2{font-size:clamp(2.2rem,6vw,3.6rem);font-weight:800;line-height:1.08;margin-top:14px;letter-spacing:-.5px}\r\n.hc-hero h2 span{display:block;font-size:.42em;font-weight:600;letter-spacing:.2px;opacity:.92;margin-top:10px}\r\n.hc-hero p{max-width:640px;margin:16px auto 0;opacity:.95;font-size:1.02rem}\r\n\r\n.hc-act{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}\r\n.hc-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:999px;font-weight:700;font-size:.95rem;text-decoration:none;transition:transform .2s,box-shadow .2s}\r\n.hc-btn:hover{transform:translateY(-2px)}\r\n.hc-btn[hidden]{display:none}\r\n.hc-btn svg{width:18px;height:18px}\r\n.hc-btn.main{background:#fff;color:var(--dark);box-shadow:0 8px 20px rgba(0,0,0,.2)}\r\n.hc-btn.main:hover{color:var(--dark)}\r\n.hc-btn.ghost{border:2px solid rgba(255,255,255,.7);color:#fff}\r\n.hc-btn.ghost:hover{background:rgba(255,255,255,.14);color:#fff}\r\n.hc-go{display:none;margin-top:14px;font-size:.88rem;opacity:.95}\r\n.hc-go b{display:inline-block;min-width:1.4em;color:var(--gold)}\r\n.hc-go.on{display:block}\r\n\r\n\/* Tahapan *\/\r\n.hc-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;max-width:760px;margin:40px auto 0;position:relative}\r\n\/* Garis penghubung di belakang lingkaran: dari tengah lingkaran 1 ke tengah lingkaran 3 *\/\r\n.hc-steps::before,.hc-steps::after{content:\"\";position:absolute;z-index:0;top:20px;height:4px;margin-top:-2px;border-radius:4px;left:16.667%}\r\n.hc-steps::before{right:16.667%;background:rgba(255,255,255,.28)}\r\n.hc-steps::after{width:33.333%;background:var(--gold)}\r\n.hc-st{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;font-weight:700;line-height:1.3}\r\n.hc-st i{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:10px;border-radius:50%;font-style:normal;font-weight:800;font-size:.95rem;line-height:1;background:#2c6f61;border:2px solid rgba(255,255,255,.45);color:#fff}\r\n.hc-st i svg{width:20px;height:20px;display:block}\r\n.hc-st.done i{background:var(--gold);border-color:var(--gold);color:#5a3a00}\r\n.hc-st.now i{background:#fff;color:var(--dark);border-color:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.2)}\r\n.hc-st b{display:block;font-size:.88rem;font-weight:700}\r\n.hc-st small{display:block;margin:2px 0 0;font-size:.74rem;font-weight:600;line-height:1.3;opacity:.85}\r\n\r\n\/* Rencana isi *\/\r\n.hc-sec{margin:46px 0 18px;text-align:center}\r\n.hc-kick{display:inline-block;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.hc-sec h3{font-size:clamp(1.3rem,3vw,1.7rem);font-weight:800;color:var(--dark);margin-top:10px}\r\n.hc-sec p{font-size:.94rem;color:var(--muted);max-width:680px;margin:8px auto 0}\r\n.hc-plan{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}\r\n.hc-pl{background:#fff;border:1.5px solid var(--line);border-radius:20px;padding:20px;transition:transform .2s,box-shadow .2s}\r\n.hc-pl:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(15,138,106,.14)}\r\n.hc-pl i{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:15px;font-style:normal;font-size:1.45rem;background:var(--mint)}\r\n.hc-pl:nth-child(even) i{background:var(--blush)}\r\n.hc-pl h4{margin-top:12px;font-size:.98rem;font-weight:800;color:var(--dark);line-height:1.3}\r\n.hc-pl p{margin-top:6px;font-size:.86rem;color:var(--muted)}\r\n\r\n.hc-note{margin-top:24px;display:flex;gap:14px;align-items:flex-start;background:var(--blush);border-left:5px solid var(--pink);border-radius:14px;padding:14px 18px;font-size:.9rem}\r\n.hc-note i{font-style:normal;font-size:1.2rem}\r\n\r\n@media (prefers-reduced-motion:reduce){.hc-dot,.hc-emblem .ring,.hc-emblem .pulse,.hc-badge i{animation:none}.hc-pl,.hc-btn{transition:none}}\r\n@media (max-width:1000px){.hc-plan{grid-template-columns:repeat(2,1fr)}}\r\n@media (max-width:640px){\r\n  .hc-hero{padding:46px 20px 40px}\r\n  .hc-plan{grid-template-columns:1fr}\r\n  .hc-st b{font-size:.78rem}\r\n  .hc-st small{font-size:.68rem}\r\n}\r\n<\/style>\r\n\r\n<div class=\"hc\">\r\n  <section class=\"hc-hero\">\r\n    <span class=\"hc-dot a\"><\/span><span class=\"hc-dot b\"><\/span><span class=\"hc-dot c\"><\/span>\r\n\r\n    <div class=\"hc-emblem\" aria-hidden=\"true\">\r\n      <span class=\"pulse\"><\/span><span class=\"ring\"><\/span>\r\n      <span class=\"core\">\r\n        <svg viewBox=\"0 0 64 64\" fill=\"none\"><path d=\"M32 6 52 13v15c0 13-8.6 24.6-20 30-11.4-5.4-20-17-20-30V13L32 6Z\" fill=\"#e6f8f1\" stroke=\"#0f8a6a\" stroke-width=\"3\" stroke-linejoin=\"round\"\/><path d=\"m22.5 32.5 6.5 6.5 13-14\" stroke=\"#d6407f\" stroke-width=\"4.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n      <\/span>\r\n    <\/div>\r\n\r\n    <span class=\"hc-badge\"><i><\/i>SEGERA HADIR<\/span>\r\n    <h2>Halal Center<span>Fakultas Farmasi Universitas Islam Sultan Agung<\/span><\/h2>\r\n    <p>Website Halal Center sedang kami siapkan. Nantikan informasi seputar kajian, kegiatan, dan layanan halal dari Fakultas Farmasi UNISSULA dalam satu laman khusus.<\/p>\r\n\r\n    <div class=\"hc-act\" id=\"hc-act\">\r\n      <a class=\"hc-btn main\" id=\"hc-visit\" href=\"#\" target=\"_blank\" rel=\"noopener\" hidden>\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 4h6v6M20 4l-9 9M18 14v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h5\"\/><\/svg>Kunjungi Website Halal Center\r\n      <\/a>\r\n      <a class=\"hc-btn ghost\" id=\"hc-home\" href=\"\/\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 11 12 4l9 7\"\/><path d=\"M5 10v10h14V10\"\/><\/svg>Kembali ke Beranda\r\n      <\/a>\r\n    <\/div>\r\n    <p class=\"hc-go\" id=\"hc-go\" aria-live=\"polite\">Anda akan dialihkan ke website Halal Center dalam <b id=\"hc-sec\">5<\/b> detik\u2026<\/p>\r\n\r\n    <div class=\"hc-steps\" aria-label=\"Tahapan pembuatan website\">\r\n      <div class=\"hc-st done\"><i><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m5 12.5 4.5 4.5L19 7.5\"\/><\/svg><\/i><b>Perencanaan<\/b><small>selesai<\/small><\/div>\r\n      <div class=\"hc-st now\"><i>2<\/i><b>Pengembangan<\/b><small>sedang berjalan<\/small><\/div>\r\n      <div class=\"hc-st\"><i>3<\/i><b>Peluncuran<\/b><small>segera<\/small><\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <div class=\"hc-sec\">\r\n    <span class=\"hc-kick\">Yang Akan Hadir<\/span>\r\n    <h3>Apa yang Bisa Anda Temukan Nanti?<\/h3>\r\n    <p>Website Halal Center dirancang menjadi pusat informasi halal yang sejalan dengan visi keilmuan fakultas: pengembangan farmasi halal dan pelayanan farmasi syariah.<\/p>\r\n  <\/div>\r\n  <div class=\"hc-plan\">\r\n    <div class=\"hc-pl\"><i>\ud83d\udd2c<\/i><h4>Kajian dan Riset Halal<\/h4><p>Informasi penelitian dan kajian produk farmasi halal oleh dosen dan mahasiswa.<\/p><\/div>\r\n    <div class=\"hc-pl\"><i>\ud83d\udce3<\/i><h4>Kegiatan dan Berita<\/h4><p>Agenda seminar, pelatihan, dan kegiatan seputar halal yang diselenggarakan fakultas.<\/p><\/div>\r\n    <div class=\"hc-pl\"><i>\ud83e\udd1d<\/i><h4>Layanan dan Kerja Sama<\/h4><p>Informasi layanan serta peluang kerja sama dengan industri, instansi, dan masyarakat.<\/p><\/div>\r\n    <div class=\"hc-pl\"><i>\ud83d\udcda<\/i><h4>Publikasi dan Edukasi<\/h4><p>Materi edukasi dan publikasi untuk meningkatkan literasi halal di bidang kefarmasian.<\/p><\/div>\r\n  <\/div>\r\n\r\n  <p class=\"hc-note\"><i>\ud83d\udccc<\/i><span>Sambil menunggu website diluncurkan, informasi terkait Halal Center dapat diperoleh melalui Fakultas Farmasi UNISSULA.<\/span><\/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  \/* ==========================================================\r\n     PENGATURAN HALAL CENTER\r\n     ALAMAT  : isi dengan alamat website Halal Center bila sudah jadi,\r\n               contoh \"https:\/\/halalcenter.unissula.ac.id\". Kosongkan bila belum ada.\r\n     ALIHKAN : true  = pengunjung otomatis dialihkan ke ALAMAT setelah hitungan mundur\r\n               false = hanya menampilkan tombol \"Kunjungi Website Halal Center\"\r\n     DETIK   : lama hitungan mundur sebelum dialihkan\r\n     ========================================================== *\/\r\n  var ALAMAT=\"\";\r\n  var ALIHKAN=false;\r\n  var DETIK=5;\r\n  \/* ================== akhir pengaturan ================== *\/\r\n\r\n  var root=document.querySelector('.hc');if(!root)return;\r\n  if(!ALAMAT)return;\r\n\r\n  var visit=root.querySelector('#hc-visit');\r\n  visit.href=ALAMAT;visit.hidden=false;\r\n  root.querySelector('.hc-badge').lastChild.textContent='WEBSITE TELAH TERSEDIA';\r\n\r\n  if(ALIHKAN){\r\n    var go=root.querySelector('#hc-go'),sec=root.querySelector('#hc-sec'),sisa=DETIK;\r\n    visit.removeAttribute('target');\r\n    go.classList.add('on');sec.textContent=sisa;\r\n    var t=setInterval(function(){\r\n      sisa--;sec.textContent=sisa;\r\n      if(sisa===0){clearInterval(t);window.location.href=ALAMAT;}\r\n    },1000);\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-2990","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/farmasi.unissula.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/2990","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=2990"}],"version-history":[{"count":3,"href":"https:\/\/farmasi.unissula.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/2990\/revisions"}],"predecessor-version":[{"id":2994,"href":"https:\/\/farmasi.unissula.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/2990\/revisions\/2994"}],"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=2990"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}