{"id":6991,"date":"2025-12-24T07:12:33","date_gmt":"2025-12-24T07:12:33","guid":{"rendered":"https:\/\/pbiologi.untan.ac.id\/?page_id=6991"},"modified":"2025-12-25T07:53:02","modified_gmt":"2025-12-25T07:53:02","slug":"bahan-ajar","status":"publish","type":"page","link":"https:\/\/pbiologi.untan.ac.id\/en\/bahan-ajar\/","title":{"rendered":""},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"6991\" class=\"elementor elementor-6991\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4082b5b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4082b5b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e09d5f2\" data-id=\"e09d5f2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ca49b52 elementor-widget elementor-widget-html\" data-id=\"ca49b52\" 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<div class=\"wp-drive-buttons-container\">\r\n    <h2 class=\"wp-drive-title\">Teaching Concepts &amp; Learning Media<\/h2>\r\n    <p class=\"wp-drive-subtitle\">Click the button below to see the selection of materials integrated with Google Drive.<\/p>\r\n    \r\n    <div class=\"wp-drive-buttons-grid\">\r\n        <div class=\"wp-drive-button-container\">\r\n            <div class=\"wp-drive-button-main wp-drive-button-1\">\r\n                <div class=\"wp-drive-button-icon\">\r\n                    <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\r\n                        <path d=\"M14.5 12.5l-3 6L22 22l3-6-10.5-3.5z\"><\/path>\r\n                        <path d=\"M2 22l5.5-11L22 22H2z\"><\/path>\r\n                        <path d=\"M8.5 11.5l3-6 3 6-3 1-3-1z\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"wp-drive-button-content\">\r\n                    <span class=\"wp-drive-button-label\">Visual Media<\/span>\r\n                    <span class=\"wp-drive-button-desc\">Magazine &amp; E-Comic<\/span>\r\n                <\/div>\r\n                <div class=\"wp-drive-arrow\">\u25bc<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"wp-drive-dropdown\">\r\n                <a href=\"https:\/\/drive.google.com\/file\/d\/1yBRtFYIgYre7MkPP0H3zY5fVtj4X3Vwf\/view?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"wp-drive-dropdown-item\">\r\n                    <div class=\"dropdown-item-icon\">\ud83d\udccb<\/div>\r\n                    <div class=\"dropdown-item-content\">\r\n                        <div class=\"dropdown-item-title\">Digestive System Magazine<\/div>\r\n                        <div class=\"dropdown-item-desc\">For Junior High School 8th Grader<\/div>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"https:\/\/drive.google.com\/file\/d\/1XdaiZ78oJcW0bnBIb5n1LtwO97DE7MTC\/view?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"wp-drive-dropdown-item\">\r\n                    <div class=\"dropdown-item-icon\">\ud83d\udccb<\/div>\r\n                    <div class=\"dropdown-item-content\">\r\n                        <div class=\"dropdown-item-title\">Human Circulatory System Magazine<\/div>\r\n                        <div class=\"dropdown-item-desc\">For High School 11th Grader<\/div>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"https:\/\/drive.google.com\/file\/d\/1UNkUKNVaicb6bCVFn8fl_ET9AMjyDiOw\/view?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"wp-drive-dropdown-item\">\r\n                    <div class=\"dropdown-item-icon\">\ud83d\udccb<\/div>\r\n                    <div class=\"dropdown-item-content\">\r\n                        <div class=\"dropdown-item-title\">Mushrooms and Its Role in Life Magazine<\/div>\r\n                        <div class=\"dropdown-item-desc\">For High School 10th Grader<\/div>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"https:\/\/drive.google.com\/file\/d\/1_JihMEXIHWZ_avZ2xjNmgHylAqpmeabL\/view?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"wp-drive-dropdown-item\">\r\n                    <div class=\"dropdown-item-icon\">\ud83d\udccb<\/div>\r\n                    <div class=\"dropdown-item-content\">\r\n                        <div class=\"dropdown-item-title\">Biology Magazine<\/div>\r\n                        <div class=\"dropdown-item-desc\">For Public<\/div>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"https:\/\/drive.google.com\/file\/d\/11soNUjfoTsns8JaEx4t7yuxnXP-vsnVu\/view?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"wp-drive-dropdown-item\">\r\n                    <div class=\"dropdown-item-icon\">\ud83d\udccb<\/div>\r\n                    <div class=\"dropdown-item-content\">\r\n                        <div class=\"dropdown-item-title\">The role of Bacteria in Real Life Magazine<\/div>\r\n                        <div class=\"dropdown-item-desc\">For Public<\/div>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"https:\/\/drive.google.com\/file\/d\/1oIL9UoVaZ6-rhOxM0lfe1j3gFmmDXEjg\/view?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"wp-drive-dropdown-item\">\r\n                    <div class=\"dropdown-item-icon\">\ud83d\udccb<\/div>\r\n                    <div class=\"dropdown-item-content\">\r\n                        <div class=\"dropdown-item-title\">Biozearth Magazine: Mangrove Plant<\/div>\r\n                        <div class=\"dropdown-item-desc\">For Public<\/div>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"https:\/\/drive.google.com\/file\/d\/1GLybQi4yGYEZbSY8AI3ZzsqDy5OouMFc\/view?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"wp-drive-dropdown-item\">\r\n                    <div class=\"dropdown-item-icon\">\ud83d\udccb<\/div>\r\n                    <div class=\"dropdown-item-content\">\r\n                        <div class=\"dropdown-item-title\">E-Comic Biodiversity<\/div>\r\n                        <div class=\"dropdown-item-desc\">For High School 10th Grader<\/div>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"https:\/\/drive.google.com\/file\/d\/1Rv04wpgIpOhffu6WYJtMxRWu9PVXWMQ3\/view?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"wp-drive-dropdown-item\">\r\n                    <div class=\"dropdown-item-icon\">\ud83d\udccb<\/div>\r\n                    <div class=\"dropdown-item-content\">\r\n                        <div class=\"dropdown-item-title\">E-Comic: Exciting Adventure in Biotechnology World<\/div>\r\n                        <div class=\"dropdown-item-desc\">For High School 10th Grader<\/div>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"https:\/\/drive.google.com\/file\/d\/1Rv04wpgIpOhffu6WYJtMxRWu9PVXWMQ3\/view?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"wp-drive-dropdown-item\">\r\n                    <div class=\"dropdown-item-icon\">\ud83d\udccb<\/div>\r\n                    <div class=\"dropdown-item-content\">\r\n                        <div class=\"dropdown-item-title\">Illustrated book Exploring Pteridophyta in the Tikan River Protected Forest<\/div>\r\n                        <div class=\"dropdown-item-desc\">For Public<\/div>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Tombol 2: Video Pembelajaran -->\r\n        <div class=\"wp-drive-button-container\">\r\n            <div class=\"wp-drive-button-main wp-drive-button-2\">\r\n                <div class=\"wp-drive-button-icon\">\r\n                    <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\r\n                        <path d=\"M18 3v2h-2V3H8v2H6V3H4v18h2v-2h2v2h8v-2h2v2h2V3h-2zM8 17H6v-2h2v2zm0-4H6v-2h2v2zm0-4H6V7h2v2zm10 8h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V7h2v2z\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"wp-drive-button-content\">\r\n                    <span class=\"wp-drive-button-label\">Learning Video<\/span>\r\n                    <span class=\"wp-drive-button-desc\">Documentary &amp; Tutorials<\/span>\r\n                <\/div>\r\n                <div class=\"wp-drive-arrow\">\u25bc<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"wp-drive-dropdown\">\r\n                <a href=\"https:\/\/drive.google.com\/file\/d\/12Ghx0Cy8U-QtgnF66K3Bwa3ZM2fwrGSs\/view?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"wp-drive-dropdown-item\">\r\n                    <div class=\"dropdown-item-icon\">\ud83c\udfac<\/div>\r\n                    <div class=\"dropdown-item-content\">\r\n                        <div class=\"dropdown-item-title\">Food Substances Topic Video<\/div>\r\n                        <div class=\"dropdown-item-desc\">For High School 11th Grader<\/div>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"https:\/\/drive.google.com\/file\/d\/1wYpMRsgg26HSq8v1hH1eOLJYHRZU5Mic\/view?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"wp-drive-dropdown-item\">\r\n                    <div class=\"dropdown-item-icon\">\ud83c\udfac<\/div>\r\n                    <div class=\"dropdown-item-content\">\r\n                        <div class=\"dropdown-item-title\">Biotechnology: Tutorial Video on Proximate Analysis of Cempedak Skin Fermentation Products<\/div>\r\n                        <div class=\"dropdown-item-desc\">For Public<\/div>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"https:\/\/drive.google.com\/file\/d\/1k2Bjgh6sh0hHTClNoa1DI-GHSR04Rdcc\/view?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"wp-drive-dropdown-item\">\r\n                    <div class=\"dropdown-item-icon\">\ud83c\udfac<\/div>\r\n                    <div class=\"dropdown-item-content\">\r\n                        <div class=\"dropdown-item-title\">Documentary Video Human Reproduction System Topics<\/div>\r\n                        <div class=\"dropdown-item-desc\">For Public<\/div>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Tombol 3: Modul dan Booklet -->\r\n        <div class=\"wp-drive-button-container\">\r\n            <div class=\"wp-drive-button-main wp-drive-button-3\">\r\n                <div class=\"wp-drive-button-icon\">\r\n                    <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\r\n                        <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"wp-drive-button-content\">\r\n                    <span class=\"wp-drive-button-label\">Concept Topics<\/span>\r\n                    <span class=\"wp-drive-button-desc\">Modules &amp; Booklets<\/span>\r\n                <\/div>\r\n                <div class=\"wp-drive-arrow\">\u25bc<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"wp-drive-dropdown\">\r\n                <a href=\"https:\/\/drive.google.com\/file\/d\/1fExBACzwYLFsifaSHhKORQ83A5b77hBc\/view?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"wp-drive-dropdown-item\">\r\n                    <div class=\"dropdown-item-icon\">\ud83d\udcd8<\/div>\r\n                    <div class=\"dropdown-item-content\">\r\n                        <div class=\"dropdown-item-title\">Module: Classification of Living Things based on Problem-Based Learning integrated with West Kalimantan Biodiversity<\/div>\r\n                        <div class=\"dropdown-item-desc\">For Junior High School 7th Grader<\/div>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"https:\/\/drive.google.com\/file\/d\/1f9iKL5QjABp4G3Z5YdXRDSCxtF1yUFF_\/view?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"wp-drive-dropdown-item\">\r\n                    <div class=\"dropdown-item-icon\">\ud83d\udcd8<\/div>\r\n                    <div class=\"dropdown-item-content\">\r\n                        <div class=\"dropdown-item-title\">Fungi Module: Diversity of Macroscopic Fungi Ascomycota and Basidiomycota in Indonesian Tropical Forests<\/div>\r\n                        <div class=\"dropdown-item-desc\">For High School 10th Grader<\/div>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"https:\/\/drive.google.com\/file\/d\/1f9iKL5QjABp4G3Z5YdXRDSCxtF1yUFF_\/view?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"wp-drive-dropdown-item\">\r\n                    <div class=\"dropdown-item-icon\">\ud83d\udcd8<\/div>\r\n                    <div class=\"dropdown-item-content\">\r\n                        <div class=\"dropdown-item-title\">Module: Types of Ferns (Pteridophyta) Found in the Gunung Belungai Protected Forest, Sanggau District<\/div>\r\n                        <div class=\"dropdown-item-desc\">For High School 10th Grader<\/div>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"https:\/\/drive.google.com\/file\/d\/1WYLeRX2aemzaduSOXg4rsQGe1ZPnNN3W\/view?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"wp-drive-dropdown-item\">\r\n                    <div class=\"dropdown-item-icon\">\ud83d\udcd8<\/div>\r\n                    <div class=\"dropdown-item-content\">\r\n                        <div class=\"dropdown-item-title\">Booklet: Human Reproductive System and Use of Traditional Medicinal Plants After Childbirth<\/div>\r\n                        <div class=\"dropdown-item-desc\">For High School 11th Grader<\/div>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"https:\/\/drive.google.com\/file\/d\/1Qys6VOlBn1ifUAK7zmPLV1j8TRx9uaC8\/view?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"wp-drive-dropdown-item\">\r\n                    <div class=\"dropdown-item-icon\">\ud83d\udcd8<\/div>\r\n                    <div class=\"dropdown-item-content\">\r\n                        <div class=\"dropdown-item-title\">Booklet: Plants that Increase Breast Milk Production Local Wisdom of the Pampang Harapan Village Community, Sukadana District, Kayong Utara Regency<\/div>\r\n                        <div class=\"dropdown-item-desc\">For Public<\/div>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"https:\/\/drive.google.com\/file\/d\/1Qys6VOlBn1ifUAK7zmPLV1j8TRx9uaC8\/view?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"wp-drive-dropdown-item\">\r\n                    <div class=\"dropdown-item-icon\">\ud83d\udcd8<\/div>\r\n                    <div class=\"dropdown-item-content\">\r\n                        <div class=\"dropdown-item-title\">Booklet: The Role of Bacteria in Highlighting the Results of Antibacterial Testing of Yellow Bajakah Stem Extract (Arcangelisia flava Merr.) against Salmonella typhi<\/div>\r\n                        <div class=\"dropdown-item-desc\">For High School 10th Grader<\/div>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Tombol 4: Media Interaktif -->\r\n        <div class=\"wp-drive-button-container\">\r\n            <div class=\"wp-drive-button-main wp-drive-button-4\">\r\n                <div class=\"wp-drive-button-icon\">\r\n                    <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\r\n                        <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"wp-drive-button-content\">\r\n                    <span class=\"wp-drive-button-label\">Interactive Media<\/span>\r\n                    <span class=\"wp-drive-button-desc\">Application &amp; other Media<\/span>\r\n                <\/div>\r\n                <div class=\"wp-drive-arrow\">\u25bc<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"wp-drive-dropdown\">\r\n                <a href=\"https:\/\/drive.google.com\/file\/d\/1MbIomjQQ4m4G4ku4bQ7Jb5tOUmE45Cu7\/view?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"wp-drive-dropdown-item\">\r\n                    <div class=\"dropdown-item-icon\">\ud83e\udde9<\/div>\r\n                    <div class=\"dropdown-item-content\">\r\n                        <div class=\"dropdown-item-title\">Leaflet<\/div>\r\n                        <div class=\"dropdown-item-desc\">Characterization and Identification of Fibric Peat Soil Bacteria<\/div>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"https:\/\/drive.google.com\/file\/d\/1e9Mzg8o44mSO6VN4HLNZ-_0A3ktx5N1s\/view?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"wp-drive-dropdown-item\">\r\n                    <div class=\"dropdown-item-icon\">\ud83e\udde9<\/div>\r\n                    <div class=\"dropdown-item-content\">\r\n                        <div class=\"dropdown-item-title\">Encyclopedia<\/div>\r\n                        <div class=\"dropdown-item-desc\">Utilization of Biodiversity as Medicine in Sabung Village, Sambas Regency<\/div>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"https:\/\/drive.google.com\/file\/d\/1XHTlGkWOy1aQDMgTJVpmeOa6QfeQG2EQ\/view?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"wp-drive-dropdown-item\">\r\n                    <div class=\"dropdown-item-icon\">\ud83e\udde9<\/div>\r\n                    <div class=\"dropdown-item-content\">\r\n                        <div class=\"dropdown-item-title\">Lectora Media<\/div>\r\n                        <div class=\"dropdown-item-desc\">Utilization of Biodiversity for Grade 10 High School\/Equivalent<\/div>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"https:\/\/drive.google.com\/file\/d\/1K3buW_vVKHg_f5ymC243KDqaUFMPJL3Y\/view?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"wp-drive-dropdown-item\">\r\n                    <div class=\"dropdown-item-icon\">\ud83e\udde9<\/div>\r\n                    <div class=\"dropdown-item-content\">\r\n                        <div class=\"dropdown-item-title\">Flipbook<\/div>\r\n                        <div class=\"dropdown-item-desc\">The Concept of Genetic, Species, and Ecosystem Diversity<\/div>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n<\/div>\r\n\r\n<style>\r\n.wp-drive-buttons-container {\r\n    max-width: 900px;\r\n    margin: 0 auto;\r\n    padding: 20px;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\r\n}\r\n\r\n.wp-drive-title {\r\n    text-align: center;\r\n    color: #2c3e50;\r\n    margin-bottom: 10px;\r\n    font-size: 24px;\r\n    font-weight: 600;\r\n}\r\n\r\n.wp-drive-subtitle {\r\n    text-align: center;\r\n    color: #7f8c8d;\r\n    margin-bottom: 30px;\r\n    font-size: 16px;\r\n    line-height: 1.5;\r\n}\r\n\r\n.wp-drive-buttons-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n    gap: 15px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.wp-drive-button-container {\r\n    position: relative;\r\n}\r\n\r\n.wp-drive-button-main {\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 18px 20px;\r\n    background-color: white;\r\n    border-radius: 10px;\r\n    text-decoration: none;\r\n    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);\r\n    transition: all 0.3s ease;\r\n    border: 1px solid #eaeaea;\r\n    cursor: pointer;\r\n    position: relative;\r\n    user-select: none;\r\n    -webkit-tap-highlight-color: transparent;\r\n}\r\n\r\n.wp-drive-button-main:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.12);\r\n}\r\n\r\n.wp-drive-button-icon {\r\n    margin-right: 15px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 48px;\r\n    height: 48px;\r\n    border-radius: 10px;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.wp-drive-button-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex-grow: 1;\r\n}\r\n\r\n.wp-drive-button-label {\r\n    font-weight: 600;\r\n    font-size: 16px;\r\n    margin-bottom: 4px;\r\n    display: block;\r\n}\r\n\r\n.wp-drive-button-desc {\r\n    font-size: 13px;\r\n    opacity: 0.8;\r\n    display: block;\r\n}\r\n\r\n.wp-drive-arrow {\r\n    margin-left: 10px;\r\n    font-size: 12px;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.wp-drive-dropdown {\r\n    position: absolute;\r\n    top: 100%;\r\n    left: 0;\r\n    right: 0;\r\n    background-color: white;\r\n    border-radius: 0 0 10px 10px;\r\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\r\n    z-index: 100;\r\n    display: none;\r\n    margin-top: 5px;\r\n    border: 1px solid #eaeaea;\r\n    border-top: none;\r\n    overflow: hidden;\r\n    max-height: 300px;\r\n    overflow-y: auto;\r\n}\r\n\r\n.wp-drive-button-container.active .wp-drive-dropdown {\r\n    display: block;\r\n}\r\n\r\n.wp-drive-button-container.active .wp-drive-arrow {\r\n    transform: rotate(180deg);\r\n}\r\n\r\n.wp-drive-button-container.active .wp-drive-button-main {\r\n    border-radius: 10px 10px 0 0;\r\n    border-bottom: 1px solid #eaeaea;\r\n}\r\n\r\n.wp-drive-dropdown-item {\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 12px 15px;\r\n    text-decoration: none;\r\n    color: #333;\r\n    border-bottom: 1px solid #f5f5f5;\r\n    transition: background-color 0.2s ease;\r\n    position: relative;\r\n}\r\n\r\n.wp-drive-dropdown-item:hover {\r\n    background-color: #f9f9f9;\r\n    text-decoration: none;\r\n}\r\n\r\n.wp-drive-dropdown-item:last-child {\r\n    border-bottom: none;\r\n}\r\n\r\n.dropdown-item-icon {\r\n    font-size: 20px;\r\n    margin-right: 12px;\r\n    width: 24px;\r\n    text-align: center;\r\n}\r\n\r\n.dropdown-item-content {\r\n    flex-grow: 1;\r\n}\r\n\r\n.dropdown-item-title {\r\n    font-weight: 500;\r\n    font-size: 14px;\r\n    margin-bottom: 2px;\r\n}\r\n\r\n.dropdown-item-desc {\r\n    font-size: 12px;\r\n    color: #666;\r\n}\r\n\r\n.mobile-external-icon {\r\n    display: none;\r\n    font-size: 18px;\r\n    color: #999;\r\n    margin-left: 10px;\r\n}\r\n\r\n.wp-drive-button-1 {\r\n    color: #1565c0;\r\n    border-left: 4px solid #1565c0;\r\n}\r\n\r\n.wp-drive-button-1 .wp-drive-button-icon {\r\n    background-color: rgba(21, 101, 192, 0.1);\r\n    color: #1565c0;\r\n}\r\n\r\n.wp-drive-button-2 {\r\n    color: #7b1fa2;\r\n    border-left: 4px solid #7b1fa2;\r\n}\r\n\r\n.wp-drive-button-2 .wp-drive-button-icon {\r\n    background-color: rgba(123, 31, 162, 0.1);\r\n    color: #7b1fa2;\r\n}\r\n\r\n.wp-drive-button-3 {\r\n    color: #2e7d32;\r\n    border-left: 4px solid #2e7d32;\r\n}\r\n\r\n.wp-drive-button-3 .wp-drive-button-icon {\r\n    background-color: rgba(46, 125, 50, 0.1);\r\n    color: #2e7d32;\r\n}\r\n\r\n.wp-drive-button-4 {\r\n    color: #ef6c00;\r\n    border-left: 4px solid #ef6c00;\r\n}\r\n\r\n.wp-drive-button-4 .wp-drive-button-icon {\r\n    background-color: rgba(239, 108, 0, 0.1);\r\n    color: #ef6c00;\r\n}\r\n\r\n.wp-drive-note {\r\n    text-align: center;\r\n    font-size: 14px;\r\n    color: #666;\r\n    padding-top: 15px;\r\n    border-top: 1px dashed #ddd;\r\n    margin-top: 10px;\r\n}\r\n\r\n.mobile-modal-overlay {\r\n    display: none;\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: rgba(0, 0, 0, 0.5);\r\n    z-index: 1000;\r\n}\r\n\r\n.mobile-modal {\r\n    display: none;\r\n    position: fixed;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    background-color: white;\r\n    border-radius: 12px;\r\n    padding: 0;\r\n    width: 90%;\r\n    max-width: 400px;\r\n    z-index: 1001;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.mobile-modal-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 20px 20px 10px;\r\n    border-bottom: 1px solid #eee;\r\n}\r\n\r\n.mobile-modal-title {\r\n    margin: 0;\r\n    font-size: 18px;\r\n    color: #333;\r\n}\r\n\r\n.mobile-modal-close {\r\n    background: none;\r\n    border: none;\r\n    font-size: 24px;\r\n    line-height: 1;\r\n    cursor: pointer;\r\n    color: #999;\r\n    padding: 0;\r\n    width: 30px;\r\n    height: 30px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.mobile-modal-content {\r\n    padding: 20px;\r\n}\r\n\r\n.mobile-modal-content p {\r\n    margin: 0;\r\n    font-size: 16px;\r\n    line-height: 1.5;\r\n    color: #555;\r\n}\r\n\r\n.mobile-modal-actions {\r\n    display: flex;\r\n    padding: 15px 20px 20px;\r\n    border-top: 1px solid #eee;\r\n    gap: 10px;\r\n}\r\n\r\n.mobile-modal-cancel, .mobile-modal-confirm {\r\n    flex: 1;\r\n    padding: 12px;\r\n    border-radius: 8px;\r\n    border: none;\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n    cursor: pointer;\r\n    transition: all 0.2s;\r\n}\r\n\r\n.mobile-modal-cancel {\r\n    background-color: #f5f5f5;\r\n    color: #666;\r\n}\r\n\r\n.mobile-modal-confirm {\r\n    background-color: #4285f4;\r\n    color: white;\r\n}\r\n\r\n.mobile-modal-cancel:hover, .mobile-modal-confirm:hover {\r\n    opacity: 0.9;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .wp-drive-buttons-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .wp-drive-button-main {\r\n        padding: 16px;\r\n        border-radius: 10px;\r\n    }\r\n    \r\n    .wp-drive-title {\r\n        font-size: 22px;\r\n    }\r\n    \r\n    .wp-drive-subtitle {\r\n        font-size: 15px;\r\n        margin-bottom: 20px;\r\n    }\r\n    \r\n    .wp-drive-dropdown {\r\n        position: static;\r\n        margin-top: 0;\r\n        border: 1px solid #eaeaea;\r\n        border-top: none;\r\n        border-radius: 0 0 10px 10px;\r\n        max-height: none;\r\n        box-shadow: none;\r\n    }\r\n    \r\n    .wp-drive-dropdown-item {\r\n        padding: 14px 16px;\r\n        min-height: 60px;\r\n    }\r\n    \r\n    .dropdown-item-title {\r\n        font-size: 15px;\r\n    }\r\n    \r\n    .dropdown-item-desc {\r\n        font-size: 13px;\r\n    }\r\n    \r\n    .mobile-external-icon {\r\n        display: block;\r\n    }\r\n    \r\n    .wp-drive-dropdown-item::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        z-index: 1;\r\n    }\r\n    \r\n    .dropdown-item-icon,\r\n    .dropdown-item-content,\r\n    .mobile-external-icon {\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n    \r\n    .wp-drive-dropdown-item:active {\r\n        background-color: #f0f0f0;\r\n    }\r\n    \r\n    .wp-drive-button-label {\r\n        font-size: 16px;\r\n    }\r\n    \r\n    .wp-drive-button-desc {\r\n        font-size: 14px;\r\n    }\r\n    \r\n    .wp-drive-arrow {\r\n        font-size: 14px;\r\n    }\r\n    \r\n    .wp-drive-note {\r\n        font-size: 13px;\r\n        padding: 15px 10px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .wp-drive-buttons-container {\r\n        padding: 15px 10px;\r\n    }\r\n    \r\n    .wp-drive-title {\r\n        font-size: 20px;\r\n        line-height: 1.3;\r\n    }\r\n    \r\n    .wp-drive-subtitle {\r\n        font-size: 14px;\r\n        padding: 0 5px;\r\n    }\r\n    \r\n    .wp-drive-button-icon {\r\n        width: 42px;\r\n        height: 42px;\r\n        margin-right: 12px;\r\n    }\r\n    \r\n    .wp-drive-button-main {\r\n        padding: 14px;\r\n    }\r\n    \r\n    .wp-drive-dropdown-item {\r\n        padding: 12px 14px;\r\n    }\r\n    \r\n    .dropdown-item-icon {\r\n        font-size: 18px;\r\n        margin-right: 10px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .wp-drive-button-main {\r\n        font-size: 16px; \r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    var buttonContainers = document.querySelectorAll('.wp-drive-button-container');\r\n    var isMobile = window.innerWidth <= 768;\r\n    var activeLink = null;\r\n    \r\n    var modalOverlay = document.querySelector('.mobile-modal-overlay');\r\n    var modal = document.querySelector('.mobile-modal');\r\n    var modalCancel = document.querySelector('.mobile-modal-cancel');\r\n    var modalConfirm = document.querySelector('.mobile-modal-confirm');\r\n    var modalClose = document.querySelector('.mobile-modal-close');\r\n    \r\n    function toggleDropdown(container) {\r\n        buttonContainers.forEach(function(otherContainer) {\r\n            if (otherContainer !== container && otherContainer.classList.contains('active')) {\r\n                otherContainer.classList.remove('active');\r\n            }\r\n        });\r\n        container.classList.toggle('active');\r\n    }\r\n    \r\n    function showMobileModal(link) {\r\n        activeLink = link;\r\n        modalOverlay.style.display = 'block';\r\n        modal.style.display = 'block';\r\n        document.body.style.overflow = 'hidden'; \r\n    }\r\n    \r\n    function hideMobileModal() {\r\n        modalOverlay.style.display = 'none';\r\n        modal.style.display = 'none';\r\n        document.body.style.overflow = ''; \r\n        activeLink = null;\r\n    }\r\n    \r\n    buttonContainers.forEach(function(container) {\r\n        var button = container.querySelector('.wp-drive-button-main');\r\n        \r\n        button.addEventListener('click', function(e) {\r\n            if (e.target.tagName !== 'A') {\r\n                e.preventDefault();\r\n                toggleDropdown(container);\r\n            }\r\n        });\r\n        \r\n        button.addEventListener('touchstart', function(e) {\r\n            this.style.opacity = '0.9';\r\n        });\r\n        \r\n        button.addEventListener('touchend', function(e) {\r\n            this.style.opacity = '';\r\n        });\r\n    });\r\n    \r\n    var dropdownItems = document.querySelectorAll('.wp-drive-dropdown-item');\r\n    dropdownItems.forEach(function(item) {\r\n        item.addEventListener('click', function(e) {\r\n            if (isMobile) {\r\n                e.preventDefault();\r\n                showMobileModal(this.href);\r\n            }\r\n        });\r\n        \r\n        item.addEventListener('touchstart', function() {\r\n            this.style.backgroundColor = '#f0f0f0';\r\n        });\r\n        \r\n        item.addEventListener('touchend', function() {\r\n            this.style.backgroundColor = '';\r\n        });\r\n    });\r\n    \r\n    if (!isMobile) {\r\n        document.addEventListener('click', function(e) {\r\n            if (!e.target.closest('.wp-drive-button-container')) {\r\n                buttonContainers.forEach(function(container) {\r\n                    container.classList.remove('active');\r\n                });\r\n            }\r\n        });\r\n    }\r\n    \r\n    window.addEventListener('resize', function() {\r\n        isMobile = window.innerWidth <= 768;\r\n    });\r\n    \r\n    modalCancel.addEventListener('click', hideMobileModal);\r\n    modalClose.addEventListener('click', hideMobileModal);\r\n    modalOverlay.addEventListener('click', hideMobileModal);\r\n    \r\n    modalConfirm.addEventListener('click', function() {\r\n        if (activeLink) {\r\n            window.open(activeLink, '_blank');\r\n        }\r\n        hideMobileModal();\r\n    });\r\n    \r\n    modal.addEventListener('click', function(e) {\r\n        e.stopPropagation();\r\n    });\r\n    \r\n    if (isMobile) {\r\n        document.addEventListener('touchstart', function(e) {\r\n            if (!e.target.closest('.wp-drive-button-container')) {\r\n                buttonContainers.forEach(function(container) {\r\n                    container.classList.remove('active');\r\n                });\r\n            }\r\n        });\r\n    }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Bahan Ajar &#038; Media Pembelajaran Klik tombol di bawah untuk melihat pilihan materi yang terintegrasi Google Drive Media Bergambar Majalah [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-6991","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pbiologi.untan.ac.id\/en\/wp-json\/wp\/v2\/pages\/6991","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pbiologi.untan.ac.id\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pbiologi.untan.ac.id\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pbiologi.untan.ac.id\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pbiologi.untan.ac.id\/en\/wp-json\/wp\/v2\/comments?post=6991"}],"version-history":[{"count":30,"href":"https:\/\/pbiologi.untan.ac.id\/en\/wp-json\/wp\/v2\/pages\/6991\/revisions"}],"predecessor-version":[{"id":7043,"href":"https:\/\/pbiologi.untan.ac.id\/en\/wp-json\/wp\/v2\/pages\/6991\/revisions\/7043"}],"wp:attachment":[{"href":"https:\/\/pbiologi.untan.ac.id\/en\/wp-json\/wp\/v2\/media?parent=6991"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}