SMART \u0426\u0435\u043b\u0438 \u2014 Mechanogurus<\/title>\n\n<style>\n:root{\n --bg:#0d0d0d;\n --text:#fff;\n --muted:rgba(255,255,255,.58);\n --accent:#f2b839;\n\n --card-bg:rgba(255,255,255,.03);\n --card-border:rgba(255,255,255,.08);\n\n --radius:18px;\n\n \/* KEY FIX *\/\n --container:min(98vw,2200px);\n}\n\n*,\n*::before,\n*::after{\n box-sizing:border-box;\n margin:0;\n padding:0;\n}\n\nbody{\n background:var(--bg);\n color:var(--text);\n font-family:\"Segoe UI\",system-ui,-apple-system,sans-serif;\n\n padding:clamp(16px,2vw,32px) 0 clamp(40px,5vw,80px);\n overflow-x:hidden;\n}\n\n.wrap{\n width:100%;\n max-width:var(--container);\n margin-inline:auto;\n\n padding-inline:clamp(18px,3vw,72px);\n}\n\n.title{\n font-size:clamp(34px,4vw,76px);\n font-weight:800;\n line-height:1.05;\n letter-spacing:-.03em;\n\n margin-bottom:clamp(18px,2vw,32px);\n}\n\n.cards{\n display:grid;\n grid-template-columns:1fr;\n gap:18px;\n}\n\n.card{\n border:1px solid var(--card-border);\n border-radius:var(--radius);\n background:var(--card-bg);\n overflow:hidden;\n\n transition:.25s;\n}\n\n.card:hover{\n border-color:rgba(242,184,57,.25);\n background:rgba(255,255,255,.05);\n}\n\n.card.open{\n border-color:rgba(242,184,57,.35);\n background:rgba(242,184,57,.05);\n}\n\n.card-head{\n width:100%;\n border:0;\n background:transparent;\n color:inherit;\n cursor:pointer;\n text-align:left;\n\n display:grid;\n grid-template-columns:minmax(0,1fr) auto;\n align-items:center;\n gap:24px;\n\n padding:clamp(18px,2vw,34px) clamp(18px,2.5vw,42px);\n}\n\n.card-main{min-width:0;}\n\n.card-name{\n font-size:clamp(24px,2vw,44px);\n font-weight:750;\n line-height:1.1;\n margin-bottom:10px;\n}\n\n.card-tagline{\n font-size:clamp(14px,1.05vw,22px);\n color:var(--muted);\n line-height:1.6;\n}\n\n.card-meta{\n display:flex;\n align-items:center;\n gap:14px;\n}\n\n.period{\n font-size:clamp(12px,.8vw,14px);\n color:rgba(255,255,255,.45);\n}\n\n.toggle{\n font-size:clamp(10px,.7vw,12px);\n color:var(--accent);\n text-transform:uppercase;\n letter-spacing:.08em;\n font-weight:700;\n}\n\n.arrow{\n font-size:18px;\n transition:.25s;\n}\n\n.card.open .arrow{\n transform:rotate(90deg);\n}\n\n.card-detail{\n display:none;\n border-top:1px solid rgba(255,255,255,.07);\n\n padding:clamp(18px,2vw,34px) clamp(18px,2.5vw,42px);\n}\n\n.card.open .card-detail{display:block;}\n\n.smart-grid{\n display:grid;\n gap:14px;\n\n \/* IMPORTANT FIX *\/\n grid-template-columns:repeat(auto-fit,minmax(260px,1fr));\n}\n\n.smart-block{\n background:rgba(255,255,255,.025);\n border:1px solid rgba(255,255,255,.06);\n border-radius:14px;\n padding:clamp(14px,1.2vw,20px);\n}\n\n.sb-row{\n display:flex;\n align-items:center;\n gap:10px;\n margin-bottom:10px;\n}\n\n.sb-letter{\n width:28px;\n height:28px;\n border-radius:8px;\n\n display:grid;\n place-items:center;\n\n background:rgba(242,184,57,.12);\n border:1px solid rgba(242,184,57,.28);\n color:var(--accent);\n font-weight:800;\n font-size:11px;\n}\n\n.sb-label{\n font-size:clamp(11px,.8vw,13px);\n color:rgba(255,255,255,.48);\n}\n\n.sb-text{\n font-size:clamp(13px,.95vw,17px);\n line-height:1.7;\n}\n\n\/* MOBILE *\/\n@media(max-width:760px){\n .card-head{\n grid-template-columns:1fr;\n }\n .smart-grid{\n grid-template-columns:1fr;\n }\n}\n\n\/* ULTRAWIDE *\/\n@media(min-width:1800px){\n .card-head{\n padding:40px 48px;\n }\n .card-detail{\n padding:28px 48px;\n }\n .card-name{\n font-size:48px;\n }\n}\n<\/style>\n<\/head>\n\n<body>\n<main class=\"wrap\">\n <h1 class=\"title\">4 SMART-\u0446\u0435\u043b\u0438 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438<\/h1>\n <section class=\"cards\" id=\"cards\"><\/section>\n<\/main>\n\n<script>\nconst goals = [\n{\nname:\"\u041f\u043e\u0437\u0438\u0446\u0438\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435\",\nperiod:\"12 \u043c\u0435\u0441\u044f\u0446\u0435\u0432\",\ntagline:\"\u041a\u043b\u0438\u0435\u043d\u0442 \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0442, \u043a\u0442\u043e \u043c\u044b \u0438 \u0437\u0430\u0447\u0435\u043c \u043c\u044b \u0435\u043c\u0443 \u043d\u0443\u0436\u043d\u044b\",\nsmart:{\nS:\"\u0421\u0442\u0430\u0442\u044c \u043f\u043e\u043d\u044f\u0442\u043d\u043e\u0439 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0435\u0439 \u0434\u043b\u044f \u041c\u0421\u0411: \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438\u0440\u0443\u0435\u043c \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435, \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b \u0438 IT.\",\nM:\"70% \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u2014 \u043f\u043e \u043d\u0430\u0448\u0438\u043c \u0443\u0441\u043b\u0443\u0433\u0430\u043c. 50% \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432 \u2014 \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u044b\u0435.\",\nA:\"\u0420\u0435\u0430\u043b\u0438\u0437\u0443\u0435\u043c \u0447\u0435\u0440\u0435\u0437 \u0441\u0430\u0439\u0442, LAKI \u0438 \u0432\u043e\u0440\u043e\u043d\u043a\u0443 \u043f\u0440\u043e\u0434\u0430\u0436.\",\nR:\"\u0427\u0451\u0442\u043a\u043e\u0435 \u043f\u043e\u0437\u0438\u0446\u0438\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 = \u0432\u044b\u0448\u0435 \u0447\u0435\u043a \u0438 \u0434\u043e\u0432\u0435\u0440\u0438\u0435.\",\nT:\"12 \u043c\u0435\u0441\u044f\u0446\u0435\u0432\"\n}\n},\n{\nname:\"\u041f\u0440\u043e\u0434\u0443\u043a\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u0443\u0441\u043b\u0443\u0433\",\nperiod:\"6 \u043c\u0435\u0441\u044f\u0446\u0435\u0432\",\ntagline:\"\u0423\u0441\u043b\u0443\u0433\u0438 \u0441 \u043f\u043e\u043d\u044f\u0442\u043d\u044b\u043c \u043e\u0431\u044a\u0451\u043c\u043e\u043c \u0438 \u0446\u0435\u043d\u043e\u0439\",\nsmart:{\nS:\"\u041f\u0440\u0435\u0432\u0440\u0430\u0442\u0438\u0442\u044c \u0443\u0441\u043b\u0443\u0433\u0438 \u0432 \u043f\u0430\u043a\u0435\u0442\u044b.\",\nM:\"5 \u043f\u0430\u043a\u0435\u0442\u043e\u0432 \u043c\u0438\u043d\u0438\u043c\u0443\u043c.\",\nA:\"\u041e\u0441\u043d\u043e\u0432\u0430 \u2014 \u043f\u043e\u0432\u0442\u043e\u0440\u044f\u0435\u043c\u043e\u0441\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432.\",\nR:\"\u041c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u0443\u0435\u043c\u043e\u0441\u0442\u044c.\",\nT:\"6 \u043c\u0435\u0441\u044f\u0446\u0435\u0432\"\n}\n},\n{\nname:\"\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f (LAKI)\",\nperiod:\"6\u20139 \u043c\u0435\u0441\u044f\u0446\u0435\u0432\",\ntagline:\"LAKI \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u0442 \u0432\u0445\u043e\u0434\u043e\u043c \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432\",\nsmart:{\nS:\"LAKI \u2014 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u043a\u0430\u043d\u0430\u043b.\",\nM:\"60% \u0437\u0430\u044f\u0432\u043e\u043a \u0447\u0435\u0440\u0435\u0437 LAKI.\",\nA:\"n8n + Zammad.\",\nR:\"\u0421\u043d\u0438\u0436\u0435\u043d\u0438\u0435 \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0438.\",\nT:\"6\u20139 \u043c\u0435\u0441\u044f\u0446\u0435\u0432\"\n}\n},\n{\nname:\"\u041c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435\",\nperiod:\"18 \u043c\u0435\u0441\u044f\u0446\u0435\u0432\",\ntagline:\"\u0420\u043e\u0441\u0442 \u0431\u0435\u0437 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u043e\u0441\u043d\u043e\u0432\u0430\u0442\u0435\u043b\u044f\",\nsmart:{\nS:\"\u0413\u043e\u0442\u043e\u0432\u043d\u043e\u0441\u0442\u044c \u043a \u0440\u043e\u0441\u0442\u0443.\",\nM:\"\u041e\u043f\u0438\u0441\u0430\u043d\u044b \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b.\",\nA:\"\u041f\u043e\u0441\u043b\u0435 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u0438.\",\nR:\"\u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 = \u043c\u0430\u0441\u0448\u0442\u0430\u0431.\",\nT:\"18 \u043c\u0435\u0441\u044f\u0446\u0435\u0432\"\n}\n}\n];\n\nconst letters=[\"S\",\"M\",\"A\",\"R\",\"T\"];\n\nconst cardsRoot=document.getElementById(\"cards\");\n\ngoals.forEach((g,i)=>{\nconst card=document.createElement(\"article\");\ncard.className=\"card\";\n\ncard.innerHTML=`\n<button class=\"card-head\">\n <div class=\"card-main\">\n <div class=\"card-name\">${g.name}<\/div>\n <div class=\"card-tagline\">${g.tagline}<\/div>\n <\/div>\n <div class=\"card-meta\">\n <div class=\"period\">${g.period}<\/div>\n <div class=\"toggle\">SMART <span class=\"arrow\">\u203a<\/span><\/div>\n <\/div>\n<\/button>\n\n<div class=\"card-detail\">\n <div class=\"smart-grid\">\n ${letters.map(l=>`\n <div class=\"smart-block\">\n <div class=\"sb-row\">\n <div class=\"sb-letter\">${l}<\/div>\n <div class=\"sb-label\">${l}<\/div>\n <\/div>\n <div class=\"sb-text\">${g.smart[l]}<\/div>\n <\/div>\n `).join(\"\")}\n <\/div>\n<\/div>\n`;\n\ncard.querySelector(\".card-head\").onclick=()=>{\ncard.classList.toggle(\"open\");\n};\n\ncardsRoot.appendChild(card);\n});\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>SMART \u0426\u0435\u043b\u0438 \u2014 Mechanogurus 4 SMART-\u0446\u0435\u043b\u0438 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"wp-custom-template-blank-with-header","meta":{"footnotes":""},"class_list":["post-1853","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=\/wp\/v2\/pages\/1853","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1853"}],"version-history":[{"count":19,"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=\/wp\/v2\/pages\/1853\/revisions"}],"predecessor-version":[{"id":4541,"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=\/wp\/v2\/pages\/1853\/revisions\/4541"}],"wp:attachment":[{"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1853"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1853,"date":"2025-07-29T19:49:07","date_gmt":"2025-07-29T16:49:07","guid":{"rendered":"http:\/\/192.168.25.197\/?page_id=1853"},"modified":"2026-05-10T19:44:45","modified_gmt":"2026-05-10T16:44:45","slug":"%d0%bd%d0%b0%d1%88%d0%b0-%d0%bc%d0%b8%d1%81%d1%81%d0%b8%d1%8f","status":"publish","type":"page","link":"https:\/\/mechanogurus.ru\/?page_id=1853","title":{"rendered":"\u041d\u0430\u0448\u0430 \u0446\u0435\u043b\u044c"},"content":{"rendered":"\n\n\n\n\n\nSMART \u0426\u0435\u043b\u0438 \u2014 Mechanogurus<\/title>\n\n<style>\n:root{\n --bg:#0d0d0d;\n --text:#fff;\n --muted:rgba(255,255,255,.58);\n --accent:#f2b839;\n\n --card-bg:rgba(255,255,255,.03);\n --card-border:rgba(255,255,255,.08);\n\n --radius:18px;\n\n \/* KEY FIX *\/\n --container:min(98vw,2200px);\n}\n\n*,\n*::before,\n*::after{\n box-sizing:border-box;\n margin:0;\n padding:0;\n}\n\nbody{\n background:var(--bg);\n color:var(--text);\n font-family:\"Segoe UI\",system-ui,-apple-system,sans-serif;\n\n padding:clamp(16px,2vw,32px) 0 clamp(40px,5vw,80px);\n overflow-x:hidden;\n}\n\n.wrap{\n width:100%;\n max-width:var(--container);\n margin-inline:auto;\n\n padding-inline:clamp(18px,3vw,72px);\n}\n\n.title{\n font-size:clamp(34px,4vw,76px);\n font-weight:800;\n line-height:1.05;\n letter-spacing:-.03em;\n\n margin-bottom:clamp(18px,2vw,32px);\n}\n\n.cards{\n display:grid;\n grid-template-columns:1fr;\n gap:18px;\n}\n\n.card{\n border:1px solid var(--card-border);\n border-radius:var(--radius);\n background:var(--card-bg);\n overflow:hidden;\n\n transition:.25s;\n}\n\n.card:hover{\n border-color:rgba(242,184,57,.25);\n background:rgba(255,255,255,.05);\n}\n\n.card.open{\n border-color:rgba(242,184,57,.35);\n background:rgba(242,184,57,.05);\n}\n\n.card-head{\n width:100%;\n border:0;\n background:transparent;\n color:inherit;\n cursor:pointer;\n text-align:left;\n\n display:grid;\n grid-template-columns:minmax(0,1fr) auto;\n align-items:center;\n gap:24px;\n\n padding:clamp(18px,2vw,34px) clamp(18px,2.5vw,42px);\n}\n\n.card-main{min-width:0;}\n\n.card-name{\n font-size:clamp(24px,2vw,44px);\n font-weight:750;\n line-height:1.1;\n margin-bottom:10px;\n}\n\n.card-tagline{\n font-size:clamp(14px,1.05vw,22px);\n color:var(--muted);\n line-height:1.6;\n}\n\n.card-meta{\n display:flex;\n align-items:center;\n gap:14px;\n}\n\n.period{\n font-size:clamp(12px,.8vw,14px);\n color:rgba(255,255,255,.45);\n}\n\n.toggle{\n font-size:clamp(10px,.7vw,12px);\n color:var(--accent);\n text-transform:uppercase;\n letter-spacing:.08em;\n font-weight:700;\n}\n\n.arrow{\n font-size:18px;\n transition:.25s;\n}\n\n.card.open .arrow{\n transform:rotate(90deg);\n}\n\n.card-detail{\n display:none;\n border-top:1px solid rgba(255,255,255,.07);\n\n padding:clamp(18px,2vw,34px) clamp(18px,2.5vw,42px);\n}\n\n.card.open .card-detail{display:block;}\n\n.smart-grid{\n display:grid;\n gap:14px;\n\n \/* IMPORTANT FIX *\/\n grid-template-columns:repeat(auto-fit,minmax(260px,1fr));\n}\n\n.smart-block{\n background:rgba(255,255,255,.025);\n border:1px solid rgba(255,255,255,.06);\n border-radius:14px;\n padding:clamp(14px,1.2vw,20px);\n}\n\n.sb-row{\n display:flex;\n align-items:center;\n gap:10px;\n margin-bottom:10px;\n}\n\n.sb-letter{\n width:28px;\n height:28px;\n border-radius:8px;\n\n display:grid;\n place-items:center;\n\n background:rgba(242,184,57,.12);\n border:1px solid rgba(242,184,57,.28);\n color:var(--accent);\n font-weight:800;\n font-size:11px;\n}\n\n.sb-label{\n font-size:clamp(11px,.8vw,13px);\n color:rgba(255,255,255,.48);\n}\n\n.sb-text{\n font-size:clamp(13px,.95vw,17px);\n line-height:1.7;\n}\n\n\/* MOBILE *\/\n@media(max-width:760px){\n .card-head{\n grid-template-columns:1fr;\n }\n .smart-grid{\n grid-template-columns:1fr;\n }\n}\n\n\/* ULTRAWIDE *\/\n@media(min-width:1800px){\n .card-head{\n padding:40px 48px;\n }\n .card-detail{\n padding:28px 48px;\n }\n .card-name{\n font-size:48px;\n }\n}\n<\/style>\n<\/head>\n\n<body>\n<main class=\"wrap\">\n <h1 class=\"title\">4 SMART-\u0446\u0435\u043b\u0438 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438<\/h1>\n <section class=\"cards\" id=\"cards\"><\/section>\n<\/main>\n\n<script>\nconst goals = [\n{\nname:\"\u041f\u043e\u0437\u0438\u0446\u0438\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435\",\nperiod:\"12 \u043c\u0435\u0441\u044f\u0446\u0435\u0432\",\ntagline:\"\u041a\u043b\u0438\u0435\u043d\u0442 \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0442, \u043a\u0442\u043e \u043c\u044b \u0438 \u0437\u0430\u0447\u0435\u043c \u043c\u044b \u0435\u043c\u0443 \u043d\u0443\u0436\u043d\u044b\",\nsmart:{\nS:\"\u0421\u0442\u0430\u0442\u044c \u043f\u043e\u043d\u044f\u0442\u043d\u043e\u0439 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0435\u0439 \u0434\u043b\u044f \u041c\u0421\u0411: \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438\u0440\u0443\u0435\u043c \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435, \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b \u0438 IT.\",\nM:\"70% \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u2014 \u043f\u043e \u043d\u0430\u0448\u0438\u043c \u0443\u0441\u043b\u0443\u0433\u0430\u043c. 50% \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432 \u2014 \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u044b\u0435.\",\nA:\"\u0420\u0435\u0430\u043b\u0438\u0437\u0443\u0435\u043c \u0447\u0435\u0440\u0435\u0437 \u0441\u0430\u0439\u0442, LAKI \u0438 \u0432\u043e\u0440\u043e\u043d\u043a\u0443 \u043f\u0440\u043e\u0434\u0430\u0436.\",\nR:\"\u0427\u0451\u0442\u043a\u043e\u0435 \u043f\u043e\u0437\u0438\u0446\u0438\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 = \u0432\u044b\u0448\u0435 \u0447\u0435\u043a \u0438 \u0434\u043e\u0432\u0435\u0440\u0438\u0435.\",\nT:\"12 \u043c\u0435\u0441\u044f\u0446\u0435\u0432\"\n}\n},\n{\nname:\"\u041f\u0440\u043e\u0434\u0443\u043a\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u0443\u0441\u043b\u0443\u0433\",\nperiod:\"6 \u043c\u0435\u0441\u044f\u0446\u0435\u0432\",\ntagline:\"\u0423\u0441\u043b\u0443\u0433\u0438 \u0441 \u043f\u043e\u043d\u044f\u0442\u043d\u044b\u043c \u043e\u0431\u044a\u0451\u043c\u043e\u043c \u0438 \u0446\u0435\u043d\u043e\u0439\",\nsmart:{\nS:\"\u041f\u0440\u0435\u0432\u0440\u0430\u0442\u0438\u0442\u044c \u0443\u0441\u043b\u0443\u0433\u0438 \u0432 \u043f\u0430\u043a\u0435\u0442\u044b.\",\nM:\"5 \u043f\u0430\u043a\u0435\u0442\u043e\u0432 \u043c\u0438\u043d\u0438\u043c\u0443\u043c.\",\nA:\"\u041e\u0441\u043d\u043e\u0432\u0430 \u2014 \u043f\u043e\u0432\u0442\u043e\u0440\u044f\u0435\u043c\u043e\u0441\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432.\",\nR:\"\u041c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u0443\u0435\u043c\u043e\u0441\u0442\u044c.\",\nT:\"6 \u043c\u0435\u0441\u044f\u0446\u0435\u0432\"\n}\n},\n{\nname:\"\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f (LAKI)\",\nperiod:\"6\u20139 \u043c\u0435\u0441\u044f\u0446\u0435\u0432\",\ntagline:\"LAKI \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u0442 \u0432\u0445\u043e\u0434\u043e\u043c \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432\",\nsmart:{\nS:\"LAKI \u2014 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u043a\u0430\u043d\u0430\u043b.\",\nM:\"60% \u0437\u0430\u044f\u0432\u043e\u043a \u0447\u0435\u0440\u0435\u0437 LAKI.\",\nA:\"n8n + Zammad.\",\nR:\"\u0421\u043d\u0438\u0436\u0435\u043d\u0438\u0435 \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0438.\",\nT:\"6\u20139 \u043c\u0435\u0441\u044f\u0446\u0435\u0432\"\n}\n},\n{\nname:\"\u041c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435\",\nperiod:\"18 \u043c\u0435\u0441\u044f\u0446\u0435\u0432\",\ntagline:\"\u0420\u043e\u0441\u0442 \u0431\u0435\u0437 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u043e\u0441\u043d\u043e\u0432\u0430\u0442\u0435\u043b\u044f\",\nsmart:{\nS:\"\u0413\u043e\u0442\u043e\u0432\u043d\u043e\u0441\u0442\u044c \u043a \u0440\u043e\u0441\u0442\u0443.\",\nM:\"\u041e\u043f\u0438\u0441\u0430\u043d\u044b \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b.\",\nA:\"\u041f\u043e\u0441\u043b\u0435 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u0438.\",\nR:\"\u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 = \u043c\u0430\u0441\u0448\u0442\u0430\u0431.\",\nT:\"18 \u043c\u0435\u0441\u044f\u0446\u0435\u0432\"\n}\n}\n];\n\nconst letters=[\"S\",\"M\",\"A\",\"R\",\"T\"];\n\nconst cardsRoot=document.getElementById(\"cards\");\n\ngoals.forEach((g,i)=>{\nconst card=document.createElement(\"article\");\ncard.className=\"card\";\n\ncard.innerHTML=`\n<button class=\"card-head\">\n <div class=\"card-main\">\n <div class=\"card-name\">${g.name}<\/div>\n <div class=\"card-tagline\">${g.tagline}<\/div>\n <\/div>\n <div class=\"card-meta\">\n <div class=\"period\">${g.period}<\/div>\n <div class=\"toggle\">SMART <span class=\"arrow\">\u203a<\/span><\/div>\n <\/div>\n<\/button>\n\n<div class=\"card-detail\">\n <div class=\"smart-grid\">\n ${letters.map(l=>`\n <div class=\"smart-block\">\n <div class=\"sb-row\">\n <div class=\"sb-letter\">${l}<\/div>\n <div class=\"sb-label\">${l}<\/div>\n <\/div>\n <div class=\"sb-text\">${g.smart[l]}<\/div>\n <\/div>\n `).join(\"\")}\n <\/div>\n<\/div>\n`;\n\ncard.querySelector(\".card-head\").onclick=()=>{\ncard.classList.toggle(\"open\");\n};\n\ncardsRoot.appendChild(card);\n});\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>SMART \u0426\u0435\u043b\u0438 \u2014 Mechanogurus 4 SMART-\u0446\u0435\u043b\u0438 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"wp-custom-template-blank-with-header","meta":{"footnotes":""},"class_list":["post-1853","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=\/wp\/v2\/pages\/1853","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1853"}],"version-history":[{"count":19,"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=\/wp\/v2\/pages\/1853\/revisions"}],"predecessor-version":[{"id":4541,"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=\/wp\/v2\/pages\/1853\/revisions\/4541"}],"wp:attachment":[{"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1853"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}