{"id":17311,"date":"2026-06-10T11:37:11","date_gmt":"2026-06-10T11:37:11","guid":{"rendered":"https:\/\/pbsi.upgris.ac.id\/?page_id=17311"},"modified":"2026-06-10T11:37:12","modified_gmt":"2026-06-10T11:37:12","slug":"educational-staff","status":"publish","type":"page","link":"https:\/\/pbsi.upgris.ac.id\/index.php\/educational-staff\/","title":{"rendered":"Educational Staff"},"content":{"rendered":"<div class=\"dosen-row\">\n  <div class=\"dosen-col\">\n    <div class=\"dosen-card\">\n      <div class=\"dosen-foto\">\n        <noscript><img decoding=\"async\" src=\"https:\/\/pbsi.upgris.ac.id\/wp-content\/uploads\/2026\/06\/Lanina-Satriani.jpg\" alt=\"Lanina Junick Satriani, S.Pd.\"><\/noscript><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"Lanina Junick Satriani, S.Pd.\" data-src=\"https:\/\/pbsi.upgris.ac.id\/wp-content\/uploads\/2026\/06\/Lanina-Satriani.jpg\" class=\" lazyload\">\n      <\/div>\n\n      <div class=\"dosen-info\">\n        <h5>Lanina Junick Satriani, S.Pd.<\/h5>\n\n        <p>\n          <strong>Staff ID:<\/strong><br>\n          239901632\n        <\/p>\n\n        <p><strong>Position:<\/strong> <br>laboratory assistant<\/p>\n      \n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* ==========================\n   GRID DOSEN\n========================== *\/\n\n  .dosen-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 24px;\n    max-width: 1400px;\n    margin: 32px auto;\n    padding: 0 20px;\n  }\n\n  .dosen-col {\n    width: calc(50% - 12px);\n  }\n\n  \/* ==========================\n   CARD DOSEN\n========================== *\/\n\n  .dosen-card {\n    display: flex;\n    gap: 20px;\n    background: #fff;\n    border: 1px solid #e5e7eb;\n    border-radius: 12px;\n    padding: 20px;\n    height: 100%;\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);\n  }\n\n  .dosen-card:hover {\n    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);\n  }\n\n  .dosen-foto {\n    flex-shrink: 0;\n  }\n\n  .dosen-foto img {\n    width: 180px;\n    height: 240px;\n    object-fit: cover;\n    border-radius: 8px;\n    display: block;\n  }\n\n  .dosen-info {\n    flex: 1;\n  }\n\n  .dosen-info h5 {\n    margin: 0 0 15px;\n    color: #0b2e59;\n    font-size: 22px;\n    font-weight: 700;\n  }\n\n  .dosen-info p {\n    margin-bottom: 12px;\n    line-height: 1.5;\n  }\n\n  \/* ==========================\n   BUTTON HANDBOOK\n========================== *\/\n\n  .staff-btn {\n    margin-top: 10px;\n    background: #0b2e59;\n    color: #fff;\n    border: none;\n    border-radius: 8px;\n    padding: 10px 18px;\n    cursor: pointer;\n    font-weight: 600;\n    transition: 0.3s;\n  }\n\n  .staff-btn:hover {\n    background: #17467f;\n  }\n\n  \/* ==========================\n   MODAL\n========================== *\/\n\n  .pdf-modal {\n    display: none;\n    position: fixed;\n    inset: 0;\n    background: rgba(15, 23, 42, 0.75);\n    backdrop-filter: blur(4px);\n    z-index: 999999;\n  }\n\n  .pdf-modal-content {\n    width: 95%;\n    height: 92%;\n    margin: 2vh auto;\n    background: #fff;\n    border-radius: 14px;\n    overflow: hidden;\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n  }\n\n  \/* ==========================\n   HEADER MODAL\n========================== *\/\n\n  .pdf-header {\n    height: 65px;\n    background: #0b2e59;\n    color: #fff;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 0 20px;\n  }\n\n  .pdf-title {\n    font-size: 16px;\n    font-weight: 600;\n  }\n\n  .pdf-header-action {\n    display: flex;\n    gap: 10px;\n  }\n\n  \/* DOWNLOAD *\/\n\n  .download-btn {\n    background: #2563eb;\n    color: #fff;\n    text-decoration: none;\n    padding: 8px 14px;\n    border-radius: 6px;\n    font-size: 13px;\n  }\n\n  .download-btn:hover {\n    background: #1d4ed8;\n    color: #fff;\n  }\n\n  \/* CLOSE *\/\n\n  .close-btn {\n    background: #dc2626;\n    border: none;\n    color: #fff;\n    width: 38px;\n    height: 38px;\n    border-radius: 8px;\n    cursor: pointer;\n    font-size: 18px;\n  }\n\n  .close-btn:hover {\n    background: #b91c1c;\n  }\n\n  \/* PDF *\/\n\n  .pdf-modal iframe {\n    width: 100%;\n    height: calc(100% - 65px);\n    border: none;\n  }\n\n  \/* ==========================\n   MOBILE\n========================== *\/\n\n  @media (max-width: 768px) {\n    .dosen-col {\n      width: 100%;\n    }\n\n    .dosen-card {\n      flex-direction: column;\n    }\n\n    .dosen-foto img {\n      width: 100%;\n      height: auto;\n    }\n  }\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Lanina Junick Satriani, S.Pd. Staff ID: 239901632 Position: laboratory assistant<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-17311","page","type-page","status-publish","hentry"],"blocksy_meta":[],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"admin","author_link":"https:\/\/pbsi.upgris.ac.id\/index.php\/author\/upttik\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"Lanina Junick Satriani, S.Pd. Staff ID: 239901632 Position: laboratory assistant","_links":{"self":[{"href":"https:\/\/pbsi.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/17311","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pbsi.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pbsi.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pbsi.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pbsi.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/comments?post=17311"}],"version-history":[{"count":1,"href":"https:\/\/pbsi.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/17311\/revisions"}],"predecessor-version":[{"id":17313,"href":"https:\/\/pbsi.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/17311\/revisions\/17313"}],"wp:attachment":[{"href":"https:\/\/pbsi.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/media?parent=17311"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}