{"id":617,"date":"2026-06-13T13:13:19","date_gmt":"2026-06-13T13:13:19","guid":{"rendered":"https:\/\/sman2-sawahlunto.sch.id\/?p=617"},"modified":"2026-06-13T17:07:15","modified_gmt":"2026-06-13T17:07:15","slug":"guru-tendik","status":"publish","type":"post","link":"https:\/\/sman2-sawahlunto.sch.id\/?p=617","title":{"rendered":"Guru &amp; Tendik"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"617\" class=\"elementor elementor-617\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-19f9335 e-con e-atomic-element e-flexbox-base e-037ef9c \" data-id=\"19f9335\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"19f9335\">\n    \t\t<div class=\"elementor-element elementor-element-9ae0a15 elementor-widget elementor-widget-html\" data-id=\"9ae0a15\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.school-gallery{\r\n    max-width:1200px;\r\n    margin:auto;\r\n    padding:20px 10px;\r\n}\r\n\r\n.headmaster{\r\n    display:flex;\r\n    justify-content:center;\r\n    margin-bottom:15px;\r\n}\r\n\r\n.headmaster img{\r\n    width:280px;\r\n    border-radius:18px;\r\n    display:block;\r\n    cursor:pointer;\r\n    box-shadow:0 8px 20px rgba(0,0,0,.15);\r\n    transition:.3s;\r\n}\r\n\r\n.headmaster img:hover{\r\n    transform:translateY(-5px);\r\n}\r\n\r\n.staff-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(5,1fr);\r\n    gap:10px;\r\n}\r\n\r\n.staff-grid img{\r\n    width:100%;\r\n    display:block;\r\n    border-radius:14px;\r\n    cursor:pointer;\r\n    box-shadow:0 4px 12px rgba(0,0,0,.12);\r\n    transition:.3s;\r\n}\r\n\r\n.staff-grid img:hover{\r\n    transform:translateY(-5px);\r\n}\r\n\r\n\/* POPUP GALLERY *\/\r\n\r\n.gallery-popup{\r\n    position:fixed;\r\n    inset:0;\r\n    background:rgba(0,0,0,.95);\r\n    display:none;\r\n    justify-content:center;\r\n    align-items:center;\r\n    z-index:999999;\r\n}\r\n\r\n.gallery-popup.active{\r\n    display:flex;\r\n}\r\n\r\n.gallery-popup img{\r\n    max-width:90vw;\r\n    max-height:90vh;\r\n    border-radius:12px;\r\n    animation:zoom .25s ease;\r\n}\r\n\r\n.gallery-close{\r\n    position:absolute;\r\n    top:20px;\r\n    right:30px;\r\n    color:#fff;\r\n    font-size:50px;\r\n    cursor:pointer;\r\n    line-height:1;\r\n}\r\n\r\n.gallery-nav{\r\n    position:absolute;\r\n    top:50%;\r\n    transform:translateY(-50%);\r\n    color:#fff;\r\n    font-size:60px;\r\n    cursor:pointer;\r\n    user-select:none;\r\n    padding:15px;\r\n}\r\n\r\n.gallery-prev{\r\n    left:20px;\r\n}\r\n\r\n.gallery-next{\r\n    right:20px;\r\n}\r\n\r\n@keyframes zoom{\r\n    from{\r\n        opacity:0;\r\n        transform:scale(.85);\r\n    }\r\n    to{\r\n        opacity:1;\r\n        transform:scale(1);\r\n    }\r\n}\r\n\r\n@media(max-width:1024px){\r\n    .staff-grid{\r\n        grid-template-columns:repeat(4,1fr);\r\n    }\r\n}\r\n\r\n@media(max-width:768px){\r\n    .staff-grid{\r\n        grid-template-columns:repeat(3,1fr);\r\n        gap:8px;\r\n    }\r\n\r\n    .headmaster img{\r\n        width:220px;\r\n    }\r\n\r\n    .gallery-nav{\r\n        font-size:45px;\r\n    }\r\n}\r\n\r\n@media(max-width:480px){\r\n    .staff-grid{\r\n        grid-template-columns:repeat(2,1fr);\r\n    }\r\n\r\n    .headmaster img{\r\n        width:180px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"school-gallery\">\r\n\r\n    <!-- Headmaster -->\r\n    <div class=\"headmaster\">\r\n        <img decoding=\"async\" src=\"https:\/\/sman2-sawahlunto.sch.id\/wp-content\/uploads\/2026\/06\/A.png\">\r\n    <\/div>\r\n\r\n    <!-- Staff -->\r\n    <div class=\"staff-grid\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/sman2-sawahlunto.sch.id\/wp-content\/uploads\/2026\/06\/B.png\">\r\n        <img decoding=\"async\" src=\"https:\/\/sman2-sawahlunto.sch.id\/wp-content\/uploads\/2026\/06\/C.png\">\r\n        <img decoding=\"async\" src=\"https:\/\/sman2-sawahlunto.sch.id\/wp-content\/uploads\/2026\/06\/D.png\">\r\n        <img decoding=\"async\" src=\"https:\/\/sman2-sawahlunto.sch.id\/wp-content\/uploads\/2026\/06\/E.png\">\r\n        <img decoding=\"async\" src=\"https:\/\/sman2-sawahlunto.sch.id\/wp-content\/uploads\/2026\/06\/F.png\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/sman2-sawahlunto.sch.id\/wp-content\/uploads\/2026\/06\/G.png\">\r\n        <img decoding=\"async\" src=\"https:\/\/sman2-sawahlunto.sch.id\/wp-content\/uploads\/2026\/06\/H.png\">\r\n        <img decoding=\"async\" src=\"https:\/\/sman2-sawahlunto.sch.id\/wp-content\/uploads\/2026\/06\/I.png\">\r\n        <img decoding=\"async\" src=\"https:\/\/sman2-sawahlunto.sch.id\/wp-content\/uploads\/2026\/06\/J.png\">\r\n        <img decoding=\"async\" src=\"https:\/\/sman2-sawahlunto.sch.id\/wp-content\/uploads\/2026\/06\/K.png\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/sman2-sawahlunto.sch.id\/wp-content\/uploads\/2026\/06\/L.png\">\r\n        <img decoding=\"async\" src=\"https:\/\/sman2-sawahlunto.sch.id\/wp-content\/uploads\/2026\/06\/M.png\">\r\n        <img decoding=\"async\" src=\"https:\/\/sman2-sawahlunto.sch.id\/wp-content\/uploads\/2026\/06\/N.png\">\r\n        <img decoding=\"async\" src=\"https:\/\/sman2-sawahlunto.sch.id\/wp-content\/uploads\/2026\/06\/O.png\">\r\n        <img decoding=\"async\" src=\"https:\/\/sman2-sawahlunto.sch.id\/wp-content\/uploads\/2026\/06\/P.png\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/sman2-sawahlunto.sch.id\/wp-content\/uploads\/2026\/06\/Q.png\">\r\n        <img decoding=\"async\" src=\"https:\/\/sman2-sawahlunto.sch.id\/wp-content\/uploads\/2026\/06\/R.png\">\r\n        <img decoding=\"async\" src=\"https:\/\/sman2-sawahlunto.sch.id\/wp-content\/uploads\/2026\/06\/S.png\">\r\n        <img decoding=\"async\" src=\"https:\/\/sman2-sawahlunto.sch.id\/wp-content\/uploads\/2026\/06\/T.png\">\r\n        <img decoding=\"async\" src=\"https:\/\/sman2-sawahlunto.sch.id\/wp-content\/uploads\/2026\/06\/U.png\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/sman2-sawahlunto.sch.id\/wp-content\/uploads\/2026\/06\/V.png\">\r\n        <img decoding=\"async\" src=\"https:\/\/sman2-sawahlunto.sch.id\/wp-content\/uploads\/2026\/06\/W.png\">\r\n        <img decoding=\"async\" src=\"https:\/\/sman2-sawahlunto.sch.id\/wp-content\/uploads\/2026\/06\/X.png\">\r\n        <img decoding=\"async\" src=\"https:\/\/sman2-sawahlunto.sch.id\/wp-content\/uploads\/2026\/06\/Y.png\">\r\n        <img decoding=\"async\" src=\"https:\/\/sman2-sawahlunto.sch.id\/wp-content\/uploads\/2026\/06\/Z.png\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/sman2-sawahlunto.sch.id\/wp-content\/uploads\/2026\/06\/1A.png\">\r\n        <img decoding=\"async\" src=\"https:\/\/sman2-sawahlunto.sch.id\/wp-content\/uploads\/2026\/06\/2A.png\">\r\n        <img decoding=\"async\" src=\"https:\/\/sman2-sawahlunto.sch.id\/wp-content\/uploads\/2026\/06\/3A.png\">\r\n        <img decoding=\"async\" src=\"https:\/\/sman2-sawahlunto.sch.id\/wp-content\/uploads\/2026\/06\/4A.png\">\r\n        <img decoding=\"async\" src=\"https:\/\/sman2-sawahlunto.sch.id\/wp-content\/uploads\/2026\/06\/5A.png\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/sman2-sawahlunto.sch.id\/wp-content\/uploads\/2026\/06\/6A.png\">\r\n        <img decoding=\"async\" src=\"https:\/\/sman2-sawahlunto.sch.id\/wp-content\/uploads\/2026\/06\/7A.png\">\r\n        <img decoding=\"async\" src=\"https:\/\/sman2-sawahlunto.sch.id\/wp-content\/uploads\/2026\/06\/8A.png\">\r\n        <img decoding=\"async\" src=\"https:\/\/sman2-sawahlunto.sch.id\/wp-content\/uploads\/2026\/06\/9A.png\">\r\n        <img decoding=\"async\" src=\"https:\/\/sman2-sawahlunto.sch.id\/wp-content\/uploads\/2026\/06\/10A.png\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/sman2-sawahlunto.sch.id\/wp-content\/uploads\/2026\/06\/11A.png\">\r\n        <img decoding=\"async\" src=\"https:\/\/sman2-sawahlunto.sch.id\/wp-content\/uploads\/2026\/06\/12A.png\">\r\n        <img decoding=\"async\" src=\"https:\/\/sman2-sawahlunto.sch.id\/wp-content\/uploads\/2026\/06\/13A.png\">\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- Popup Gallery -->\r\n<div class=\"gallery-popup\">\r\n    <span class=\"gallery-close\">&times;<\/span>\r\n    <span class=\"gallery-nav gallery-prev\">&#10094;<\/span>\r\n    <img id=\"galleryImage\">\r\n    <span class=\"gallery-nav gallery-next\">&#10095;<\/span>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function(){\r\n\r\n    const images = document.querySelectorAll('.school-gallery img');\r\n    const popup = document.querySelector('.gallery-popup');\r\n    const popupImg = document.getElementById('galleryImage');\r\n    const closeBtn = document.querySelector('.gallery-close');\r\n    const prevBtn = document.querySelector('.gallery-prev');\r\n    const nextBtn = document.querySelector('.gallery-next');\r\n\r\n    let currentIndex = 0;\r\n\r\n    function showImage(index){\r\n        popupImg.src = images[index].src;\r\n        currentIndex = index;\r\n    }\r\n\r\n    images.forEach((img,index)=>{\r\n        img.addEventListener('click',()=>{\r\n            popup.classList.add('active');\r\n            showImage(index);\r\n        });\r\n    });\r\n\r\n    closeBtn.addEventListener('click',()=>{\r\n        popup.classList.remove('active');\r\n    });\r\n\r\n    popup.addEventListener('click',(e)=>{\r\n        if(e.target === popup){\r\n            popup.classList.remove('active');\r\n        }\r\n    });\r\n\r\n    prevBtn.addEventListener('click',(e)=>{\r\n        e.stopPropagation();\r\n        currentIndex =\r\n        (currentIndex - 1 + images.length) % images.length;\r\n        showImage(currentIndex);\r\n    });\r\n\r\n    nextBtn.addEventListener('click',(e)=>{\r\n        e.stopPropagation();\r\n        currentIndex =\r\n        (currentIndex + 1) % images.length;\r\n        showImage(currentIndex);\r\n    });\r\n\r\n    document.addEventListener('keydown',(e)=>{\r\n\r\n        if(!popup.classList.contains('active')) return;\r\n\r\n        if(e.key === 'Escape'){\r\n            popup.classList.remove('active');\r\n        }\r\n\r\n        if(e.key === 'ArrowLeft'){\r\n            currentIndex =\r\n            (currentIndex - 1 + images.length) % images.length;\r\n            showImage(currentIndex);\r\n        }\r\n\r\n        if(e.key === 'ArrowRight'){\r\n            currentIndex =\r\n            (currentIndex + 1) % images.length;\r\n            showImage(currentIndex);\r\n        }\r\n\r\n    });\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f01ba1e e-flex e-con-boxed e-con e-parent\" data-id=\"f01ba1e\" 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-c3af1a7 elementor-widget elementor-widget-htmega-galleryjustify-addons\" data-id=\"c3af1a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"htmega-galleryjustify-addons.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"npgalleryc3af1a7\" class=\"npgallery_activec3af1a7\"style=\"display:none;\"><\/div>        <script>\n            jQuery(document).ready(function($) {\n\n                'use strict';                \n                $('#npgalleryc3af1a7').imagesLoaded( function() {\n                    $('#npgalleryc3af1a7')[0].style.display='block';\n                    $('#npgalleryc3af1a7').justifiedGallery({\n                        rowHeight: 300,\n                        maxRowHeight: null,\n                        margins: 20,\n                        border: 0,\n                        rel: 'npgalleryc3af1a7',\n                        lastRow: 'nojustify',\n                        captions: true,\n                        randomize: false,\n                        sizeRangeSuffixes: {\n                            lt100: '_t',\n                            lt240: '_m',\n                            lt320: '_n',\n                            lt500: '',\n                            lt640: '_z',\n                            lt1024: '_b'\n                        }\n                    });\n                });\n                            });\n        <\/script>\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>&times; &#10094; &#10095;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_angie_page":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"page_builder":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-617","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"acf":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/sman2-sawahlunto.sch.id\/index.php?rest_route=\/wp\/v2\/posts\/617","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sman2-sawahlunto.sch.id\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sman2-sawahlunto.sch.id\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sman2-sawahlunto.sch.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sman2-sawahlunto.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=617"}],"version-history":[{"count":4,"href":"https:\/\/sman2-sawahlunto.sch.id\/index.php?rest_route=\/wp\/v2\/posts\/617\/revisions"}],"predecessor-version":[{"id":663,"href":"https:\/\/sman2-sawahlunto.sch.id\/index.php?rest_route=\/wp\/v2\/posts\/617\/revisions\/663"}],"wp:attachment":[{"href":"https:\/\/sman2-sawahlunto.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=617"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sman2-sawahlunto.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=617"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sman2-sawahlunto.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=617"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}