Prohl\u00ed\u017ee\u010d dokumentace<\/title>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"docs-universe\">\r\n <div class=\"docs-container\">\r\n \r\n <div class=\"docs-overlay\" id=\"docs-overlay\">\r\n <div class=\"docs-overlay-inner\">\r\n <div class=\"docs-overlay-header\">\r\n <div class=\"docs-overlay-icon\">\r\n <svg width=\"14\" height=\"9\" viewbox=\"0 0 14 9\" fill=\"none\"><path d=\"M1 1L7 7L13 1\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/div>\r\n <span class=\"docs-overlay-title\" id=\"docs-overlay-title\"><\/span>\r\n <\/div>\r\n <div class=\"docs-overlay-body\">\r\n <div class=\"docs-overlay-content\" id=\"docs-overlay-content\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"docs-list\" id=\"docs-list-root\"><\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n .docs-universe {\r\n --bg-color: #FFFFFF;\r\n --card-white: #fff5ec;\r\n --card-pink: #FFE9D3;\r\n --text-main: #404040;\r\n --text-body: #404040;\r\n --radius: 32px;\r\n --anim-speed: 0.5s; \r\n --anim-ease: cubic-bezier(0.25, 1, 0.5, 1);\r\n --btn-color: #FF8A00;\r\n --btn-hover: #E67A00;\r\n \r\n background-color: var(--bg-color);\r\n padding: 40px 20px;\r\n font-family: 'Evolventa', sans-serif;\r\n box-sizing: border-box;\r\n }\r\n \r\n .docs-container {\r\n position: relative;\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n }\r\n \r\n .docs-overlay {\r\n position: absolute;\r\n top: 0; left: 0; width: 100%; height: 0;\r\n background-color: var(--card-pink);\r\n border-radius: var(--radius);\r\n z-index: 10; \r\n opacity: 0;\r\n pointer-events: none;\r\n overflow: hidden;\r\n transition: top var(--anim-speed) var(--anim-ease), height var(--anim-speed) var(--anim-ease), opacity 0.2s ease;\r\n }\r\n .docs-overlay.visible { opacity: 1; pointer-events: auto; cursor: pointer; }\r\n \r\n .docs-overlay-header { \r\n padding: 24px 32px 16px 32px; \r\n display: flex; \r\n justify-content: flex-start; \r\n align-items: center; \r\n gap: 16px; \r\n }\r\n .docs-overlay-title { font-size: 20px; font-weight: 700; color: var(--text-main); line-height: 1.3; }\r\n \r\n .docs-overlay-icon { \r\n transform: rotate(180deg); \r\n color: var(--text-main); \r\n display: flex; \r\n transition: transform 0.3s;\r\n flex-shrink: 0; \r\n }\r\n \r\n .docs-overlay-content {\r\n padding: 0 32px 24px 62px;\r\n color: var(--text-body);\r\n opacity: 0;\r\n transform: translateY(10px);\r\n transition: opacity 0.3s ease 0.1s, transform 0.3s ease 0.1s;\r\n }\r\n .docs-overlay.visible .docs-overlay-content { opacity: 1; transform: translateY(0); }\r\n \r\n .docs-list { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 12px; }\r\n \r\n .docs-item {\r\n background-color: var(--card-white);\r\n border-radius: var(--radius);\r\n cursor: pointer;\r\n overflow: hidden;\r\n position: relative;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n .docs-item.active { opacity: 0; pointer-events: none; }\r\n \r\n .docs-visible-header { \r\n padding: 25px 32px; \r\n display: flex; \r\n justify-content: flex-start; \r\n align-items: center; \r\n gap: 16px; \r\n }\r\n .docs-item-title { font-size: 20px; font-weight: 700; color: var(--text-main); line-height: 1.3; }\r\n \r\n .docs-item-icon { \r\n opacity: 0.3; \r\n display: flex; \r\n transform: rotate(0deg);\r\n flex-shrink: 0;\r\n } \r\n \r\n .docs-ghost-body { max-height: 0; overflow: hidden; transition: max-height var(--anim-speed) var(--anim-ease); }\r\n .docs-ghost-content { padding: 0 32px 24px 62px; visibility: hidden; }\r\n\r\n .pdf-wrapper {\r\n width: 100%;\r\n height: 500px;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n border: 1px solid rgba(0,0,0,0.1);\r\n margin-bottom: 16px;\r\n background-color: #fff;\r\n }\r\n \r\n .pdf-wrapper iframe {\r\n width: 100%;\r\n height: 100%;\r\n border: none;\r\n }\r\n\r\n .pdf-download-btn {\r\n display: inline-block;\r\n padding: 12px 24px;\r\n background-color: var(--btn-color);\r\n color: #fff;\r\n text-decoration: none;\r\n border-radius: 30px;\r\n font-weight: 600;\r\n font-size: 14px;\r\n transition: background-color 0.2s;\r\n }\r\n\r\n .pdf-download-btn:hover {\r\n background-color: var(--btn-hover);\r\n color: #fff;\r\n }\r\n \r\n .docs-visible-header, .docs-overlay-header {\r\n justify-content: space-between;\r\n }\r\n \r\n .docs-item-title, .docs-overlay-title {\r\n flex-grow: 1;\r\n text-align: left;\r\n }\r\n \r\n .docs-item-icon, .docs-overlay-icon {\r\n order: 2;\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .docs-visible-header, .docs-overlay-header { padding: 20px 24px; gap: 12px; }\r\n .docs-ghost-content, .docs-overlay-content { padding: 0 24px 20px 24px; margin: 0 !important;}\r\n .docs-item-title, .docs-overlay-title { font-size: 16px; }\r\n .pdf-wrapper { height: 400px; }\r\n }\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n \r\n \/\/ Replace the URLs with the actual links to your PDF files in WordPress Media Library\r\n const documentsData = [\r\n {\r\n title: \"\u0412\u0438\u043f\u0438\u0441\u043a\u0430 \u0437 \u0440\u0456\u0448\u0435\u043d\u043d\u044f \u0432\u0438\u043a\u043e\u043d\u043a\u043e\u043c\u0443 \u2014 \u0440\u0435\u0454\u0441\u0442\u0440\u0430\u0446\u0456\u044f \u043e\u0440\u0433\u0430\u043d\u0456\u0437\u0430\u0446\u0456\u0457 (22.12.2009)\",\r\n pdfUrl: \"https:\/\/kindpaws.devinprogress.net\/wp-content\/uploads\/2026\/03\/01_\u0412\u0438\u043f\u0438\u0441\u043a\u0430_\u0437_\u0440\u0456\u0448\u0435\u043d\u043d\u044f_\u0432\u0438\u043a\u043e\u043d\u043a\u043e\u043c\u0443_22.12.2009.pdf\" \r\n },\r\n {\r\n title: \"\u0412\u0438\u0442\u044f\u0433 \u0437 \u0420\u0435\u0454\u0441\u0442\u0440\u0443 \u043d\u0435\u043f\u0440\u0438\u0431\u0443\u0442\u043a\u043e\u0432\u0438\u0445 \u043e\u0440\u0433\u0430\u043d\u0456\u0437\u0430\u0446\u0456\u0439 \u2014 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u0438\u0439 \u0432\u0438\u0442\u044f\u0433 \u0414\u041f\u0421 (2023)\",\r\n pdfUrl: \"https:\/\/kindpaws.devinprogress.net\/wp-content\/uploads\/2026\/03\/02_\u0412\u0438\u0442\u044f\u0433_\u0437_\u0420\u0435\u0454\u0441\u0442\u0440\u0443_\u043d\u0435\u043f\u0440\u0438\u0431\u0443\u0442\u043a\u043e\u0432\u0438\u0445_\u043e\u0440\u0433\u0430\u043d\u0456\u0437\u0430\u0446\u0456\u0439_\u0414\u041f\u0421_2023.pdf\"\r\n },\r\n {\r\n title: \"\u0412\u0438\u0442\u044f\u0433 \u0437 \u0404\u0434\u0438\u043d\u043e\u0433\u043e \u0434\u0435\u0440\u0436\u0430\u0432\u043d\u043e\u0433\u043e \u0440\u0435\u0454\u0441\u0442\u0440\u0443 \u044e\u0440\u0438\u0434\u0438\u0447\u043d\u0438\u0445 \u043e\u0441\u0456\u0431 (\u0404\u0414\u0420) \u2014 2 \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0438 \u0440\u0430\u0437\u043e\u043c\",\r\n pdfUrl: \"https:\/\/kindpaws.devinprogress.net\/wp-content\/uploads\/2026\/03\/03_\u0412\u0438\u0442\u044f\u0433_\u0437_\u0404\u0434\u0438\u043d\u043e\u0433\u043e_\u0434\u0435\u0440\u0436\u0430\u0432\u043d\u043e\u0433\u043e_\u0440\u0435\u0454\u0441\u0442\u0440\u0443_\u044e\u0440\u0438\u0434\u0438\u0447\u043d\u0438\u0445_\u043e\u0441\u0456\u0431_\u0404\u0414\u0420.pdf\"\r\n },\r\n {\r\n title: \"\u0420\u0456\u0448\u0435\u043d\u043d\u044f \u043f\u0440\u043e \u043f\u0440\u0438\u0441\u0432\u043e\u0454\u043d\u043d\u044f \u043e\u0437\u043d\u0430\u043a\u0438 \u043d\u0435\u043f\u0440\u0438\u0431\u0443\u0442\u043a\u043e\u0432\u043e\u0441\u0442\u0456 (26.06.2017)\",\r\n pdfUrl: \"https:\/\/kindpaws.devinprogress.net\/wp-content\/uploads\/2026\/03\/04_\u0420\u0456\u0448\u0435\u043d\u043d\u044f_\u043f\u0440\u043e_\u043f\u0440\u0438\u0441\u0432\u043e\u0454\u043d\u043d\u044f_\u043e\u0437\u043d\u0430\u043a\u0438_\u043d\u0435\u043f\u0440\u0438\u0431\u0443\u0442\u043a\u043e\u0432\u043e\u0441\u0442\u0456_26.06.2017.pdf\"\r\n },\r\n {\r\n title: \"\u0420\u0456\u0448\u0435\u043d\u043d\u044f \u043f\u0440\u043e \u0432\u043d\u0435\u0441\u0435\u043d\u043d\u044f \u0434\u043e \u0420\u0435\u0454\u0441\u0442\u0440\u0443 \u043d\u0435\u043f\u0440\u0438\u0431\u0443\u0442\u043a\u043e\u0432\u0438\u0445 \u043e\u0440\u0433\u0430\u043d\u0456\u0437\u0430\u0446\u0456\u0439 (18.08.2010)\",\r\n pdfUrl: \"https:\/\/kindpaws.devinprogress.net\/wp-content\/uploads\/2026\/03\/05_\u0420\u0456\u0448\u0435\u043d\u043d\u044f_\u043f\u0440\u043e_\u0432\u043d\u0435\u0441\u0435\u043d\u043d\u044f_\u0434\u043e_\u0420\u0435\u0454\u0441\u0442\u0440\u0443_\u043d\u0435\u043f\u0440\u0438\u0431\u0443\u0442\u043a\u043e\u0432\u0438\u0445_\u043e\u0440\u0433\u0430\u043d\u0456\u0437\u0430\u0446\u0456\u0439_18.08.2010.pdf\"\r\n },\r\n {\r\n title: \"\u0411\u043b\u0430\u0433\u043e\u0434\u0456\u0439\u043d\u0438\u0439 \u0440\u0430\u0445\u0443\u043d\u043e\u043a\",\r\n pdfUrl: \"https:\/\/kindpaws.devinprogress.net\/wp-content\/uploads\/2026\/03\/\u0411\u043b\u0430\u0433\u043e\u0434\u0456\u0439\u043d\u0438\u0439-\u0440\u0430\u0445\u0443\u043d\u043e\u043a.pdf\"\r\n }\r\n ];\r\n\r\n const listRoot = document.getElementById('docs-list-root');\r\n const iconSVG = `<svg width=\"14\" height=\"9\" viewBox=\"0 0 14 9\" fill=\"none\"><path d=\"M1 1L7 7L13 1\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>`;\r\n\r\n function generatePdfHtml(url) {\r\n return `\r\n <div class=\"pdf-wrapper\">\r\n <iframe src=\"${url}#toolbar=0\" title=\"PDF Document\"><\/iframe>\r\n <\/div>\r\n <a href=\"${url}\" target=\"_blank\" class=\"pdf-download-btn\">\u0412\u0456\u0434\u043a\u0440\u0438\u0442\u0438 \/ \u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438 PDF<\/a>\r\n `;\r\n }\r\n\r\n documentsData.forEach((item, index) => {\r\n const itemDiv = document.createElement('div');\r\n itemDiv.className = 'docs-item';\r\n itemDiv.setAttribute('data-url', item.pdfUrl);\r\n \r\n const contentHtml = generatePdfHtml(item.pdfUrl);\r\n \r\n itemDiv.innerHTML = `\r\n <div class=\"docs-visible-header\">\r\n <div class=\"docs-item-icon\">${iconSVG}<\/div>\r\n <span class=\"docs-item-title\">${item.title}<\/span>\r\n <\/div>\r\n <div class=\"docs-ghost-body\">\r\n <div class=\"docs-ghost-content\">${contentHtml}<\/div>\r\n <\/div>\r\n `;\r\n listRoot.appendChild(itemDiv);\r\n });\r\n\r\n const overlay = document.getElementById('docs-overlay');\r\n const overlayTitle = document.getElementById('docs-overlay-title');\r\n const overlayContent = document.getElementById('docs-overlay-content');\r\n const items = document.querySelectorAll('.docs-item');\r\n\r\n function closeAll() {\r\n overlay.classList.remove('visible');\r\n items.forEach(el => {\r\n el.classList.remove('active');\r\n el.querySelector('.docs-ghost-body').style.maxHeight = '0';\r\n });\r\n \/\/ Clear iframe source in overlay to stop unnecessary loading in background\r\n setTimeout(() => {\r\n if (!overlay.classList.contains('visible')) {\r\n overlayContent.innerHTML = '';\r\n }\r\n }, 500);\r\n }\r\n\r\n items.forEach((item, index) => {\r\n item.addEventListener('click', function(e) {\r\n \r\n if (e.target.closest('.docs-overlay-body') && this.classList.contains('active')) {\r\n return;\r\n }\r\n\r\n if (item.classList.contains('active')) { \r\n closeAll();\r\n return;\r\n }\r\n\r\n const currentActive = document.querySelector('.docs-item.active');\r\n let heightCorrection = 0;\r\n \r\n if (currentActive) {\r\n const activeIndex = Array.from(items).indexOf(currentActive);\r\n if (activeIndex < index) {\r\n const activeGhost = currentActive.querySelector('.docs-ghost-body');\r\n heightCorrection = activeGhost.scrollHeight; \r\n }\r\n currentActive.classList.remove('active');\r\n currentActive.querySelector('.docs-ghost-body').style.maxHeight = '0';\r\n }\r\n\r\n const title = item.querySelector('.docs-item-title').innerText;\r\n const fileUrl = item.getAttribute('data-url');\r\n const ghostBody = item.querySelector('.docs-ghost-body');\r\n const ghostContent = item.querySelector('.docs-ghost-content');\r\n\r\n overlayTitle.innerText = title;\r\n overlayContent.innerHTML = generatePdfHtml(fileUrl);\r\n\r\n const contentHeight = ghostContent.scrollHeight;\r\n const headerHeight = item.querySelector('.docs-visible-header').offsetHeight;\r\n const totalHeight = headerHeight + contentHeight;\r\n \r\n let targetTop = item.offsetTop;\r\n targetTop = targetTop - heightCorrection;\r\n\r\n overlay.style.top = targetTop + 'px';\r\n overlay.style.height = totalHeight + 'px';\r\n overlay.classList.add('visible');\r\n\r\n item.classList.add('active');\r\n ghostBody.style.maxHeight = contentHeight + 'px';\r\n });\r\n });\r\n\r\n overlay.addEventListener('click', function(e) {\r\n \/\/ Do not close if the user is interacting with the PDF or download button\r\n if (e.target.closest('.docs-overlay-content')) return;\r\n closeAll();\r\n });\r\n\r\n let resizeTimer;\r\n window.addEventListener('resize', () => {\r\n clearTimeout(resizeTimer);\r\n resizeTimer = setTimeout(closeAll, 100);\r\n });\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\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\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0456\u044f \u041e\u0444\u0456\u0446\u0456\u0439\u043d\u0456 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0438, \u0449\u043e \u043f\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u0436\u0443\u044e\u0442\u044c \u0441\u0442\u0430\u0442\u0443\u0441 \u043e\u0440\u0433\u0430\u043d\u0456\u0437\u0430\u0446\u0456\u0457. Documentation Viewer<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2414","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/kindpaws.devinprogress.net\/cs\/wp-json\/wp\/v2\/pages\/2414","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kindpaws.devinprogress.net\/cs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kindpaws.devinprogress.net\/cs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kindpaws.devinprogress.net\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kindpaws.devinprogress.net\/cs\/wp-json\/wp\/v2\/comments?post=2414"}],"version-history":[{"count":28,"href":"https:\/\/kindpaws.devinprogress.net\/cs\/wp-json\/wp\/v2\/pages\/2414\/revisions"}],"predecessor-version":[{"id":2468,"href":"https:\/\/kindpaws.devinprogress.net\/cs\/wp-json\/wp\/v2\/pages\/2414\/revisions\/2468"}],"wp:attachment":[{"href":"https:\/\/kindpaws.devinprogress.net\/cs\/wp-json\/wp\/v2\/media?parent=2414"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}