{"id":50,"date":"2025-12-24T05:42:23","date_gmt":"2025-12-24T05:42:23","guid":{"rendered":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/diksi\/?page_id=50"},"modified":"2025-12-24T06:21:31","modified_gmt":"2025-12-24T06:21:31","slug":"depan-diksi","status":"publish","type":"page","link":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/diksi\/","title":{"rendered":"depan diksi"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Buletin DIKSI &#8211; Hero Section<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Montserrat', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: linear-gradient(135deg, #9DCAEB 0%, #AFD5F0 100%);\n            min-height: 100vh;\n            padding: 20px;\n        }\n\n        .hero-container {\n            background: linear-gradient(to bottom, #e8f0f8, #f8fafc);\n            border-radius: 30px;\n            max-width: 1200px;\n            width: 100%;\n            margin: 0 auto 40px;\n            padding: 60px 40px;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n            display: flex;\n            align-items: center;\n            gap: 60px;\n            animation: fadeInUp 0.8s ease;\n        }\n\n        @keyframes fadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        .magazine-container {\n            flex: 1;\n            position: relative;\n            animation: float 3s ease-in-out infinite;\n        }\n\n        @keyframes float {\n            0%, 100% {\n                transform: translateY(0) rotate(-2deg);\n            }\n            50% {\n                transform: translateY(-20px) rotate(-2deg);\n            }\n        }\n\n        .magazine-img {\n            width: 100%;\n            max-width: 400px;\n            height: auto;\n            border-radius: 15px;\n            box-shadow: \n                -20px 20px 40px rgba(0, 0, 0, 0.2),\n                0 0 0 1px rgba(255, 255, 255, 0.5);\n            transition: transform 0.3s ease;\n        }\n\n        .magazine-img:hover {\n            transform: scale(1.05) rotate(0deg);\n        }\n\n        .content-container {\n            flex: 1;\n            animation: slideInRight 0.8s ease 0.2s both;\n        }\n\n        @keyframes slideInRight {\n            from {\n                opacity: 0;\n                transform: translateX(30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateX(0);\n            }\n        }\n\n        .badge {\n            display: inline-block;\n            background: linear-gradient(135deg, #f6d365 0%, #fda085 100%);\n            color: white;\n            padding: 8px 20px;\n            border-radius: 25px;\n            font-size: 14px;\n            font-weight: 600;\n            margin-bottom: 20px;\n            box-shadow: 0 4px 15px rgba(253, 160, 133, 0.4);\n        }\n\n        .title {\n            font-size: 48px;\n            font-weight: 800;\n            color: #2d3748;\n            margin-bottom: 10px;\n            line-height: 1.2;\n        }\n\n        .title-highlight {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\n\n        .edition {\n            font-size: 24px;\n            color: #718096;\n            margin-bottom: 20px;\n            font-weight: 500;\n        }\n\n        .subtitle {\n            font-size: 28px;\n            color: #2d3748;\n            font-weight: 700;\n            margin-bottom: 30px;\n            line-height: 1.4;\n        }\n\n        .button-group {\n            display: flex;\n            gap: 15px;\n            flex-wrap: wrap;\n        }\n\n        .btn {\n            padding: 16px 32px;\n            border-radius: 12px;\n            font-size: 16px;\n            font-weight: 600;\n            border: none;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            text-decoration: none;\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n        }\n\n        .btn-primary {\n            background: linear-gradient(135deg, #4c6ef5 0%, #364fc7 100%);\n            color: white;\n        }\n\n        .btn-primary:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(76, 110, 245, 0.4);\n        }\n\n        .btn-secondary {\n            background: white;\n            color: #4c6ef5;\n            border: 2px solid #4c6ef5;\n        }\n\n        .btn-secondary:hover {\n            background: #4c6ef5;\n            color: white;\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(76, 110, 245, 0.3);\n        }\n\n        .icon {\n            width: 20px;\n            height: 20px;\n        }\n\n        \/* Archive Section *\/\n        .archive-section {\n            background: white;\n            border-radius: 30px;\n            max-width: 1200px;\n            width: 100%;\n            margin: 0 auto 40px;\n            padding: 50px 40px;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n            animation: fadeInUp 0.8s ease 0.3s both;\n        }\n\n        .section-title {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 32px;\n            font-weight: 700;\n            color: #2d3748;\n            text-align: center;\n            margin-bottom: 40px;\n        }\n\n        .archive-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 30px;\n            max-width: 600px;\n            margin: 0 auto;\n        }\n\n        .archive-item {\n            text-align: center;\n            transition: transform 0.3s ease;\n        }\n\n        .archive-item:hover {\n            transform: translateY(-5px);\n        }\n\n        .archive-link {\n            text-decoration: none;\n            display: block;\n        }\n\n        .archive-thumbnail {\n            width: 100%;\n            border-radius: 15px;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\n            margin-bottom: 15px;\n            transition: all 0.3s ease;\n        }\n\n        .archive-thumbnail:hover {\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);\n            transform: scale(1.02);\n        }\n\n        .archive-label {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 18px;\n            font-weight: 600;\n            color: #2d3748;\n        }\n\n        \/* Baca Buletin Section *\/\n        .baca-section {\n            background: white;\n            border-radius: 30px;\n            max-width: 1200px;\n            width: 100%;\n            margin: 0 auto 40px;\n            padding: 50px 40px;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n            animation: fadeInUp 0.8s ease 0.4s both;\n        }\n\n        .flipbook-container {\n            position: relative;\n            padding-top: 0;\n            width: 100%;\n            max-width: 900px;\n            height: 500px;\n            margin: 0 auto;\n            border-radius: 15px;\n            overflow: hidden;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\n        }\n\n        .flipbook-container iframe {\n            position: absolute;\n            border: none;\n            width: 100%;\n            height: 100%;\n            left: 0;\n            top: 0;\n        }\n\n        \/* Stats Counter *\/\n        .stats-section {\n            max-width: 1200px;\n            width: 100%;\n            margin: 0 auto;\n            text-align: center;\n            padding: 20px;\n        }\n\n        #histats_counter {\n            display: inline-block;\n        }\n\n        @media (max-width: 968px) {\n            .hero-container {\n                flex-direction: column;\n                text-align: center;\n                padding: 40px 30px;\n                gap: 40px;\n            }\n\n            .magazine-img {\n                max-width: 300px;\n            }\n\n            .title {\n                font-size: 36px;\n            }\n\n            .subtitle {\n                font-size: 22px;\n            }\n\n            .button-group {\n                justify-content: center;\n            }\n\n            .section-title {\n                font-size: 28px;\n            }\n\n            .archive-section, .baca-section {\n                padding: 40px 25px;\n            }\n\n            .flipbook-container {\n                height: 400px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .title {\n                font-size: 28px;\n            }\n\n            .subtitle {\n                font-size: 18px;\n            }\n\n            .btn {\n                padding: 14px 24px;\n                font-size: 14px;\n            }\n\n            .section-title {\n                font-size: 24px;\n            }\n\n            .archive-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .flipbook-container {\n                height: 350px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- Hero Section -->\n    <div class=\"hero-container\">\n        <div class=\"magazine-container\">\n            <img decoding=\"async\" src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/diksi\/wp-content\/uploads\/sites\/12\/2025\/12\/BULETIN-DIKSI-EDISI-IIHD_001-Copy.png\" \n                 alt=\"Buletin DIKSI Cover\" \n                 class=\"magazine-img\">\n        <\/div>\n        \n        <div class=\"content-container\">\n            <span class=\"badge\">Edisi Terbaru<\/span>\n            \n            <h1 class=\"title\">\n                BULETIN<br>\n                <span class=\"title-highlight\">DIKSI<\/span>\n            <\/h1>\n            \n            <p class=\"edition\">Edisi II \/ 2025<\/p>\n            <p class=\"edition\">Penerbit : BBGTK DIY<\/p>\n            <p class=\"edition\">ISSN : \u2013 <\/p>\n            \n            <h2 class=\"subtitle\">\n                Dinamika Ilmu, Kreasi,<br>\n                dan Kompetensi\n            <\/h2>\n            \n            <div class=\"button-group\">\n                <a href=\"#baca-buletin\" class=\"btn btn-primary\">\n                    <svg class=\"icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253\"\/>\n                    <\/svg>\n                    Baca Sekarang\n                <\/a>\n                \n                <a href=\"https:\/\/drive.google.com\/uc?export=download&#038;id=1boEUVlaYiyP-K_X7AB6ALDOSJf8qybAX\" \n                   class=\"btn btn-secondary\"\n                   download=\"Buletin-DIKSI-Edisi-II-2025.pdf\">\n                    <svg class=\"icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4\"\/>\n                    <\/svg>\n                    Unduh PDF\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Archive Section -->\n    <div class=\"archive-section\">\n        <h3 class=\"section-title\">Arsip Buletin DIKSI<\/h3>\n        \n        <div class=\"archive-grid\">\n            <div class=\"archive-item\">\n                <a href=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/diksi\/edisi-1\/\" class=\"archive-link\" >\n                    <img decoding=\"async\" src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/diksi\/wp-content\/uploads\/sites\/12\/2025\/08\/Buletin-DIKSI-Edisi-I-2025-BBGTK-DIY_rev5_001.png\" \n                         alt=\"Buletin DIKSI Edisi I\" \n                         class=\"archive-thumbnail\">\n                    <p class=\"archive-label\">Edisi I<\/p>\n                <\/a>\n            <\/div>\n            \n            <div class=\"archive-item\">\n                <a href=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/diksi\/edisi-2\/\" class=\"archive-link\" >\n                    <img decoding=\"async\" src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/diksi\/wp-content\/uploads\/sites\/12\/2025\/12\/BULETIN-DIKSI-EDISI-IIHD_001-Copy.png\" \n                         alt=\"Buletin DIKSI Edisi II\" \n                         class=\"archive-thumbnail\">\n                    <p class=\"archive-label\">Edisi II<\/p>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Baca Buletin Section -->\n    <div class=\"baca-section\" id=\"baca-buletin\">\n        <h3 class=\"section-title\">Baca Buletin DIKSI<\/h3>\n        \n        <div class=\"flipbook-container\">\n            <iframe src=\"https:\/\/online.fliphtml5.com\/ryhxj\/BULETIN-DIKSI-EDISI-II_-GArd\/\" \n                    seamless=\"seamless\" \n                    scrolling=\"no\" \n                    frameborder=\"0\" \n                    allowtransparency=\"true\" \n                    allowfullscreen=\"true\">\n            <\/iframe>\n        <\/div>\n    <\/div>\n\n    <!-- Stats Section -->\n    <div class=\"stats-section\">\n        <div id=\"histats_counter\"><\/div>\n    <\/div>\n\n    <!-- Histats Counter Script -->\n    <script type=\"text\/javascript\">\n        var _Hasync= _Hasync|| [];\n        _Hasync.push(['Histats.start', '1,4968384,4,330,112,62,00011110']);\n        _Hasync.push(['Histats.fasi', '1']);\n        _Hasync.push(['Histats.track_hits', '']);\n        _Hasync.push(['Histats.framed_page', '']);\n        (function() {\n            var hs = document.createElement('script'); \n            hs.type = 'text\/javascript'; \n            hs.async = true;\n            hs.src = ('\/\/s10.histats.com\/js15_as.js');\n            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(hs);\n        })();\n    <\/script>\n    <noscript>\n        <a href=\"\/\" target=\"_blank\">\n            <img decoding=\"async\" src=\"\/\/sstatic1.histats.com\/0.gif?4968384&#038;101\" alt=\"web stats\" border=\"0\">\n        <\/a>\n    <\/noscript>\n\n    <!-- Smooth Scroll Script -->\n    <script>\n        document.querySelector('a[href=\"#baca-buletin\"]').addEventListener('click', function(e) {\n            e.preventDefault();\n            const target = document.querySelector('#baca-buletin');\n            if (target) {\n                target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Buletin DIKSI &#8211; Hero Section Edisi Terbaru BULETIN DIKSI Edisi II \/ 2025 Penerbit : BBGTK DIY ISSN : \u2013 Dinamika Ilmu, Kreasi, dan Kompetensi Baca Sekarang Unduh PDF Arsip Buletin DIKSI Edisi I Edisi II Baca Buletin DIKSI<\/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-50","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/diksi\/wp-json\/wp\/v2\/pages\/50","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/diksi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/diksi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/diksi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/diksi\/wp-json\/wp\/v2\/comments?post=50"}],"version-history":[{"count":4,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/diksi\/wp-json\/wp\/v2\/pages\/50\/revisions"}],"predecessor-version":[{"id":54,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/diksi\/wp-json\/wp\/v2\/pages\/50\/revisions\/54"}],"wp:attachment":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/diksi\/wp-json\/wp\/v2\/media?parent=50"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}