{"id":1197,"date":"2026-02-19T15:03:34","date_gmt":"2026-02-19T12:03:34","guid":{"rendered":"https:\/\/skolib.fizz.kz\/%d3%99debi-karta\/"},"modified":"2026-03-03T14:38:45","modified_gmt":"2026-03-03T11:38:45","slug":"%d3%99debi-karta","status":"publish","type":"page","link":"https:\/\/skolib.fizz.kz\/kk-kz\/resurstar\/%d3%99debi-karta\/","title":{"rendered":"\u04d8\u0434\u0435\u0431\u0438 \u043a\u0430\u0440\u0442\u0430"},"content":{"rendered":"<style>.kb-row-layout-id1105_4b6d8f-51 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id1105_4b6d8f-51 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id1105_4b6d8f-51 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:24px;max-width:var( --global-content-width, 1280px );padding-left:var(--global-content-edge-padding);padding-right:var(--global-content-edge-padding);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id1105_4b6d8f-51 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id1105_4b6d8f-51 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id1105_4b6d8f-51 > .kt-row-column-wrap{padding-bottom:240px;grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id1105_4b6d8f-51 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top kb-theme-content-width\">\n<style>.kadence-column1105_642a16-a2 > .kt-inside-inner-col,.kadence-column1105_642a16-a2 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column1105_642a16-a2 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column1105_642a16-a2 > .kt-inside-inner-col{flex-direction:column;}.kadence-column1105_642a16-a2 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column1105_642a16-a2 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column1105_642a16-a2{position:relative;}@media all and (max-width: 1024px){.kadence-column1105_642a16-a2 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column1105_642a16-a2 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column1105_642a16-a2\"><div class=\"kt-inside-inner-col\">            <div class=\"literary-map-wrapper\">\r\n            <!-- Map Container -->\r\n            <div class=\"literary-map-interactive-container\" style=\"position: relative; max-width: 1000px; margin: 40px auto;\">\r\n                <svg version=\"1.1\" id=\"sko-map-svg\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\r\n\t viewBox=\"0 0 1000 700\" style=\"enable-background:new 0 0 1000 700;\" xml:space=\"preserve\" class=\"skolib-map-svg\">\r\n\r\n<!-- 1. Gabit Musrepov District (South West) -->\r\n<path id=\"district-musrepov\" class=\"map-district\" d=\"M150,550 L250,520 L300,580 L320,650 L200,680 L120,620 Z\" data-name=\"\u0420\u0430\u0439\u043e\u043d \u0413\u0430\u0431\u0438\u0442\u0430 \u041c\u0443\u0441\u0440\u0435\u043f\u043e\u0432\u0430\">\r\n    <title>\u0420\u0430\u0439\u043e\u043d \u0413\u0430\u0431\u0438\u0442\u0430 \u041c\u0443\u0441\u0440\u0435\u043f\u043e\u0432\u0430<\/title>\r\n<\/path>\r\n<text x=\"200\" y=\"600\" class=\"map-text\">\u0413. \u041c\u0443\u0441\u0440\u0435\u043f\u043e\u0432\u0430<\/text>\r\n\r\n<!-- 2. Timiryazev District (West) -->\r\n<path id=\"district-timiryazev\" class=\"map-district\" d=\"M250,520 L350,500 L380,550 L300,580 Z\" data-name=\"\u0422\u0438\u043c\u0438\u0440\u044f\u0437\u0435\u0432\u0441\u043a\u0438\u0439 \u0440\u0430\u0439\u043e\u043d\">\r\n    <title>\u0422\u0438\u043c\u0438\u0440\u044f\u0437\u0435\u0432\u0441\u043a\u0438\u0439 \u0440\u0430\u0439\u043e\u043d<\/title>\r\n<\/path>\r\n\r\n<!-- 3. Shal Akyn District (Central West) -->\r\n<path id=\"district-shalakyn\" class=\"map-district\" d=\"M350,500 L420,450 L460,480 L440,550 L380,550 Z\" data-name=\"\u0420\u0430\u0439\u043e\u043d \u0428\u0430\u043b \u0430\u043a\u044b\u043d\u0430\">\r\n    <title>\u0420\u0430\u0439\u043e\u043d \u0428\u0430\u043b \u0430\u043a\u044b\u043d\u0430<\/title>\r\n<\/path>\r\n\r\n<!-- 4. Aiyrtau District (South) -->\r\n<path id=\"district-aiyrtau\" class=\"map-district\" d=\"M320,650 L440,550 L520,600 L480,690 L350,690 Z\" data-name=\"\u0410\u0439\u044b\u0440\u0442\u0430\u0443\u0441\u043a\u0438\u0439 \u0440\u0430\u0439\u043e\u043d\">\r\n    <title>\u0410\u0439\u044b\u0440\u0442\u0430\u0443\u0441\u043a\u0438\u0439 \u0440\u0430\u0439\u043e\u043d<\/title>\r\n<\/path>\r\n<text x=\"400\" y=\"610\" class=\"map-text\">\u0410\u0439\u044b\u0440\u0442\u0430\u0443\u0441\u043a\u0438\u0439<\/text>\r\n\r\n<!-- 5. Esil District (Central) -->\r\n<path id=\"district-esil\" class=\"map-district\" d=\"M420,450 L480,420 L550,450 L520,530 L460,480 Z\" data-name=\"\u0415\u0441\u0438\u043b\u044c\u0441\u043a\u0438\u0439 \u0440\u0430\u0439\u043e\u043d\">\r\n    <title>\u0415\u0441\u0438\u043b\u044c\u0441\u043a\u0438\u0439 \u0440\u0430\u0439\u043e\u043d<\/title>\r\n<\/path>\r\n\r\n<!-- 6. Kyzylzhar District (North Central around Petropavlovsk) -->\r\n<path id=\"district-kyzylzhar\" class=\"map-district\" d=\"M480,180 L600,160 L650,250 L550,300 L450,250 Z\" data-name=\"\u041a\u044b\u0437\u044b\u043b\u0436\u0430\u0440\u0441\u043a\u0438\u0439 \u0440\u0430\u0439\u043e\u043d\">\r\n    <title>\u041a\u044b\u0437\u044b\u043b\u0436\u0430\u0440\u0441\u043a\u0438\u0439 \u0440\u0430\u0439\u043e\u043d<\/title>\r\n<\/path>\r\n\r\n<!-- 7. Mamlyutka District (North West) -->\r\n<path id=\"district-mamlyutka\" class=\"map-district\" d=\"M350,150 L480,180 L450,250 L320,220 Z\" data-name=\"\u041c\u0430\u043c\u043b\u044e\u0442\u0441\u043a\u0438\u0439 \u0440\u0430\u0439\u043e\u043d\">\r\n    <title>\u041c\u0430\u043c\u043b\u044e\u0442\u0441\u043a\u0438\u0439 \u0440\u0430\u0439\u043e\u043d<\/title>\r\n<\/path>\r\n\r\n<!-- 8. Zhambyl District (Far West) -->\r\n<path id=\"district-zhambyl\" class=\"map-district\" d=\"M150,200 L350,150 L320,220 L250,400 L150,350 Z\" data-name=\"\u0416\u0430\u043c\u0431\u044b\u043b\u0441\u043a\u0438\u0439 \u0440\u0430\u0439\u043e\u043d\">\r\n    <title>\u0416\u0430\u043c\u0431\u044b\u043b\u0441\u043a\u0438\u0439 \u0440\u0430\u0439\u043e\u043d<\/title>\r\n<\/path>\r\n\r\n<!-- 9. Akkaiyn District (Central East) -->\r\n<path id=\"district-akkaiyn\" class=\"map-district\" d=\"M550,300 L650,250 L700,350 L600,400 L550,450 L480,420 Z\" data-name=\"\u0410\u043a\u043a\u0430\u0439\u044b\u043d\u0441\u043a\u0438\u0439 \u0440\u0430\u0439\u043e\u043d\">\r\n    <title>\u0410\u043a\u043a\u0430\u0439\u044b\u043d\u0441\u043a\u0438\u0439 \u0440\u0430\u0439\u043e\u043d<\/title>\r\n<\/path>\r\n\r\n<!-- 10. Taiynsha District (South East - Large) -->\r\n<path id=\"district-taiynsha\" class=\"map-district\" d=\"M520,600 L520,530 L550,450 L600,400 L750,420 L800,550 L650,680 Z\" data-name=\"\u0422\u0430\u0439\u044b\u043d\u0448\u0438\u043d\u0441\u043a\u0438\u0439 \u0440\u0430\u0439\u043e\u043d\">\r\n    <title>\u0422\u0430\u0439\u044b\u043d\u0448\u0438\u043d\u0441\u043a\u0438\u0439 \u0440\u0430\u0439\u043e\u043d<\/title>\r\n<\/path>\r\n<text x=\"600\" y=\"520\" class=\"map-text\">\u0422\u0430\u0439\u044b\u043d\u0448\u0438\u043d\u0441\u043a\u0438\u0439<\/text>\r\n\r\n<!-- 11. M. Zhumabayev District (East) -->\r\n<path id=\"district-zhumabayev\" class=\"map-district\" d=\"M650,250 L800,220 L880,300 L750,420 L700,350 Z\" data-name=\"\u0420\u0430\u0439\u043e\u043d \u041c. \u0416\u0443\u043c\u0430\u0431\u0430\u0435\u0432\u0430\">\r\n    <title>\u0420\u0430\u0439\u043e\u043d \u041c. \u0416\u0443\u043c\u0430\u0431\u0430\u0435\u0432\u0430<\/title>\r\n<\/path>\r\n<text x=\"720\" y=\"300\" class=\"map-text\">\u041c. \u0416\u0443\u043c\u0430\u0431\u0430\u0435\u0432\u0430<\/text>\r\n\r\n<!-- 12. Ualikhanov District (Far East) -->\r\n<path id=\"district-ualikhanov\" class=\"map-district\" d=\"M800,550 L750,420 L880,300 L950,350 L980,500 L900,600 Z\" data-name=\"\u0423\u0430\u043b\u0438\u0445\u0430\u043d\u043e\u0432\u0441\u043a\u0438\u0439 \u0440\u0430\u0439\u043e\u043d\">\r\n    <title>\u0423\u0430\u043b\u0438\u0445\u0430\u043d\u043e\u0432\u0441\u043a\u0438\u0439 \u0440\u0430\u0439\u043e\u043d<\/title>\r\n<\/path>\r\n\r\n<!-- 13. Petropavlovsk (City - Center of Kyzylzhar) -->\r\n<circle id=\"district-petropavlovsk\" class=\"map-district\" cx=\"540\" cy=\"220\" r=\"12\" data-name=\"\u0433. \u041f\u0435\u0442\u0440\u043e\u043f\u0430\u0432\u043b\u043e\u0432\u0441\u043a\">\r\n    <title>\u0433. \u041f\u0435\u0442\u0440\u043e\u043f\u0430\u0432\u043b\u043e\u0432\u0441\u043a<\/title>\r\n<\/circle>\r\n<text x=\"560\" y=\"225\" class=\"map-text\" style=\"font-size: 14px; fill: #333;\">\u041f\u0435\u0442\u0440\u043e\u043f\u0430\u0432\u043b\u043e\u0432\u0441\u043a<\/text>\r\n\r\n<\/svg>\r\n\r\n                <!-- Writers Data & Overlay Points -->\r\n                <div id=\"writers-overlay\" class=\"writers-overlay\">\r\n                    <!-- Points will be generated by JS based on this data -->\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Writer Info Modal\/Card -->\r\n            <div id=\"writer-modal\" class=\"writer-modal\">\r\n                <div class=\"writer-modal-content\">\r\n                    <span class=\"writer-close\">&times;<\/span>\r\n                    <div class=\"writer-card\">\r\n                        <div class=\"writer-image-container\">\r\n                            <img decoding=\"async\" id=\"writer-photo\" src=\"\" alt=\"Writer Photo\" \/>\r\n                        <\/div>\r\n                        <div class=\"writer-details\">\r\n                            <h2 id=\"writer-name\"><\/h2>\r\n                            <div id=\"writer-bio\" class=\"writer-bio\"><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Styles moved to css\/style.css -->\r\n\r\n\r\n            <script>\r\n            document.addEventListener('DOMContentLoaded', function() {\r\n                \/\/ Writers Data (North Kazakhstan focus)\r\n                const writers = [\r\n                    {\r\n                        id: 1,\r\n                        name: \"\u041c\u0430\u0433\u0436\u0430\u043d \u0416\u0443\u043c\u0430\u0431\u0430\u0435\u0432\",\r\n                        place: \"North Kazakhstan\",\r\n                        description: \"\u041c\u0430\u0433\u0436\u0430\u043d \u0416\u0443\u043c\u0430\u0431\u0430\u0435\u0432 \u2014 \u0432\u044b\u0434\u0430\u044e\u0449\u0438\u0439\u0441\u044f \u043a\u0430\u0437\u0430\u0445\u0441\u043a\u0438\u0439 \u043f\u043e\u044d\u0442, \u043f\u0435\u0434\u0430\u0433\u043e\u0433, \u043f\u0443\u0431\u043b\u0438\u0446\u0438\u0441\u0442, \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u0442\u0435\u043b\u044c \u0430\u043b\u0430\u0448\u0441\u043a\u043e\u0433\u043e \u0434\u0432\u0438\u0436\u0435\u043d\u0438\u044f. \u041e\u0434\u0438\u043d \u0438\u0437 \u043a\u0440\u0443\u043f\u043d\u0435\u0439\u0448\u0438\u0445 \u043f\u043e\u044d\u0442\u043e\u0432 \u043d\u0430\u0447\u0430\u043b\u0430 XX \u0432\u0435\u043a\u0430, \u0440\u043e\u0434\u0438\u043b\u0441\u044f \u0432 \u0421\u0435\u0432\u0435\u0440\u043e-\u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d\u0441\u043a\u043e\u0439 \u043e\u0431\u043b\u0430\u0441\u0442\u0438.\",\r\n                        photo: \"\/wp-content\/uploads\/2026\/02\/6f5682cd1af1506b6c9314c3613ebb496b326a3b.jpg\", \/\/ Image URL can be set here\r\n                        coords: { x: 72, y: 25 } \/\/ M. Zhumabayev District approx\r\n                    },\r\n                    {\r\n                        id: 2,\r\n                        name: \"\u0421\u0430\u0431\u0438\u0442 \u041c\u0443\u043a\u0430\u043d\u043e\u0432\",\r\n                        place: \"North Kazakhstan\",\r\n                        description: \"\u0421\u0430\u0431\u0438\u0442 \u041c\u0443\u043a\u0430\u043d\u043e\u0432 \u2014 \u043a\u043b\u0430\u0441\u0441\u0438\u043a \u043a\u0430\u0437\u0430\u0445\u0441\u043a\u043e\u0439 \u043b\u0438\u0442\u0435\u0440\u0430\u0442\u0443\u0440\u044b, \u043f\u043e\u044d\u0442, \u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u0434\u0435\u044f\u0442\u0435\u043b\u044c, \u0430\u043a\u0430\u0434\u0435\u043c\u0438\u043a \u0410\u041d \u041a\u0430\u0437\u0430\u0445\u0441\u043a\u043e\u0439 \u0421\u0421\u0420. \u0420\u043e\u0434\u0438\u043b\u0441\u044f \u043d\u0430 \u0442\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u0438 \u043d\u044b\u043d\u0435\u0448\u043d\u0435\u0439 \u0421\u0435\u0432\u0435\u0440\u043e-\u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d\u0441\u043a\u043e\u0439 \u043e\u0431\u043b\u0430\u0441\u0442\u0438. \u0410\u0432\u0442\u043e\u0440 \u0440\u043e\u043c\u0430\u043d\u043e\u0432 \u00ab\u0411\u043e\u0442\u0430\u0433\u043e\u0437\u00bb, \u00ab\u0421\u044b\u0440\u0434\u0430\u0440\u044c\u044f\u00bb, \u0430\u0432\u0442\u043e\u0431\u0438\u043e\u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0442\u0440\u0438\u043b\u043e\u0433\u0438\u0438.\",\r\n                        photo: \"\/wp-content\/uploads\/2026\/02\/images.jpg\", \r\n                        coords: { x: 30, y: 70 } \/\/ Jambul\/Mamlyutka area approx\r\n                    },\r\n                    {\r\n                        id: 3,\r\n                        name: \"\u0413\u0430\u0431\u0438\u0442 \u041c\u0443\u0441\u0440\u0435\u043f\u043e\u0432\",\r\n                        place: \"North Kazakhstan\",\r\n                        description: \"\u0413\u0430\u0431\u0438\u0442 \u041c\u0443\u0441\u0440\u0435\u043f\u043e\u0432 \u2014 \u043a\u043b\u0430\u0441\u0441\u0438\u043a \u043a\u0430\u0437\u0430\u0445\u0441\u043a\u043e\u0439 \u043f\u0440\u043e\u0437\u044b \u0438 \u0434\u0440\u0430\u043c\u0430\u0442\u0443\u0440\u0433\u0438\u0438, \u0413\u0435\u0440\u043e\u0439 \u0421\u043e\u0446\u0438\u0430\u043b\u0438\u0441\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u0422\u0440\u0443\u0434\u0430. \u0420\u043e\u0434\u0438\u043b\u0441\u044f \u0432 \u0421\u0435\u0432\u0435\u0440\u043d\u043e\u043c \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d\u0435, \u0430\u0432\u0442\u043e\u0440 \u0440\u043e\u043c\u0430\u043d\u043e\u0432 \u00ab\u041e\u044f\u043d\u0493\u0430\u043d \u04e9\u043b\u043a\u0435\u00bb, \u00ab\u041a\u0430\u0437\u0430\u0445 \u0441\u043e\u043b\u0434\u0430\u0442\u044b\u00bb.\",\r\n                        photo: \"\/wp-content\/uploads\/2026\/02\/unnamed.jpg\", \r\n                        coords: { x: 20, y: 80 } \/\/ G. Musrepov District\r\n                    },\r\n                    {\r\n                        id: 4,\r\n                        name: \"\u0418\u0432\u0430\u043d \u0428\u0443\u0445\u043e\u0432\",\r\n                        place: \"North Kazakhstan\",\r\n                        description: \"\u0418\u0432\u0430\u043d \u0428\u0443\u0445\u043e\u0432 \u2014 \u0441\u043e\u0432\u0435\u0442\u0441\u043a\u0438\u0439 \u0438 \u043a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d\u0441\u043a\u0438\u0439 \u043f\u0438\u0441\u0430\u0442\u0435\u043b\u044c, \u0430\u0432\u0442\u043e\u0440 \u043f\u0440\u043e\u0438\u0437\u0432\u0435\u0434\u0435\u043d\u0438\u0439 \u043e \u0436\u0438\u0437\u043d\u0438 \u0421\u0435\u0432\u0435\u0440\u043d\u043e\u0433\u043e \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d\u0430, \u0441\u0435\u043b\u044c\u0441\u043a\u043e\u0439 \u0442\u0435\u043c\u0430\u0442\u0438\u043a\u0435 \u0438 \u0412\u0435\u043b\u0438\u043a\u043e\u0439 \u041e\u0442\u0435\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0439 \u0432\u043e\u0439\u043d\u0435. \u0421\u0432\u044f\u0437\u0430\u043d \u0441 \u041f\u0435\u0442\u0440\u043e\u043f\u0430\u0432\u043b\u043e\u0432\u0441\u043a\u043e\u043c.\",\r\n                        photo: \"\/wp-content\/uploads\/2026\/02\/1200_0_43fff7959d16ff51e80e48f25c8f8813.jpg\", \r\n                        coords: { x: 50, y: 25 } \/\/ Presnovka? Jambul district\r\n                    },\r\n                    {\r\n                        id: 5,\r\n                        name: \"\u0421\u0430\u043a\u0435\u043d \u0421\u0435\u0439\u0444\u0443\u043b\u043b\u0438\u043d\",\r\n                        place: \"North Kazakhstan\",\r\n                        description: \"\u0421\u0430\u043a\u0435\u043d \u0421\u0435\u0439\u0444\u0443\u043b\u043b\u0438\u043d \u2014 \u043f\u043e\u044d\u0442, \u043f\u0438\u0441\u0430\u0442\u0435\u043b\u044c, \u0433\u043e\u0441\u0443\u0434\u0430\u0440\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u0434\u0435\u044f\u0442\u0435\u043b\u044c, \u043e\u0434\u0438\u043d \u0438\u0437 \u043e\u0441\u043d\u043e\u0432\u043e\u043f\u043e\u043b\u043e\u0436\u043d\u0438\u043a\u043e\u0432 \u043a\u0430\u0437\u0430\u0445\u0441\u043a\u043e\u0439 \u0441\u043e\u0432\u0435\u0442\u0441\u043a\u043e\u0439 \u043b\u0438\u0442\u0435\u0440\u0430\u0442\u0443\u0440\u044b. \u0420\u043e\u0434\u0438\u043b\u0441\u044f \u0432 \u0410\u043a\u043c\u043e\u043b\u0438\u043d\u0441\u043a\u043e\u043c \u0440\u0435\u0433\u0438\u043e\u043d\u0435 (\u0441\u0435\u0432\u0435\u0440 \u0441\u0442\u0440\u0430\u043d\u044b). \u0410\u0432\u0442\u043e\u0440 \u00ab\u0422\u0430\u0440 \u0436\u043e\u043b, \u0442\u0430\u0439\u0493\u0430\u049b \u043a\u0435\u0448\u0443\u00bb.\",\r\n                        photo: \"\/wp-content\/uploads\/2026\/02\/saken_seifullin.jpg\", \r\n                        coords: { x: 60, y: 60 } \/\/ Taiynsha area relative to Omsk\r\n                    },\r\n                    {\r\n                        id: 6,\r\n                        name: \"\u0411\u0435\u0438\u043c\u0431\u0435\u0442 \u041c\u0430\u0439\u043b\u0438\u043d\",\r\n                        place: \"North Kazakhstan\",\r\n                        description: \"\u0411\u0435\u0438\u043c\u0431\u0435\u0442 \u041c\u0430\u0439\u043b\u0438\u043d \u2014 \u043f\u0440\u043e\u0437\u0430\u0438\u043a, \u0434\u0440\u0430\u043c\u0430\u0442\u0443\u0440\u0433, \u043f\u0443\u0431\u043b\u0438\u0446\u0438\u0441\u0442. \u0420\u043e\u0434\u0438\u043b\u0441\u044f \u0432 \u041a\u043e\u0441\u0442\u0430\u043d\u0430\u0439\u0441\u043a\u043e\u043c \u0440\u0435\u0433\u0438\u043e\u043d\u0435. \u041e\u0434\u0438\u043d \u0438\u0437 \u0441\u043e\u0437\u0434\u0430\u0442\u0435\u043b\u0435\u0439 \u043a\u0430\u0437\u0430\u0445\u0441\u043a\u043e\u0439 \u0441\u043e\u0432\u0435\u0442\u0441\u043a\u043e\u0439 \u043b\u0438\u0442\u0435\u0440\u0430\u0442\u0443\u0440\u044b, \u0430\u0432\u0442\u043e\u0440 \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u043e\u0432 \u043e \u0441\u0435\u043b\u044c\u0441\u043a\u043e\u0439 \u0436\u0438\u0437\u043d\u0438.\",\r\n                        photo: \"\/wp-content\/uploads\/2026\/02\/24.jpg\", \r\n                        coords: { x: 15, y: 50 } \/\/ West side\r\n                    },\r\n                    {\r\n                        id: 7,\r\n                        name: \"\u0418\u043b\u044c\u044f\u0441 \u0415\u0441\u0435\u043d\u0431\u0435\u0440\u043b\u0438\u043d\",\r\n                        place: \"North Kazakhstan\",\r\n                        description: \"\u0418\u043b\u044c\u044f\u0441 \u0415\u0441\u0435\u043d\u0431\u0435\u0440\u043b\u0438\u043d \u2014 \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u044b\u0439 \u043a\u0430\u0437\u0430\u0445\u0441\u043a\u0438\u0439 \u043f\u0438\u0441\u0430\u0442\u0435\u043b\u044c-\u0440\u043e\u043c\u0430\u043d\u0438\u0441\u0442, \u0430\u0432\u0442\u043e\u0440 \u0438\u0441\u0442\u043e\u0440\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0442\u0440\u0438\u043b\u043e\u0433\u0438\u0438 \u00ab\u041a\u043e\u0447\u0435\u0432\u043d\u0438\u043a\u0438\u00bb. \u0420\u043e\u0434\u0438\u043b\u0441\u044f \u0432 \u0410\u043a\u043c\u043e\u043b\u0438\u043d\u0441\u043a\u043e\u0439 \u043e\u0431\u043b\u0430\u0441\u0442\u0438.\",\r\n                        photo: \"\/wp-content\/uploads\/2026\/02\/1200_0_60399f0d25097d9e7369425217de52c3.jpg\", \r\n                        coords: { x: 80, y: 70 } \/\/ Ualikhanov area\r\n                    },\r\n                    {\r\n                        id: 8,\r\n                        name: \"\u0410\u043a\u0441\u0435\u043b\u0435\u0443 \u0421\u0435\u0439\u0434\u0456\u043c\u0431\u0435\u043a\",\r\n                        place: \"North Kazakhstan\",\r\n                        description: \"\u0410\u043a\u0441\u0435\u043b\u0435\u0443 \u0421\u0435\u0439\u0434\u0456\u043c\u0431\u0435\u043a \u2014 \u043f\u0438\u0441\u0430\u0442\u0435\u043b\u044c, \u044d\u0442\u043d\u043e\u0433\u0440\u0430\u0444, \u043f\u0443\u0431\u043b\u0438\u0446\u0438\u0441\u0442. \u0418\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043b \u043a\u0443\u043b\u044c\u0442\u0443\u0440\u0443 \u0438 \u0442\u0440\u0430\u0434\u0438\u0446\u0438\u0438 \u043a\u0430\u0437\u0430\u0445\u0441\u043a\u043e\u0433\u043e \u043d\u0430\u0440\u043e\u0434\u0430, \u0441\u0432\u044f\u0437\u0430\u043d \u0441 \u0441\u0435\u0432\u0435\u0440\u043d\u044b\u043c\u0438 \u0440\u0435\u0433\u0438\u043e\u043d\u0430\u043c\u0438 \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d\u0430.\",\r\n                        photo: \"\/wp-content\/uploads\/2026\/02\/1200_0_119772b038d6c569107638452a0e9dc3.jpg\", \r\n                        coords: { x: 40, y: 85 } \/\/ Aiyrtau\/Shal akyn\r\n                    }\r\n                ];\r\n\r\n                const mapWrapper = document.querySelector('.literary-map-interactive-container');\r\n                const overlay = document.getElementById('writers-overlay');\r\n                \r\n                \/\/ Ensure overlay is positioned correctly over the map\r\n                if(mapWrapper && overlay) {\r\n                    overlay.style.position = 'absolute';\r\n                    overlay.style.top = '0';\r\n                    overlay.style.left = '0';\r\n                    overlay.style.width = '100%';\r\n                    overlay.style.height = '100%';\r\n                    overlay.style.pointerEvents = 'none'; \/\/ Allow clicking through to map\r\n                    overlay.style.zIndex = '10';\r\n                }\r\n\r\n                const modal = document.getElementById('writer-modal');\r\n                const closeBtn = document.querySelector('.writer-close');\r\n                const modalName = document.getElementById('writer-name');\r\n                const modalBio = document.getElementById('writer-bio');\r\n                const modalImg = document.getElementById('writer-photo');\r\n\r\n                \/\/ Clear existing points\r\n                if (overlay) {\r\n                    overlay.innerHTML = '';\r\n\r\n                    \/\/ Generate Points\r\n                    writers.forEach(writer => {\r\n                        const point = document.createElement('div');\r\n                        point.className = 'writer-point';\r\n                        point.setAttribute('data-name', writer.name);\r\n                        point.setAttribute('title', writer.name); \/\/ Native tooltip as backup\r\n                        point.style.left = writer.coords.x + '%';\r\n                        point.style.top = writer.coords.y + '%';\r\n                        \r\n                        point.addEventListener('click', function(e) {\r\n                            e.preventDefault(); \/\/ Just in case\r\n                            e.stopPropagation(); \/\/ Stop map click event\r\n                            openModal(writer);\r\n                        });\r\n\r\n                        overlay.appendChild(point);\r\n                    });\r\n                }\r\n\r\n                \/\/ Modal Functions\r\n                function openModal(writer) {\r\n                    if(!modal) return;\r\n                    \r\n                    if (modalName) modalName.textContent = writer.name;\r\n                    if (modalBio) modalBio.innerHTML = `<p>${writer.description}<\/p>`;\r\n                    if (modalImg) modalImg.src = writer.photo ? writer.photo : 'https:\/\/via.placeholder.com\/300x400?text=No+Photo';\r\n                    \r\n                    modal.classList.add('active');\r\n                    \/\/ modal.style.display = 'flex'; \/\/ Handled by CSS\r\n                }\r\n\r\n                function closeModal() {\r\n                    if(!modal) return;\r\n                    modal.classList.remove('active');\r\n                    \/\/ setTimeout(() => { modal.style.display = 'none'; }, 300); \/\/ Handled by CSS\r\n                }\r\n\r\n                if (closeBtn) closeBtn.addEventListener('click', closeModal);\r\n                \r\n                window.addEventListener('click', function(event) {\r\n                    if (event.target == modal) {\r\n                        closeModal();\r\n                    }\r\n                });\r\n            });\r\n            <\/script>\r\n            <\/div>\r\n            \n<\/div><\/div>\n\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":1429,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-1197","page","type-page","status-publish","hentry"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"skolib_adm","author_link":"https:\/\/skolib.fizz.kz\/kk-kz\/author\/skolib_adm\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/skolib.fizz.kz\/kk-kz\/wp-json\/wp\/v2\/pages\/1197","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skolib.fizz.kz\/kk-kz\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skolib.fizz.kz\/kk-kz\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skolib.fizz.kz\/kk-kz\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/skolib.fizz.kz\/kk-kz\/wp-json\/wp\/v2\/comments?post=1197"}],"version-history":[{"count":1,"href":"https:\/\/skolib.fizz.kz\/kk-kz\/wp-json\/wp\/v2\/pages\/1197\/revisions"}],"predecessor-version":[{"id":1198,"href":"https:\/\/skolib.fizz.kz\/kk-kz\/wp-json\/wp\/v2\/pages\/1197\/revisions\/1198"}],"up":[{"embeddable":true,"href":"https:\/\/skolib.fizz.kz\/kk-kz\/wp-json\/wp\/v2\/pages\/1429"}],"wp:attachment":[{"href":"https:\/\/skolib.fizz.kz\/kk-kz\/wp-json\/wp\/v2\/media?parent=1197"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}