{"id":3282,"date":"2025-09-03T03:05:37","date_gmt":"2025-09-03T03:05:37","guid":{"rendered":"https:\/\/bp3curug.id\/?page_id=3282"},"modified":"2025-09-22T03:11:43","modified_gmt":"2025-09-22T03:11:43","slug":"elementor-page-3282","status":"publish","type":"page","link":"https:\/\/bp3curug.id\/?page_id=3282","title":{"rendered":"LAPORAN PPID"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3282\" class=\"elementor elementor-3282\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3385da6 e-flex e-con-boxed e-con e-parent\" data-id=\"3385da6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c74aada elementor-widget elementor-widget-html\" data-id=\"c74aada\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<head>\r\n  <!-- Font Awesome -->\r\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n  <style>\r\n    \/* Warna tema biru dan kuning *\/\r\n    :root {\r\n      --primary-color: #2962FF;\r\n      --secondary-color: #FFC107;\r\n      --text-color: #333;\r\n      --background-color: #E3F2FD;\r\n      --box-shadow-color: rgba(0, 0, 0, 0.1);\r\n    }\r\n\r\n    body {\r\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n      background-color: var(--background-color);\r\n      color: var(--text-color);\r\n      margin: 0;\r\n      padding: 0;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    .container {\r\n      max-width: 800px;\r\n      margin: 30px auto;\r\n      padding: 20px;\r\n    }\r\n\r\n    \/* Blok *\/\r\n    .block {\r\n      padding: 30px;\r\n      margin-bottom: 30px;\r\n      border-radius: 15px;\r\n      background: #fff;\r\n      border: 2px solid transparent;\r\n      box-shadow: 0 4px 10px var(--box-shadow-color);\r\n      transition: transform 0.4s, box-shadow 0.4s, border-color 0.4s;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n    .block:hover {\r\n      transform: translateY(-5px);\r\n      box-shadow: 0 8px 15px var(--box-shadow-color);\r\n      border-color: var(--secondary-color);\r\n    }\r\n    .block::before {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 70%, rgba(0,0,0,0.2) 100%);\r\n      opacity: 0;\r\n      transition: opacity 0.4s ease;\r\n    }\r\n    .block:hover::before { opacity: 1; }\r\n\r\n    .block-title {\r\n      margin-bottom: 20px;\r\n      font-size: 24px;\r\n      font-weight: bold;\r\n      color: var(--primary-color);\r\n      text-transform: uppercase;\r\n      border-bottom: 3px solid var(--primary-color);\r\n      padding-bottom: 10px;\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n    .block-title::after {\r\n      content: '';\r\n      position: absolute;\r\n      left: 0; bottom: -3px;\r\n      width: 100%; height: 3px;\r\n      background: var(--secondary-color);\r\n      transform: scaleX(0);\r\n      transform-origin: left;\r\n      transition: transform 0.3s ease;\r\n    }\r\n    .block:hover .block-title::after { transform: scaleX(1); }\r\n    .block-title i { margin-right: 10px; }\r\n\r\n    \/* Link *\/\r\n    .link-style {\r\n      color: var(--primary-color);\r\n      font-weight: bold;\r\n      text-decoration: none;\r\n      font-size: 16px;\r\n      display: inline-block;\r\n      margin-bottom: 10px;\r\n      position: relative;\r\n      transition: color 0.3s, transform 0.3s;\r\n    }\r\n    .link-style::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 0; bottom: -2px;\r\n      width: 0; height: 2px;\r\n      background: var(--secondary-color);\r\n      transition: width 0.3s ease;\r\n    }\r\n    .link-style:hover::before { width: 100%; }\r\n    .link-style:hover { color: #1A237E; transform: translateX(5px); }\r\n    .link-style i { margin-right: 8px; color: #e53935; }\r\n\r\n    \/* Tombol *\/\r\n    .btn-style {\r\n      background: var(--primary-color);\r\n      color: #fff;\r\n      padding: 12px 24px;\r\n      border: none;\r\n      border-radius: 50px;\r\n      font-size: 16px;\r\n      font-weight: bold;\r\n      cursor: pointer;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      transition: background 0.3s, transform 0.3s, box-shadow 0.3s;\r\n      box-shadow: 0 4px 6px rgba(0,0,0,0.2);\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n    .btn-style:focus { outline: none; box-shadow: 0 0 0 3px rgba(41,98,255,0.4); }\r\n\r\n    \/* Ripple effect *\/\r\n    .btn-style::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 50%; left: 50%;\r\n      width: 0; padding-bottom: 0;\r\n      border-radius: 50%;\r\n      background: rgba(255,255,255,0.3);\r\n      transform: translate(-50%, -50%);\r\n      transition: width 0.5s ease, padding-bottom 0.5s ease;\r\n      z-index: 0;\r\n    }\r\n    .btn-style:hover::before {\r\n      width: 250%;\r\n      padding-bottom: 250%;\r\n    }\r\n\r\n    \/* Animasi muncul *\/\r\n    .fade-hidden {\r\n      display: none;\r\n      opacity: 0;\r\n      transform: translateY(-20px);\r\n      transition: opacity 0.5s ease, transform 0.5s ease;\r\n    }\r\n    .fade-show {\r\n      display: block;\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    \/* Tombol hidden *\/\r\n    .is-hidden { display: none !important; }\r\n  <\/style>\r\n<\/head>\r\n\r\n<body>\r\n  <div class=\"container\">\r\n\r\n    <!-- BLOK 1: LAPORAN PPID -->\r\n    <div class=\"block\">\r\n      <h3 class=\"block-title\">\r\n        <i class=\"fa-solid fa-file-lines\"><\/i> LAPORAN PPID\r\n      <\/h3>\r\n      <div id=\"laporan-ppid\">\r\n        <p class=\"fade-hidden\">\r\n          <a href=\"https:\/\/drive.google.com\/file\/d\/19lZu-UeWqpLRjErFv4QM3J22KaJdfeQm\/view?usp=drive_link\" target=\"_blank\" class=\"link-style\">\r\n            <i class=\"fa-solid fa-file-pdf\"><\/i> Laporan PPID 2024\r\n          <\/a>\r\n        <\/p>\r\n        <p class=\"fade-hidden\">\r\n          <a href=\"https:\/\/drive.google.com\/file\/d\/1IJM4JbiQcCn21Iss-YveGmq2TgE9yAYP\/view?usp=drive_link\" target=\"_blank\" class=\"link-style\">\r\n            <i class=\"fa-solid fa-file-pdf\"><\/i> Laporan PPID 2023\r\n          <\/a>\r\n        <\/p>\r\n        <p class=\"fade-hidden\">\r\n          <a href=\"https:\/\/drive.google.com\/file\/d\/1aZgk9my-SToiuaTEoY0snxfq6j-iLx-j\/view?usp=drive_link\" target=\"_blank\" class=\"link-style\">\r\n            <i class=\"fa-solid fa-file-pdf\"><\/i> Laporan PPID 2022\r\n          <\/a>\r\n        <\/p>\r\n      <\/div>\r\n      <div style=\"text-align:center; margin-top:20px;\">\r\n        <button id=\"show-more-ppid\" class=\"btn-style\" aria-expanded=\"false\">\r\n          <i class=\"fa-solid fa-chevron-down\"><\/i> Tampilkan\r\n        <\/button>\r\n        <button id=\"show-less-ppid\" class=\"btn-style is-hidden\" aria-expanded=\"true\">\r\n          <i class=\"fa-solid fa-chevron-up\"><\/i> Sembunyikan\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- BLOK 2: LAPORAN LAYANAN INFORMASI PUBLIK -->\r\n    <div class=\"block\">\r\n      <h3 class=\"block-title\">\r\n        <i class=\"fa-solid fa-file-lines\"><\/i> LAPORAN LAYANAN INFORMASI PUBLIK\r\n      <\/h3>\r\n      <div id=\"laporan-info\">\r\n        <p class=\"fade-hidden\">\r\n          <a href=\"https:\/\/drive.google.com\/file\/d\/1o8vkBTwsWt94eQIq9OJDFS89wpjIMm4c\/view?usp=drive_link\" target=\"_blank\" class=\"link-style\">\r\n            <i class=\"fa-solid fa-file-pdf\"><\/i> Laporan Layanan Informasi Publik 2024\r\n          <\/a>\r\n        <\/p>\r\n      <\/div>\r\n      <div style=\"text-align:center; margin-top:20px;\">\r\n        <button id=\"show-more-info\" class=\"btn-style\" aria-expanded=\"false\">\r\n          <i class=\"fa-solid fa-chevron-down\"><\/i> Tampilkan\r\n        <\/button>\r\n        <button id=\"show-less-info\" class=\"btn-style is-hidden\" aria-expanded=\"true\">\r\n          <i class=\"fa-solid fa-chevron-up\"><\/i> Sembunyikan\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <script>\r\n    function toggleElements(containerId, showMoreBtnId, showLessBtnId) {\r\n      const container = document.getElementById(containerId);\r\n      const showMoreBtn = document.getElementById(showMoreBtnId);\r\n      const showLessBtn = document.getElementById(showLessBtnId);\r\n      const items = container.querySelectorAll(\"p\");\r\n\r\n      showMoreBtn.addEventListener(\"click\", () => {\r\n        items.forEach(item => item.classList.add(\"fade-show\"));\r\n        showMoreBtn.classList.add(\"is-hidden\");\r\n        showLessBtn.classList.remove(\"is-hidden\");\r\n        showMoreBtn.setAttribute(\"aria-expanded\", \"true\");\r\n      });\r\n\r\n      showLessBtn.addEventListener(\"click\", () => {\r\n        items.forEach(item => item.classList.remove(\"fade-show\"));\r\n        showLessBtn.classList.add(\"is-hidden\");\r\n        showMoreBtn.classList.remove(\"is-hidden\");\r\n        showMoreBtn.setAttribute(\"aria-expanded\", \"false\");\r\n      });\r\n    }\r\n\r\n    toggleElements(\"laporan-ppid\", \"show-more-ppid\", \"show-less-ppid\");\r\n    toggleElements(\"laporan-info\", \"show-more-info\", \"show-less-info\");\r\n  <\/script>\r\n<\/body>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>LAPORAN PPID Laporan PPID 2024 Laporan PPID 2023 Laporan PPID 2022 Tampilkan Sembunyikan LAPORAN LAYANAN INFORMASI PUBLIK Laporan Layanan Informasi Publik 2024 Tampilkan Sembunyikan<\/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-3282","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/bp3curug.id\/index.php?rest_route=\/wp\/v2\/pages\/3282","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bp3curug.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bp3curug.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bp3curug.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bp3curug.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3282"}],"version-history":[{"count":22,"href":"https:\/\/bp3curug.id\/index.php?rest_route=\/wp\/v2\/pages\/3282\/revisions"}],"predecessor-version":[{"id":3988,"href":"https:\/\/bp3curug.id\/index.php?rest_route=\/wp\/v2\/pages\/3282\/revisions\/3988"}],"wp:attachment":[{"href":"https:\/\/bp3curug.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3282"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}