\u0401\u043b\u043a\u0430 Genesyx<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Inter', sans-serif;\n }\n\n body {\n background: linear-gradient(135deg, #1a362d, #0d1e15);\n color: #e6f7ef;\n min-height: 100vh;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 20px;\n line-height: 1.5;\n }\n\n .container {\n width: 100%;\n max-width: 440px;\n text-align: center;\n }\n\n h1 {\n font-size: 2rem;\n margin-bottom: 28px;\n color: #a8e6cf;\n letter-spacing: 0.8px;\n text-shadow: 0 0 8px rgba(168, 230, 207, 0.3);\n }\n\n \/* \u0401\u043b\u043a\u0430 *\/\n .tree-container {\n position: relative;\n width: 220px;\n height: 400px;\n margin: 0 auto 36px;\n }\n\n .trunk {\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 20px;\n height: 60px;\n background: #4a2d14;\n border-radius: 8px;\n box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);\n }\n\n .branch {\n position: absolute;\n left: 50%;\n border-left: 75px solid transparent;\n border-right: 75px solid transparent;\n border-bottom: 60px solid #1d5d43;\n transform: translateX(-50%);\n border-top-left-radius: 12px;\n border-top-right-radius: 12px;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);\n }\n\n .level-1 { top: 0; }\n .level-2 { top: 70px; }\n .level-3 { top: 140px; }\n .level-4 { top: 210px; }\n\n\n \/* \u0423\u043a\u0440\u0430\u0448\u0435\u043d\u0438\u044f *\/\n .ornament {\n position: absolute;\n width: 30px;\n height: 30px;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n transition: all 0.5s cubic-bezier(0.2, 0.8, 0.3, 1);\n transform: scale(0.8);\n opacity: 0;\n background: rgba(255, 255, 255, 0.15);\n backdrop-filter: blur(4px);\n border: 1px solid rgba(168, 230, 207, 0.4);\n }\n\n .ornament.loaded {\n opacity: 1;\n transform: scale(1);\n }\n\n .ornament:hover {\n transform: scale(1.2) rotate(7deg);\n box-shadow: 0 0 20px rgba(168, 230, 207, 0.6);\n background: rgba(255, 255, 255, 0.3);\n border-color: #a8e6cf;\n }\n\n\n .ornament::after {\n content: attr(data-wish);\n position: absolute;\n top: -40px;\n left: 50%;\n transform: translateX(-50%);\n background: rgba(13, 30, 21, 0.9);\n color: #a8e6cf;\n padding: 6px 12px;\n border-radius: 6px;\n font-size: 0.75rem;\n white-space: nowrap;\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.4s;\n text-shadow: 0 0 4px rgba(168, 230, 207, 0.5);\n }\n\n .ornament:hover::after {\n opacity: 1;\n }\n\n \/* \u0424\u043e\u0440\u043c\u0430 \u0432\u0432\u043e\u0434\u0430 *\/\n .input-group {\n background: rgba(255, 255, 255, 0.08);\n padding: 24px;\n border-radius: 16px;\n backdrop-filter: blur(10px);\n margin: 0 auto 32px;\n max-width: 380px;\n border: 1px solid rgba(168, 230, 207, 0.15);\n }\n\n input {\n width: 100%;\n padding: 14px 16px;\n border: none;\n border-radius: 10px;\n background: rgba(13, 30, 21, 0.6);\n color: #e6f7ef;\n font-size: 1rem;\n outline: none;\n transition: background 0.3s;\n }\n\n input::placeholder {\n color: rgba(230, 247, 239, 0.5);\n }\n\n input:focus {\n background: rgba(13, 30, 21, 0.8);\n }\n\n .icon-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 16px;\n margin: 24px 0;\n }\n\n .icon-btn {\n width: 50px;\n height: 50px;\n border: 2px solid transparent;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n transition: all 0.3s ease;\n margin: 0 auto;\n background: rgba(168, 230, 207, 0.1);\n }\n\n .icon-btn:hover, .icon-btn.selected {\n border-color: #a8e6cf;\n transform: translateY(-3px);\n background: rgba(168, 230, 207, 0.2);\n }\n\n .icon-btn span {\n font-size: 24px;\n color: #a8e6cf;\n }\n\n button {\n width: 100%;\n padding: 15px 0;\n background: linear-gradient(45deg, #a8e6cf, #4ecdc4);\n color: #0d1e15;\n border: none;\n border-radius: 12px;\n font-size: 1.1rem;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n letter-spacing: 0.8px;\n text-transform: uppercase;\n box-shadow: 0 4px 12px rgba(168, 230, 207, 0.2);\n }\n\n button:hover {\n background: linear-gradient(45deg, #96d9c7, #3ebaa1);\n transform: translateY(-1px);\n box-shadow: 0 6px 16px rgba(168, 230, 207, 0.3);\n }\n\n button:active {\n transform: translateY(1px);\n box-shadow: 0 2px 8px rgba(168, 230, 207, 0.25);\n }\n\n \/* \u041c\u0435\u0434\u0438\u0430-\u0437\u0430\u043f\u0440\u043e\u0441\u044b \u0434\u043b\u044f \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438 *\/\n @media (max-width: 480px) {\n .container {\n padding: 16px;\n }\n\n h1 {\n font-size: 1.8rem;\n margin-bottom: 24px;\n }\n\n .tree-container {\n width: 180px;\n height: 340px;\n }\n\n .input-group {\n padding: 20px;\n margin: 0 auto 28px;\n }\n\n input {\n padding: 12px 14px;\n font-size: 0.95rem;\n }\n\n .icon-grid {\n gap: 12px;\n }\n\n .icon-btn {\n width: 44px;\n height: 44px;\n }\n\n .icon-btn span {\n font-size: 20px;\n }\n\n button {\n padding: 13px 0;\n font-size: 1rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <h1>\u0401\u043b\u043a\u0430 Genesyx<\/h1>\n\n \n <div class=\"tree-container\">\n <div class=\"trunk\"><\/div>\n <div class=\"branches\">\n <div class=\"branch level-1\"><\/div>\n <div class=\"branch level-2\"><\/div>\n <div class=\"branch level-3\"><\/div>\n <div class=\"branch level-4\"><\/div>\n <\/div>\n <div id=\"ornaments\"><\/div> \n <\/div>\n\n \n <div class=\"input-group\">\n <input type=\"text\" id=\"wishInput\" maxlength=\"20\" placeholder=\"\u0412\u0430\u0448\u0435 \u043f\u043e\u0436\u0435\u043b\u0430\u043d\u0438\u0435 (\u0434\u043e 20 \u0441\u0438\u043c\u0432\u043e\u043b\u043e\u0432)\">\n\n <div class=\"icon-grid\" id=\"iconGrid\">\n <div class=\"icon-btn\" data-icon=\"\ud83c\udf85\"><span>\ud83c\udf85<\/span><\/div>\n <div class=\"icon-btn\" data-icon=\"\ud83c\udf84\"><span>\ud83c\udf84<\/span><\/div>\n <div class=\"icon-btn\" data-icon=\"\ud83c\udf81\"><span>\ud83c\udf81<\/span><\/div>\n <div class=\"icon-btn\" data-icon=\"\u2744\ufe0f\"><span>\u2744\ufe0f<\/span><\/div>\n <\/div>\n\n <button id=\"addOrnamentBtn\">\u041f\u043e\u0432\u0435\u0441\u0438\u0442\u044c \u043d\u0430 \u0451\u043b\u043a\u0443<\/button>\n <\/div>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n const wishInput = document.getElementById('wishInput');\n const iconGrid = document.getElementById('iconGrid');\n const addOrnamentBtn = document.getElementById('addOrnamentBtn');\n const ornaments = document.getElementById('ornaments');\n\n let selectedIcon = null;\n\n \/\/ \u0412\u043e\u0441\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0443\u043a\u0440\u0430\u0448\u0435\u043d\u0438\u0439 \u043f\u0440\u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0435\n window.addEventListener('load', function() {\n const saved = localStorage.getItem('greenpeaceTree');\n if (saved) {\n ornaments.innerHTML = saved;\n \/\/ \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043a\u043b\u0430\u0441\u0441 loaded \u0434\u043b\u044f \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u044f\n document.querySelectorAll('.ornament').forEach(el => {\n el.classList.add('loaded');\n });\n }\n });\n\n \/\/ \u0412\u044b\u0431\u043e\u0440 \u0438\u043a\u043e\u043d\u043a\u0438\n iconGrid.addEventListener('click', function(e) {\n if (e.target.closest('.icon-btn')) {\n const btn = e.target.closest('.icon-btn');\n \n \/\/ \u0421\u043d\u0438\u043c\u0430\u0435\u043c \u0432\u044b\u0434\u0435\u043b\u0435\u043d\u0438\u0435\n document.querySelectorAll('.icon-btn').forEach(b => {\n b.classList.remove('selected');\n });\n \n \/\/ \u0412\u044b\u0434\u0435\u043b\u044f\u0435\u043c \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u0443\u044e\n btn.classList.add('selected');\n selectedIcon = btn.getAttribute('data-icon');\n }\n });\n\n \/\/ \u0414\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0443\u043a\u0440\u0430\u0448\u0435\u043d\u0438\u044f \u043d\u0430 \u0451\u043b\u043a\u0443\n addOrnamentBtn.addEventListener('click', function() {\n const text = wishInput.value.trim();\n\n \/\/ \u0412\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u044f\n if (!text) {\n alert('\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043f\u043e\u0436\u0435\u043b\u0430\u043d\u0438\u0435!');\n wishInput.focus();\n return;\n }\n \n if (text.length > 20) {\n alert('\u041d\u0435 \u0431\u043e\u043b\u0435\u0435 20 \u0441\u0438\u043c\u0432\u043e\u043b\u043e\u0432!');\n return;\n }\n\n if (!selectedIcon) {\n alert('\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0438\u043a\u043e\u043d\u043a\u0443!');\n return;\n }\n\n \/\/ \u0421\u043e\u0437\u0434\u0430\u0451\u043c \u0443\u043a\u0440\u0430\u0448\u0435\u043d\u0438\u0435\n const ornament = document.createElement('div');\n ornament.className = 'ornament';\n ornament.setAttribute('data-wish', text);\n ornament.innerHTML = selectedIcon;\n\n \/\/ \u0421\u043b\u0443\u0447\u0430\u0439\u043d\u043e\u0435 \u043f\u043e\u0437\u0438\u0446\u0438\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435\n const branchLevel = Math.floor(Math.random() * 4) + 1;\n const branch = document.querySelector(`.branch.level-${branchLevel}`);\n \n const maxOffset = (branch.offsetWidth \/ 2) - 15; \/\/ 15 = \u043f\u043e\u043b\u043e\u0432\u0438\u043d\u0430 \u0448\u0438\u0440\u0438\u043d\u044b \u0443\u043a\u0440\u0430\u0448\u0435\u043d\u0438\u044f\n const leftPos = branch.offsetLeft + (branch.offsetWidth \/ 2) +\n (Math.random() * maxOffset * 2 - maxOffset);\n const topPos = branch.offsetTop + (Math.random() * 14 - 7);\n\n ornament.style.left = `${leftPos}px`;\n ornament.style.top = `${topPos}px`;\n\n \/\/ \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u0438 \u0430\u043d\u0438\u043c\u0438\u0440\u0443\u0435\u043c \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u0435\n ornaments.appendChild(ornament);\n setTimeout(() => ornament.classList.add('loaded'), 10);\n\n \/\/ \u0421\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u043c \u0432 localStorage\n localStorage.setItem('greenpeaceTree', ornaments.innerHTML);\n\n \/\/ \u041e\u0447\u0438\u0449\u0430\u0435\u043c \u0444\u043e\u0440\u043c\u0443\n wishInput.value = '';\n document.querySelectorAll('.icon-btn').forEach(btn => {\n btn.classList.remove('selected');\n });\n selectedIcon = null;\n });\n\n \/\/ Enter \u0432 \u043f\u043e\u043b\u0435 \u0432\u0432\u043e\u0434\u0430\n wishInput.addEventListener('keydown', function(e) {\n if (e.key === 'Enter') {\n addOrnamentBtn.click();\n }\n });\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>«\u0414\u043e \u041d\u043e\u0432\u043e\u0433\u043e \u0433\u043e\u0434\u0430 \u043e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u0441\u043e\u0432\u0441\u0435\u043c \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u2014 \u0441\u0447\u0438\u0442\u0430\u043d\u043d\u044b\u0435 \u0434\u043d\u0438 \u043d\u0430\u043f\u043e\u043b\u043d\u044f\u044e\u0442 \u0432\u043e\u0437\u0434\u0443\u0445 \u043e\u0441\u043e\u0431\u044b\u043c \u043f\u0440\u0435\u0434\u0432\u043a\u0443\u0448\u0435\u043d\u0438\u0435\u043c \u0432\u043e\u043b\u0448\u0435\u0431\u0441\u0442\u0432\u0430. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0432\u043c\u0435\u0441\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u043f\u0440\u0430\u0437\u0434\u043d\u0438\u0447\u043d\u043e\u0435 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u0435: \u043d\u0430\u0440\u044f\u0434\u0438\u043c \u0441\u0432\u043e\u044e \u0432\u0438\u0440\u0442\u0443\u0430\u043b\u044c\u043d\u0443\u044e \u0451\u043b\u043a\u0443 Genesyx \u043d\u0430\u0448\u0438\u043c\u0438 \u0442\u0451\u043f\u043b\u044b\u043c\u0438 \u043f\u043e\u0437\u0434\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f\u043c\u0438 \u0438 \u0434\u043e\u0431\u0440\u044b\u043c\u0438 \u043f\u043e\u0436\u0435\u043b\u0430\u043d\u0438\u044f\u043c\u0438. \u041a\u0430\u0436\u0434\u044b\u0439 \u0443\u043a\u0440\u0430\u0448\u0430\u044e\u0449\u0438\u0439 \u0435\u0451 \u0441\u0438\u043c\u0432\u043e\u043b \u0441\u0442\u0430\u043d\u0435\u0442 \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0438\u043c \u043e\u0433\u043e\u043d\u044c\u043a\u043e\u043c \u043d\u0430\u0434\u0435\u0436\u0434\u044b \u0438 \u0440\u0430\u0434\u043e\u0441\u0442\u0438 \u0432 \u043f\u0440\u0435\u0434\u0434\u0432\u0435\u0440\u0438\u0438 \u0447\u0443\u0434\u0435\u0441 \u043d\u0430\u0441\u0442\u0443\u043f\u0430\u044e\u0449\u0435\u0433\u043e \u0433\u043e\u0434\u0430.\u0420\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u043d\u0430 \u0451\u043b\u043a\u0435 \u0441\u0432\u043e\u0438 \u043f\u043e\u0436\u0435\u043b\u0430\u043d\u0438\u044f \u0432 \u043d\u0430\u0441\u0442\u0443\u043f\u0430\u044e\u0449\u0435\u043c \u0433\u043e\u0434\u0443. ! \u0401\u043b\u043a\u0430 Genesyx …<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/greenpeace-genesyx.ru\/?p=339\"> <span class=\"screen-reader-text\">\u0421\u0430\u043c\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u043d\u0430\u0440\u044f\u0434\u0438\u0442\u044c \u0451\u043b\u043a\u0443!<\/span> Read More »<\/a><\/p>\n","protected":false},"author":3,"featured_media":276,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","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":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-339","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-1"],"_links":{"self":[{"href":"https:\/\/greenpeace-genesyx.ru\/index.php?rest_route=\/wp\/v2\/posts\/339","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/greenpeace-genesyx.ru\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/greenpeace-genesyx.ru\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/greenpeace-genesyx.ru\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/greenpeace-genesyx.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=339"}],"version-history":[{"count":5,"href":"https:\/\/greenpeace-genesyx.ru\/index.php?rest_route=\/wp\/v2\/posts\/339\/revisions"}],"predecessor-version":[{"id":357,"href":"https:\/\/greenpeace-genesyx.ru\/index.php?rest_route=\/wp\/v2\/posts\/339\/revisions\/357"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/greenpeace-genesyx.ru\/index.php?rest_route=\/wp\/v2\/media\/276"}],"wp:attachment":[{"href":"https:\/\/greenpeace-genesyx.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=339"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/greenpeace-genesyx.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=339"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/greenpeace-genesyx.ru\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=339"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":339,"date":"2025-12-29T08:32:09","date_gmt":"2025-12-29T05:32:09","guid":{"rendered":"https:\/\/greenpeace-genesyx.ru\/?p=339"},"modified":"2025-12-29T09:13:17","modified_gmt":"2025-12-29T06:13:17","slug":"%d1%81%d0%b0%d0%bc%d0%be%d0%b5-%d0%b2%d1%80%d0%b5%d0%bc%d1%8f-%d0%bd%d0%b0%d1%80%d1%8f%d0%b4%d0%b8%d1%82%d1%8c-%d1%91%d0%bb%d0%ba%d1%83","status":"publish","type":"post","link":"https:\/\/greenpeace-genesyx.ru\/?p=339","title":{"rendered":"\u0421\u0430\u043c\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u043d\u0430\u0440\u044f\u0434\u0438\u0442\u044c \u0451\u043b\u043a\u0443!"},"content":{"rendered":"\n

