SeNdiMat 2025 – Seminar Nasional Pendidikan Matematika<\/title>\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;700;900&display=swap\" rel=\"stylesheet\">\n \n <style>\n \/* ========== GLOBAL STYLES ========== *\/\n * {\n box-sizing: border-box;\n }\n \n body, html {\n margin: 0;\n padding: 0;\n font-family: 'Inter', Arial, sans-serif;\n background-color: #f0f0f0;\n scroll-behavior: smooth;\n height: 100%;\n }\n \n \/* ========== HERO SECTION ========== *\/\n .hero-container {\n \/* BACKGROUND BARU dengan ukuran spesifik *\/\n background-image: url('https:\/\/bbgtkdiy.kemendikdasmen.go.id\/sendimat\/wp-content\/uploads\/sites\/15\/2025\/11\/Tumbnail-SendiMat-lebar-640px-tinggi-360px.png');\n background-color: #1a365d;\n width: 100%;\n max-width: 640px; \/* PERUBAHAN: Lebar maksimal 640px *\/\n height: 360px; \/* PERUBAHAN: Tinggi tetap 360px *\/\n background-size: contain; \/* PERUBAHAN: Agar gambar tidak terpotong *\/\n background-position: center;\n background-repeat: no-repeat;\n position: relative;\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n margin: 0 auto; \/* PERUBAHAN: Pusatkan background *\/\n border-radius: 0 0 20px 20px; \/* PERUBAHAN: Tambahkan rounded corners di bawah *\/\n box-shadow: 0 4px 15px rgba(0,0,0,0.1); \/* PERUBAHAN: Tambahkan shadow *\/\n }\n\n \/* Overlay untuk meningkatkan keterbacaan teks *\/\n .hero-container::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.3);\n z-index: 1;\n border-radius: 0 0 20px 20px; \/* PERUBAHAN: Sesuaikan dengan container *\/\n }\n\n \/* ========== BUTTON GRID SECTION ========== *\/\n .button-section {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n padding: 80px 20px;\n position: relative;\n }\n\n .button-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(255, 255, 255, 0.95);\n z-index: 1;\n }\n\n .section-title {\n text-align: center;\n font-size: 2.5rem;\n color: #2c3e50;\n margin-bottom: 50px;\n line-height: 1.3;\n position: relative;\n z-index: 2;\n }\n\n .button-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 25px;\n width: 100%;\n max-width: 900px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n }\n\n .icon-button {\n background: white;\n border-radius: 16px;\n padding: 25px 20px;\n text-align: center;\n text-decoration: none;\n color: #2c3e50;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n border: 2px solid transparent;\n }\n\n .icon-button:hover {\n transform: translateY(-8px) scale(1.05);\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\n border-color: #667eea;\n }\n\n .icon-button img {\n width: 80px;\n height: 80px;\n object-fit: contain;\n margin-bottom: 20px;\n transition: transform 0.3s ease;\n }\n\n .icon-button:hover img {\n transform: scale(1.1);\n }\n\n .icon-button p {\n margin: 0;\n font-weight: 700;\n font-size: 1.1rem;\n color: #2c3e50;\n }\n\n \/* ========== VIDEO SECTION ========== *\/\n .video-section {\n text-align: center;\n padding: 80px 20px;\n background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);\n position: relative;\n }\n\n .video-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(255, 255, 255, 0.95);\n }\n\n .video-section h2 {\n font-size: 2.5rem;\n font-weight: 700;\n color: #2c3e50;\n margin-bottom: 40px;\n position: relative;\n z-index: 2;\n }\n\n \/* Thumbnail utama sesi pleno *\/\n .yt-thumb-main {\n position: relative;\n display: inline-block;\n cursor: pointer;\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0,0,0,0.2);\n transition: transform 0.3s ease;\n width: 100%;\n max-width: 800px;\n aspect-ratio: 16 \/ 9;\n z-index: 2;\n margin-bottom: 50px;\n }\n\n .yt-thumb-main:hover {\n transform: scale(1.02);\n }\n\n .yt-thumb-main img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n\n .yt-thumb-main::after {\n content: \"\u25b6\";\n position: absolute;\n color: #fff;\n font-size: 5rem;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n text-shadow: 0 0 30px rgba(0,0,0,.8);\n transition: all 0.3s ease;\n }\n\n .yt-thumb-main:hover::after {\n transform: translate(-50%, -50%) scale(1.1);\n }\n\n \/* Grid untuk 4 video paralel - BERJEJER 4 DI DESKTOP *\/\n .parallel-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 25px;\n width: 100%;\n max-width: 1400px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n }\n\n .parallel-item {\n text-align: center;\n }\n\n .yt-thumb-parallel {\n position: relative;\n cursor: pointer;\n overflow: hidden;\n border-radius: 16px;\n transition: transform 0.3s ease;\n width: 100%;\n aspect-ratio: 16 \/ 9;\n box-shadow: 0 10px 25px rgba(0,0,0,0.15);\n margin-bottom: 15px;\n }\n\n .yt-thumb-parallel:hover {\n transform: scale(1.05);\n }\n\n .yt-thumb-parallel img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n .yt-thumb-parallel::after {\n content: \"\u25b6\";\n position: absolute;\n color: #fff;\n font-size: 2.5rem;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n text-shadow: 0 0 20px rgba(0,0,0,.7);\n }\n\n .parallel-label {\n font-weight: 700;\n color: #2c3e50;\n font-size: 1.1rem;\n position: relative;\n z-index: 2;\n line-height: 1.4;\n }\n\n .yt-overlay {\n display: none;\n position: fixed;\n z-index: 9999;\n inset: 0;\n background: rgba(0,0,0,0.9);\n justify-content: center;\n align-items: center;\n backdrop-filter: blur(10px);\n }\n\n .yt-overlay.active {\n display: flex;\n }\n\n .yt-player {\n position: relative;\n width: 90%;\n max-width: 1000px;\n aspect-ratio: 16 \/ 9;\n background: #000;\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 0 50px rgba(0,0,0,0.8);\n }\n\n .yt-player iframe {\n width: 100%;\n height: 100%;\n border: none;\n }\n\n \/* Tombol close YouTube *\/\n .yt-close {\n position: absolute;\n top: 15px;\n right: 15px;\n font-size: 28px;\n color: #fff;\n cursor: pointer;\n transition: all 0.3s ease;\n background: rgba(0,0,0,0.7);\n width: 40px;\n height: 40px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 10000;\n border: 2px solid rgba(255,255,255,0.3);\n }\n\n .yt-close:hover {\n transform: scale(1.2);\n background: rgba(255,0,0,0.8);\n border-color: rgba(255,255,255,0.6);\n }\n\n \/* ========== RESPONSIVE STYLES ========== *\/\n @media (max-width: 1200px) {\n .button-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n max-width: 600px;\n }\n\n \/* Tablet: 4 video paralel tetap berjejer *\/\n .parallel-grid {\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n }\n }\n\n @media (max-width: 992px) {\n \/* Tablet kecil: 2x2 grid untuk video paralel *\/\n .parallel-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n }\n }\n\n @media (max-width: 768px) {\n .section-title {\n font-size: 2rem;\n }\n \n .video-section h2 {\n font-size: 2rem;\n }\n \n .yt-thumb-main::after {\n font-size: 3.5rem;\n }\n\n \/* Untuk tablet, sesuaikan background *\/\n .hero-container {\n max-width: 100%; \/* PERUBAHAN: Di tablet, gunakan lebar penuh *\/\n height: 300px; \/* PERUBAHAN: Tinggi sedikit dikurangi *\/\n border-radius: 0; \/* PERUBAHAN: Hapus rounded corners di tablet *\/\n }\n\n .hero-container::before {\n border-radius: 0; \/* PERUBAHAN: Sesuaikan dengan container *\/\n }\n\n \/* Mobile: video paralel berderet ke bawah *\/\n .parallel-grid {\n grid-template-columns: 1fr;\n gap: 30px;\n max-width: 500px;\n }\n }\n\n @media (max-width: 600px) {\n .button-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 15px;\n max-width: 400px;\n }\n\n .icon-button {\n padding: 20px 15px;\n }\n \n .icon-button img {\n width: 60px;\n height: 60px;\n }\n \n .icon-button p {\n font-size: 0.9rem;\n }\n \n .section-title {\n font-size: 1.8rem;\n margin-bottom: 30px;\n }\n\n \/* Untuk mobile, sesuaikan background *\/\n .hero-container {\n height: 250px; \/* PERUBAHAN: Tinggi lebih kecil di mobile *\/\n }\n\n .parallel-label {\n font-size: 1rem;\n }\n \n \/* Tombol close lebih kecil di mobile *\/\n .yt-close {\n top: 10px;\n right: 10px;\n width: 35px;\n height: 35px;\n font-size: 20px;\n }\n }\n\n @media (max-width: 400px) {\n .button-grid {\n grid-template-columns: 1fr;\n }\n \n .hero-container {\n height: 200px; \/* PERUBAHAN: Tinggi minimal di mobile kecil *\/\n }\n }\n\n \/* Untuk layar yang sangat lebar *\/\n @media (min-width: 1920px) {\n .hero-container {\n background-size: contain; \/* PERUBAHAN: Tetap contain untuk layar lebar *\/\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <div class=\"hero-container\">\n \n <\/div>\n\n \n <section class=\"button-section\">\n <h2 class=\"section-title\">\n Seminar Nasional Pendidikan Matematika (SeNdiMat) Tahun 2025<br>\n <span style=\"font-size: 1.8rem; color: #667eea;\">Pendidikan Matematika Bermutu untuk Semua melalui Pembelajaran Mendalam<\/span>\n <\/h2>\n \n \n <div class=\"button-grid\">\n <a href=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/sendimat\/2025\/11\/12\/programme-book-2025\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"icon-button\">\n <img decoding=\"async\" src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/sendimat\/wp-content\/uploads\/sites\/15\/2025\/11\/tombol-web-baru.png\" \n alt=\"Ikon Programme Book\"\n onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/80x80\/667eea\/ffffff?text=PB';\">\n <p>Programme Book<\/p>\n <\/a>\n \n <a href=\"https:\/\/drive.google.com\/uc?export=download&id=1jGhiJ1b2hK2gy5ZXd-4zsAfqOAbddPje\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"icon-button\">\n <img decoding=\"async\" src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2025\/08\/Virtual-Background.png\" \n alt=\"Ikon Virtual Background\"\n onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/80x80\/667eea\/ffffff?text=VB';\">\n <p>Virtual Background<\/p>\n <\/a>\n\n <a href=\"https:\/\/drive.google.com\/drive\/folders\/1EzDsjTN5IftCHMRlz4rsFtxfoAcs2caa?usp=drive_link\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"icon-button\">\n <img decoding=\"async\" src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2025\/08\/Materi.png\" \n alt=\"Ikon Materi\"\n onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/80x80\/667eea\/ffffff?text=M';\">\n <p>Materi<\/p>\n <\/a>\n\n <a href=\"http:\/\/sertifikat.bbgpdiy.id\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"icon-button\">\n <img decoding=\"async\" src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2025\/08\/Sertifikat.png\" \n alt=\"Ikon Sertifikat\"\n onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/80x80\/667eea\/ffffff?text=S';\">\n <p>Sertifikat<\/p>\n <\/a>\n <\/div>\n <\/section>\n\n \n <section class=\"video-section\">\n <h2>Sesi Pleno<\/h2>\n\n \n <div class=\"yt-thumb-main\" onclick=\"openYT('dih3Kl1tbA8')\">\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/dih3Kl1tbA8\/maxresdefault.jpg\" alt=\"Kelas Sesi Pleno\" onerror=\"this.onerror=null;this.src='https:\/\/img.youtube.com\/vi\/dih3Kl1tbA8\/hqdefault.jpg'\">\n <\/div>\n\n \n <div class=\"parallel-grid\">\n <div class=\"parallel-item\">\n <div class=\"yt-thumb-parallel\" onclick=\"openYT('V12V_G2LIIk')\">\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/V12V_G2LIIk\/maxresdefault.jpg\" alt=\"SeNdiMat XIII Paralel PAUD\" onerror=\"this.onerror=null;this.src='https:\/\/img.youtube.com\/vi\/V12V_G2LIIk\/hqdefault.jpg'\">\n <\/div>\n <div class=\"parallel-label\">SeNdiMat XIII Paralel PAUD<\/div>\n <\/div>\n\n <div class=\"parallel-item\">\n <div class=\"yt-thumb-parallel\" onclick=\"openYT('3xyscxXJ-Vg')\">\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/3xyscxXJ-Vg\/maxresdefault.jpg\" alt=\"SeNdiMat XIII Paralel SD\" onerror=\"this.onerror=null;this.src='https:\/\/img.youtube.com\/vi\/3xyscxXJ-Vg\/hqdefault.jpg'\">\n <\/div>\n <div class=\"parallel-label\">SeNdiMat XIII Paralel SD<\/div>\n <\/div>\n\n <div class=\"parallel-item\">\n <div class=\"yt-thumb-parallel\" onclick=\"openYT('NufgWUXSdWM')\">\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/NufgWUXSdWM\/maxresdefault.jpg\" alt=\"SeNdiMat XIII Paralel SMP\" onerror=\"this.onerror=null;this.src='https:\/\/img.youtube.com\/vi\/NufgWUXSdWM\/hqdefault.jpg'\">\n <\/div>\n <div class=\"parallel-label\">SeNdiMat XIII Paralel SMP<\/div>\n <\/div>\n\n <div class=\"parallel-item\">\n <div class=\"yt-thumb-parallel\" onclick=\"openYT('3ZNrUd2fg-w')\">\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/3ZNrUd2fg-w\/maxresdefault.jpg\" alt=\"SeNdiMat XIII Paralel SMA\" onerror=\"this.onerror=null;this.src='https:\/\/img.youtube.com\/vi\/3ZNrUd2fg-w\/hqdefault.jpg'\">\n <\/div>\n <div class=\"parallel-label\">SeNdiMat XIII Paralel SMA<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <div id=\"ytOverlay\" class=\"yt-overlay\" onclick=\"closeYT(event)\">\n <div class=\"yt-player\">\n \n <span class=\"yt-close\" onclick=\"closeYT(event)\">\u2715<\/span>\n <iframe id=\"ytIframe\"\n src=\"about:blank\"\n title=\"YouTube video player\"\n allow=\"autoplay; accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n allowfullscreen>\n <\/iframe>\n <\/div>\n <\/div>\n\n \n <div id=\"histats_counter\"><\/div>\n\n <script>\n \/\/ ========== YOUTUBE PLAYER ==========\n const overlay = document.getElementById('ytOverlay');\n const iframe = document.getElementById('ytIframe');\n\n function openYT(videoId) {\n const videoURL = `https:\/\/www.youtube.com\/embed\/${videoId}?autoplay=1&mute=0&rel=0&showinfo=0`;\n iframe.src = videoURL;\n overlay.classList.add('active');\n document.body.style.overflow = 'hidden';\n }\n\n function closeYT(e) {\n \/\/ Cek jika yang diklik adalah overlay ATAU tombol close (span)\n if (e.target === overlay || e.target.classList.contains('yt-close')) {\n overlay.classList.remove('active');\n iframe.src = \"about:blank\"; \/\/ Hentikan video\n document.body.style.overflow = 'auto';\n }\n }\n\n \/\/ ========== HISTATS COUNTER ==========\n var _Hasync = _Hasync || [];\n _Hasync.push(['Histats.start', '1,4989303,4,322,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'); hs.type = 'text\/javascript'; 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<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>SeNdiMat 2025 – Seminar Nasional Pendidikan Matematika Seminar Nasional Pendidikan Matematika (SeNdiMat) Tahun 2025 Pendidikan Matematika Bermutu untuk Semua melalui Pembelajaran Mendalam Programme Book Virtual Background Materi Sertifikat Sesi Pleno SeNdiMat XIII Paralel PAUD SeNdiMat XIII Paralel SD SeNdiMat XIII Paralel SMP SeNdiMat XIII Paralel SMA \u2715<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-46","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/sendimat\/wp-json\/wp\/v2\/pages\/46","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/sendimat\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/sendimat\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/sendimat\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/sendimat\/wp-json\/wp\/v2\/comments?post=46"}],"version-history":[{"count":1,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/sendimat\/wp-json\/wp\/v2\/pages\/46\/revisions"}],"predecessor-version":[{"id":47,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/sendimat\/wp-json\/wp\/v2\/pages\/46\/revisions\/47"}],"wp:attachment":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/sendimat\/wp-json\/wp\/v2\/media?parent=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":46,"date":"2025-11-14T02:54:33","date_gmt":"2025-11-14T02:54:33","guid":{"rendered":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/sendimat\/?page_id=46"},"modified":"2025-11-14T02:54:33","modified_gmt":"2025-11-14T02:54:33","slug":"sendimat-2025-selesai","status":"publish","type":"page","link":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/sendimat\/","title":{"rendered":"sendimat 2025 selesai"},"content":{"rendered":"\n\n\n\n \n \n SeNdiMat 2025 – Seminar Nasional Pendidikan Matematika<\/title>\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;700;900&display=swap\" rel=\"stylesheet\">\n \n <style>\n \/* ========== GLOBAL STYLES ========== *\/\n * {\n box-sizing: border-box;\n }\n \n body, html {\n margin: 0;\n padding: 0;\n font-family: 'Inter', Arial, sans-serif;\n background-color: #f0f0f0;\n scroll-behavior: smooth;\n height: 100%;\n }\n \n \/* ========== HERO SECTION ========== *\/\n .hero-container {\n \/* BACKGROUND BARU dengan ukuran spesifik *\/\n background-image: url('https:\/\/bbgtkdiy.kemendikdasmen.go.id\/sendimat\/wp-content\/uploads\/sites\/15\/2025\/11\/Tumbnail-SendiMat-lebar-640px-tinggi-360px.png');\n background-color: #1a365d;\n width: 100%;\n max-width: 640px; \/* PERUBAHAN: Lebar maksimal 640px *\/\n height: 360px; \/* PERUBAHAN: Tinggi tetap 360px *\/\n background-size: contain; \/* PERUBAHAN: Agar gambar tidak terpotong *\/\n background-position: center;\n background-repeat: no-repeat;\n position: relative;\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n margin: 0 auto; \/* PERUBAHAN: Pusatkan background *\/\n border-radius: 0 0 20px 20px; \/* PERUBAHAN: Tambahkan rounded corners di bawah *\/\n box-shadow: 0 4px 15px rgba(0,0,0,0.1); \/* PERUBAHAN: Tambahkan shadow *\/\n }\n\n \/* Overlay untuk meningkatkan keterbacaan teks *\/\n .hero-container::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.3);\n z-index: 1;\n border-radius: 0 0 20px 20px; \/* PERUBAHAN: Sesuaikan dengan container *\/\n }\n\n \/* ========== BUTTON GRID SECTION ========== *\/\n .button-section {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n padding: 80px 20px;\n position: relative;\n }\n\n .button-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(255, 255, 255, 0.95);\n z-index: 1;\n }\n\n .section-title {\n text-align: center;\n font-size: 2.5rem;\n color: #2c3e50;\n margin-bottom: 50px;\n line-height: 1.3;\n position: relative;\n z-index: 2;\n }\n\n .button-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 25px;\n width: 100%;\n max-width: 900px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n }\n\n .icon-button {\n background: white;\n border-radius: 16px;\n padding: 25px 20px;\n text-align: center;\n text-decoration: none;\n color: #2c3e50;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n border: 2px solid transparent;\n }\n\n .icon-button:hover {\n transform: translateY(-8px) scale(1.05);\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\n border-color: #667eea;\n }\n\n .icon-button img {\n width: 80px;\n height: 80px;\n object-fit: contain;\n margin-bottom: 20px;\n transition: transform 0.3s ease;\n }\n\n .icon-button:hover img {\n transform: scale(1.1);\n }\n\n .icon-button p {\n margin: 0;\n font-weight: 700;\n font-size: 1.1rem;\n color: #2c3e50;\n }\n\n \/* ========== VIDEO SECTION ========== *\/\n .video-section {\n text-align: center;\n padding: 80px 20px;\n background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);\n position: relative;\n }\n\n .video-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(255, 255, 255, 0.95);\n }\n\n .video-section h2 {\n font-size: 2.5rem;\n font-weight: 700;\n color: #2c3e50;\n margin-bottom: 40px;\n position: relative;\n z-index: 2;\n }\n\n \/* Thumbnail utama sesi pleno *\/\n .yt-thumb-main {\n position: relative;\n display: inline-block;\n cursor: pointer;\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0,0,0,0.2);\n transition: transform 0.3s ease;\n width: 100%;\n max-width: 800px;\n aspect-ratio: 16 \/ 9;\n z-index: 2;\n margin-bottom: 50px;\n }\n\n .yt-thumb-main:hover {\n transform: scale(1.02);\n }\n\n .yt-thumb-main img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n\n .yt-thumb-main::after {\n content: \"\u25b6\";\n position: absolute;\n color: #fff;\n font-size: 5rem;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n text-shadow: 0 0 30px rgba(0,0,0,.8);\n transition: all 0.3s ease;\n }\n\n .yt-thumb-main:hover::after {\n transform: translate(-50%, -50%) scale(1.1);\n }\n\n \/* Grid untuk 4 video paralel - BERJEJER 4 DI DESKTOP *\/\n .parallel-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 25px;\n width: 100%;\n max-width: 1400px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n }\n\n .parallel-item {\n text-align: center;\n }\n\n .yt-thumb-parallel {\n position: relative;\n cursor: pointer;\n overflow: hidden;\n border-radius: 16px;\n transition: transform 0.3s ease;\n width: 100%;\n aspect-ratio: 16 \/ 9;\n box-shadow: 0 10px 25px rgba(0,0,0,0.15);\n margin-bottom: 15px;\n }\n\n .yt-thumb-parallel:hover {\n transform: scale(1.05);\n }\n\n .yt-thumb-parallel img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n .yt-thumb-parallel::after {\n content: \"\u25b6\";\n position: absolute;\n color: #fff;\n font-size: 2.5rem;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n text-shadow: 0 0 20px rgba(0,0,0,.7);\n }\n\n .parallel-label {\n font-weight: 700;\n color: #2c3e50;\n font-size: 1.1rem;\n position: relative;\n z-index: 2;\n line-height: 1.4;\n }\n\n .yt-overlay {\n display: none;\n position: fixed;\n z-index: 9999;\n inset: 0;\n background: rgba(0,0,0,0.9);\n justify-content: center;\n align-items: center;\n backdrop-filter: blur(10px);\n }\n\n .yt-overlay.active {\n display: flex;\n }\n\n .yt-player {\n position: relative;\n width: 90%;\n max-width: 1000px;\n aspect-ratio: 16 \/ 9;\n background: #000;\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 0 50px rgba(0,0,0,0.8);\n }\n\n .yt-player iframe {\n width: 100%;\n height: 100%;\n border: none;\n }\n\n \/* Tombol close YouTube *\/\n .yt-close {\n position: absolute;\n top: 15px;\n right: 15px;\n font-size: 28px;\n color: #fff;\n cursor: pointer;\n transition: all 0.3s ease;\n background: rgba(0,0,0,0.7);\n width: 40px;\n height: 40px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 10000;\n border: 2px solid rgba(255,255,255,0.3);\n }\n\n .yt-close:hover {\n transform: scale(1.2);\n background: rgba(255,0,0,0.8);\n border-color: rgba(255,255,255,0.6);\n }\n\n \/* ========== RESPONSIVE STYLES ========== *\/\n @media (max-width: 1200px) {\n .button-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n max-width: 600px;\n }\n\n \/* Tablet: 4 video paralel tetap berjejer *\/\n .parallel-grid {\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n }\n }\n\n @media (max-width: 992px) {\n \/* Tablet kecil: 2x2 grid untuk video paralel *\/\n .parallel-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n }\n }\n\n @media (max-width: 768px) {\n .section-title {\n font-size: 2rem;\n }\n \n .video-section h2 {\n font-size: 2rem;\n }\n \n .yt-thumb-main::after {\n font-size: 3.5rem;\n }\n\n \/* Untuk tablet, sesuaikan background *\/\n .hero-container {\n max-width: 100%; \/* PERUBAHAN: Di tablet, gunakan lebar penuh *\/\n height: 300px; \/* PERUBAHAN: Tinggi sedikit dikurangi *\/\n border-radius: 0; \/* PERUBAHAN: Hapus rounded corners di tablet *\/\n }\n\n .hero-container::before {\n border-radius: 0; \/* PERUBAHAN: Sesuaikan dengan container *\/\n }\n\n \/* Mobile: video paralel berderet ke bawah *\/\n .parallel-grid {\n grid-template-columns: 1fr;\n gap: 30px;\n max-width: 500px;\n }\n }\n\n @media (max-width: 600px) {\n .button-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 15px;\n max-width: 400px;\n }\n\n .icon-button {\n padding: 20px 15px;\n }\n \n .icon-button img {\n width: 60px;\n height: 60px;\n }\n \n .icon-button p {\n font-size: 0.9rem;\n }\n \n .section-title {\n font-size: 1.8rem;\n margin-bottom: 30px;\n }\n\n \/* Untuk mobile, sesuaikan background *\/\n .hero-container {\n height: 250px; \/* PERUBAHAN: Tinggi lebih kecil di mobile *\/\n }\n\n .parallel-label {\n font-size: 1rem;\n }\n \n \/* Tombol close lebih kecil di mobile *\/\n .yt-close {\n top: 10px;\n right: 10px;\n width: 35px;\n height: 35px;\n font-size: 20px;\n }\n }\n\n @media (max-width: 400px) {\n .button-grid {\n grid-template-columns: 1fr;\n }\n \n .hero-container {\n height: 200px; \/* PERUBAHAN: Tinggi minimal di mobile kecil *\/\n }\n }\n\n \/* Untuk layar yang sangat lebar *\/\n @media (min-width: 1920px) {\n .hero-container {\n background-size: contain; \/* PERUBAHAN: Tetap contain untuk layar lebar *\/\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <div class=\"hero-container\">\n \n <\/div>\n\n \n <section class=\"button-section\">\n <h2 class=\"section-title\">\n Seminar Nasional Pendidikan Matematika (SeNdiMat) Tahun 2025<br>\n <span style=\"font-size: 1.8rem; color: #667eea;\">Pendidikan Matematika Bermutu untuk Semua melalui Pembelajaran Mendalam<\/span>\n <\/h2>\n \n \n <div class=\"button-grid\">\n <a href=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/sendimat\/2025\/11\/12\/programme-book-2025\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"icon-button\">\n <img decoding=\"async\" src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/sendimat\/wp-content\/uploads\/sites\/15\/2025\/11\/tombol-web-baru.png\" \n alt=\"Ikon Programme Book\"\n onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/80x80\/667eea\/ffffff?text=PB';\">\n <p>Programme Book<\/p>\n <\/a>\n \n <a href=\"https:\/\/drive.google.com\/uc?export=download&id=1jGhiJ1b2hK2gy5ZXd-4zsAfqOAbddPje\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"icon-button\">\n <img decoding=\"async\" src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2025\/08\/Virtual-Background.png\" \n alt=\"Ikon Virtual Background\"\n onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/80x80\/667eea\/ffffff?text=VB';\">\n <p>Virtual Background<\/p>\n <\/a>\n\n <a href=\"https:\/\/drive.google.com\/drive\/folders\/1EzDsjTN5IftCHMRlz4rsFtxfoAcs2caa?usp=drive_link\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"icon-button\">\n <img decoding=\"async\" src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2025\/08\/Materi.png\" \n alt=\"Ikon Materi\"\n onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/80x80\/667eea\/ffffff?text=M';\">\n <p>Materi<\/p>\n <\/a>\n\n <a href=\"http:\/\/sertifikat.bbgpdiy.id\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"icon-button\">\n <img decoding=\"async\" src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2025\/08\/Sertifikat.png\" \n alt=\"Ikon Sertifikat\"\n onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/80x80\/667eea\/ffffff?text=S';\">\n <p>Sertifikat<\/p>\n <\/a>\n <\/div>\n <\/section>\n\n \n <section class=\"video-section\">\n <h2>Sesi Pleno<\/h2>\n\n \n <div class=\"yt-thumb-main\" onclick=\"openYT('dih3Kl1tbA8')\">\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/dih3Kl1tbA8\/maxresdefault.jpg\" alt=\"Kelas Sesi Pleno\" onerror=\"this.onerror=null;this.src='https:\/\/img.youtube.com\/vi\/dih3Kl1tbA8\/hqdefault.jpg'\">\n <\/div>\n\n \n <div class=\"parallel-grid\">\n <div class=\"parallel-item\">\n <div class=\"yt-thumb-parallel\" onclick=\"openYT('V12V_G2LIIk')\">\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/V12V_G2LIIk\/maxresdefault.jpg\" alt=\"SeNdiMat XIII Paralel PAUD\" onerror=\"this.onerror=null;this.src='https:\/\/img.youtube.com\/vi\/V12V_G2LIIk\/hqdefault.jpg'\">\n <\/div>\n <div class=\"parallel-label\">SeNdiMat XIII Paralel PAUD<\/div>\n <\/div>\n\n <div class=\"parallel-item\">\n <div class=\"yt-thumb-parallel\" onclick=\"openYT('3xyscxXJ-Vg')\">\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/3xyscxXJ-Vg\/maxresdefault.jpg\" alt=\"SeNdiMat XIII Paralel SD\" onerror=\"this.onerror=null;this.src='https:\/\/img.youtube.com\/vi\/3xyscxXJ-Vg\/hqdefault.jpg'\">\n <\/div>\n <div class=\"parallel-label\">SeNdiMat XIII Paralel SD<\/div>\n <\/div>\n\n <div class=\"parallel-item\">\n <div class=\"yt-thumb-parallel\" onclick=\"openYT('NufgWUXSdWM')\">\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/NufgWUXSdWM\/maxresdefault.jpg\" alt=\"SeNdiMat XIII Paralel SMP\" onerror=\"this.onerror=null;this.src='https:\/\/img.youtube.com\/vi\/NufgWUXSdWM\/hqdefault.jpg'\">\n <\/div>\n <div class=\"parallel-label\">SeNdiMat XIII Paralel SMP<\/div>\n <\/div>\n\n <div class=\"parallel-item\">\n <div class=\"yt-thumb-parallel\" onclick=\"openYT('3ZNrUd2fg-w')\">\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/3ZNrUd2fg-w\/maxresdefault.jpg\" alt=\"SeNdiMat XIII Paralel SMA\" onerror=\"this.onerror=null;this.src='https:\/\/img.youtube.com\/vi\/3ZNrUd2fg-w\/hqdefault.jpg'\">\n <\/div>\n <div class=\"parallel-label\">SeNdiMat XIII Paralel SMA<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <div id=\"ytOverlay\" class=\"yt-overlay\" onclick=\"closeYT(event)\">\n <div class=\"yt-player\">\n \n <span class=\"yt-close\" onclick=\"closeYT(event)\">\u2715<\/span>\n <iframe id=\"ytIframe\"\n src=\"about:blank\"\n title=\"YouTube video player\"\n allow=\"autoplay; accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n allowfullscreen>\n <\/iframe>\n <\/div>\n <\/div>\n\n \n <div id=\"histats_counter\"><\/div>\n\n <script>\n \/\/ ========== YOUTUBE PLAYER ==========\n const overlay = document.getElementById('ytOverlay');\n const iframe = document.getElementById('ytIframe');\n\n function openYT(videoId) {\n const videoURL = `https:\/\/www.youtube.com\/embed\/${videoId}?autoplay=1&mute=0&rel=0&showinfo=0`;\n iframe.src = videoURL;\n overlay.classList.add('active');\n document.body.style.overflow = 'hidden';\n }\n\n function closeYT(e) {\n \/\/ Cek jika yang diklik adalah overlay ATAU tombol close (span)\n if (e.target === overlay || e.target.classList.contains('yt-close')) {\n overlay.classList.remove('active');\n iframe.src = \"about:blank\"; \/\/ Hentikan video\n document.body.style.overflow = 'auto';\n }\n }\n\n \/\/ ========== HISTATS COUNTER ==========\n var _Hasync = _Hasync || [];\n _Hasync.push(['Histats.start', '1,4989303,4,322,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'); hs.type = 'text\/javascript'; 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<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>SeNdiMat 2025 – Seminar Nasional Pendidikan Matematika Seminar Nasional Pendidikan Matematika (SeNdiMat) Tahun 2025 Pendidikan Matematika Bermutu untuk Semua melalui Pembelajaran Mendalam Programme Book Virtual Background Materi Sertifikat Sesi Pleno SeNdiMat XIII Paralel PAUD SeNdiMat XIII Paralel SD SeNdiMat XIII Paralel SMP SeNdiMat XIII Paralel SMA \u2715<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-46","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/sendimat\/wp-json\/wp\/v2\/pages\/46","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/sendimat\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/sendimat\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/sendimat\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/sendimat\/wp-json\/wp\/v2\/comments?post=46"}],"version-history":[{"count":1,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/sendimat\/wp-json\/wp\/v2\/pages\/46\/revisions"}],"predecessor-version":[{"id":47,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/sendimat\/wp-json\/wp\/v2\/pages\/46\/revisions\/47"}],"wp:attachment":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/sendimat\/wp-json\/wp\/v2\/media?parent=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}