{"id":6881,"date":"2026-06-10T05:31:12","date_gmt":"2026-06-10T05:31:12","guid":{"rendered":"https:\/\/fpmipati.upgris.ac.id\/?page_id=6881"},"modified":"2026-06-11T01:37:54","modified_gmt":"2026-06-11T01:37:54","slug":"perpustakaan","status":"publish","type":"page","link":"https:\/\/fpmipati.upgris.ac.id\/index.php\/perpustakaan\/","title":{"rendered":"Perpustakaan"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style data-wp-block-html=\"css\">\n\/* ==================== LIBRARY FACILITY SECTION ==================== *\/\n.library-section {\n    max-width: 1300px;\n    margin: auto;\n    padding: 80px 20px;\n    font-family: 'Poppins', 'Arial', sans-serif;\n    background: linear-gradient(135deg, #f8fafc 0%, #eff6ff 100%);\n    border-radius: 40px;\n}\n\n.library-container {\n    background: white;\n    border-radius: 35px;\n    padding: 45px;\n    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1);\n}\n\n\/* Header *\/\n.library-header {\n    text-align: center;\n    margin-bottom: 45px;\n}\n\n.library-header span {\n    color: #2563eb;\n    text-transform: uppercase;\n    letter-spacing: 3px;\n    font-weight: 700;\n    font-size: 13px;\n    background: #dbeafe;\n    padding: 6px 18px;\n    border-radius: 30px;\n    display: inline-block;\n}\n\n.library-header h2 {\n    font-size: 42px;\n    color: #1e3a8a;\n    margin: 20px 0 15px;\n    font-weight: 700;\n    position: relative;\n    display: inline-block;\n}\n\n.library-header h2:after {\n    content: '';\n    position: absolute;\n    bottom: -12px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 80px;\n    height: 4px;\n    background: linear-gradient(90deg, #2563eb, #60a5fa);\n    border-radius: 4px;\n}\n\n.library-header p {\n    max-width: 800px;\n    margin: 25px auto 0;\n    line-height: 1.8;\n    color: #475569;\n    font-size: 16px;\n}\n\n\/* Gallery Grid - Gambar di Atas *\/\n.library-gallery {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n    gap: 25px;\n    margin-bottom: 45px;\n}\n\n.gallery-item {\n    position: relative;\n    overflow: hidden;\n    border-radius: 20px;\n    cursor: pointer;\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);\n    transition: all 0.4s ease;\n    aspect-ratio: 16 \/ 9;\n}\n\n.gallery-item img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: all 0.5s ease;\n    display: block;\n}\n\n.gallery-item:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 25px 45px rgba(37, 99, 235, 0.2);\n}\n\n.gallery-item:hover img {\n    transform: scale(1.05);\n}\n\n\/* Info Cards - Di Bawah Gallery *\/\n.library-info {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 20px;\n    margin-bottom: 35px;\n}\n\n.info-card {\n    display: flex;\n    align-items: center;\n    gap: 18px;\n    background: #f8fafc;\n    padding: 20px;\n    border-radius: 20px;\n    transition: all 0.3s ease;\n    border: 1px solid #e2e8f0;\n}\n\n.info-card:hover {\n    transform: translateY(-5px);\n    background: #eff6ff;\n    border-color: #2563eb;\n}\n\n.info-icon {\n    font-size: 38px;\n    width: 60px;\n    height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: linear-gradient(135deg, #2563eb, #1e40af);\n    border-radius: 18px;\n    color: white;\n}\n\n.info-text h4 {\n    margin: 0 0 5px 0;\n    color: #1e3a8a;\n    font-size: 16px;\n    font-weight: 700;\n}\n\n.info-text p {\n    margin: 0;\n    color: #64748b;\n    font-size: 13px;\n}\n\n\/* Footer *\/\n.library-footer {\n    text-align: center;\n    padding-top: 25px;\n    border-top: 1px solid #e2e8f0;\n}\n\n.library-footer p {\n    margin: 0;\n    font-size: 15px;\n    color: #1e3a8a;\n    font-style: italic;\n    font-weight: 500;\n}\n\n\/* Lightbox Modal *\/\n.library-lightbox {\n    display: none;\n    position: fixed;\n    z-index: 100000;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.95);\n    backdrop-filter: blur(10px);\n    cursor: pointer;\n}\n\n.lightbox-content {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    max-width: 90%;\n    max-height: 85%;\n    object-fit: contain;\n    border-radius: 15px;\n    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5);\n    animation: zoomIn 0.3s ease;\n}\n\n@keyframes zoomIn {\n    from {\n        transform: translate(-50%, -50%) scale(0.9);\n        opacity: 0;\n    }\n    to {\n        transform: translate(-50%, -50%) scale(1);\n        opacity: 1;\n    }\n}\n\n.lightbox-close {\n    position: absolute;\n    top: 25px;\n    right: 35px;\n    font-size: 45px;\n    font-weight: bold;\n    color: white;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    width: 50px;\n    height: 50px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.1);\n}\n\n.lightbox-close:hover {\n    background: #ef4444;\n    transform: rotate(90deg);\n}\n\n\/* Responsive *\/\n@media (max-width: 992px) {\n    .library-container {\n        padding: 35px;\n    }\n    \n    .library-header h2 {\n        font-size: 36px;\n    }\n    \n    .library-info {\n        grid-template-columns: repeat(2, 1fr);\n    }\n    \n    .library-gallery {\n        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n    }\n}\n\n@media (max-width: 768px) {\n    .library-section {\n        padding: 50px 15px;\n    }\n    \n    .library-container {\n        padding: 25px;\n    }\n    \n    .library-header h2 {\n        font-size: 28px;\n    }\n    \n    .library-header p {\n        font-size: 14px;\n    }\n    \n    .library-gallery {\n        gap: 15px;\n    }\n    \n    .info-card {\n        padding: 15px;\n    }\n    \n    .info-icon {\n        width: 50px;\n        height: 50px;\n        font-size: 28px;\n    }\n    \n    .info-text h4 {\n        font-size: 14px;\n    }\n    \n    .info-text p {\n        font-size: 12px;\n    }\n}\n\n@media (max-width: 480px) {\n    .library-info {\n        grid-template-columns: 1fr;\n    }\n    \n    .library-header h2 {\n        font-size: 24px;\n    }\n    \n    .library-gallery {\n        grid-template-columns: 1fr;\n    }\n    \n    .lightbox-close {\n        top: 15px;\n        right: 20px;\n        font-size: 35px;\n    }\n}\n<\/style>\n\n<!-- ==================== LIBRARY FACILITY SECTION ==================== -->\n<section class=\"library-section\">\n    <div class=\"library-container\">\n        <div class=\"library-header\">\n          \n            <h2>University Library<\/h2>\n            <p>\n                Perpustakaan Universitas PGRI Semarang (UPGRIS) menyediakan \n                berbagai koleksi buku, jurnal ilmiah, dan sumber belajar digital \n                yang lengkap untuk mendukung kegiatan akademik mahasiswa dan dosen.\n            <\/p>\n        <\/div>\n\n        <div class=\"library-gallery\">\n            <div class=\"gallery-item\">\n                <img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/12\/Picture1-1024x576.jpg\" alt=\"Library 1\">\n            <\/div>\n            <div class=\"gallery-item\">\n                <img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/12\/Picture4-1024x576.jpg\" alt=\"Library 2\">\n            <\/div>\n            <div class=\"gallery-item\">\n                <img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/12\/Picture3-1024x576.jpg\" alt=\"Library 3\">\n            <\/div>\n            <div class=\"gallery-item\">\n                <img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/12\/Picture2-1024x575.jpg\" alt=\"Library 4\">\n            <\/div>\n            <div class=\"gallery-item\">\n                <img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/12\/image-44-1024x576.png\" alt=\"Library 5\">\n            <\/div>\n            <div class=\"gallery-item\">\n                <img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/12\/Picture5.jpg\" alt=\"Library 6\">\n            <\/div>\n            <div class=\"gallery-item\">\n                <img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/12\/Picture6.jpg\" alt=\"Library 7\">\n            <\/div>\n        <\/div>\n\n        <div class=\"library-info\">\n        \n            <div class=\"info-card\">\n                <div class=\"info-icon\">\ud83d\udcbb<\/div>\n                <div class=\"info-text\">\n                    <h4>Digital Library<\/h4>\n                    <p>Akses e-book &amp; e-journal 24\/7<\/p>\n                <\/div>\n            <\/div>\n        \n            <div class=\"info-card\">\n                <div class=\"info-icon\">\ud83c\udf10<\/div>\n                <div class=\"info-text\">\n                    <h4>Free WiFi<\/h4>\n                    <p>Tersedia di seluruh area<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"library-footer\">\n            <p>\n                &#8220;Perpustakaan modern dengan suasana nyaman untuk belajar dan berdiskusi&#8221;\n            <\/p>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Lightbox Modal -->\n<div id=\"libraryLightbox\" class=\"library-lightbox\">\n    <span class=\"lightbox-close\">\u00d7<\/span>\n    <img class=\"lightbox-content\" id=\"lightboxImage\">\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>University Library Perpustakaan Universitas PGRI Semarang (UPGRIS) menyediakan berbagai koleksi buku, jurnal ilmiah, dan sumber belajar digital yang lengkap untuk mendukung kegiatan akademik mahasiswa dan dosen. \ud83d\udcbb Digital Library Akses e-book &amp; e-journal 24\/7 \ud83c\udf10 Free WiFi Tersedia di seluruh area &#8220;Perpustakaan modern dengan suasana nyaman untuk belajar dan berdiskusi&#8221; \u00d7<\/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-6881","page","type-page","status-publish","hentry"],"blocksy_meta":[],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"admin","author_link":"https:\/\/fpmipati.upgris.ac.id\/index.php\/author\/upttik\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"University Library Perpustakaan Universitas PGRI Semarang (UPGRIS) menyediakan berbagai koleksi buku, jurnal ilmiah, dan sumber belajar digital yang lengkap untuk mendukung kegiatan akademik mahasiswa dan dosen. \ud83d\udcbb Digital Library Akses e-book &amp; e-journal 24\/7 \ud83c\udf10 Free WiFi Tersedia di seluruh area &#8220;Perpustakaan modern dengan suasana nyaman untuk belajar dan berdiskusi&#8221; \u00d7","_links":{"self":[{"href":"https:\/\/fpmipati.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/6881","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fpmipati.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fpmipati.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fpmipati.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fpmipati.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/comments?post=6881"}],"version-history":[{"count":2,"href":"https:\/\/fpmipati.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/6881\/revisions"}],"predecessor-version":[{"id":7014,"href":"https:\/\/fpmipati.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/6881\/revisions\/7014"}],"wp:attachment":[{"href":"https:\/\/fpmipati.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/media?parent=6881"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}