«\u0414\u043e \u041d\u043e\u0432\u043e\u0433\u043e \u0433\u043e\u0434\u0430 \u043e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u0441\u043e\u0432\u0441\u0435\u043c \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u2014 \u0441\u0447\u0438\u0442\u0430\u043d\u043d\u044b\u0435 \u0434\u043d\u0438 \u043d\u0430\u043f\u043e\u043b\u043d\u044f\u044e\u0442 \u0432\u043e\u0437\u0434\u0443\u0445 \u043e\u0441\u043e\u0431\u044b\u043c \u043f\u0440\u0435\u0434\u0432\u043a\u0443\u0448\u0435\u043d\u0438\u0435\u043c \u0432\u043e\u043b\u0448\u0435\u0431\u0441\u0442\u0432\u0430. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0432\u043c\u0435\u0441\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u043f\u0440\u0430\u0437\u0434\u043d\u0438\u0447\u043d\u043e\u0435 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u0435: \u043d\u0430\u0440\u044f\u0434\u0438\u043c \u0441\u0432\u043e\u044e \u0432\u0438\u0440\u0442\u0443\u0430\u043b\u044c\u043d\u0443\u044e \u0451\u043b\u043a\u0443 Genesyx \u043d\u0430\u0448\u0438\u043c\u0438 \u0442\u0451\u043f\u043b\u044b\u043c\u0438 \u043f\u043e\u0437\u0434\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f\u043c\u0438 \u0438 \u0434\u043e\u0431\u0440\u044b\u043c\u0438 \u043f\u043e\u0436\u0435\u043b\u0430\u043d\u0438\u044f\u043c\u0438. \u041a\u0430\u0436\u0434\u044b\u0439 \u0443\u043a\u0440\u0430\u0448\u0430\u044e\u0449\u0438\u0439 \u0435\u0451 \u0441\u0438\u043c\u0432\u043e\u043b \u0441\u0442\u0430\u043d\u0435\u0442 \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0438\u043c \u043e\u0433\u043e\u043d\u044c\u043a\u043e\u043c \u043d\u0430\u0434\u0435\u0436\u0434\u044b \u0438 \u0440\u0430\u0434\u043e\u0441\u0442\u0438 \u0432 \u043f\u0440\u0435\u0434\u0434\u0432\u0435\u0440\u0438\u0438 \u0447\u0443\u0434\u0435\u0441 \u043d\u0430\u0441\u0442\u0443\u043f\u0430\u044e\u0449\u0435\u0433\u043e \u0433\u043e\u0434\u0430.
\u0420\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u043d\u0430 \u0451\u043b\u043a\u0435 \u0441\u0432\u043e\u0438 \u043f\u043e\u0436\u0435\u043b\u0430\u043d\u0438\u044f \u0432 \u043d\u0430\u0441\u0442\u0443\u043f\u0430\u044e\u0449\u0435\u043c \u0433\u043e\u0434\u0443. !<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n\n\n\n \n \n \u0401\u043b\u043a\u0430 Genesyx<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Inter', sans-serif;\n }\n\n body {\n background: linear-gradient(135deg, #1a362d, #0d1e15);\n color: #e6f7ef;\n min-height: 100vh;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 20px;\n line-height: 1.5;\n }\n\n .container {\n width: 100%;\n max-width: 440px;\n text-align: center;\n }\n\n h1 {\n font-size: 2rem;\n margin-bottom: 28px;\n color: #a8e6cf;\n letter-spacing: 0.8px;\n text-shadow: 0 0 8px rgba(168, 230, 207, 0.3);\n }\n\n \/* \u0401\u043b\u043a\u0430 *\/\n .tree-container {\n position: relative;\n width: 220px;\n height: 400px;\n margin: 0 auto 36px;\n }\n\n .trunk {\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 20px;\n height: 60px;\n background: #4a2d14;\n border-radius: 8px;\n box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);\n }\n\n .branch {\n position: absolute;\n left: 50%;\n border-left: 75px solid transparent;\n border-right: 75px solid transparent;\n border-bottom: 60px solid #1d5d43;\n transform: translateX(-50%);\n border-top-left-radius: 12px;\n border-top-right-radius: 12px;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);\n }\n\n .level-1 { top: 0; }\n .level-2 { top: 70px; }\n .level-3 { top: 140px; }\n .level-4 { top: 210px; }\n\n\n \/* \u0423\u043a\u0440\u0430\u0448\u0435\u043d\u0438\u044f *\/\n .ornament {\n position: absolute;\n width: 30px;\n height: 30px;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n transition: all 0.5s cubic-bezier(0.2, 0.8, 0.3, 1);\n transform: scale(0.8);\n opacity: 0;\n background: rgba(255, 255, 255, 0.15);\n backdrop-filter: blur(4px);\n border: 1px solid rgba(168, 230, 207, 0.4);\n }\n\n .ornament.loaded {\n opacity: 1;\n transform: scale(1);\n }\n\n .ornament:hover {\n transform: scale(1.2) rotate(7deg);\n box-shadow: 0 0 20px rgba(168, 230, 207, 0.6);\n background: rgba(255, 255, 255, 0.3);\n border-color: #a8e6cf;\n }\n\n\n .ornament::after {\n content: attr(data-wish);\n position: absolute;\n top: -40px;\n left: 50%;\n transform: translateX(-50%);\n background: rgba(13, 30, 21, 0.9);\n color: #a8e6cf;\n padding: 6px 12px;\n border-radius: 6px;\n font-size: 0.75rem;\n white-space: nowrap;\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.4s;\n text-shadow: 0 0 4px rgba(168, 230, 207, 0.5);\n }\n\n .ornament:hover::after {\n opacity: 1;\n }\n\n \/* \u0424\u043e\u0440\u043c\u0430 \u0432\u0432\u043e\u0434\u0430 *\/\n .input-group {\n background: rgba(255, 255, 255, 0.08);\n padding: 24px;\n border-radius: 16px;\n backdrop-filter: blur(10px);\n margin: 0 auto 32px;\n max-width: 380px;\n border: 1px solid rgba(168, 230, 207, 0.15);\n }\n\n input {\n width: 100%;\n padding: 14px 16px;\n border: none;\n border-radius: 10px;\n background: rgba(13, 30, 21, 0.6);\n color: #e6f7ef;\n font-size: 1rem;\n outline: none;\n transition: background 0.3s;\n }\n\n input::placeholder {\n color: rgba(230, 247, 239, 0.5);\n }\n\n input:focus {\n background: rgba(13, 30, 21, 0.8);\n }\n\n .icon-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 16px;\n margin: 24px 0;\n }\n\n .icon-btn {\n width: 50px;\n height: 50px;\n border: 2px solid transparent;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n transition: all 0.3s ease;\n margin: 0 auto;\n background: rgba(168, 230, 207, 0.1);\n }\n\n .icon-btn:hover, .icon-btn.selected {\n border-color: #a8e6cf;\n transform: translateY(-3px);\n background: rgba(168, 230, 207, 0.2);\n }\n\n .icon-btn span {\n font-size: 24px;\n color: #a8e6cf;\n }\n\n button {\n width: 100%;\n padding: 15px 0;\n background: linear-gradient(45deg, #a8e6cf, #4ecdc4);\n color: #0d1e15;\n border: none;\n border-radius: 12px;\n font-size: 1.1rem;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n letter-spacing: 0.8px;\n text-transform: uppercase;\n box-shadow: 0 4px 12px rgba(168, 230, 207, 0.2);\n }\n\n button:hover {\n background: linear-gradient(45deg, #96d9c7, #3ebaa1);\n transform: translateY(-1px);\n box-shadow: 0 6px 16px rgba(168, 230, 207, 0.3);\n }\n\n button:active {\n transform: translateY(1px);\n box-shadow: 0 2px 8px rgba(168, 230, 207, 0.25);\n }\n\n \/* \u041c\u0435\u0434\u0438\u0430-\u0437\u0430\u043f\u0440\u043e\u0441\u044b \u0434\u043b\u044f \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438 *\/\n @media (max-width: 480px) {\n .container {\n padding: 16px;\n }\n\n h1 {\n font-size: 1.8rem;\n margin-bottom: 24px;\n }\n\n .tree-container {\n width: 180px;\n height: 340px;\n }\n\n .input-group {\n padding: 20px;\n margin: 0 auto 28px;\n }\n\n input {\n padding: 12px 14px;\n font-size: 0.95rem;\n }\n\n .icon-grid {\n gap: 12px;\n }\n\n .icon-btn {\n width: 44px;\n height: 44px;\n }\n\n .icon-btn span {\n font-size: 20px;\n }\n\n button {\n padding: 13px 0;\n font-size: 1rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <h1>\u0401\u043b\u043a\u0430 Genesyx<\/h1>\n\n \n <div class=\"tree-container\">\n <div class=\"trunk\"><\/div>\n <div class=\"branches\">\n <div class=\"branch level-1\"><\/div>\n <div class=\"branch level-2\"><\/div>\n <div class=\"branch level-3\"><\/div>\n <div class=\"branch level-4\"><\/div>\n <\/div>\n <div id=\"ornaments\"><\/div> \n <\/div>\n\n \n <div class=\"input-group\">\n <input type=\"text\" id=\"wishInput\" maxlength=\"20\" placeholder=\"\u0412\u0430\u0448\u0435 \u043f\u043e\u0436\u0435\u043b\u0430\u043d\u0438\u0435 (\u0434\u043e 20 \u0441\u0438\u043c\u0432\u043e\u043b\u043e\u0432)\">\n\n <div class=\"icon-grid\" id=\"iconGrid\">\n <div class=\"icon-btn\" data-icon=\"\ud83c\udf85\"><span>\ud83c\udf85<\/span><\/div>\n <div class=\"icon-btn\" data-icon=\"\ud83c\udf84\"><span>\ud83c\udf84<\/span><\/div>\n <div class=\"icon-btn\" data-icon=\"\ud83c\udf81\"><span>\ud83c\udf81<\/span><\/div>\n <div class=\"icon-btn\" data-icon=\"\u2744\ufe0f\"><span>\u2744\ufe0f<\/span><\/div>\n <\/div>\n\n <button id=\"addOrnamentBtn\">\u041f\u043e\u0432\u0435\u0441\u0438\u0442\u044c \u043d\u0430 \u0451\u043b\u043a\u0443<\/button>\n <\/div>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n const wishInput = document.getElementById('wishInput');\n const iconGrid = document.getElementById('iconGrid');\n const addOrnamentBtn = document.getElementById('addOrnamentBtn');\n const ornaments = document.getElementById('ornaments');\n\n let selectedIcon = null;\n\n \/\/ \u0412\u043e\u0441\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0443\u043a\u0440\u0430\u0448\u0435\u043d\u0438\u0439 \u043f\u0440\u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0435\n window.addEventListener('load', function() {\n const saved = localStorage.getItem('greenpeaceTree');\n if (saved) {\n ornaments.innerHTML = saved;\n \/\/ \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043a\u043b\u0430\u0441\u0441 loaded \u0434\u043b\u044f \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u044f\n document.querySelectorAll('.ornament').forEach(el => {\n el.classList.add('loaded');\n });\n }\n });\n\n \/\/ \u0412\u044b\u0431\u043e\u0440 \u0438\u043a\u043e\u043d\u043a\u0438\n iconGrid.addEventListener('click', function(e) {\n if (e.target.closest('.icon-btn')) {\n const btn = e.target.closest('.icon-btn');\n \n \/\/ \u0421\u043d\u0438\u043c\u0430\u0435\u043c \u0432\u044b\u0434\u0435\u043b\u0435\u043d\u0438\u0435\n document.querySelectorAll('.icon-btn').forEach(b => {\n b.classList.remove('selected');\n });\n \n \/\/ \u0412\u044b\u0434\u0435\u043b\u044f\u0435\u043c \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u0443\u044e\n btn.classList.add('selected');\n selectedIcon = btn.getAttribute('data-icon');\n }\n });\n\n \/\/ \u0414\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0443\u043a\u0440\u0430\u0448\u0435\u043d\u0438\u044f \u043d\u0430 \u0451\u043b\u043a\u0443\n addOrnamentBtn.addEventListener('click', function() {\n const text = wishInput.value.trim();\n\n \/\/ \u0412\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u044f\n if (!text) {\n alert('\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043f\u043e\u0436\u0435\u043b\u0430\u043d\u0438\u0435!');\n wishInput.focus();\n return;\n }\n \n if (text.length > 20) {\n alert('\u041d\u0435 \u0431\u043e\u043b\u0435\u0435 20 \u0441\u0438\u043c\u0432\u043e\u043b\u043e\u0432!');\n return;\n }\n\n if (!selectedIcon) {\n alert('\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0438\u043a\u043e\u043d\u043a\u0443!');\n return;\n }\n\n \/\/ \u0421\u043e\u0437\u0434\u0430\u0451\u043c \u0443\u043a\u0440\u0430\u0448\u0435\u043d\u0438\u0435\n const ornament = document.createElement('div');\n ornament.className = 'ornament';\n ornament.setAttribute('data-wish', text);\n ornament.innerHTML = selectedIcon;\n\n \/\/ \u0421\u043b\u0443\u0447\u0430\u0439\u043d\u043e\u0435 \u043f\u043e\u0437\u0438\u0446\u0438\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435\n const branchLevel = Math.floor(Math.random() * 4) + 1;\n const branch = document.querySelector(`.branch.level-${branchLevel}`);\n \n const maxOffset = (branch.offsetWidth \/ 2) - 15; \/\/ 15 = \u043f\u043e\u043b\u043e\u0432\u0438\u043d\u0430 \u0448\u0438\u0440\u0438\u043d\u044b \u0443\u043a\u0440\u0430\u0448\u0435\u043d\u0438\u044f\n const leftPos = branch.offsetLeft + (branch.offsetWidth \/ 2) +\n (Math.random() * maxOffset * 2 - maxOffset);\n const topPos = branch.offsetTop + (Math.random() * 14 - 7);\n\n ornament.style.left = `${leftPos}px`;\n ornament.style.top = `${topPos}px`;\n\n \/\/ \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u0438 \u0430\u043d\u0438\u043c\u0438\u0440\u0443\u0435\u043c \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u0435\n ornaments.appendChild(ornament);\n setTimeout(() => ornament.classList.add('loaded'), 10);\n\n \/\/ \u0421\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u043c \u0432 localStorage\n localStorage.setItem('greenpeaceTree', ornaments.innerHTML);\n\n \/\/ \u041e\u0447\u0438\u0449\u0430\u0435\u043c \u0444\u043e\u0440\u043c\u0443\n wishInput.value = '';\n document.querySelectorAll('.icon-btn').forEach(btn => {\n btn.classList.remove('selected');\n });\n selectedIcon = null;\n });\n\n \/\/ Enter \u0432 \u043f\u043e\u043b\u0435 \u0432\u0432\u043e\u0434\u0430\n wishInput.addEventListener('keydown', function(e) {\n if (e.key === 'Enter') {\n addOrnamentBtn.click();\n }\n });\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>«\u0414\u043e \u041d\u043e\u0432\u043e\u0433\u043e \u0433\u043e\u0434\u0430 \u043e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u0441\u043e\u0432\u0441\u0435\u043c \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u2014 \u0441\u0447\u0438\u0442\u0430\u043d\u043d\u044b\u0435 \u0434\u043d\u0438 \u043d\u0430\u043f\u043e\u043b\u043d\u044f\u044e\u0442 \u0432\u043e\u0437\u0434\u0443\u0445 \u043e\u0441\u043e\u0431\u044b\u043c \u043f\u0440\u0435\u0434\u0432\u043a\u0443\u0448\u0435\u043d\u0438\u0435\u043c \u0432\u043e\u043b\u0448\u0435\u0431\u0441\u0442\u0432\u0430. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0432\u043c\u0435\u0441\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u043f\u0440\u0430\u0437\u0434\u043d\u0438\u0447\u043d\u043e\u0435 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u0435: \u043d\u0430\u0440\u044f\u0434\u0438\u043c \u0441\u0432\u043e\u044e \u0432\u0438\u0440\u0442\u0443\u0430\u043b\u044c\u043d\u0443\u044e \u0451\u043b\u043a\u0443 Genesyx \u043d\u0430\u0448\u0438\u043c\u0438 \u0442\u0451\u043f\u043b\u044b\u043c\u0438 \u043f\u043e\u0437\u0434\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f\u043c\u0438 \u0438 \u0434\u043e\u0431\u0440\u044b\u043c\u0438 \u043f\u043e\u0436\u0435\u043b\u0430\u043d\u0438\u044f\u043c\u0438. \u041a\u0430\u0436\u0434\u044b\u0439 \u0443\u043a\u0440\u0430\u0448\u0430\u044e\u0449\u0438\u0439 \u0435\u0451 \u0441\u0438\u043c\u0432\u043e\u043b \u0441\u0442\u0430\u043d\u0435\u0442 \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0438\u043c \u043e\u0433\u043e\u043d\u044c\u043a\u043e\u043c \u043d\u0430\u0434\u0435\u0436\u0434\u044b \u0438 \u0440\u0430\u0434\u043e\u0441\u0442\u0438 \u0432 \u043f\u0440\u0435\u0434\u0434\u0432\u0435\u0440\u0438\u0438 \u0447\u0443\u0434\u0435\u0441 \u043d\u0430\u0441\u0442\u0443\u043f\u0430\u044e\u0449\u0435\u0433\u043e \u0433\u043e\u0434\u0430.\u0420\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u043d\u0430 \u0451\u043b\u043a\u0435 \u0441\u0432\u043e\u0438 \u043f\u043e\u0436\u0435\u043b\u0430\u043d\u0438\u044f \u0432 \u043d\u0430\u0441\u0442\u0443\u043f\u0430\u044e\u0449\u0435\u043c \u0433\u043e\u0434\u0443. ! \u0401\u043b\u043a\u0430 Genesyx …<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/greenpeace-genesyx.ru\/?p=339\"> <span class=\"screen-reader-text\">\u0421\u0430\u043c\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u043d\u0430\u0440\u044f\u0434\u0438\u0442\u044c \u0451\u043b\u043a\u0443!<\/span> Read More »<\/a><\/p>\n","protected":false},"author":3,"featured_media":276,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","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":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-339","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-1"],"_links":{"self":[{"href":"https:\/\/greenpeace-genesyx.ru\/index.php?rest_route=\/wp\/v2\/posts\/339","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/greenpeace-genesyx.ru\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/greenpeace-genesyx.ru\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/greenpeace-genesyx.ru\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/greenpeace-genesyx.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=339"}],"version-history":[{"count":5,"href":"https:\/\/greenpeace-genesyx.ru\/index.php?rest_route=\/wp\/v2\/posts\/339\/revisions"}],"predecessor-version":[{"id":357,"href":"https:\/\/greenpeace-genesyx.ru\/index.php?rest_route=\/wp\/v2\/posts\/339\/revisions\/357"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/greenpeace-genesyx.ru\/index.php?rest_route=\/wp\/v2\/media\/276"}],"wp:attachment":[{"href":"https:\/\/greenpeace-genesyx.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=339"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/greenpeace-genesyx.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=339"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/greenpeace-genesyx.ru\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=339"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}