{"id":2808,"date":"2026-10-15T10:00:15","date_gmt":"2026-10-15T10:00:15","guid":{"rendered":"https:\/\/karimhamed.com\/academy-lab\/content-writer-portfolio\/"},"modified":"2026-10-15T10:00:15","modified_gmt":"2026-10-15T10:00:15","slug":"content-writer-portfolio","status":"publish","type":"page","link":"https:\/\/karimhamed.com\/ar\/academy-lab\/content-writer-portfolio\/","title":{"rendered":"\u0628\u0648\u0631\u062a\u0641\u0648\u0644\u064a\u0648 \u0643\u0627\u062a\u0628 \u0627\u0644\u0645\u062d\u062a\u0648\u0649"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2808\" class=\"elementor elementor-2808 elementor-2807 elementor-bc-flex-widget\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7514dcf e-con-full e-flex e-con e-parent\" data-id=\"7514dcf\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-392c0f0 e-con-full gradient-area e-flex e-con e-child\" data-id=\"392c0f0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1b9dd95 e-con-full e-flex e-con e-child\" data-id=\"1b9dd95\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-65aa7a8 e-con-full e-flex e-con e-child\" data-id=\"65aa7a8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1768a9f e-con-full e-flex e-con e-child\" data-id=\"1768a9f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-82d06d5 elementor-hidden-mobile elementor-widget elementor-widget-image\" data-id=\"82d06d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"40\" height=\"120\" src=\"https:\/\/karimhamed.com\/wp-content\/uploads\/2025\/08\/b.svg\" class=\"attachment-full size-full wp-image-2053\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-42a2193 e-con-full e-flex e-con e-child\" data-id=\"42a2193\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e54233b elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"e54233b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">\u0628\u0648\u0631\u062a\u0641\u0648\u0644\u064a\u0648 \u0643\u0627\u062a\u0628 \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1fa5699 elementor-widget elementor-widget-text-editor\" data-id=\"1fa5699\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u0645\u0646 \u0645\u0644\u0641 \u0643\u0627\u0646\u0641\u0627 \u0625\u0644\u0649 \u0645\u0648\u0642\u0639\u0643 \u0627\u0644\u0634\u062e\u0635\u064a \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-73f8379 e-con-full e-flex e-con e-child\" data-id=\"73f8379\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b123659 elementor-hidden-mobile elementor-widget elementor-widget-image\" data-id=\"b123659\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"40\" height=\"120\" src=\"https:\/\/karimhamed.com\/wp-content\/uploads\/2025\/08\/r.svg\" class=\"attachment-full size-full wp-image-2054\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5445ae9 elementor-widget elementor-widget-html\" data-id=\"5445ae9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t <script>\r\n      const area = document.querySelector(\".gradient-area\");\r\n\r\n      document.addEventListener(\"mousemove\", (e) => {\r\n        const x = e.clientX;\r\n        const y = e.clientY;\r\n\r\n        area.style.background = `\r\n        radial-gradient(circle at ${x}px ${y}px,rgba(77, 207, 255, 0.1)\r\n, transparent 250px)\r\n      `;\r\n      });\r\n    <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f937a09 e-flex e-con-boxed e-con e-parent\" data-id=\"f937a09\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb08cb9 elementor-widget elementor-widget-html\" data-id=\"eb08cb9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<iframe id=\"cm-frame\" title=\"\u0628\u0648\u0631\u062a\u0641\u0648\u0644\u064a\u0648 \u0643\u0627\u062a\u0628 \u0627\u0644\u0645\u062d\u062a\u0648\u0649\" style=\"width:100%;height:1100px;border:0;display:block;background:transparent\" srcdoc=\"&lt;!doctype html&gt;&lt;html data-theme=&quot;light&quot;&gt;&lt;head&gt;&lt;meta charset=utf8&gt;&lt;meta name=viewport content=&quot;width=device-width,initial-scale=1,viewport-fit=cover&quot;&gt;&lt;style&gt;:root{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#fff;color:#000}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}&lt;\/style&gt;&lt;script&gt;window.KH_AUDIO={&quot;l1-1&quot;: &quot;https:\/\/karimhamed.com\/wp-content\/uploads\/2026\/10\/portfolio-course-l1-1.mp3&quot;, &quot;l1-2&quot;: &quot;https:\/\/karimhamed.com\/wp-content\/uploads\/2026\/10\/portfolio-course-l1-2.mp3&quot;, &quot;l1-3&quot;: &quot;https:\/\/karimhamed.com\/wp-content\/uploads\/2026\/10\/portfolio-course-l1-3.mp3&quot;, &quot;l2-2&quot;: &quot;https:\/\/karimhamed.com\/wp-content\/uploads\/2026\/10\/portfolio-course-l2-2.mp3&quot;, &quot;l2-3&quot;: &quot;https:\/\/karimhamed.com\/wp-content\/uploads\/2026\/10\/portfolio-course-l2-3.mp3&quot;, &quot;l3-1&quot;: &quot;https:\/\/karimhamed.com\/wp-content\/uploads\/2026\/10\/portfolio-course-l3-1.mp3&quot;, &quot;l3-2&quot;: &quot;https:\/\/karimhamed.com\/wp-content\/uploads\/2026\/10\/portfolio-course-l3-2.mp3&quot;, &quot;l3-3&quot;: &quot;https:\/\/karimhamed.com\/wp-content\/uploads\/2026\/10\/portfolio-course-l3-3.mp3&quot;, &quot;l3-5&quot;: &quot;https:\/\/karimhamed.com\/wp-content\/uploads\/2026\/10\/portfolio-course-l3-5.mp3&quot;, &quot;l4-1&quot;: &quot;https:\/\/karimhamed.com\/wp-content\/uploads\/2026\/10\/portfolio-course-l4-1.mp3&quot;};&lt;\/script&gt;&lt;\/head&gt;&lt;body&gt;\n&lt;title&gt;\u0643\u0648\u0631\u0633 \u0628\u0648\u0631\u062a\u0641\u0648\u0644\u064a\u0648 \u0643\u0627\u062a\u0628 \u0627\u0644\u0645\u062d\u062a\u0648\u0649&lt;\/title&gt;\n&lt;meta name=&quot;claude:viewport-fit-sides&quot; content=&quot;cover&quot;&gt;\n&lt;link rel=&quot;preconnect&quot; href=&quot;https:\/\/fonts.googleapis.com&quot;&gt;\n&lt;link rel=&quot;preconnect&quot; href=&quot;https:\/\/fonts.gstatic.com&quot; crossorigin&gt;\n&lt;link rel=&quot;stylesheet&quot; href=&quot;https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800;900&amp;family=IBM+Plex+Mono:wght@400;500&amp;display=swap&quot;&gt;\n&lt;style&gt;\n\/* Layout: a course shell. Lesson rail on the right (RTL), one lesson in the reading column, a sticky narration bar on top of each lesson. *\/\n:root{\n  --navy:#000F64; --baltic:#2832D2; --sky:#32D2FF; --ice:#CDF5FF;\n  --bg:#F3F7FC; --surface:#FFFFFF; --surface-2:#EAF2FB; --ink:#000F64; --ink-2:#2B3670; --muted:#5A6492;\n  --line:#D5E1F0; --accent:#2832D2; --accent-ink:#FFFFFF; --accent-soft:#E3E6FF; --hl:#CDF5FF; --hl-ink:#000F64;\n  --good:#0E7A55; --good-soft:#DDF5EA; --bad:#B42335; --bad-soft:#FBE3E6;\n  --shadow:0 1px 2px rgba(0,15,100,.06),0 8px 24px rgba(0,15,100,.06);\n  --logo-grad:block; --logo-mono:none; --mono-color:#000F64;\n  --f-body:&quot;Tajawal&quot;,&quot;Segoe UI&quot;,&quot;Noto Sans Arabic&quot;,Tahoma,sans-serif;\n  --f-mono:&quot;IBM Plex Mono&quot;,ui-monospace,Menlo,Consolas,monospace;\n  --r:14px;\n}\n@media (prefers-color-scheme: dark){:root:not([data-theme=&quot;light&quot;]){\n  --bg:#030A33; --surface:#0A1550; --surface-2:#0F1C62; --ink:#EEF7FF; --ink-2:#C9D6F5; --muted:#93A0CF;\n  --line:#1F2C74; --accent:#32D2FF; --accent-ink:#000F64; --accent-soft:#12256E; --hl:#2832D2; --hl-ink:#FFFFFF;\n  --good:#5BD9A6; --good-soft:#0E3A3A; --bad:#FF8C9A; --bad-soft:#3E1530;\n  --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25);\n  --logo-grad:none; --logo-mono:block; --mono-color:#FFFFFF; color-scheme:dark;\n}}\n:root[data-theme=&quot;dark&quot;]{\n  --bg:#030A33; --surface:#0A1550; --surface-2:#0F1C62; --ink:#EEF7FF; --ink-2:#C9D6F5; --muted:#93A0CF;\n  --line:#1F2C74; --accent:#32D2FF; --accent-ink:#000F64; --accent-soft:#12256E; --hl:#2832D2; --hl-ink:#FFFFFF;\n  --good:#5BD9A6; --good-soft:#0E3A3A; --bad:#FF8C9A; --bad-soft:#3E1530;\n  --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25);\n  --logo-grad:none; --logo-mono:block; --mono-color:#FFFFFF; color-scheme:dark;\n}\n*{box-sizing:border-box}\nbody{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:17px;line-height:1.85;direction:rtl;\n  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:0 48px}\nbutton,select,input,textarea{font:inherit;color:inherit}\nbutton{cursor:pointer}\n:focus-visible{outline:3px solid var(--sky);outline-offset:2px;border-radius:6px}\n.wrap{max-width:1180px;margin:0 auto}\n\n\/* Header *\/\n.top{display:flex;align-items:center;gap:14px;padding-block:22px 18px;border-bottom:1px solid var(--line)}\n.logo{width:26px;height:57px;flex:none;position:relative}\n.logo img{display:var(--logo-grad);width:26px;height:auto}\n.logo .mono{display:var(--logo-mono);width:26px;height:57px;background:var(--mono-color);\n  -webkit-mask:url(data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAACECAYAAADMZUhqAAAI3UlEQVR42u3deWwc1R0H8O\/3zdjmCLlIaU3j3dkDUgWkClGRhqIEGpqWgEpbIUJbJW0FalWgXC2tSICsIRRCwxGSQlDK1YI4pFCJS6VXlBQJkHAlQKQQ787OzNoJKSElwU6y3p336x9ep7bra+21PTve95dlWTv+7O\/93vzem7dvkYhaf0lEowsxRZpx4qxZvwewfPaMmSedNP2Edz8+ePDTMIOZiFoaAElCRNohWJfXxd+1tbUdDiNY9fwgIiD5eSo+0GCYO2KR2EWhjnCfX3ZHGwC2asXbstnsO6EG94N3APKQVuqebDa7N9TgvnDtCnmnMs3H0+l0vupzeKjWnd8qqsDNuqu4LWlZS0Md4QG6uYbgWUW5vdV1\/xVqcL9ufkCEm+qLXfe9v3v3x6Hp0oN1c4AzlOLqYl39G\/Fo9EeLsdgMbYT7R7v7TdDbAaQyrrsDgA5VhPtHuzSwLRbwhWQyeXLouvTg3RxGV1dX3ZQA97hJylQCh3OUroFr4Bq4Bq6Ba+AauAaugWvgGnjqtFgkdr45FaCWZX3R0FgDyrdCDY7FYp9VGj+HyE+pOE1EEEpwMpls0MXiD6n1TaSKihxdjZHQgZOWtRRdxZRSXIj\/PSM72kIDTkYi80WpW0RwKRVVf2howKc2Ns4p1jVcJ5SrCc4QCAbDVjV48eLFZs5xVvjgakUmeuXpkK0qwYlo9Lw2x0spqkXAyKBVCY7H46fA928G+D0SZjnQqgJHo9GZhvAa+vpaUs3uedIxmhZ0sEpGIt8V8maSXxgLNPDgeCTyFVKlQJ7PMvO0qsCRSCRmkjcR\/AHJ+kpBAweeN2\/eCX4+f6UIbiB5UiW672BgVjrvRKSc12QyErukeCR\/K8nTgfGBHgWLyEGl1PRKXKS0\/6NTREa0yycWi52lfFkDhWUExxV6NBoKslBEPwHA73mSPxpoqQDYKopLcrnc7iELh5MTTcmotUn5sp2Ky8ar+w74v\/auXgCVIjHi6qUX9C0tbM562ZeG+vvGxsbjjq+v\/4mAN5JsnChkr9Y3184888y6\/fv2rVDgKpKJof6hcjejJizrYmisoeIZEEAwKc\/MBx5cSjOQ60lcRXJGb3gJehiQLcr3725ta2sfctoWjZ6hgTUK6mIQmISoDg\/uPcfU5K0EL2Wp\/4rIixDdnPG8lmHup411UDeC+DHJ4ycZOjJwr\/z+hiKvKGr9dNbztg5T9x5jirpcKL9SZFNAoOWBR1wORqMXEEyRPKvcadtEjdAVAcfnzj1dGXW3CuQSkgwatGfs0SK7xwROJpOfkWLxBgiuJDk9qNDSnu8HTa03jAo8f\/78+nzH4ZWgrCIZCzAUEDyvDTb37OovGxyPRJaQKkXynEDm6TDF0IjBlmXNMwS3ALiMpBHgqLaL4O4uXdwyUDE0LHju3LmzGwzjWoA\/IzkrwNARFUNDgY1Ek\/V9KKwmeWpQoaXu+xJEp4YrhgZdALAsa5HSSFHxvKDeT7sfo+i3BbjNdt3ny54tAUCyqSkhNFaBWEGyLrjdV++FcH3D4c7NOz\/6qKPsNyuZTE6XQuFqgNeTnBPgwiFP4jEfuMtxHHdUr5NoslaKwi8VeVqQ8xSiXxWgOeO6r49piYcGn2AA87TX6LtTILfbrvssMPZJtCmlj6cEELpPRN8nhvFb27YPVOq1zQBCC6LlSYp\/RzqXy1T6GmaQ8lRr2WYopFpdZ8d4XcsMSFRbobHWzjlPAfDH83qTDT4goteJYTxou5XL06Ha5G5MEwiBI9M6O4sTdcnJBRMzQXVvxzHHvpmwrOUTcbeY9K2HIgJFnkbwmXjEeuUUy1owru9xJT5sWdHyUes8wUfFVHfZtu2FGtxn5NbyIcj1xx85tPmdvXs7Q9OlB+vmJD5HYn1nw7GvxaPRb4c6wgNPHvCCiN+c8bx\/hhrcr0A5BMgWU+u7PxjmkWzVg\/vB2yBcl9eFR8o9QqfqdsSXjtCZS4WNDYa5PR6JXBjqCA8QbQDYKoZqtm373VCD+8E\/BeQhMYx7bNv+d6jBfeAQBxp3Nkw77vGdO3d2VX0OD5vfoEXFh490HtoWa4p9LdQRHqCbawieUZS1PUfohBbcr5t\/ApGNYhibQg\/uW59rV43XizOI+a1UtOJgATq06PUC7B7tzr5xRMt4RJgwjN+wWFggWh6E4EiQ4OPSpX3fPy7d3t6W8ZyrlMK5GvInkggCfNzvw62O86btOMvEl+Va5L3JRk9U4SGZnPOcqjPPFtGrAHw0WfAJrbTS6fTBjOveqUR\/WUQeAVCYaPiklJatnmdnXOcK0eqrIvK3iczvSa2l7Zz9WsZ1vg6NFSL6g4lAB2Hy4Ke97JMFkYWApADsH094YGZLnuf9J+04zVpxoRb8AWP4SEJVLfFks9ldtptdKaKXisg\/Kp3fgZ0P257395lzTlwC0ZeLiF0pdKAXAFpaWgpp133U6KpfAC2\/FuDgWOFVseKxa8+ufWnPWU3tn61FP4vukxXDC+5pmVzuPdt1LwNxgUDeGE1+V+WaVsZxXqVpnqtFXykiXjnoql3ES6fTedt1HypCFmgt9wDoGAm86lctXdf90PacX\/jEOaLljz0rLqEF9zTHcd7OeM53qPlNEWkZLL9Dd9pSOpd98VBXfpGGXCci\/7fMFMrjpfbs2XPIdpwNLBYWaMFGAIdLcIb6PK10e3ub7WavEa0WiZZXCGBKnKdl5+y3AFwUj0SWTaUT08T2vJdrZ+LVwDVwDVwD18AhB7PMo2mqF9z9IFwKvu8XQg3umYqJyF9F5ML29vb2oILNSmAF8j4112Y852kE9Ft4xgwuRXS\/1rLBpzzges4n1TBomaOE+lr0UzCMtbZtt1bTKG2WAwUAEewAJGW77rZqvC2ZZUQ1I5A7ZrlznmxBSwFV2swRQA9oLZvMQv7+XXv27ANcVHMzh4BqgTxH0bdnPG9nWCotc6A8hZbXqZBKO86fw1Zamn2jCleg71L1dY9V89d1DgkunY50QEQ\/rJW6N5t19yLMLRGxXo43xb80VWZL\/wXPtqtT9OqiUgAAAABJRU5ErkJggg==) center\/contain no-repeat;mask:url(data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAACECAYAAADMZUhqAAAI3UlEQVR42u3deWwc1R0H8O\/3zdjmCLlIaU3j3dkDUgWkClGRhqIEGpqWgEpbIUJbJW0FalWgXC2tSICsIRRCwxGSQlDK1YI4pFCJS6VXlBQJkHAlQKQQ787OzNoJKSElwU6y3p336x9ep7bra+21PTve95dlWTv+7O\/93vzem7dvkYhaf0lEowsxRZpx4qxZvwewfPaMmSedNP2Edz8+ePDTMIOZiFoaAElCRNohWJfXxd+1tbUdDiNY9fwgIiD5eSo+0GCYO2KR2EWhjnCfX3ZHGwC2asXbstnsO6EG94N3APKQVuqebDa7N9TgvnDtCnmnMs3H0+l0vupzeKjWnd8qqsDNuqu4LWlZS0Md4QG6uYbgWUW5vdV1\/xVqcL9ufkCEm+qLXfe9v3v3x6Hp0oN1c4AzlOLqYl39G\/Fo9EeLsdgMbYT7R7v7TdDbAaQyrrsDgA5VhPtHuzSwLRbwhWQyeXLouvTg3RxGV1dX3ZQA97hJylQCh3OUroFr4Bq4Bq6Ba+AauAaugWvgGnjqtFgkdr45FaCWZX3R0FgDyrdCDY7FYp9VGj+HyE+pOE1EEEpwMpls0MXiD6n1TaSKihxdjZHQgZOWtRRdxZRSXIj\/PSM72kIDTkYi80WpW0RwKRVVf2howKc2Ns4p1jVcJ5SrCc4QCAbDVjV48eLFZs5xVvjgakUmeuXpkK0qwYlo9Lw2x0spqkXAyKBVCY7H46fA928G+D0SZjnQqgJHo9GZhvAa+vpaUs3uedIxmhZ0sEpGIt8V8maSXxgLNPDgeCTyFVKlQJ7PMvO0qsCRSCRmkjcR\/AHJ+kpBAweeN2\/eCX4+f6UIbiB5UiW672BgVjrvRKSc12QyErukeCR\/K8nTgfGBHgWLyEGl1PRKXKS0\/6NTREa0yycWi52lfFkDhWUExxV6NBoKslBEPwHA73mSPxpoqQDYKopLcrnc7iELh5MTTcmotUn5sp2Ky8ar+w74v\/auXgCVIjHi6qUX9C0tbM562ZeG+vvGxsbjjq+v\/4mAN5JsnChkr9Y3184888y6\/fv2rVDgKpKJof6hcjejJizrYmisoeIZEEAwKc\/MBx5cSjOQ60lcRXJGb3gJehiQLcr3725ta2sfctoWjZ6hgTUK6mIQmISoDg\/uPcfU5K0EL2Wp\/4rIixDdnPG8lmHup411UDeC+DHJ4ycZOjJwr\/z+hiKvKGr9dNbztg5T9x5jirpcKL9SZFNAoOWBR1wORqMXEEyRPKvcadtEjdAVAcfnzj1dGXW3CuQSkgwatGfs0SK7xwROJpOfkWLxBgiuJDk9qNDSnu8HTa03jAo8f\/78+nzH4ZWgrCIZCzAUEDyvDTb37OovGxyPRJaQKkXynEDm6TDF0IjBlmXNMwS3ALiMpBHgqLaL4O4uXdwyUDE0LHju3LmzGwzjWoA\/IzkrwNARFUNDgY1Ek\/V9KKwmeWpQoaXu+xJEp4YrhgZdALAsa5HSSFHxvKDeT7sfo+i3BbjNdt3ny54tAUCyqSkhNFaBWEGyLrjdV++FcH3D4c7NOz\/6qKPsNyuZTE6XQuFqgNeTnBPgwiFP4jEfuMtxHHdUr5NoslaKwi8VeVqQ8xSiXxWgOeO6r49piYcGn2AA87TX6LtTILfbrvssMPZJtCmlj6cEELpPRN8nhvFb27YPVOq1zQBCC6LlSYp\/RzqXy1T6GmaQ8lRr2WYopFpdZ8d4XcsMSFRbobHWzjlPAfDH83qTDT4goteJYTxou5XL06Ha5G5MEwiBI9M6O4sTdcnJBRMzQXVvxzHHvpmwrOUTcbeY9K2HIgJFnkbwmXjEeuUUy1owru9xJT5sWdHyUes8wUfFVHfZtu2FGtxn5NbyIcj1xx85tPmdvXs7Q9OlB+vmJD5HYn1nw7GvxaPRb4c6wgNPHvCCiN+c8bx\/hhrcr0A5BMgWU+u7PxjmkWzVg\/vB2yBcl9eFR8o9QqfqdsSXjtCZS4WNDYa5PR6JXBjqCA8QbQDYKoZqtm373VCD+8E\/BeQhMYx7bNv+d6jBfeAQBxp3Nkw77vGdO3d2VX0OD5vfoEXFh490HtoWa4p9LdQRHqCbawieUZS1PUfohBbcr5t\/ApGNYhibQg\/uW59rV43XizOI+a1UtOJgATq06PUC7B7tzr5xRMt4RJgwjN+wWFggWh6E4EiQ4OPSpX3fPy7d3t6W8ZyrlMK5GvInkggCfNzvw62O86btOMvEl+Va5L3JRk9U4SGZnPOcqjPPFtGrAHw0WfAJrbTS6fTBjOveqUR\/WUQeAVCYaPiklJatnmdnXOcK0eqrIvK3iczvSa2l7Zz9WsZ1vg6NFSL6g4lAB2Hy4Ke97JMFkYWApADsH094YGZLnuf9J+04zVpxoRb8AWP4SEJVLfFks9ldtptdKaKXisg\/Kp3fgZ0P257395lzTlwC0ZeLiF0pdKAXAFpaWgpp133U6KpfAC2\/FuDgWOFVseKxa8+ufWnPWU3tn61FP4vukxXDC+5pmVzuPdt1LwNxgUDeGE1+V+WaVsZxXqVpnqtFXykiXjnoql3ES6fTedt1HypCFmgt9wDoGAm86lctXdf90PacX\/jEOaLljz0rLqEF9zTHcd7OeM53qPlNEWkZLL9Dd9pSOpd98VBXfpGGXCci\/7fMFMrjpfbs2XPIdpwNLBYWaMFGAIdLcIb6PK10e3ub7WavEa0WiZZXCGBKnKdl5+y3AFwUj0SWTaUT08T2vJdrZ+LVwDVwDVwD18AhB7PMo2mqF9z9IFwKvu8XQg3umYqJyF9F5ML29vb2oILNSmAF8j4112Y852kE9Ft4xgwuRXS\/1rLBpzzges4n1TBomaOE+lr0UzCMtbZtt1bTKG2WAwUAEewAJGW77rZqvC2ZZUQ1I5A7ZrlznmxBSwFV2swRQA9oLZvMQv7+XXv27ANcVHMzh4BqgTxH0bdnPG9nWCotc6A8hZbXqZBKO86fw1Zamn2jCleg71L1dY9V89d1DgkunY50QEQ\/rJW6N5t19yLMLRGxXo43xb80VWZL\/wXPtqtT9OqiUgAAAABJRU5ErkJggg==) center\/contain no-repeat}\n.brand{display:flex;flex-direction:column;line-height:1.3;min-width:0}\n.brand b{font-weight:800;font-size:15px}\n.brand span{color:var(--muted);font-size:13.5px}\n.top .spacer{flex:1}\n.pill{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);white-space:nowrap}\n.ring{width:38px;height:38px}\n.ring circle{fill:none;stroke-width:4}\n.ring .bgc{stroke:var(--line)} .ring .fgc{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .4s}\n\n\/* Hero *\/\n.hero{padding-block:34px 26px;display:grid;gap:14px;max-width:760px}\n.eyebrow{font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--accent)}\nh1{font-size:clamp(30px,5.4vw,48px);line-height:1.2;margin:0;font-weight:900;text-wrap:balance}\n.lede{font-size:18.5px;color:var(--ink-2);margin:0;max-width:62ch}\n.meta{display:flex;flex-wrap:wrap;gap:10px 22px;color:var(--muted);font-size:14.5px}\n.meta b{color:var(--ink);font-weight:700}\n\n\/* Shell *\/\n.shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:32px;align-items:start}\n.rail{position:sticky;top:calc(env(safe-area-inset-top,0px) + 16px);display:grid;gap:6px}\n.rail h2{font-size:13px;font-weight:700;color:var(--muted);margin:0 0 6px;letter-spacing:.02em}\n.lnk{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:center;text-align:right;\n  background:transparent;border:1px solid transparent;border-radius:12px;padding:10px 10px;line-height:1.45}\n.lnk:hover{background:var(--surface-2)}\n.lnk .n{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:700;\n  border:1.5px solid var(--line);color:var(--muted);font-variant-numeric:tabular-nums}\n.lnk .t{font-size:15px;font-weight:500}\n.lnk .d{font-size:12.5px;color:var(--muted)}\n.lnk[aria-current=&quot;true&quot;]{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow)}\n.lnk[aria-current=&quot;true&quot;] .n{border-color:var(--accent);color:var(--accent)}\n.lnk.done .n{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}\n\n\/* Lesson *\/\n.lesson{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);min-width:0;overflow:hidden}\n.l-head{padding:28px 32px 6px}\n.l-num{font-size:13px;font-weight:700;color:var(--accent)}\n.l-head h2{font-size:clamp(24px,3.6vw,32px);line-height:1.3;margin:4px 0 0;font-weight:800;text-wrap:balance}\n\n\/* Narration bar *\/\n.narr{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--surface);border-bottom:1px solid var(--line);\n  padding:12px 32px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}\n.play{display:inline-flex;align-items:center;gap:10px;background:var(--accent);color:var(--accent-ink);border:0;border-radius:999px;\n  padding:9px 18px 9px 16px;font-weight:700;font-size:15px}\n.play svg{width:18px;height:18px;fill:currentColor}\n.ghost{background:transparent;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:14px;color:var(--ink-2)}\n.ghost:hover{background:var(--surface-2)}\n.narr .bar{cursor:pointer;flex:1 1 140px;height:8px;border-radius:6px;background:var(--surface-2);overflow:hidden;min-width:100px}\n.narr .bar i{display:block;height:100%;width:0;background:var(--sky);transition:width .3s}\n.narr .lbl{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}\n.narr select{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:6px 8px;font-size:13.5px;max-width:100%}\n.narr .opts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;width:100%}\n.narr .note{font-size:13px;color:var(--muted);width:100%;margin:0;line-height:1.6}\n\n.l-body{padding:22px 32px 34px;display:grid;gap:18px}\n.prose p{margin:0 0 14px;max-width:66ch}\n.prose p:last-child{margin-bottom:0}\n.s{border-radius:6px;transition:background .2s,color .2s;padding:1px 0;cursor:pointer}\n.s:hover{background:var(--surface-2)}\n.s.on{background:var(--hl);color:var(--hl-ink)}\n.key{border-inline-start:4px solid var(--sky);background:var(--surface-2);border-radius:0 12px 12px 0;padding:14px 18px;font-weight:700;font-size:17.5px;max-width:66ch}\n.block{border:1px solid var(--line);border-radius:16px;padding:20px;display:grid;gap:14px;background:var(--bg)}\n.block h3{margin:0;font-size:18px;font-weight:800;display:flex;align-items:center;gap:10px}\n.tag{font-size:12px;font-weight:700;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:2px 10px}\n.hint{margin:0;color:var(--muted);font-size:15px}\n\n\/* Quiz *\/\n.q{display:grid;gap:10px}\n.q p{margin:0;font-weight:700}\n.opt{text-align:right;background:var(--surface);border:1.5px solid var(--line);border-radius:12px;padding:11px 14px;line-height:1.6}\n.opt:hover{border-color:var(--accent)}\n.opt.right{border-color:var(--good);background:var(--good-soft)}\n.opt.wrong{border-color:var(--bad);background:var(--bad-soft)}\n.fb{margin:0;font-size:15px;padding:10px 14px;border-radius:12px;background:var(--surface)}\n.fb.good{color:var(--good)} .fb.bad{color:var(--bad)}\n\n\/* Sorter *\/\n.sort{display:grid;gap:8px}\n.srow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px 12px}\n.srow .nm{font-weight:500}\n.seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}\n.seg button{border:0;background:transparent;padding:5px 14px;font-size:14px}\n.seg button[aria-pressed=&quot;true&quot;]{background:var(--accent);color:var(--accent-ink)}\n.srow.ok{border-color:var(--good)} .srow.no{border-color:var(--bad)}\n\n\/* Click simulator *\/\n.sim{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}\n.lane{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;gap:12px;align-content:start}\n.lane h4{margin:0;font-size:16px;font-weight:800}\n.screen{min-height:118px;border-radius:10px;border:1px dashed var(--line);padding:12px 14px;font-size:15px;background:var(--bg);line-height:1.7}\n.screen small{display:block;color:var(--muted);font-size:12.5px}\n.count{font-size:34px;font-weight:900;font-variant-numeric:tabular-nums;line-height:1}\n.count span{font-size:14px;font-weight:500;color:var(--muted);margin-inline-start:6px}\n.lane .row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}\n.btn{background:var(--accent);color:var(--accent-ink);border:0;border-radius:10px;padding:9px 16px;font-weight:700;font-size:15px}\n.btn[disabled]{opacity:.45;cursor:default}\n.verdict{margin:0;font-weight:700}\n\n\/* True\/false *\/\n.tf{display:grid;gap:10px}\n.tfrow{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:grid;gap:8px}\n.tfrow .st{margin:0}\n.tfrow .why{margin:0;font-size:14.5px;color:var(--muted)}\n\n\/* Flip cards *\/\n.flips{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}\n.flip{position:relative;min-height:150px;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:16px;text-align:right;display:grid;align-content:space-between;gap:10px}\n.flip .yr{font-size:12.5px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}\n.flip .tx{font-size:16px;font-weight:700;line-height:1.55}\n.flip .cta{font-size:13px;color:var(--accent)}\n.flip.turned{background:var(--accent-soft);border-color:var(--accent)}\n.flip.turned .yr{color:var(--accent)}\n\n\/* Tools *\/\n.tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}\n.tool{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;gap:8px;align-content:start}\n.tool h4{margin:0;font-size:18px;font-weight:800;direction:ltr;text-align:right}\n.tool .free{font-size:14.5px;margin:0}\n.tool .fit{font-size:14px;color:var(--muted);margin:0}\n.tool .badge{justify-self:start;font-size:12px;font-weight:700;border-radius:999px;padding:2px 10px;background:var(--surface-2);color:var(--ink-2)}\n.tool.pick{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}\n.asof{font-size:13px;color:var(--muted);margin:0}\n.chooser{display:grid;gap:12px}\n.chooser .qq{display:grid;gap:8px}\n.chooser .qq p{margin:0;font-weight:700}\n.chips{display:flex;flex-wrap:wrap;gap:8px}\n.chip{border:1.5px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 14px;font-size:14.5px}\n.chip[aria-pressed=&quot;true&quot;]{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}\n.result{background:var(--surface);border:1.5px solid var(--accent);border-radius:14px;padding:14px 16px}\n.result p{margin:0}\n\n\/* Workshop *\/\n.checks{display:grid;gap:8px;counter-reset:st}\n.ck{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px}\n.ck input{width:20px;height:20px;margin-top:5px;accent-color:var(--accent)}\n.ck b{display:block}\n.ck span{color:var(--muted);font-size:15px;line-height:1.7}\n.ck.on{border-color:var(--good)}\n.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}\n.field{display:grid;gap:6px;min-width:0}\n.field.full{grid-column:1\/-1}\n.field label,.field .lab{font-size:14px;font-weight:700}\n.field input[type=text]{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:9px 12px;width:100%}\n.pages{display:flex;flex-wrap:wrap;gap:8px}\n.pages label{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:14.5px;font-weight:500}\n.pages input{accent-color:var(--accent)}\n.out{position:relative}\n.out pre{margin:0;white-space:pre-wrap;word-break:break-word;background:var(--navy);color:#EAF6FF;border-radius:14px;padding:18px 18px 18px;font-family:var(--f-body);font-size:15.5px;line-height:1.9;max-height:420px;overflow:auto}\n.out .copy{position:absolute;top:10px;left:10px;background:var(--sky);color:var(--navy);border:0;border-radius:8px;padding:5px 12px;font-weight:700;font-size:13.5px}\n\n\/* Footer nav *\/\n.l-foot{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;padding:18px 32px;border-top:1px solid var(--line);background:var(--bg)}\n.l-foot .btn{padding:11px 20px}\n.finish{background:var(--surface);border:1.5px solid var(--good);border-radius:16px;padding:18px 20px;display:grid;gap:6px}\n.finish h3{margin:0;font-size:20px}\n.finish p{margin:0;color:var(--ink-2)}\n.toast{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;padding:9px 16px;border-radius:10px;font-size:14px;opacity:0;pointer-events:none;transition:opacity .2s}\n:root[data-theme=&quot;dark&quot;] .toast{background:var(--surface-2)}\n.toast.show{opacity:1}\n.credit{font-size:12.5px;color:var(--muted);margin:28px 0 0}\n.src{font-size:13px;color:var(--muted);max-width:66ch}\n.src a{color:var(--accent)}\n\n@media (max-width:900px){\n  .shell{grid-template-columns:minmax(0,1fr);gap:16px}\n  .rail{position:static;display:flex;overflow-x:auto;gap:8px;padding-bottom:6px;scrollbar-width:thin}\n  .rail h2{display:none}\n  .lnk{grid-template-columns:26px auto;flex:none;padding:8px 10px;border-color:var(--line);background:var(--surface)}\n  .lnk .n{width:26px;height:26px;font-size:13px}\n  .lnk .d{display:none}\n  .lnk .t{white-space:nowrap;font-size:14px}\n}\n@media (max-width:620px){\n  body{font-size:16.5px}\n  .l-head{padding:22px 18px 4px} .narr{padding:10px 18px} .l-body{padding:18px 18px 26px} .l-foot{padding:14px 18px}\n  .sim,.form{grid-template-columns:minmax(0,1fr)}\n  .top .pill .txt{display:none}\n  .block{padding:16px}\n}\n@media (prefers-reduced-motion:reduce){*{transition:none!important}}\n\n.seg.speed button{font-variant-numeric:tabular-nums;padding:5px 11px}\ntextarea{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:9px 12px;width:100%;resize:vertical;line-height:1.7}\n.ba{display:grid;gap:12px}\n.stack{display:grid;gap:8px}\n.stk{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:15.5px}\n.stk .ic{width:14px;height:18px;border:1.5px solid var(--muted);border-radius:3px}\n.lk{font-size:13px;color:var(--accent);font-weight:700;overflow-wrap:anywhere}\n.cs{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}\n.cs-top{padding:16px 18px 12px;border-bottom:1px solid var(--line);display:grid;gap:4px}\n.cs-field{font-size:12.5px;font-weight:700;color:var(--muted)}\n.cs h4{margin:0;font-size:19px;font-weight:800;line-height:1.4;overflow-wrap:anywhere}\n.cs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}\n.cs-grid section{padding:14px 18px;display:grid;gap:6px;align-content:start}\n.cs-grid section+section{border-inline-start:1px solid var(--line)}\n.cs h5{margin:0;font-size:14px;font-weight:800;display:flex;align-items:center;gap:8px}\n.cs-grid p{margin:0;font-size:15px;line-height:1.75;overflow-wrap:anywhere;white-space:pre-line}\n.dot{width:10px;height:10px;border-radius:50%;flex:none}\n.dot.c1{background:var(--bad)} .dot.c2{background:var(--accent)} .dot.c3{background:var(--good)}\n.cs-foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 18px;border-top:1px solid var(--line);font-size:13.5px;color:var(--muted);background:var(--bg)}\n.ph{color:var(--muted);font-style:normal;background:var(--surface-2);border-radius:4px;padding:0 4px}\np.ph{background:transparent;padding:0}\n.cs-prev{display:grid;gap:8px}\n.cs-prev .lab,.field .lab{font-size:14px;font-weight:700}\n@media (max-width:760px){ .cs-grid{grid-template-columns:minmax(0,1fr)} .cs-grid section+section{border-inline-start:0;border-top:1px solid var(--line)} }\n\n\/* Slide deck layer *\/\n.deck{background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);min-width:0;overflow:hidden;display:flex;flex-direction:column}\n.deck-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 28px;border-bottom:1px solid var(--line);flex-wrap:wrap}\n.deck-top .lt{font-size:14px;font-weight:700;color:var(--muted)}\n.deck-top .lt b{color:var(--ink)}\n.dots{display:flex;gap:6px;flex-wrap:wrap}\n.dot-b{width:22px;height:6px;border-radius:6px;background:var(--line);border:0;padding:0}\n.dot-b.on{background:var(--accent)}\n.dot-b.seen{background:var(--sky)}\n.stage{position:relative;padding:40px 48px 28px;min-height:440px;display:flex;flex-direction:column;gap:22px}\n.stage.anim{animation:slideIn .35s ease}\n@keyframes slideIn{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}\n.sl-kicker{font-size:14px;font-weight:800;color:var(--accent);letter-spacing:.02em}\n.sl-head{margin:0;font-size:clamp(28px,4.4vw,44px);line-height:1.25;font-weight:900;text-wrap:balance;max-width:22ch}\n.sl-head.big{font-size:clamp(34px,6vw,60px);max-width:16ch}\n.sl-text{margin:0;font-size:clamp(18px,2.1vw,21px);line-height:1.9;color:var(--ink-2);max-width:60ch}\n.sl-items{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}\n.sl-items li{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:10px 16px;font-weight:700;font-size:16px}\n.sl-items li b{color:var(--accent);margin-inline-end:6px}\n.sl-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0;padding:0;list-style:none;counter-reset:st}\n.sl-steps li{counter-increment:st;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:14px 16px;font-weight:700;font-size:15.5px;line-height:1.5;display:grid;gap:6px}\n.sl-steps li::before{content:counter(st);font-size:13px;font-weight:900;color:var(--accent-ink);background:var(--accent);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-variant-numeric:tabular-nums}\n.stage .block{background:transparent;border:0;padding:0}\n.stage .block+.block{border-top:1px solid var(--line);padding-top:20px}\n.stage-act{padding:28px 32px}\n\n\/* Player bar inside slide *\/\n.pbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:14px 28px;border-top:1px solid var(--line);background:var(--bg)}\n.pbar .bar{cursor:pointer;flex:1 1 140px;height:8px;border-radius:6px;background:var(--surface-2);overflow:hidden;min-width:90px}\n.pbar .bar i{display:block;height:100%;width:0;background:var(--sky);transition:width .25s}\n.pbar .lbl{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}\n.pbar .auto{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--ink-2)}\n.pbar .auto input{accent-color:var(--accent)}\n.pbar .na{font-size:13.5px;color:var(--muted);margin:0}\n\n\/* Nav *\/\n.deck-nav{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 28px;border-top:1px solid var(--line)}\n.deck-nav .btn{padding:11px 22px}\n.deck-nav .cnt{font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}\n.kbd{font-size:12.5px;color:var(--muted)}\n.finish{background:var(--surface);border:1.5px solid var(--good);border-radius:16px;padding:18px 20px;display:grid;gap:6px}\n.finish h3{margin:0;font-size:20px} .finish p{margin:0;color:var(--ink-2)}\n@media (max-width:620px){\n  .stage{padding:26px 20px 20px;min-height:360px;gap:16px}\n  .stage-act{padding:20px 16px}\n  .deck-top,.pbar,.deck-nav{padding-left:16px;padding-right:16px}\n  .kbd{display:none}\n}\n@media (prefers-reduced-motion:reduce){.stage.anim{animation:none}}\n&lt;\/style&gt;\n\n&lt;div class=&quot;wrap&quot;&gt;\n  &lt;header class=&quot;top&quot;&gt;\n    &lt;div class=&quot;logo&quot; aria-hidden=&quot;true&quot;&gt;&lt;img alt=&quot;&quot; src=&quot;data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAACECAYAAADMZUhqAAASVElEQVR42u1da5Ac1XX+zu2eh8TbxomdAvNe7Wu0AkEkQ2QZQ8AFMcZVCSFxeFSwXQ7GFcCUY6BkViR+QMyrCDgmUJSNVQ6iYuIYCMSxBVgVAxYI7exLQiIhiEd4I9BOT3ffc\/Kje3r6cXtmdrWLRotv1dTu9ox2++vvO98599zbLfRWRh\/srWxajvfJoN7KqBDoHQjfzp773c2bl744rwEvGhzxiJStVAks7nawXPPuWzvu2L79+Np8BKyCLwzmGgh0EFnFm\/c+YL9H+gbHTpvHgIMh4kPYAZF1nCjc37t47J5FlU2VeShp2Ia3oFQJwu47AN1aJ+\/6Z0eWvDKPATdFoFQJzPX\/AfAtpfGD8fFBd15I2jzC+CZ1KKnCbWzRL\/sqYyfPY8Dx+K6DyDpBIA\/1DlbX9AyO9M5DSRv\/WShz7y0C30yabhwfH3xjz2KYwpciwApfdvgqxF42ATbAqg7Y2J\/s8iouqMd6l4yetxLr7O5neEnVIwUbRBFoosa71Erj0ReCDYiCsPcwCa6a2Lh2PbCau7O0PG7UI0V2xHAMeIL9CGjqewlRC0BUBvtT7\/hU6t\/6RM\/2bgRso6ACYRM1BR4BpiTYBGhpghcKfhQPUJalvKlCt0raRpGCuE0xTGlmM6Apwt1gGKIAFiG7JF0LmAoEigCn5GxiWZq6pkjSFMY0AawgxOhehgsqxXAMeB7LQrEYliZoEKAJ0OVuBmyWdEtZS4zoBrsSZjklQNdGcAwwUZrl1qZFSLErwedFKcDqYsBBDKtpSjruztJMT1AgJQBjT4rhHOPK6BlJdhumpai1u+92wHZYRhJSsqYchikGuMmuNExLEeDLHiBphXywpkpLGuDDKqvBNhHKdmnPYDgjaYqxSskcnIhjjrs0d7dpRTGsUikp16UpAi7pwkMIIJWst7uVYWrU0qaURCaXJlDcoZnCtETTaCvsztKylVMjJzWl05KEv0t3PcOqdQzHU5O0iWEtQEG6OYZj7KpUajI2ASgJupGSWJrBr7vTpfsqYyfZsGOzJdMkIt4EkBToEHB81iREXVdLHzVQHbKVukrAZ9hkxyotUxzn5uF0\/IYxDOqa0nJwcOR3fVKXgehLRIW9WTs6iOHpAE60dpABDFK7vbQ88sgHSlb5o+f7hMuVKh3CXAeLAwBiRx3KGGAyFh8mwAHLiXxM2K0u3TtQPYWUGoayPwbRYK4ZXFoRSMUZ7hRwLIYbeRi7J4b7+5\/qF6u4SkBngSwlXM\/Jww3TijfyjDMmQy0df3HwQfUex3BPz4YDVbl8MQtdpFRhP+E6RHSLtGSQdCKWOwHMQUoLJE5Ace7z8MqV6+yXX\/\/gOUTWlYqKR7DUwex0kIctBIBTkqZ2kgYgHH6v0MzDQgDmNg8vGqh+4pU31LBS9kogG6dtAFMEmDphOMYuqSbD0qjGJFiKmZPCYcnYUSy4khifA9m2SH0GlVYIODIt1UE9nY5faoCnsBEwu+OQoY37LyiXviI+Lrak8AEWBzMBG5iWRaC4pBuAFXUQwxK4M8UKD6FA6rMyRPV\/fPJs0WqVkkIvcx2snSAtzNAmQoZjYPNknccwITwBah4rzkKcnvLM8eQ9sxpSPJmEwX4t+DuR8mYGOmZaScCkUtVWBrAE8m1clDAtBfl4F4Ce+t+H2oovZy3nk20XxXNCwwjPL13OThtwYy4cskymfJzDMHFwpYWoybI1szy86IyJfWwq\/ZWwfJVQ\/B2SGsT3g3NLrFAi\/HuYEWIbFqmESydkndPmido5AbPxdpcoKJlmNd1\/9rY\/hlbfIClW4NVD+QbnIyLZ+r7R+6bpY7ZJYYcql\/YX7QUsWTlTRRh60VFMCYgUqFCAnnJ2ErijXT4D5287Dn7hKmI6XSBgr9b822mgMTmTIGglCYKGw7QYJv8E8b2vwaa\/UKWCxb6f79Rxh+aQZQioUAQ8DdH6XrC6etOnyy33a1Y+\/\/xBzPgbMC5Qtr2AXSeoYhqhQc3KjQQBy5JOl7ELMg3MEXdLH\/ZOZEWrVclaIQBE60QcU0zNQToCSFkgBXBdPwXXX73xpPK\/tfpjS7\/4wkKngC+QxtcIhd9j1wF8HcyutEC0BBdSS3QsOp57rPOlHRH4iVhbukEKXNfnwKYrVFkdIV5YP6YlTQpUAMThF6H139NrhduePIOmWsr34pc+TSzDigrHiOeBPS8AwLET1wKJgWp1LHN8JoBjwA9kwiVEfJEqqX3ZRbR2pIoAe6hB8x2er66pLqeWezn6L9u+hFThG4rls2AFcesAm0Agy1weo6bPyi4Aboyhx+sDVrm4CuCzVFmReID4\/ACzGn76GPpNS6BX\/d+HLabLoPElosJeXK8Bmg0gTIxmj+cf61zWbQE3xtFPy6dUCV8UB\/\/81NG0tmV75aYtpYU7DvhLEXxdUemjXK8Bvp6GVJFic\/Zk3THgTsfi775+KjQNE+zl4nmQRpzG2eA2huR3KuvYxfE7j+NZmcgNXf\/6AJRaJVrOItsmrjuhuYVpRoW5M5G\/U+3g2DFqTKtTx7MNRmnmmpbpSYFUEcy153cJ8NLv7zjQY7lEGBcpKuwrTg3i15uFQ2KSQTlAUyViXq6Nr3mlgeYCbuz59t5hrt9KXuEme2ZANxS8wlHn+ExXqELpCHacRJVEItGmnvyTDys0IPbZFqw2EKbeo2h9PomYqIigG+L9C4u+esvo4pEZSXroR++c6IsatmB\/XHwf4obp11QOpoAaC\/9WFyZOOwFEsQuZeDu8EACIbIBsCLsbIDw8Obr4\/hnF8OIfv91DdvFK+Pw5ooLFTi0s4M1STZxcYukmR45GIKnfn3kv\/jsVlCqCxd0u2r125947bt\/+WPbOnLaAK2veOsDap\/wVaPy1UsUPaD0F8Z3WMZk+3ixMzQaELOOBVMkQ39nKmKwSRLtTLPV\/Esu6dvNI34vTd+m1a62hfT9zNjFWKVVcJE4d3JCv0VUNFyAn7tJsNV05j0Uz86RsgBnC7s+g\/NWTTy9+ckZpaenPp\/5AK3uYYJ8En8H1WuS0WammWDXFFuVMW8hgrSY3TrFLZIOUDeb6JgGvnvxN\/72dTw\/jcfqIHGYp\/woROtciq8i1epDYW+ZDaRNbMEg1BsjYNzP8XgSTFmUVwey+LOJcR5b+x4n1g+9Obz4M4Pj1sk+thAuh9VeVbX+IpzTEdZvdjjyppg0IOVI1vWFiNnfyCpBVhrBbF3bvhLjfmXhk4LkZdS2XbpI\/rzF\/3bJVhR0L7PhheqGcFJHDLHIuRtuZeOtjZBWC1pHvPcTsrp78ef+vd6VYsgVYo2wFdjiUb3csZhNZIKsAcZ1xMP\/t+H1H3G2+ytMF7GsNKCvb+kzu48i0LSV\/zamz2XjOMSIouwyu11+Drt1Ys\/APz\/7kyLdn60La0MHZC4dzysQyiuQ34dNnLNkfJBeY+cqQVYKw57Pv3AVxvzl2T8+22VaOLY1pFYftlgZwjvWvEluEU0stJgXE30sLwxT6VAg3pfrrlGC4uubQR+cqVFRifhmBlahR12Rdmics6R41clYDWq0ShC0jawFE+BnR3nkf3PrMKdUffvTRufQGO5o4S5zlcO03DTyugDiItAokR\/qJ4woAvc26fo1Vc7+36QeHvfVemKEd7W2Oxa3EgDcZT8V2RvrIB50jb4iIgGt2qfie3Z6r4CPRhmn2iNIxbTI2yQEX39mTPN78mQGR\/S1VvsGBPN5\/wXN\/gvcgKSqJgKZjOQ22Ec9JWUuunLPHJHOcwV4NRNagInvtwHnP3d\/\/Z9t+f07z+9DPpjwisjMnmQEba4fGVggiRXD7\/rKpCRdvwSoUwa7rwOc7AP+asbuPen5uXTrRCk2BjTt4xtiQiHcRaSPn+BqzRN+z7wAiZWWVvyzafrz\/s9suWfpHLyycQ8Cxfi8bWEqAlRhYSRobZ49JJ6YWylz7UyDQR5QqXV8jZ33fac98ZhZNK9bXDSUqGZAmsMk01gAuaUdnUz5vH\/PCPtivgcg6WkH9a\/8fbr2376Sxo2fVtMQobUPjO0fmwkgynjY2nr70RbsQ1iBlnwkp\/Kpv5ebreleMf2TXJe0bAMZXCRLMxgwsJ75Njp4BlMn3OeVsM773UlS8lFg93rts\/MJDVq4rzwAwchhFAnjGYVMnm5G5xIwtza6k2Y0BTKmg+TsAcLCbh0AHKyresmDnhx\/uOXr0UzM0rbzFqnjqScc0IoMzTj4SDi5GR0\/maVN8m2TuQ7QDglqmhB7orYze3Tc0NtA5YD+bFyOgLKk8m3Xz1tKW1sZmqs87AC5hfIOZlCqeJYz\/WlQZ+9aRS576UOem5ecvSyJTcsZkbJB5ph6XHGOLs2tw9PbGJuEuWtnXUsXLbS491re4esHSpRsK08jDQK7UOZ66kJ1WxnN0J0aWl7ZSMW8uUeMzkugRWYcDxdt3egt\/0bN49JPtXdrPvwDCSK7zpoFFacssbckAj8d6C2PLm5qaGjLiQ6QOgrVCCf1Hb2X0rkWVTYuiWrpy\/aseIaylgezm0caFjBuOmA0sw6xOGZs21OThhTSlQtGGz6aLojat0eBJcN6bYLmRXedWO3Ovb+zKSTpnNoDGAUu65o47emqmZajQREwOnmNs7fpthgYcswOQdQBZhdVU0ufaidsDMrfZIZkf0xKTVDESfiUqAuJD2G86fW6Jmo7n2Fw6bWzpz3fcIdUQ0SCoI1rMltoYGIshngGwvMte7Trx9YtEC5r3JrYrVEz1eStjm8EQEd9QWqKFeeUUI1FMAaKFLF28lnwsE9\/5HjTqiso54LJARcyNxEQ9LrM4Wwq+B\/ILkhbFSPgzCRZWbz94++htB1\/IgpXseQ+S2MFTmXT+HFvSFZixgyqzMD3U7dhsuGyO3ONpiYH4zTQTdx78+NgPDzpNXPds8fUYqQWg4Jk9nVVoguQFklmeHsbLSjFJPXf3XCxHO+n7h0jG7j787rrtHs9u\/QphvKpoQaKulpwYnrFRddTx8HMY9FNSj\/e0TMVIzti6pmfH+E8O+7blusvZc+8Ak0coptJWiwptVls8fh7w\/C1\/mSKgMdVsM6r3L3p2\/L7DPy9an8Ta+yWhABI7J6ZnR8rJvrSPFl2ONkBN5uV09scnHlr0q4n9Np4i2j1XtN6iaAGIVbaQmcU7+7J52FBTN0C2Bopp7V2Oxj1n6Yl1vXfZXF7OnrNaGG8SUmlsrrqWkgLXaZ8rs7t1BqO6\/pA3J37dN8y6\/jHW7o\/ApGkO7stNrjwkHLmdxJFNXw1GnJmf0OYNQ5snn+w\/h7R\/qrBeT1QKdtfNOsOmfOwD7UrPTDGiZ0eCE9WhX+xVrH1SxP2CQJ5VagFm44koygjWb82s5AGdxg0XnYwnnzzWm6xWbvdVfblm5zsA7VCqvEtrbqqtM\/vpPlcHEndmN+62Pn3Mq5urlctB3gnM\/lqAJNgtOyPAyLDb7G+ll1A7q7rmakyOLBmdrPb\/KUOfLqKfIFWednyrpjMD4qMFg528APEFs05xamypDv17bccrK4XrXxaR56cT3\/nTQ50zgzLeixDL0zzneAEAzz13ojNZrdwKr7ZMtHMDQDupg\/gOK6127pyfcyXeh+K5lbRR5pPHvjQxWrmUyFsh2v0pkYVW8a1a5lnfENttzUveE4YzaWxkycbJ0cEzIXKmiL9RqTKIrA4A+\/lVVztpR9\/vxjFRHfhpkfwVzO6lEHkpHd+GlYdU1eWjrbQzXY\/dPEZGluycrA7eoFiWibi3AOSQKgEAqU6LjU7KzCiFOeiKMTZWeX5iZOAipWSlsP8gEVk2PGnzdFJDyxbxtZ9YZxHdwXB6jG8afAKQ03oHRk+3oeNOnupLpxrzEUAYtipweFBLlz7mkWRyDPcFWw9znh8trVg2PL20q5\/RGg5bjIANKxFp0EBXP78yF3DEsGkvZHoj+B4IsHPA83TY7xegzUoLvwX8W8DTTnhSp\/cF4LBe9VgWevMaMFEBREWIeP8pQqdvrR71Qve69C4htaCoCBZ3Ulj+bvPowI\/Dh05hngGOdse8wbp+U4HevLk6uuLNPSMPT1u+JYh4WthdA\/K\/OTm6ZMueVXh0DNQGYEGgHxUlw5ObKuvmaVpSUGoBRGQbc\/2CvQpTJ2\/eQ8G2YTj6j+DeZqnfwnXnhi1bjn1tz6+ljfItQsQXZnet0rh6fHxwfP5MHtJxShYg3mNCMrx5pPLQ\/JstRXFaArP7vwT\/295U8c6tW3vqmIfDJlI2QDtY6t9Xeuf14+PLXp7Xs4e+yuh9PQPV494vs6X\/BzcfjZ9qko8VAAAAAElFTkSuQmCC&quot;&gt;&lt;span class=&quot;mono&quot;&gt;&lt;\/span&gt;&lt;\/div&gt;\n    &lt;div class=&quot;brand&quot;&gt;&lt;b&gt;\u062f. \u0643\u0631\u064a\u0645 \u0645\u062d\u0645\u0648\u062f \u062d\u0627\u0645\u062f&lt;\/b&gt;&lt;span&gt;\u0643\u0648\u0631\u0633\u0627\u062a \u0642\u0635\u064a\u0631\u0629 \u0644\u0643\u062a\u0651\u0627\u0628 \u0627\u0644\u0645\u062d\u062a\u0648\u0649&lt;\/span&gt;&lt;\/div&gt;\n    &lt;div class=&quot;spacer&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;pill&quot; aria-live=&quot;polite&quot;&gt;\n      &lt;svg class=&quot;ring&quot; viewBox=&quot;0 0 40 40&quot; aria-hidden=&quot;true&quot;&gt;&lt;circle class=&quot;bgc&quot; cx=&quot;20&quot; cy=&quot;20&quot; r=&quot;16&quot;\/&gt;&lt;circle class=&quot;fgc&quot; id=&quot;ringFg&quot; cx=&quot;20&quot; cy=&quot;20&quot; r=&quot;16&quot; stroke-dasharray=&quot;100.5&quot; stroke-dashoffset=&quot;100.5&quot; transform=&quot;rotate(-90 20 20)&quot;\/&gt;&lt;\/svg&gt;\n      &lt;span&gt;&lt;b id=&quot;progNum&quot;&gt;0 \u0645\u0646 7&lt;\/b&gt; &lt;span class=&quot;txt&quot;&gt;\u062f\u0631\u0648\u0633 \u0645\u0643\u062a\u0645\u0644\u0629&lt;\/span&gt;&lt;\/span&gt;\n    &lt;\/div&gt;\n  &lt;\/header&gt;\n\n  &lt;section class=&quot;hero&quot;&gt;\n    &lt;div class=&quot;eyebrow&quot;&gt;\u0643\u0648\u0631\u0633 \u062a\u0641\u0627\u0639\u0644\u064a \u0645\u062c\u0627\u0646\u064a&lt;\/div&gt;\n    &lt;h1&gt;\u0628\u0648\u0631\u062a\u0641\u0648\u0644\u064a\u0648 \u0643\u0627\u062a\u0628 \u0627\u0644\u0645\u062d\u062a\u0648\u0649\u060c \u0645\u0646 \u0645\u0644\u0641 \u0643\u0627\u0646\u0641\u0627 \u0625\u0644\u0649 \u0645\u0648\u0642\u0639\u0643 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a&lt;\/h1&gt;\n    &lt;p class=&quot;lede&quot;&gt;\u0643\u0648\u0631\u0633 \u0642\u0635\u064a\u0631 \u0641\u064a \u0634\u0643\u0644 \u0634\u0631\u0627\u0626\u062d\u060c \u062a\u0634\u0627\u0647\u062f\u0647 \u0648\u062a\u0633\u0645\u0639\u0647 \u0648\u062a\u0637\u0628\u0651\u0642 \u0641\u064a\u0647. \u062a\u062e\u0631\u062c \u0645\u0646\u0647 \u0628\u0623\u0639\u0645\u0627\u0644\u0643 \u0645\u0643\u062a\u0648\u0628\u0629 \u062f\u0631\u0627\u0633\u0627\u062a \u062d\u0627\u0644\u0629\u060c \u0648\u0648\u0635\u0641 \u062c\u0627\u0647\u0632 \u062a\u0628\u0646\u064a \u0628\u0647 \u0645\u0648\u0642\u0639 \u0623\u0639\u0645\u0627\u0644\u0643 \u0645\u062c\u0627\u0646\u064b\u0627.&lt;\/p&gt;\n    &lt;div class=&quot;meta&quot;&gt;&lt;span&gt;&lt;b&gt;7&lt;\/b&gt; \u062f\u0631\u0648\u0633&lt;\/span&gt;&lt;span&gt;&lt;b&gt;38&lt;\/b&gt; \u0634\u0631\u064a\u062d\u0629&lt;\/span&gt;&lt;span&gt;\u0646\u062d\u0648 &lt;b&gt;30&lt;\/b&gt; \u062f\u0642\u064a\u0642\u0629&lt;\/span&gt;&lt;span&gt;\u0634\u0631\u0627\u0626\u062d \u0645\u0633\u0645\u0648\u0639\u0629 \u0648\u062a\u0645\u0627\u0631\u064a\u0646 \u062a\u0641\u0627\u0639\u0644\u064a\u0629&lt;\/span&gt;&lt;\/div&gt;\n  &lt;\/section&gt;\n\n  &lt;div class=&quot;shell&quot;&gt;\n    &lt;nav class=&quot;rail&quot; id=&quot;rail&quot; aria-label=&quot;\u062f\u0631\u0648\u0633 \u0627\u0644\u0643\u0648\u0631\u0633&quot;&gt;&lt;h2&gt;\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0643\u0648\u0631\u0633&lt;\/h2&gt;&lt;\/nav&gt;\n    &lt;main class=&quot;deck&quot; id=&quot;deck&quot; aria-live=&quot;polite&quot;&gt;&lt;\/main&gt;\n  &lt;\/div&gt;\n&lt;\/div&gt;\n&lt;div class=&quot;wrap&quot;&gt;&lt;p class=&quot;credit&quot;&gt;\u0627\u0644\u062a\u0639\u0644\u064a\u0642 \u0627\u0644\u0635\u0648\u062a\u064a \u0628\u0635\u0648\u062a The Arabic Coach \u0645\u0646 ElevenLabs.&lt;\/p&gt;&lt;\/div&gt;\n&lt;div class=&quot;toast&quot; id=&quot;toast&quot; role=&quot;status&quot;&gt;&lt;\/div&gt;\n\n&lt;script&gt;\n(function(){\n&quot;use strict&quot;;\n\/* Slides per lesson. n = narrated slide (head, text, optional items), a = activity slide *\/\nvar LESSONS = [\n {id:&quot;l1&quot;, title:&quot;\u0644\u0645\u0627\u0630\u0627 \u064a\u0637\u0644\u0628\u0648\u0646 \u0645\u0646\u0643 \u0628\u0648\u0631\u062a\u0641\u0648\u0644\u064a\u0648\u061f&quot;, mins:3, slides:[\n  {t:&quot;n&quot;, kicker:&quot;\u0627\u0644\u0628\u062f\u0627\u064a\u0629&quot;, head:&quot;\u0628\u0648\u0631\u062a\u0641\u0648\u0644\u064a\u0648 \u064a\u0635\u0644 \u0625\u0644\u064a\u0647 \u0635\u0627\u062d\u0628 \u0627\u0644\u0642\u0631\u0627\u0631 \u0641\u064a \u0646\u0642\u0631\u062a\u064a\u0646&quot;,\n   text:&quot;\u0623\u0647\u0644\u064b\u0627 \u0628\u0643 \u064a\u0627 \u0635\u062f\u064a\u0642\u064a. \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0643\u0648\u0631\u0633 \u0633\u062a\u0628\u0646\u064a \u0628\u0648\u0631\u062a\u0641\u0648\u0644\u064a\u0648 \u0643\u0627\u062a\u0628 \u0645\u062d\u062a\u0648\u0649\u060c \u064a\u0635\u0644 \u0641\u064a\u0647 \u0635\u0627\u062d\u0628 \u0627\u0644\u0642\u0631\u0627\u0631 \u0625\u0644\u0649 \u0623\u0639\u0645\u0627\u0644\u0643 \u0641\u064a \u0646\u0642\u0631\u062a\u064a\u0646\u060c \u0628\u0623\u062f\u0648\u0627\u062a \u0645\u062c\u0627\u0646\u064a\u0629\u060c \u0648\u0641\u064a \u062c\u0644\u0633\u0629 \u0639\u0645\u0644 \u0648\u0627\u062d\u062f\u0629.&quot;,\n   items:[&quot;7 \u062f\u0631\u0648\u0633 \u0642\u0635\u064a\u0631\u0629&quot;,&quot;\u062a\u0645\u0631\u064a\u0646 \u0641\u064a \u0643\u0644 \u062f\u0631\u0633&quot;,&quot;\u0648\u0635\u0641 \u062c\u0627\u0647\u0632 \u0644\u0628\u0646\u0627\u0621 \u0645\u0648\u0642\u0639\u0643&quot;]},\n  {t:&quot;n&quot;, kicker:&quot;\u0644\u0645\u0627\u0630\u0627 \u0627\u0644\u0628\u0648\u0631\u062a\u0641\u0648\u0644\u064a\u0648\u061f&quot;, head:&quot;\u0623\u0639\u0645\u0627\u0644\u0643 \u062a\u062a\u062d\u062f\u062b \u0639\u0646\u0643 \u0642\u0628\u0644 \u0627\u0644\u0645\u0642\u0627\u0628\u0644\u0629&quot;,\n   text:&quot;\u062d\u064a\u0646 \u062a\u062a\u0642\u062f\u0645 \u0644\u0648\u0638\u064a\u0641\u0629 \u0643\u062a\u0627\u0628\u0629 \u0645\u062d\u062a\u0648\u0649\u060c \u0633\u062a\u062c\u062f \u0627\u0644\u0628\u0648\u0631\u062a\u0641\u0648\u0644\u064a\u0648 \u0645\u0637\u0644\u0648\u0628\u064b\u0627 \u0641\u064a \u0643\u0644 \u0625\u0639\u0644\u0627\u0646 \u062a\u0642\u0631\u064a\u0628\u064b\u0627. \u0641\u0647\u0648 \u0623\u0648\u0644 \u0645\u0627 \u064a\u0631\u0627\u0647 \u0635\u0627\u062d\u0628 \u0627\u0644\u0639\u0645\u0644 \u0645\u0646\u0643\u060c \u0648\u0639\u0644\u064a\u0647 \u064a\u0642\u0631\u0631 \u0647\u0644 \u064a\u062d\u062f\u0651\u062b\u0643 \u0623\u0645 \u064a\u0646\u062a\u0642\u0644 \u0625\u0644\u0649 \u0627\u0644\u0645\u062a\u0642\u062f\u0645 \u0627\u0644\u062a\u0627\u0644\u064a.&quot;},\n  {t:&quot;n&quot;, kicker:&quot;\u0633\u0624\u0627\u0644 \u0627\u0644\u0643\u0648\u0631\u0633&quot;, head:&quot;\u0643\u064a\u0641 \u064a\u0631\u0649 \u0635\u0627\u062d\u0628 \u0627\u0644\u0642\u0631\u0627\u0631 \u0623\u0639\u0645\u0627\u0644\u0643 \u0628\u0623\u0642\u0644 \u062c\u0647\u062f \u0645\u0645\u0643\u0646\u061f&quot;, big:true,\n   text:&quot;\u0644\u0630\u0644\u0643 \u064a\u062f\u0648\u0631 \u0627\u0644\u0643\u0648\u0631\u0633 \u0643\u0644\u0647 \u062d\u0648\u0644 \u0633\u0624\u0627\u0644 \u0648\u0627\u062d\u062f\u060c \u0643\u064a\u0641 \u064a\u0631\u0649 \u0635\u0627\u062d\u0628 \u0627\u0644\u0642\u0631\u0627\u0631 \u0623\u0639\u0645\u0627\u0644\u0643 \u0628\u0623\u0642\u0644 \u062c\u0647\u062f \u0645\u0645\u0643\u0646\u061f&quot;},\n  {t:&quot;a&quot;, act:&quot;quiz1&quot;}\n ]},\n {id:&quot;l2&quot;, title:&quot;\u0645\u0644\u0641 \u0623\u0645 \u0631\u0627\u0628\u0637\u061f \u0634\u0643\u0644\u0627 \u0627\u0644\u0628\u0648\u0631\u062a\u0641\u0648\u0644\u064a\u0648&quot;, mins:3, slides:[\n  {t:&quot;n&quot;, kicker:&quot;\u0627\u0644\u0634\u0643\u0644\u0627\u0646&quot;, head:&quot;\u0645\u0644\u0641 \u062a\u0631\u0641\u0642\u0647\u060c \u0623\u0648 \u0631\u0627\u0628\u0637 \u062a\u0631\u0633\u0644\u0647&quot;,\n   text:&quot;\u0623\u0645\u0627\u0645\u0643 \u0634\u0643\u0644\u0627\u0646 \u0644\u0644\u0628\u0648\u0631\u062a\u0641\u0648\u0644\u064a\u0648. \u0645\u0644\u0641 PDF \u062a\u0631\u0641\u0642\u0647 \u0641\u064a \u0631\u0633\u0627\u0644\u062a\u0643\u060c \u0623\u0648 \u0631\u0627\u0628\u0637 \u062a\u0631\u0633\u0644\u0647 \u0641\u064a \u0628\u0631\u064a\u062f \u0623\u0648 \u0631\u0633\u0627\u0644\u0629.&quot;,\n   items:[&quot;\u0645\u0644\u0641 PDF \u0645\u0631\u0641\u0642&quot;,&quot;\u0631\u0627\u0628\u0637 \u064a\u064f\u0641\u062a\u062d \u0628\u0646\u0642\u0631\u0629&quot;]},\n  {t:&quot;n&quot;, kicker:&quot;\u0627\u0644\u0623\u062f\u0648\u0627\u062a&quot;, head:&quot;\u0645\u0646 \u0643\u0627\u0646\u0641\u0627 \u0625\u0644\u0649 \u0645\u0648\u0642\u0639\u0643 \u0627\u0644\u0634\u062e\u0635\u064a&quot;,\n   text:&quot;\u0627\u0644\u0645\u0644\u0641\u0627\u062a \u062a\u064f\u0635\u0646\u0639 \u063a\u0627\u0644\u0628\u064b\u0627 \u0639\u0644\u0649 \u0643\u0627\u0646\u0641\u0627 \u0623\u0648 PowerPoint \u0623\u0648 Google Slides\u060c \u0623\u0648 \u062a\u064f\u0643\u062a\u0628 \u0639\u0644\u0649 Word \u0623\u0648 Google Docs. \u0648\u0627\u0644\u0631\u0648\u0627\u0628\u0637 \u062a\u0628\u062f\u0623 \u0628\u0645\u0646\u0635\u0627\u062a \u062c\u0627\u0647\u0632\u0629 \u0645\u062b\u0644 about.me\u060c \u0648\u062a\u0645\u0631 \u0628\u0640WordPress \u0648Google Sites\u060c \u0648\u062a\u0646\u062a\u0647\u064a \u0628\u0645\u0648\u0642\u0639\u0643 \u0627\u0644\u0634\u062e\u0635\u064a.&quot;,\n   items:[&quot;\u0645\u0644\u0641\u0627\u062a|\u0643\u0627\u0646\u0641\u0627\u060c \u0648PowerPoint\u060c \u0648Google Slides\u060c \u0648Word&quot;,&quot;\u0631\u0648\u0627\u0628\u0637|about.me\u060c \u0648WordPress\u060c \u0648Google Sites\u060c \u0648\u0645\u0648\u0642\u0639\u0643&quot;]},\n  {t:&quot;n&quot;, kicker:&quot;\u062a\u062d\u0630\u064a\u0631&quot;, head:&quot;\u0635\u0641\u062d\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0644\u064a\u0633\u062a \u0628\u0648\u0631\u062a\u0641\u0648\u0644\u064a\u0648&quot;,\n   text:&quot;\u0642\u062f \u064a\u0646\u0635\u062d\u0643 \u0628\u0639\u0636\u0647\u0645 \u0628\u062d\u0633\u0627\u0628 \u0625\u0646\u0633\u062a\u062c\u0631\u0627\u0645 \u0623\u0648 \u0635\u0641\u062d\u0629 \u0641\u064a\u0633\u0628\u0648\u0643 \u0628\u062f\u064a\u0644\u064b\u0627 \u0639\u0646 \u0627\u0644\u0628\u0648\u0631\u062a\u0641\u0648\u0644\u064a\u0648. \u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062d\u0627\u062a \u062a\u0635\u0644\u062d \u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a\u060c \u0648\u0644\u0627 \u062a\u0635\u0644\u062d \u0644\u0639\u0631\u0636 \u0623\u0639\u0645\u0627\u0644\u0643 \u0639\u0644\u0649 \u0635\u0627\u062d\u0628 \u0642\u0631\u0627\u0631.&quot;},\n  {t:&quot;a&quot;, act:&quot;sorter&quot;}\n ]},\n {id:&quot;l3&quot;, title:&quot;\u0627\u062e\u062a\u0628\u0627\u0631 \u0635\u0627\u062d\u0628 \u0627\u0644\u0642\u0631\u0627\u0631&quot;, mins:4, slides:[\n  {t:&quot;n&quot;, kicker:&quot;\u0627\u0644\u0628\u062f\u0627\u064a\u0629 \u0627\u0644\u0645\u0639\u062a\u0627\u062f\u0629&quot;, head:&quot;\u0645\u0644\u0641 Word \u0644\u0627 \u064a\u0645\u062b\u0651\u0644 \u0639\u0645\u0644\u0643 \u0643\u0644\u0647&quot;,\n   text:&quot;\u0631\u0628\u0645\u0627 \u0628\u062f\u0623\u062a \u0645\u062b\u0644 \u0623\u063a\u0644\u0628 \u0627\u0644\u0643\u062a\u0651\u0627\u0628 \u0628\u0645\u0644\u0641 Word\u060c \u0641\u064a\u0647 \u0644\u0642\u0637\u0627\u062a \u0634\u0627\u0634\u0629 \u0645\u0646 \u0645\u0646\u0634\u0648\u0631\u0627\u062a\u0643 \u0648\u0631\u0648\u0627\u0628\u0637 \u0645\u0642\u0627\u0644\u0627\u062a\u0643. \u062a\u0637\u0628\u0639\u0647 \u0648\u062a\u062d\u0645\u0644\u0647 \u0625\u0644\u0649 \u0627\u0644\u0645\u0642\u0627\u0628\u0644\u0627\u062a\u060c \u0644\u0643\u0646\u0647 \u0644\u0627 \u064a\u0645\u062b\u0651\u0644 \u0639\u0645\u0644\u0643 \u0643\u0644\u0647.&quot;},\n  {t:&quot;n&quot;, kicker:&quot;\u0627\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u062a\u0627\u0644\u064a\u0629&quot;, head:&quot;\u0643\u0627\u0646\u0641\u0627 \u0623\u062c\u0645\u0644 \u0644\u0644\u0639\u064a\u0646\u060c \u0648\u0623\u062b\u0642\u0644 \u0639\u0644\u0649 \u0635\u0627\u062d\u0628 \u0627\u0644\u0642\u0631\u0627\u0631&quot;,\n   text:&quot;\u062b\u0645 \u062a\u0646\u062a\u0642\u0644 \u0625\u0644\u0649 \u0639\u0631\u0636 \u062a\u0642\u062f\u064a\u0645\u064a \u0639\u0644\u0649 \u0643\u0627\u0646\u0641\u0627\u060c \u0623\u0643\u062b\u0631 \u062a\u0631\u062a\u064a\u0628\u064b\u0627 \u0648\u0623\u062c\u0645\u0644 \u0644\u0644\u0639\u064a\u0646. \u0648\u0639\u064a\u0628\u0647 \u0641\u064a \u0646\u0642\u0637\u0629 \u0648\u0627\u062d\u062f\u0629\u060c \u062a\u062c\u0631\u0628\u0629 \u0635\u0627\u062d\u0628 \u0627\u0644\u0642\u0631\u0627\u0631 \u0627\u0644\u0630\u064a \u064a\u0641\u062a\u062d\u0647.&quot;},\n  {t:&quot;n&quot;, kicker:&quot;\u0636\u0639 \u0646\u0641\u0633\u0643 \u0645\u0643\u0627\u0646\u0647&quot;, head:&quot;\u0631\u062d\u0644\u0629 \u0627\u0644\u0645\u0644\u0641 \u062d\u062a\u0649 \u0623\u0648\u0644 \u0645\u0642\u0627\u0644&quot;,\n   text:&quot;\u0636\u0639 \u0646\u0641\u0633\u0643 \u0645\u0643\u0627\u0646\u0647. \u064a\u0646\u0632\u0651\u0644 \u0627\u0644\u0645\u0644\u0641\u060c \u0648\u064a\u0628\u062d\u062b \u0639\u0646\u0647 \u0641\u064a \u0645\u062c\u0644\u062f \u0627\u0644\u062a\u0646\u0632\u064a\u0644\u0627\u062a\u060c \u0648\u064a\u0646\u062a\u0638\u0631 \u062d\u062a\u0649 \u064a\u0641\u062a\u062d\u060c \u062b\u0645 \u064a\u0645\u0631\u0651\u0631 \u0635\u0641\u062d\u0627\u062a \u0627\u0644\u062a\u0639\u0631\u064a\u0641 \u0648\u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0645\u0646\u0634\u0648\u0631\u0627\u062a \u0642\u0628\u0644 \u0623\u0646 \u064a\u0635\u0644 \u0625\u0644\u0649 \u0623\u0648\u0644 \u0645\u0642\u0627\u0644.&quot;,\n   items:[&quot;\u062a\u0646\u0632\u064a\u0644 \u0627\u0644\u0645\u0631\u0641\u0642&quot;,&quot;\u0627\u0644\u0628\u062d\u062b \u0641\u064a \u0627\u0644\u062a\u0646\u0632\u064a\u0644\u0627\u062a&quot;,&quot;\u0627\u0646\u062a\u0638\u0627\u0631 \u0627\u0644\u0641\u062a\u062d&quot;,&quot;\u062a\u0645\u0631\u064a\u0631 \u0635\u0641\u062d\u0627\u062a \u0627\u0644\u062a\u0639\u0631\u064a\u0641&quot;,&quot;\u062a\u0645\u0631\u064a\u0631 \u0627\u0644\u0645\u0646\u0634\u0648\u0631\u0627\u062a&quot;,&quot;\u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0627\u0644\u0645\u0642\u0627\u0644&quot;], steps:true},\n  {t:&quot;a&quot;, act:&quot;sim&quot;},\n  {t:&quot;n&quot;, kicker:&quot;\u0627\u0644\u0642\u0627\u0639\u062f\u0629&quot;, head:&quot;\u0642\u0627\u0639\u062f\u0629 \u0627\u0644\u0646\u0642\u0631\u062a\u064a\u0646&quot;, big:true,\n   text:&quot;\u062c\u062f\u0648\u0644 \u0627\u0644\u0645\u062d\u062a\u0648\u064a\u0627\u062a \u064a\u062d\u0644 \u062c\u0632\u0621\u064b\u0627 \u0645\u0646 \u0627\u0644\u0645\u0634\u0643\u0644\u0629\u060c \u0644\u0643\u0646 \u0643\u062b\u064a\u0631\u064a\u0646 \u0644\u0627 \u064a\u0646\u062a\u0628\u0647\u0648\u0646 \u0625\u0644\u064a\u0647. \u0641\u062a\u0630\u0643\u0651\u0631 \u0642\u0627\u0639\u062f\u0629 \u0627\u0644\u0646\u0642\u0631\u062a\u064a\u0646\u060c \u0625\u0646 \u0627\u062d\u062a\u0627\u062c \u0635\u0627\u062d\u0628 \u0627\u0644\u0642\u0631\u0627\u0631 \u0623\u0643\u062b\u0631 \u0645\u0646 \u0646\u0642\u0631\u062a\u064a\u0646 \u0644\u064a\u0635\u0644 \u0625\u0644\u0649 \u0639\u064a\u0646\u0629\u060c \u0641\u0623\u0639\u062f \u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0628\u0648\u0631\u062a\u0641\u0648\u0644\u064a\u0648.&quot;},\n  {t:&quot;a&quot;, act:&quot;quiz3&quot;}\n ]},\n {id:&quot;l4&quot;, title:&quot;\u0644\u0645\u0627\u0630\u0627 \u062a\u062a\u062c\u0646\u0628 \u0627\u0644\u0645\u0646\u0635\u0627\u062a \u0627\u0644\u062c\u0627\u0647\u0632\u0629\u061f&quot;, mins:4, slides:[\n  {t:&quot;n&quot;, kicker:&quot;Contently&quot;, head:&quot;\u0648\u0627\u062c\u0647\u0629 \u0623\u0646\u064a\u0642\u0629\u060c \u0648\u062b\u0644\u0627\u062b\u0629 \u0639\u064a\u0648\u0628&quot;,\n   text:&quot;\u0643\u0627\u0646 Contently \u0645\u0646\u0627\u0633\u0628\u064b\u0627 \u0644\u0645\u0646 \u064a\u0628\u062f\u0623 \u0628\u0644\u0627 \u0623\u0639\u0645\u0627\u0644 \u0643\u062b\u064a\u0631\u0629\u060c \u0628\u0648\u0627\u062c\u0647\u0629 \u062a\u0631\u0635\u0651 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0641\u064a \u0645\u0631\u0628\u0639\u0627\u062a \u0645\u062a\u062c\u0627\u0648\u0631\u0629. \u0644\u0643\u0646 \u0644\u0647 \u062b\u0644\u0627\u062b\u0629 \u0639\u064a\u0648\u0628.&quot;},\n  {t:&quot;n&quot;, kicker:&quot;\u0627\u0644\u0639\u064a\u0648\u0628 \u0627\u0644\u062b\u0644\u0627\u062b\u0629&quot;, head:&quot;\u0644\u0645\u0627\u0630\u0627 \u0644\u0627 \u064a\u0646\u0627\u0633\u0628 \u0635\u0627\u062d\u0628 \u0627\u0644\u0642\u0631\u0627\u0631\u061f&quot;,\n   text:&quot;\u0623\u0648\u0644\u0647\u0627 \u0635\u0639\u0648\u0628\u0629 \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0628\u062a\u0641\u0627\u0635\u064a\u0644\u0647\u060c \u0648\u0623\u0635\u0639\u0628\u0647\u0627 \u062a\u0635\u0646\u064a\u0641 \u0645\u0648\u0636\u0648\u0639\u0647. \u0648\u062b\u0627\u0646\u064a\u0647\u0627 \u0623\u0646 \u0643\u062b\u064a\u0631\u064a\u0646 \u0645\u0646 \u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0642\u0631\u0627\u0631 \u0644\u0627 \u064a\u0633\u062a\u0639\u0645\u0644\u0648\u0646 \u0641\u0644\u062a\u0631 \u0627\u0644\u0623\u0646\u0648\u0627\u0639\u060c \u0641\u064a\u062a\u0634\u062a\u062a\u0648\u0646 \u0628\u064a\u0646 \u0627\u0644\u0645\u0646\u0634\u0648\u0631\u0627\u062a \u0648\u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a \u0648\u0627\u0644\u0633\u0643\u0631\u064a\u0628\u062a\u0627\u062a. \u0648\u062b\u0627\u0644\u062b\u0647\u0627 \u0623\u0646 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0643\u0644\u0647\u0627 \u0641\u064a \u0635\u0641\u062d\u0629 \u0648\u0627\u062d\u062f\u0629\u060c \u0641\u064a\u0637\u0648\u0644 \u0627\u0644\u062a\u0645\u0631\u064a\u0631.&quot;,\n   items:[&quot;\u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u062a\u0635\u0646\u064a\u0641\u0647 \u0635\u0639\u0628\u0629&quot;,&quot;\u0627\u0644\u0623\u0646\u0648\u0627\u0639 \u0645\u062e\u062a\u0644\u0637\u0629 \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f&quot;,&quot;\u0635\u0641\u062d\u0629 \u0648\u0627\u062d\u062f\u0629 \u0648\u062a\u0645\u0631\u064a\u0631 \u0637\u0648\u064a\u0644&quot;], steps:true},\n  {t:&quot;n&quot;, kicker:&quot;\u0627\u0644\u064a\u0648\u0645&quot;, head:&quot;\u0627\u0646\u062a\u0647\u0649 \u062f\u0648\u0631\u0647 \u062a\u0645\u0627\u0645\u064b\u0627&quot;, big:true,\n   text:&quot;\u0648\u0627\u0644\u064a\u0648\u0645 \u0627\u0646\u062a\u0647\u0649 \u062f\u0648\u0631\u0647 \u062a\u0645\u0627\u0645\u064b\u0627\u060c \u0648\u0644\u0645 \u064a\u0639\u062f \u0645\u062a\u0627\u062d\u064b\u0627 \u0623\u0635\u0644\u064b\u0627 \u0644\u0646\u0634\u0631 \u0627\u0644\u0628\u0648\u0631\u062a\u0641\u0648\u0644\u064a\u0648.&quot;},\n  {t:&quot;n&quot;, kicker:&quot;Google Sites&quot;, head:&quot;\u0645\u062c\u0627\u0646\u064a \u0648\u0633\u0647\u0644\u060c \u0644\u0643\u0646\u0647 \u0628\u062f\u0627\u0626\u064a&quot;,\n   text:&quot;\u0623\u0645\u0627 Google Sites \u0641\u0628\u062f\u064a\u0644 \u0645\u062c\u0627\u0646\u064a \u0633\u0647\u0644\u060c \u062a\u0628\u0646\u064a \u0641\u064a\u0647 \u0635\u0641\u062d\u0629 \u0644\u0643\u0644 \u0646\u0648\u0639 \u0645\u0646 \u0627\u0644\u0645\u062d\u062a\u0648\u0649\u060c \u0648\u062a\u0631\u0641\u0639 \u0645\u0644\u0641\u0627\u062a\u0643 \u0645\u0646 Drive \u0641\u064a \u062b\u0648\u0627\u0646\u064d. \u0644\u0643\u0646\u0647 \u0627\u0644\u064a\u0648\u0645 \u0628\u062f\u0627\u0626\u064a \u0628\u0639\u0636 \u0627\u0644\u0634\u064a\u0621\u060c \u0641\u0642\u0648\u0627\u0644\u0628\u0647 \u0645\u062d\u062f\u0648\u062f\u0629\u060c \u0648\u062a\u0635\u0645\u064a\u0645\u0647 \u064a\u0643\u0634\u0641 \u0623\u0646\u0647 \u0645\u0628\u0646\u064a \u0639\u0644\u0649 \u0642\u0627\u0644\u0628 \u062c\u0627\u0647\u0632.&quot;},\n  {t:&quot;n&quot;, kicker:&quot;\u0628\u062f\u0627\u0626\u0644 \u0623\u062e\u0631\u0649&quot;, head:&quot;WordPress \u0648about.me \u0648Trello&quot;,\n   text:&quot;\u0648WordPress \u0648about.me \u0644\u0637\u064a\u0641\u0627\u0646\u060c \u0644\u0643\u0646 \u0645\u0632\u0627\u064a\u0627\u0647\u0645\u0627 \u0644\u0627 \u062a\u0623\u062a\u064a \u0643\u0644\u0647\u0627 \u0645\u062c\u0627\u0646\u064b\u0627. \u0648Trello \u064a\u0645\u0646\u062d\u0643 \u062a\u0646\u0638\u064a\u0645\u064b\u0627 \u062c\u064a\u062f\u064b\u0627\u060c \u0644\u0643\u0646 \u0627\u0644\u062a\u0646\u0642\u0644 \u0628\u064a\u0646 \u0627\u0644\u0631\u0648\u0627\u0628\u0637 \u0641\u064a\u0647 \u0645\u0631\u0647\u0642\u060c \u0641\u0627\u062a\u0631\u0643\u0647 \u0644\u0648\u0638\u064a\u0641\u062a\u0647 \u0627\u0644\u0623\u0635\u0644\u064a\u0629\u060c \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u0647\u0627\u0645.&quot;},\n  {t:&quot;a&quot;, act:&quot;tf&quot;}\n ]},\n {id:&quot;l5&quot;, title:&quot;\u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0634\u062e\u0635\u064a\u060c \u0623\u0645\u0633 \u0648\u0627\u0644\u064a\u0648\u0645&quot;, mins:3, slides:[\n  {t:&quot;n&quot;, kicker:&quot;\u0644\u0645\u0627\u0630\u0627 \u0645\u0648\u0642\u0639\u061f&quot;, head:&quot;\u0645\u0627 \u0644\u0627 \u064a\u0645\u0646\u062d\u0647 \u0645\u0644\u0641 \u0648\u0644\u0627 \u0645\u0646\u0635\u0629&quot;,\n   text:&quot;\u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0634\u062e\u0635\u064a \u064a\u0645\u0646\u062d\u0643 \u0645\u0627 \u0644\u0627 \u064a\u0645\u0646\u062d\u0647 \u0645\u0644\u0641 \u0648\u0644\u0627 \u0645\u0646\u0635\u0629\u060c \u0639\u0644\u0627\u0645\u0629 \u0634\u062e\u0635\u064a\u0629 \u0642\u0648\u064a\u0629\u060c \u0648\u0645\u0633\u0627\u062d\u0629 \u062a\u0645\u0644\u0643\u0647\u0627 \u0628\u0644\u0627 \u0634\u0631\u0648\u0637 \u064a\u0641\u0631\u0636\u0647\u0627 \u063a\u064a\u0631\u0643\u060c \u0648\u0635\u0641\u062d\u0629 \u0645\u0633\u062a\u0642\u0644\u0629 \u0644\u0643\u0644 \u0646\u0648\u0639 \u0645\u0646 \u0627\u0644\u0645\u062d\u062a\u0648\u0649\u060c \u0648\u062a\u062c\u0631\u0628\u0629 \u0633\u0647\u0644\u0629 \u0644\u0635\u0627\u062d\u0628 \u0627\u0644\u0642\u0631\u0627\u0631.&quot;,\n   items:[&quot;\u0639\u0644\u0627\u0645\u0629 \u0634\u062e\u0635\u064a\u0629 \u0642\u0648\u064a\u0629&quot;,&quot;\u0645\u0633\u0627\u062d\u0629 \u062a\u0645\u0644\u0643\u0647\u0627&quot;,&quot;\u0635\u0641\u062d\u0629 \u0644\u0643\u0644 \u0646\u0648\u0639&quot;,&quot;\u062a\u062c\u0631\u0628\u0629 \u0633\u0647\u0644\u0629 \u0644\u0635\u0627\u062d\u0628 \u0627\u0644\u0642\u0631\u0627\u0631&quot;]},\n  {t:&quot;n&quot;, kicker:&quot;\u0623\u0645\u0633&quot;, head:&quot;\u0643\u0627\u0646 \u062b\u0645\u0646\u0647 \u0645\u0631\u062a\u0641\u0639\u064b\u0627&quot;,\n   text:&quot;\u0642\u0628\u0644 \u0633\u0646\u0648\u0627\u062a \u0643\u0627\u0646 \u062b\u0645\u0646\u0647 \u0645\u0631\u062a\u0641\u0639\u064b\u0627. \u0627\u0634\u062a\u0631\u0627\u0643 \u0633\u0646\u0648\u064a \u0628\u0627\u0644\u062f\u0648\u0644\u0627\u0631\u060c \u0648\u062a\u0639\u0644\u0651\u0645 WordPress\u060c \u0648\u0641\u0647\u0645 \u0645\u0635\u0637\u0644\u062d\u0627\u062a \u0645\u062b\u0644 Domain \u0648Host \u0648SSL\u060c \u0648\u0627\u062e\u062a\u064a\u0627\u0631 \u0642\u0627\u0644\u0628 \u0645\u0646 \u0645\u0626\u0627\u062a \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a\u060c \u0648\u062e\u0637\u0631 \u0627\u0644\u0627\u062e\u062a\u0631\u0627\u0642.&quot;},\n  {t:&quot;n&quot;, kicker:&quot;\u0627\u0644\u064a\u0648\u0645&quot;, head:&quot;\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u062a\u0628\u062f\u0623 \u0645\u0646 \u0635\u0641\u0631&quot;, big:true,\n   text:&quot;\u0648\u0627\u0644\u062e\u0628\u0631 \u0627\u0644\u062c\u064a\u062f \u0623\u0646 \u0647\u0630\u0627 \u0627\u0644\u062d\u0633\u0627\u0628 \u062a\u063a\u064a\u0651\u0631. \u0623\u063a\u0644\u0628 \u0647\u0630\u0647 \u0627\u0644\u062a\u062d\u062f\u064a\u0627\u062a \u062a\u062a\u0648\u0644\u0627\u0647\u0627 \u0627\u0644\u064a\u0648\u0645 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\u060c \u0648\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u062a\u0628\u062f\u0623 \u0645\u0646 \u0635\u0641\u0631.&quot;},\n  {t:&quot;a&quot;, act:&quot;flips&quot;}\n ]},\n {id:&quot;l6&quot;, title:&quot;\u0627\u0644\u0641\u0627\u064a\u0628 \u0643\u0648\u062f\u0646\u062c\u060c \u0623\u064a \u0623\u062f\u0627\u0629 \u062a\u062e\u062a\u0627\u0631\u061f&quot;, mins:4, slides:[\n  {t:&quot;n&quot;, kicker:&quot;\u0627\u0644\u062a\u0639\u0631\u064a\u0641&quot;, head:&quot;\u062a\u0635\u0641 \u0627\u0644\u0645\u0648\u0642\u0639 \u0628\u0627\u0644\u0643\u0644\u0627\u0645\u060c \u0648\u0627\u0644\u0623\u062f\u0627\u0629 \u062a\u0628\u0646\u064a\u0647&quot;,\n   text:&quot;\u0627\u0644\u0641\u0627\u064a\u0628 \u0643\u0648\u062f\u0646\u062c \u0623\u0646 \u062a\u0635\u0641 \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0630\u064a \u062a\u0631\u064a\u062f\u0647 \u0628\u0644\u063a\u062a\u0643 \u0627\u0644\u0639\u0627\u062f\u064a\u0629\u060c \u0641\u062a\u0643\u062a\u0628 \u0623\u062f\u0627\u0629 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0627\u0644\u0643\u0648\u062f \u0648\u062a\u0639\u0631\u0636 \u0639\u0644\u064a\u0643 \u0627\u0644\u0646\u062a\u064a\u062c\u0629\u060c \u062b\u0645 \u062a\u0639\u062f\u0651\u0644 \u0628\u0627\u0644\u0643\u0644\u0627\u0645 \u0645\u062b\u0644\u0645\u0627 \u062a\u0639\u062f\u0651\u0644 \u0645\u0639 \u0645\u0635\u0645\u0645 \u064a\u062c\u0644\u0633 \u0628\u062c\u0648\u0627\u0631\u0643.&quot;},\n  {t:&quot;n&quot;, kicker:&quot;Lovable&quot;, head:&quot;\u0627\u0628\u062f\u0623 \u0647\u0646\u0627 \u0625\u0646 \u0643\u0646\u062a \u0644\u0627 \u062a\u0643\u062a\u0628 \u0643\u0648\u062f\u064b\u0627&quot;,\n   text:&quot;\u0625\u0646 \u0643\u0646\u062a \u0644\u0627 \u062a\u0643\u062a\u0628 \u0643\u0648\u062f\u064b\u0627\u060c \u0641\u0627\u0628\u062f\u0623 \u0628\u0640Lovable. \u062e\u0637\u062a\u0647 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 \u062a\u0645\u0646\u062d\u0643 \u062e\u0645\u0633\u0629 \u0623\u0631\u0635\u062f\u0629 \u064a\u0648\u0645\u064a\u064b\u0627\u060c \u0628\u062d\u062f \u0623\u0642\u0635\u0649 \u0646\u062d\u0648 \u062b\u0644\u0627\u062b\u064a\u0646 \u0641\u064a \u0627\u0644\u0634\u0647\u0631\u060c \u0648\u0627\u0644\u0645\u0639\u0627\u064a\u0646\u0629 \u0627\u0644\u062d\u064a\u0629 \u062a\u0631\u064a\u0643 \u0623\u062b\u0631 \u0643\u0644 \u062a\u0639\u062f\u064a\u0644 \u0641\u0648\u0631\u064b\u0627.&quot;},\n  {t:&quot;n&quot;, kicker:&quot;Bolt \u0648Claude Code&quot;, head:&quot;\u0628\u062f\u064a\u0644 \u0645\u062c\u0627\u0646\u064a\u060c \u0648\u062e\u064a\u0627\u0631 \u0644\u0644\u0645\u0634\u062a\u0631\u0643\u064a\u0646&quot;,\n   text:&quot;\u0648\u0625\u0646 \u0646\u0641\u062f \u0631\u0635\u064a\u062f\u0643 \u0641\u0640Bolt \u0628\u062f\u064a\u0644 \u0642\u0631\u064a\u0628\u060c \u064a\u0645\u0646\u062d\u0643 \u0645\u0644\u064a\u0648\u0646 \u062a\u0648\u0643\u0646 \u0634\u0647\u0631\u064a\u064b\u0627. \u0623\u0645\u0627 Claude Code \u0641\u064a\u0639\u0645\u0644 \u0636\u0645\u0646 \u0627\u0634\u062a\u0631\u0627\u0643 Claude Pro \u0623\u0648 Max\u060c \u0648\u064a\u0646\u0627\u0633\u0628\u0643 \u0625\u0646 \u0623\u0631\u062f\u062a \u062a\u062d\u0643\u0645\u064b\u0627 \u0643\u0627\u0645\u0644\u064b\u0627 \u0641\u064a \u0645\u0644\u0641\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639.&quot;},\n  {t:&quot;n&quot;, kicker:&quot;ChatGPT&quot;, head:&quot;\u0645\u0644\u0641 \u062a\u0645\u0644\u0643\u0647 \u0643\u0627\u0645\u0644\u064b\u0627&quot;,\n   text:&quot;\u0648\u0625\u0646 \u0623\u0631\u062f\u062a \u0645\u0644\u0641\u064b\u0627 \u062a\u0645\u0644\u0643\u0647 \u0643\u0627\u0645\u0644\u064b\u0627\u060c \u0641\u0627\u0637\u0644\u0628 \u0645\u0646 ChatGPT \u0635\u0641\u062d\u0629 HTML \u0648\u0627\u062d\u062f\u0629\u060c \u0648\u0627\u0631\u0641\u0639\u0647\u0627 \u0645\u062c\u0627\u0646\u064b\u0627 \u0639\u0644\u0649 Netlify \u0623\u0648 GitHub Pages. \u0648\u062a\u0630\u0643\u0651\u0631 \u0623\u0646 \u0647\u0630\u0647 \u0627\u0644\u0623\u0631\u0642\u0627\u0645 \u0635\u062d\u064a\u062d\u0629 \u062d\u062a\u0649 \u0623\u0643\u062a\u0648\u0628\u0631 2026.&quot;},\n  {t:&quot;a&quot;, act:&quot;tools&quot;}\n ]},\n {id:&quot;l7&quot;, title:&quot;\u0648\u0631\u0634\u0629 \u0639\u0645\u0644\u064a\u0629\u060c \u0623\u0639\u0645\u0627\u0644\u0643 \u062f\u0631\u0627\u0633\u0627\u062a \u062d\u0627\u0644\u0629&quot;, mins:7, slides:[\n  {t:&quot;n&quot;, kicker:&quot;\u0627\u0644\u062a\u0637\u0628\u064a\u0642&quot;, head:&quot;\u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a \u0627\u0644\u0645\u0631\u0635\u0648\u0635\u0629 \u0644\u0627 \u062a\u062e\u0628\u0631\u0647 \u0643\u064a\u0641 \u062a\u0641\u0643\u0631&quot;,\n   text:&quot;\u0648\u0635\u0644\u0646\u0627 \u0625\u0644\u0649 \u0627\u0644\u062a\u0637\u0628\u064a\u0642. \u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a \u0627\u0644\u0645\u0631\u0635\u0648\u0635\u0629 \u0628\u062c\u0648\u0627\u0631 \u0628\u0639\u0636\u0647\u0627 \u062a\u062e\u0628\u0631 \u0635\u0627\u062d\u0628 \u0627\u0644\u0642\u0631\u0627\u0631 \u0623\u0646\u0643 \u062a\u0643\u062a\u0628\u060c \u0648\u0644\u0627 \u062a\u062e\u0628\u0631\u0647 \u0643\u064a\u0641 \u062a\u0641\u0643\u0631.&quot;},\n  {t:&quot;n&quot;, kicker:&quot;\u062f\u0631\u0627\u0633\u0629 \u0627\u0644\u062d\u0627\u0644\u0629&quot;, head:&quot;\u0627\u0644\u062a\u062d\u062f\u064a\u060c \u0648\u0627\u0644\u062d\u0644\u060c \u0648\u0627\u0644\u0646\u062a\u0627\u0626\u062c&quot;,\n   text:&quot;\u0644\u0630\u0644\u0643 \u0627\u0639\u0631\u0636 \u0643\u0644 \u0639\u0645\u0644 \u062f\u0631\u0627\u0633\u0629 \u062d\u0627\u0644\u0629 \u0645\u0646 \u062b\u0644\u0627\u062b\u0629 \u0623\u062c\u0632\u0627\u0621\u060c \u0627\u0644\u062a\u062d\u062f\u064a \u0627\u0644\u0630\u064a \u0648\u0627\u062c\u0647\u0647 \u0627\u0644\u0639\u0645\u064a\u0644\u060c \u0648\u0645\u0627 \u0641\u0639\u0644\u062a\u0647 \u0623\u0646\u062a \u0644\u062d\u0644\u0647\u060c \u0648\u0627\u0644\u0646\u062a\u064a\u062c\u0629 \u0627\u0644\u062a\u064a \u062a\u062d\u0642\u0642\u062a.&quot;,\n   items:[&quot;\u0627\u0644\u062a\u062d\u062f\u064a&quot;,&quot;\u0627\u0644\u062d\u0644&quot;,&quot;\u0627\u0644\u0646\u062a\u0627\u0626\u062c&quot;], steps:true},\n  {t:&quot;a&quot;, act:&quot;ba&quot;},\n  {t:&quot;n&quot;, kicker:&quot;\u0627\u0644\u0646\u062a\u0627\u0626\u062c&quot;, head:&quot;\u0623\u0631\u0642\u0627\u0645 \u062d\u0642\u064a\u0642\u064a\u0629\u060c \u0623\u0648 \u0623\u062b\u0631 \u062d\u0642\u064a\u0642\u064a&quot;,\n   text:&quot;\u0627\u0643\u062a\u0628 \u0627\u0644\u0646\u062a\u064a\u062c\u0629 \u0628\u0627\u0644\u0623\u0631\u0642\u0627\u0645 \u0625\u0646 \u0648\u064f\u062c\u062f\u062a\u060c \u0632\u064a\u0627\u0631\u0627\u062a \u0623\u0648 \u062a\u0631\u062a\u064a\u0628\u064b\u0627 \u0641\u064a \u0627\u0644\u0628\u062d\u062b \u0623\u0648 \u0645\u0628\u064a\u0639\u0627\u062a. \u0648\u0625\u0646 \u0644\u0645 \u062a\u062c\u062f \u0631\u0642\u0645\u064b\u0627\u060c \u0641\u0627\u0630\u0643\u0631 \u0623\u062b\u0631 \u0639\u0645\u0644\u0643 \u0639\u0644\u0649 \u0627\u0644\u0646\u062d\u0648 \u0627\u0644\u0630\u064a \u0648\u0635\u0641\u0647 \u0627\u0644\u0639\u0645\u064a\u0644\u060c \u0648\u0644\u0627 \u062a\u062e\u062a\u0631\u0639 \u0631\u0642\u0645\u064b\u0627.&quot;},\n  {t:&quot;a&quot;, act:&quot;builder&quot;},\n  {t:&quot;n&quot;, kicker:&quot;\u0627\u0644\u0628\u0646\u0627\u0621&quot;, head:&quot;\u0631\u0633\u0627\u0644\u0629 \u0648\u0627\u062d\u062f\u0629\u060c \u062b\u0645 \u062a\u0639\u062f\u064a\u0644 \u0648\u0627\u062d\u062f \u0641\u064a \u0643\u0644 \u0645\u0631\u0629&quot;,\n   text:&quot;\u062c\u0647\u0651\u0632 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0642\u0628\u0644 \u0623\u0646 \u062a\u0641\u062a\u062d \u0627\u0644\u0623\u062f\u0627\u0629\u060c \u0648\u0627\u0643\u062a\u0628 \u0627\u0644\u0648\u0635\u0641 \u0643\u0644\u0647 \u0641\u064a \u0631\u0633\u0627\u0644\u0629 \u0648\u0627\u062d\u062f\u0629\u060c \u0648\u0627\u0637\u0644\u0628 \u0635\u0631\u0627\u062d\u0629\u064b \u0645\u0648\u0642\u0639\u064b\u0627 \u0639\u0631\u0628\u064a\u064b\u0627 \u0645\u0646 \u0627\u0644\u064a\u0645\u064a\u0646 \u0625\u0644\u0649 \u0627\u0644\u064a\u0633\u0627\u0631. \u062b\u0645 \u0639\u062f\u0651\u0644 \u062a\u0639\u062f\u064a\u0644\u064b\u0627 \u0648\u0627\u062d\u062f\u064b\u0627 \u0641\u064a \u0643\u0644 \u0631\u0633\u0627\u0644\u0629\u060c \u0648\u0627\u0646\u0634\u0631 \u0639\u0644\u0649 \u0627\u0644\u0646\u0637\u0627\u0642 \u0627\u0644\u0645\u062c\u0627\u0646\u064a \u0627\u0644\u064a\u0648\u0645.&quot;},\n  {t:&quot;a&quot;, act:&quot;checklist&quot;},\n  {t:&quot;a&quot;, act:&quot;prompt&quot;},\n  {t:&quot;n&quot;, kicker:&quot;\u0627\u0644\u062e\u062a\u0627\u0645&quot;, head:&quot;\u0627\u0644\u0645\u062b\u0627\u0644\u064a\u0629 \u0639\u062f\u0648 \u0627\u0644\u0625\u0646\u062a\u0627\u062c\u064a\u0629&quot;, big:true, finish:true,\n   text:&quot;\u0627\u0644\u0645\u062b\u0627\u0644\u064a\u0629 \u0639\u062f\u0648 \u0627\u0644\u0625\u0646\u062a\u0627\u062c\u064a\u0629. \u0627\u0635\u0646\u0639 \u0627\u0644\u0628\u0648\u0631\u062a\u0641\u0648\u0644\u064a\u0648 \u0627\u0644\u064a\u0648\u0645\u060c \u0648\u0642\u064a\u0651\u0645 \u0623\u0646\u0633\u0628 \u0634\u0643\u0644 \u0644\u0647 \u0644\u0627\u062d\u0642\u064b\u0627. \u0648\u0644\u0627 \u062a\u0642\u0639 \u0641\u064a \u0641\u062e \u0648\u0647\u0645 \u0627\u0644\u062a\u0641\u0648\u0642\u060c \u062d\u062a\u0649 \u0644\u0648 \u0623\u062b\u0646\u0649 \u0643\u0644 \u0632\u0645\u0644\u0627\u0626\u0643 \u0639\u0644\u0649 \u0639\u0645\u0644\u0643.&quot;}\n ]}\n];\n\nvar AUDIO_KEYS=[&quot;l1-1&quot;, &quot;l1-2&quot;, &quot;l1-3&quot;, &quot;l2-2&quot;, &quot;l2-3&quot;, &quot;l3-1&quot;, &quot;l3-2&quot;, &quot;l3-3&quot;, &quot;l3-5&quot;, &quot;l4-1&quot;];\n\n\/* ---------- state ---------- *\/\nvar KEY=&quot;kh-portfolio-course-v2&quot;, state={done:{},cur:0,slide:0,seen:{},checks:{},form:{}};\ntry{ var raw=localStorage.getItem(KEY); if(raw){ var p=JSON.parse(raw); if(p&amp;&amp;typeof p===&quot;object&quot;) state=Object.assign(state,p); } }catch(e){}\nfunction save(){ try{ localStorage.setItem(KEY,JSON.stringify(state)); }catch(e){} }\nif(location.hash){ var hi=LESSONS.findIndex(function(l){return &quot;#&quot;+l.id===location.hash;}); if(hi&gt;=0){ state.cur=hi; state.slide=0; } }\nif(!LESSONS[state.cur]) state.cur=0; if(!LESSONS[state.cur].slides[state.slide]) state.slide=0;\n\nvar $=function(s,r){return (r||document).querySelector(s);};\nfunction el(tag,attrs,html){ var e=document.createElement(tag); if(attrs) for(var k in attrs){ if(k===&quot;class&quot;) e.className=attrs[k]; else e.setAttribute(k,attrs[k]); } if(html!=null) e.innerHTML=html; return e; }\nfunction esc(s){ return String(s).replace(\/[&amp;&lt;&gt;&quot;]\/g,function(c){return {&quot;&amp;&quot;:&quot;&amp;amp;&quot;,&quot;&lt;&quot;:&quot;&amp;lt;&quot;,&quot;&gt;&quot;:&quot;&amp;gt;&quot;,&#x27;&quot;&#x27;:&quot;&amp;quot;&quot;}[c];}); }\nfunction toast(msg){ var t=$(&quot;#toast&quot;); t.textContent=msg; t.classList.add(&quot;show&quot;); clearTimeout(toast._t); toast._t=setTimeout(function(){t.classList.remove(&quot;show&quot;);},1800); }\n\n\/* ---------- rail ---------- *\/\nfunction renderRail(){\n  var rail=$(&quot;#rail&quot;); rail.querySelectorAll(&quot;.lnk&quot;).forEach(function(n){n.remove();});\n  LESSONS.forEach(function(l,i){\n    var b=el(&quot;button&quot;,{class:&quot;lnk&quot;+(state.done[l.id]?&quot; done&quot;:&quot;&quot;),type:&quot;button&quot;,&quot;aria-current&quot;:String(i===state.cur)},\n      &#x27;&lt;span class=&quot;n&quot;&gt;&#x27;+(state.done[l.id]?&quot;\u2713&quot;:(i+1))+&#x27;&lt;\/span&gt;&lt;span&gt;&lt;span class=&quot;t&quot;&gt;&#x27;+esc(l.title)+&#x27;&lt;\/span&gt;&lt;br&gt;&lt;span class=&quot;d&quot;&gt;&#x27;+l.slides.length+&#x27; \u0634\u0631\u0627\u0626\u062d \u00b7 &#x27;+l.mins+&#x27; \u062f\u0642\u0627\u0626\u0642&lt;\/span&gt;&lt;\/span&gt;&#x27;);\n    b.addEventListener(&quot;click&quot;,function(){ goLesson(i); });\n    rail.appendChild(b);\n  });\n  var n=Object.keys(state.done).filter(function(k){return state.done[k];}).length;\n  $(&quot;#progNum&quot;).textContent=n+&quot; \u0645\u0646 &quot;+LESSONS.length;\n  $(&quot;#ringFg&quot;).setAttribute(&quot;stroke-dashoffset&quot;,String(100.5*(1-n\/LESSONS.length)));\n}\n\n\/* ---------- audio ---------- *\/\nvar RATES=[0.75,1,1.25,1.5,1.75], rate=1, autoNext=true, player=new Audio();\ntry{ var rr=parseFloat(localStorage.getItem(KEY+&quot;-rate&quot;)); if(RATES.indexOf(rr)&gt;-1) rate=rr; var an=localStorage.getItem(KEY+&quot;-auto&quot;); if(an!==null) autoNext=an===&quot;1&quot;; }catch(e){}\ntry{ player.preservesPitch=true; player.webkitPreservesPitch=true; }catch(e){}\nfunction fmt(t){ t=Math.max(0,Math.floor(t||0)); return Math.floor(t\/60)+&quot;:&quot;+String(t%60).padStart(2,&quot;0&quot;); }\nfunction audioKey(){ return LESSONS[state.cur].id+&quot;-&quot;+(state.slide+1); }\nfunction paintPlayer(){\n  var bar=$(&quot;#pBar&quot;), lbl=$(&quot;#pLbl&quot;), pb=$(&quot;#playBtn&quot;); if(!pb) return;\n  var d=player.duration&amp;&amp;isFinite(player.duration)?player.duration:0, t=player.currentTime||0, playing=!player.paused&amp;&amp;!player.ended;\n  if(bar) bar.style.width=(d?100*t\/d:0)+&quot;%&quot;; if(lbl) lbl.textContent=fmt(t)+&quot; \/ &quot;+fmt(d);\n  pb.innerHTML= playing? &#x27;&lt;svg viewBox=&quot;0 0 24 24&quot;&gt;&lt;path d=&quot;M7 5h4v14H7zM13 5h4v14h-4z&quot;\/&gt;&lt;\/svg&gt;\u0625\u064a\u0642\u0627\u0641 \u0645\u0624\u0642\u062a&#x27; : &#x27;&lt;svg viewBox=&quot;0 0 24 24&quot;&gt;&lt;path d=&quot;M8 5v14l11-7z&quot;\/&gt;&lt;\/svg&gt;&#x27;+(t&gt;0.3&amp;&amp;!player.ended?&quot;\u0623\u0643\u0645\u0644 \u0627\u0644\u0627\u0633\u062a\u0645\u0627\u0639&quot;:&quot;\u0627\u0633\u062a\u0645\u0639 \u0644\u0644\u0634\u0631\u064a\u062d\u0629&quot;);\n  pb.setAttribute(&quot;aria-pressed&quot;,String(playing));\n}\n[&quot;timeupdate&quot;,&quot;play&quot;,&quot;pause&quot;,&quot;loadedmetadata&quot;].forEach(function(ev){ player.addEventListener(ev,paintPlayer); });\nplayer.addEventListener(&quot;ended&quot;,function(){ paintPlayer(); if(autoNext){ setTimeout(function(){ nextSlide(true); },700); } });\nfunction playNow(){ player.playbackRate=rate; var p=player.play(); if(p&amp;&amp;p.catch) p.catch(function(){}); }\n\n\/* ---------- deck ---------- *\/\nfunction goLesson(i){ player.pause(); state.cur=i; state.slide=0; save(); render(); try{ history.replaceState(null,&quot;&quot;,&quot;#&quot;+LESSONS[i].id); }catch(e){} var m=$(&quot;#deck&quot;); var top=m.getBoundingClientRect().top+window.scrollY-12; if(window.parent!==window){parent.postMessage({type:&quot;course-top&quot;},&quot;*&quot;)}else if(window.scrollY&gt;top) window.scrollTo({top:top,behavior:&quot;smooth&quot;}); }\nfunction nextSlide(fromAuto){\n  var L=LESSONS[state.cur];\n  if(state.slide&lt;L.slides.length-1){ state.slide++; save(); render(fromAuto); }\n  else { state.done[L.id]=true; save(); if(state.cur&lt;LESSONS.length-1){ goLesson(state.cur+1); toast(&quot;\u0627\u0646\u062a\u0642\u0644\u062a \u0625\u0644\u0649 \u0627\u0644\u062f\u0631\u0633 \u0627\u0644\u062a\u0627\u0644\u064a&quot;); } else { render(); toast(&quot;\u0623\u0646\u0647\u064a\u062a \u0627\u0644\u0643\u0648\u0631\u0633&quot;); } }\n}\nfunction prevSlide(){ if(state.slide&gt;0){ state.slide--; save(); render(); } else if(state.cur&gt;0){ state.cur--; state.slide=LESSONS[state.cur].slides.length-1; save(); render(); } }\n\nfunction render(autoplay){\n  renderRail();\n  var L=LESSONS[state.cur], S=L.slides[state.slide], n=L.slides.length, deck=$(&quot;#deck&quot;);\n  state.seen[L.id+&quot;-&quot;+state.slide]=true; save();\n  player.pause();\n  var hasAudio = S.t===&quot;n&quot; &amp;&amp; AUDIO_KEYS.indexOf(audioKey())&gt;-1;\n  var dots=L.slides.map(function(_,k){ return &#x27;&lt;button type=&quot;button&quot; class=&quot;dot-b&#x27;+(k===state.slide?&#x27; on&#x27;:(state.seen[L.id+&quot;-&quot;+k]?&#x27; seen&#x27;:&#x27;&#x27;))+&#x27;&quot; data-k=&quot;&#x27;+k+&#x27;&quot; aria-label=&quot;\u0627\u0644\u0634\u0631\u064a\u062d\u0629 &#x27;+(k+1)+&#x27;&quot;&gt;&lt;\/button&gt;&#x27;; }).join(&quot;&quot;);\n  var body;\n  if(S.t===&quot;n&quot;){\n    var items=&quot;&quot;;\n    if(S.items){ items= S.steps ? &#x27;&lt;ol class=&quot;sl-steps&quot;&gt;&#x27;+S.items.map(function(x){return &#x27;&lt;li&gt;&#x27;+esc(x)+&#x27;&lt;\/li&gt;&#x27;;}).join(&quot;&quot;)+&#x27;&lt;\/ol&gt;&#x27;\n      : &#x27;&lt;ul class=&quot;sl-items&quot;&gt;&#x27;+S.items.map(function(x){ var p=x.split(&quot;|&quot;); return &#x27;&lt;li&gt;&#x27;+(p.length&gt;1?&#x27;&lt;b&gt;&#x27;+esc(p[0])+&#x27;&lt;\/b&gt;&#x27;+esc(p[1]):esc(x))+&#x27;&lt;\/li&gt;&#x27;; }).join(&quot;&quot;)+&#x27;&lt;\/ul&gt;&#x27;; }\n    body=&#x27;&lt;div class=&quot;stage anim&quot;&gt;&lt;div class=&quot;sl-kicker&quot;&gt;&#x27;+esc(S.kicker)+&#x27;&lt;\/div&gt;&lt;h2 class=&quot;sl-head&#x27;+(S.big?&#x27; big&#x27;:&#x27;&#x27;)+&#x27;&quot;&gt;&#x27;+esc(S.head)+&#x27;&lt;\/h2&gt;&lt;p class=&quot;sl-text&quot;&gt;&#x27;+esc(S.text)+&#x27;&lt;\/p&gt;&#x27;+items+(S.finish&amp;&amp;state.done[L.id]?&#x27;&lt;div class=&quot;finish&quot;&gt;&lt;h3&gt;\u0623\u0646\u0647\u064a\u062a \u0627\u0644\u0643\u0648\u0631\u0633&lt;\/h3&gt;&lt;p&gt;\u0645\u0639\u0643 \u0627\u0644\u0622\u0646 \u0627\u0644\u0634\u0643\u0644 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u060c \u0648\u0627\u0644\u0623\u062f\u0627\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629\u060c \u0648\u062f\u0631\u0627\u0633\u0627\u062a \u062d\u0627\u0644\u0629\u060c \u0648\u0648\u0635\u0641 \u062c\u0627\u0647\u0632. \u0627\u0641\u062a\u062d \u0627\u0644\u0623\u062f\u0627\u0629 \u0627\u0644\u064a\u0648\u0645\u060c \u0648\u0627\u0646\u0634\u0631 \u0627\u0644\u0646\u0633\u062e\u0629 \u0627\u0644\u0623\u0648\u0644\u0649.&lt;\/p&gt;&lt;\/div&gt;&#x27;:&#x27;&#x27;)+&#x27;&lt;\/div&gt;&#x27;+\n      &#x27;&lt;div class=&quot;pbar&quot; role=&quot;region&quot; aria-label=&quot;\u0627\u0644\u0627\u0633\u062a\u0645\u0627\u0639&quot;&gt;&#x27;+\n        (hasAudio?\n        &#x27;&lt;button class=&quot;play&quot; id=&quot;playBtn&quot; type=&quot;button&quot; aria-pressed=&quot;false&quot;&gt;&lt;\/button&gt;&lt;div class=&quot;bar&quot; id=&quot;pTrack&quot; aria-label=&quot;\u0645\u0648\u0636\u0639 \u0627\u0644\u0627\u0633\u062a\u0645\u0627\u0639&quot;&gt;&lt;i id=&quot;pBar&quot;&gt;&lt;\/i&gt;&lt;\/div&gt;&lt;span class=&quot;lbl&quot; id=&quot;pLbl&quot; dir=&quot;ltr&quot;&gt;0:00&lt;\/span&gt;&#x27;+\n        &#x27;&lt;div class=&quot;seg speed&quot; role=&quot;group&quot; aria-label=&quot;\u0627\u0644\u0633\u0631\u0639\u0629&quot; id=&quot;rateSeg&quot;&gt;&#x27;+RATES.map(function(r){ return &#x27;&lt;button type=&quot;button&quot; data-r=&quot;&#x27;+r+&#x27;&quot; aria-pressed=&quot;&#x27;+(r===rate)+&#x27;&quot;&gt;&lt;bdi dir=&quot;ltr&quot;&gt;&#x27;+r+&#x27;x&lt;\/bdi&gt;&lt;\/button&gt;&#x27;; }).join(&quot;&quot;)+&#x27;&lt;\/div&gt;&#x27;+\n        &#x27;&lt;label class=&quot;auto&quot; for=&quot;autoChk&quot;&gt;&lt;input type=&quot;checkbox&quot; id=&quot;autoChk&quot;&#x27;+(autoNext?&#x27; checked&#x27;:&#x27;&#x27;)+&#x27;&gt;\u0627\u0646\u062a\u0642\u0627\u0644 \u062a\u0644\u0642\u0627\u0626\u064a \u0628\u0639\u062f \u0627\u0644\u0627\u0633\u062a\u0645\u0627\u0639&lt;\/label&gt;&#x27;\n        : &#x27;&lt;p class=&quot;na&quot;&gt;\u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0635\u0648\u062a\u064a \u0644\u0647\u0630\u0647 \u0627\u0644\u0634\u0631\u064a\u062d\u0629 \u0642\u064a\u062f \u0627\u0644\u0625\u0639\u062f\u0627\u062f.&lt;\/p&gt;&#x27;)+\n      &#x27;&lt;\/div&gt;&#x27;;\n  } else {\n    body=&#x27;&lt;div class=&quot;stage stage-act anim&quot; id=&quot;act&quot;&gt;&lt;\/div&gt;&#x27;;\n  }\n  deck.innerHTML=\n    &#x27;&lt;div class=&quot;deck-top&quot;&gt;&lt;div class=&quot;lt&quot;&gt;\u0627\u0644\u062f\u0631\u0633 &#x27;+(state.cur+1)+&#x27; \u0645\u0646 &#x27;+LESSONS.length+&#x27; \u00b7 &lt;b&gt;&#x27;+esc(L.title)+&#x27;&lt;\/b&gt;&lt;\/div&gt;&lt;div class=&quot;dots&quot;&gt;&#x27;+dots+&#x27;&lt;\/div&gt;&lt;\/div&gt;&#x27;+\n    body+\n    &#x27;&lt;div class=&quot;deck-nav&quot;&gt;&lt;button class=&quot;ghost&quot; type=&quot;button&quot; id=&quot;prevBtn&quot;&#x27;+(state.cur===0&amp;&amp;state.slide===0?&#x27; disabled&#x27;:&#x27;&#x27;)+&#x27;&gt;\u0627\u0644\u0633\u0627\u0628\u0642&lt;\/button&gt;&#x27;+\n    &#x27;&lt;span class=&quot;cnt&quot;&gt;&#x27;+(state.slide+1)+&#x27; \/ &#x27;+n+&#x27; &lt;span class=&quot;kbd&quot;&gt;\u00b7 \u0627\u0644\u0623\u0633\u0647\u0645 \u0644\u0644\u062a\u0646\u0642\u0644&lt;\/span&gt;&lt;\/span&gt;&#x27;+\n    &#x27;&lt;button class=&quot;btn&quot; type=&quot;button&quot; id=&quot;nextBtn&quot;&gt;&#x27;+(state.slide&lt;n-1?&quot;\u0627\u0644\u062a\u0627\u0644\u064a&quot;:(state.cur&lt;LESSONS.length-1?&quot;\u0627\u0644\u062f\u0631\u0633 \u0627\u0644\u062a\u0627\u0644\u064a&quot;:&quot;\u0623\u0646\u0647\u064a\u062a \u0627\u0644\u0643\u0648\u0631\u0633&quot;))+&#x27;&lt;\/button&gt;&lt;\/div&gt;&#x27;;\n  deck.querySelectorAll(&quot;.dot-b&quot;).forEach(function(d){ d.addEventListener(&quot;click&quot;,function(){ state.slide=parseInt(d.getAttribute(&quot;data-k&quot;),10); save(); render(); }); });\n  $(&quot;#prevBtn&quot;).addEventListener(&quot;click&quot;,prevSlide);\n  $(&quot;#nextBtn&quot;).addEventListener(&quot;click&quot;,function(){ nextSlide(false); });\n  if(S.t===&quot;a&quot;){ ACTS[S.act]($(&quot;#act&quot;)); }\n  if(hasAudio){\n    player.src=(window.KH_AUDIO&amp;&amp;KH_AUDIO[audioKey()])||(&quot;audio\/&quot;+audioKey()+&quot;.mp3&quot;); player.playbackRate=rate;\n    $(&quot;#playBtn&quot;).addEventListener(&quot;click&quot;,function(){ if(player.paused||player.ended) playNow(); else player.pause(); });\n    deck.querySelectorAll(&quot;#rateSeg button&quot;).forEach(function(bt){ bt.addEventListener(&quot;click&quot;,function(){ rate=parseFloat(bt.getAttribute(&quot;data-r&quot;))||1; player.playbackRate=rate; deck.querySelectorAll(&quot;#rateSeg button&quot;).forEach(function(x){x.setAttribute(&quot;aria-pressed&quot;,&quot;false&quot;);}); bt.setAttribute(&quot;aria-pressed&quot;,&quot;true&quot;); try{localStorage.setItem(KEY+&quot;-rate&quot;,String(rate));}catch(e){} }); });\n    $(&quot;#autoChk&quot;).addEventListener(&quot;change&quot;,function(e){ autoNext=e.target.checked; try{localStorage.setItem(KEY+&quot;-auto&quot;,autoNext?&quot;1&quot;:&quot;0&quot;);}catch(err){} });\n    var tr=$(&quot;#pTrack&quot;); tr.addEventListener(&quot;click&quot;,function(ev){ var r=tr.getBoundingClientRect(); var f=Math.min(1,Math.max(0,(r.right-ev.clientX)\/r.width)); if(player.duration) player.currentTime=f*player.duration; });\n    paintPlayer();\n    if(autoplay) playNow();\n  }\n}\ndocument.addEventListener(&quot;keydown&quot;,function(e){\n  var tag=(e.target&amp;&amp;e.target.tagName)||&quot;&quot;; if(\/INPUT|TEXTAREA|SELECT\/.test(tag)) return;\n  if(e.key===&quot;ArrowLeft&quot;){ nextSlide(false); } else if(e.key===&quot;ArrowRight&quot;){ prevSlide(); }\n});\n\nfunction quiz(box,q,onRight){\n  var wrap=el(&quot;div&quot;,{class:&quot;q&quot;}); wrap.appendChild(el(&quot;p&quot;,null,esc(q.q)));\n  var fb=el(&quot;p&quot;,{class:&quot;fb&quot;,hidden:&quot;&quot;});\n  q.opts.forEach(function(o,k){\n    var b=el(&quot;button&quot;,{class:&quot;opt&quot;,type:&quot;button&quot;},esc(o));\n    b.addEventListener(&quot;click&quot;,function(){\n      wrap.querySelectorAll(&quot;.opt&quot;).forEach(function(x){x.classList.remove(&quot;right&quot;,&quot;wrong&quot;);});\n      var ok=k===q.a; b.classList.add(ok?&quot;right&quot;:&quot;wrong&quot;);\n      fb.hidden=false; fb.className=&quot;fb &quot;+(ok?&quot;good&quot;:&quot;bad&quot;); fb.textContent=(ok?&quot;\u0625\u062c\u0627\u0628\u0629 \u0635\u062d\u064a\u062d\u0629. &quot;:&quot;\u0644\u064a\u0633\u062a \u0647\u0630\u0647. &quot;)+(ok?q.why:q.hint);\n      if(ok&amp;&amp;onRight) onRight();\n    });\n    wrap.appendChild(b);\n  });\n  wrap.appendChild(fb); box.appendChild(wrap);\n}\nfunction blockShell(box,title,tag,hint){ var b=el(&quot;section&quot;,{class:&quot;block&quot;}); b.appendChild(el(&quot;h3&quot;,null,esc(title)+(tag?&#x27; &lt;span class=&quot;tag&quot;&gt;&#x27;+esc(tag)+&#x27;&lt;\/span&gt;&#x27;:&#x27;&#x27;))); if(hint) b.appendChild(el(&quot;p&quot;,{class:&quot;hint&quot;},esc(hint))); box.appendChild(b); return b; }\n\nvar ACTS={\n quiz1:function(box){\n  var b=blockShell(box,&quot;\u0627\u062e\u062a\u0628\u0631 \u0641\u0647\u0645\u0643&quot;,&quot;\u0633\u0624\u0627\u0644 \u0633\u0631\u064a\u0639&quot;);\n  quiz(b,{q:&quot;\u0645\u062a\u0649 \u064a\u062d\u0643\u0645 \u0635\u0627\u062d\u0628 \u0627\u0644\u0639\u0645\u0644 \u0639\u0644\u0649 \u0623\u0639\u0645\u0627\u0644\u0643\u061f&quot;,opts:[&quot;\u0628\u0639\u062f \u0627\u0644\u0645\u0642\u0627\u0628\u0644\u0629 \u0627\u0644\u0623\u0648\u0644\u0649&quot;,&quot;\u0642\u0628\u0644 \u0623\u0646 \u064a\u062d\u062f\u0651\u062b\u0643\u060c \u0645\u0646 \u0627\u0644\u0628\u0648\u0631\u062a\u0641\u0648\u0644\u064a\u0648&quot;,&quot;\u0628\u0639\u062f \u0623\u0646 \u062a\u0633\u0644\u0651\u0645 \u0623\u0648\u0644 \u0645\u0634\u0631\u0648\u0639&quot;],a:1,\n    why:&quot;\u0627\u0644\u0628\u0648\u0631\u062a\u0641\u0648\u0644\u064a\u0648 \u0623\u0648\u0644 \u0645\u0627 \u064a\u0631\u0627\u0647 \u0645\u0646\u0643\u060c \u0648\u0639\u0644\u064a\u0647 \u064a\u0642\u0631\u0631 \u0647\u0644 \u064a\u062d\u062f\u0651\u062b\u0643 \u0623\u0635\u0644\u064b\u0627.&quot;,hint:&quot;\u0627\u0631\u062c\u0639 \u0625\u0644\u0649 \u0627\u0644\u0634\u0631\u064a\u062d\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629\u060c \u0645\u0627\u0630\u0627 \u064a\u0631\u0649 \u0635\u0627\u062d\u0628 \u0627\u0644\u0639\u0645\u0644 \u0623\u0648\u0644\u064b\u0627\u061f&quot;});\n },\n sorter:function(box){\n  var b=blockShell(box,&quot;\u0635\u0646\u0651\u0641 \u0627\u0644\u0623\u062f\u0648\u0627\u062a&quot;,&quot;\u062a\u0645\u0631\u064a\u0646&quot;,&quot;\u062d\u062f\u0651\u062f \u0644\u0643\u0644 \u0623\u062f\u0627\u0629 \u0647\u0644 \u062a\u0635\u0646\u0639 \u0628\u0647\u0627 \u0645\u0644\u0641\u064b\u0627 \u062a\u0631\u0641\u0642\u0647 \u0623\u0645 \u0631\u0627\u0628\u0637\u064b\u0627 \u062a\u0631\u0633\u0644\u0647.&quot;);\n  var items=[[&quot;\u0639\u0631\u0636 \u062a\u0642\u062f\u064a\u0645\u064a \u0639\u0644\u0649 \u0643\u0627\u0646\u0641\u0627&quot;,&quot;f&quot;],[&quot;\u0645\u0644\u0641 Word&quot;,&quot;f&quot;],[&quot;Google Sites&quot;,&quot;l&quot;],[&quot;Google Slides&quot;,&quot;f&quot;],[&quot;about.me&quot;,&quot;l&quot;],[&quot;\u0644\u0648\u062d\u0629 Trello&quot;,&quot;l&quot;],[&quot;PowerPoint&quot;,&quot;f&quot;],[&quot;\u0645\u0648\u0642\u0639\u0643 \u0627\u0644\u0634\u062e\u0635\u064a&quot;,&quot;l&quot;]];\n  var picks=state.checks.sorter||{}; var list=el(&quot;div&quot;,{class:&quot;sort&quot;}); var res=el(&quot;p&quot;,{class:&quot;fb&quot;,hidden:&quot;&quot;});\n  function check(){\n    var n=0,ok=0; items.forEach(function(it,k){ var r=list.children[k]; r.classList.remove(&quot;ok&quot;,&quot;no&quot;); if(picks[k]){ n++; if(picks[k]===it[1]){ok++; r.classList.add(&quot;ok&quot;);} else r.classList.add(&quot;no&quot;); } });\n    if(n===items.length){ res.hidden=false; res.className=&quot;fb &quot;+(ok===n?&quot;good&quot;:&quot;bad&quot;); res.textContent= ok===n? &quot;\u0645\u0645\u062a\u0627\u0632\u060c \u0635\u0646\u0651\u0641\u062a \u0643\u0644 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0635\u062d\u064a\u062d\u064b\u0627.&quot; : (&quot;\u0623\u0635\u0628\u062a \u0641\u064a &quot;+ok+&quot; \u0645\u0646 &quot;+n+&quot;. \u0631\u0627\u062c\u0639 \u0627\u0644\u0635\u0641\u0648\u0641 \u0630\u0627\u062a \u0627\u0644\u0625\u0637\u0627\u0631 \u0627\u0644\u0623\u062d\u0645\u0631.&quot;); }\n    state.checks.sorter=picks; save();\n  }\n  items.forEach(function(it,k){\n    var row=el(&quot;div&quot;,{class:&quot;srow&quot;}); row.appendChild(el(&quot;span&quot;,{class:&quot;nm&quot;},esc(it[0])));\n    var seg=el(&quot;div&quot;,{class:&quot;seg&quot;,role:&quot;group&quot;,&quot;aria-label&quot;:it[0]});\n    [[&quot;f&quot;,&quot;\u0645\u0644\u0641&quot;],[&quot;l&quot;,&quot;\u0631\u0627\u0628\u0637&quot;]].forEach(function(o){ var bt=el(&quot;button&quot;,{type:&quot;button&quot;,&quot;aria-pressed&quot;:String(picks[k]===o[0])},o[1]);\n      bt.addEventListener(&quot;click&quot;,function(){ picks[k]=o[0]; seg.querySelectorAll(&quot;button&quot;).forEach(function(x){x.setAttribute(&quot;aria-pressed&quot;,&quot;false&quot;);}); bt.setAttribute(&quot;aria-pressed&quot;,&quot;true&quot;); check(); }); seg.appendChild(bt); });\n    row.appendChild(seg); list.appendChild(row);\n  });\n  b.appendChild(list); b.appendChild(res); check();\n },\n sim:function(box){\n  var b=blockShell(box,&quot;\u0639\u062f\u0651\u0627\u062f \u0627\u0644\u0646\u0642\u0631\u0627\u062a&quot;,&quot;\u0645\u062d\u0627\u0643\u0627\u0629&quot;,&quot;\u0635\u0627\u062d\u0628 \u0627\u0644\u0642\u0631\u0627\u0631 \u064a\u0631\u064a\u062f \u0642\u0631\u0627\u0621\u0629 \u0639\u064a\u0646\u0629 \u0645\u0642\u0627\u0644 \u0648\u0627\u062d\u062f\u0629 \u0645\u0646\u0643. \u0627\u0636\u063a\u0637 \u00ab\u0627\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u062a\u0627\u0644\u064a\u0629\u00bb \u0641\u064a \u0643\u0644 \u0645\u0633\u0627\u0631\u060c \u0648\u0642\u0627\u0631\u0646 \u0639\u062f\u062f \u0627\u0644\u062e\u0637\u0648\u0627\u062a.&quot;);\n  var pdf=[[&quot;\u0648\u0635\u0644\u062a\u0647 \u0631\u0633\u0627\u0644\u062a\u0643&quot;,&quot;\u064a\u0636\u063a\u0637 \u0639\u0644\u0649 \u0627\u0644\u0645\u0631\u0641\u0642 \u0648\u064a\u0646\u0632\u0651\u0644 \u0627\u0644\u0645\u0644\u0641&quot;],[&quot;\u0623\u064a\u0646 \u0627\u0644\u0645\u0644\u0641\u061f&quot;,&quot;\u064a\u0641\u062a\u062d \u0645\u062c\u0644\u062f Downloads \u0648\u064a\u0628\u062d\u062b \u0639\u0646\u0647&quot;],[&quot;\u064a\u0641\u062a\u062d \u0627\u0644\u0645\u0644\u0641&quot;,&quot;\u064a\u0646\u062a\u0638\u0631 \u0628\u0631\u0646\u0627\u0645\u062c \u0642\u0631\u0627\u0621\u0629 PDF \u062d\u062a\u0649 \u064a\u062d\u0645\u0651\u0644\u0647&quot;],[&quot;\u0635\u0641\u062d\u0627\u062a \u0627\u0644\u062a\u0639\u0631\u064a\u0641&quot;,&quot;\u064a\u0645\u0631\u0651\u0631 4 \u0635\u0641\u062d\u0627\u062a \u0639\u0646\u0643 \u0648\u0639\u0646 \u062e\u0628\u0631\u0627\u062a\u0643&quot;],[&quot;\u0627\u0644\u0633\u0648\u0634\u064a\u0627\u0644 \u0645\u064a\u062f\u064a\u0627&quot;,&quot;\u064a\u0645\u0631\u0651\u0631 6 \u0635\u0641\u062d\u0627\u062a \u0645\u0646 \u0627\u0644\u0645\u0646\u0634\u0648\u0631\u0627\u062a&quot;],[&quot;\u0635\u0641\u062d\u0629 \u0639\u0646\u0648\u0627\u0646&quot;,&quot;\u064a\u0635\u0644 \u0625\u0644\u0649 \u0635\u0641\u062d\u0629 \u00ab\u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a\u00bb&quot;],[&quot;\u0627\u0644\u0639\u064a\u0646\u0629&quot;,&quot;\u064a\u0635\u0644 \u0623\u062e\u064a\u0631\u064b\u0627 \u0625\u0644\u0649 \u0627\u0644\u0645\u0642\u0627\u0644&quot;]];\n  var web=[[&quot;\u0648\u0635\u0644\u062a\u0647 \u0631\u0633\u0627\u0644\u062a\u0643&quot;,&quot;\u064a\u0636\u063a\u0637 \u0639\u0644\u0649 \u0627\u0644\u0631\u0627\u0628\u0637 \u0641\u064a\u0641\u062a\u062d \u0645\u0648\u0642\u0639\u0643&quot;],[&quot;\u0627\u0644\u0642\u0627\u0626\u0645\u0629&quot;,&quot;\u064a\u0636\u063a\u0637 \u0639\u0644\u0649 \u00ab\u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a\u00bb \u0641\u064a\u0631\u0649 \u0627\u0644\u0639\u064a\u0646\u0629&quot;]];\n  var sim=el(&quot;div&quot;,{class:&quot;sim&quot;}); var verdict=el(&quot;p&quot;,{class:&quot;verdict&quot;,hidden:&quot;&quot;});\n  var done={a:false,b:false};\n  function lane(title,steps,key){\n    var ln=el(&quot;div&quot;,{class:&quot;lane&quot;}); ln.appendChild(el(&quot;h4&quot;,null,esc(title)));\n    var sc=el(&quot;div&quot;,{class:&quot;screen&quot;},&#x27;&lt;small&gt;\u0627\u0644\u0628\u062f\u0627\u064a\u0629&lt;\/small&gt;\u0628\u0631\u064a\u062f \u0648\u0627\u0631\u062f \u0641\u064a\u0647 \u0631\u0633\u0627\u0644\u062a\u0643&#x27;); var row=el(&quot;div&quot;,{class:&quot;row&quot;});\n    var ct=el(&quot;div&quot;,{class:&quot;count&quot;},&#x27;0&lt;span&gt;\u062e\u0637\u0648\u0627\u062a&lt;\/span&gt;&#x27;); var bt=el(&quot;button&quot;,{class:&quot;btn&quot;,type:&quot;button&quot;},&quot;\u0627\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u062a\u0627\u0644\u064a\u0629&quot;);\n    var n=0;\n    bt.addEventListener(&quot;click&quot;,function(){\n      if(n&gt;=steps.length) return; var st=steps[n]; n++;\n      sc.innerHTML=&#x27;&lt;small&gt;&#x27;+esc(st[0])+&#x27;&lt;\/small&gt;&#x27;+esc(st[1]); ct.innerHTML=n+&#x27;&lt;span&gt;&#x27;+(n===1?&quot;\u062e\u0637\u0648\u0629&quot;:&quot;\u062e\u0637\u0648\u0627\u062a&quot;)+&#x27;&lt;\/span&gt;&#x27;;\n      if(n===steps.length){ bt.disabled=true; bt.textContent=&quot;\u0648\u0635\u0644 \u0625\u0644\u0649 \u0627\u0644\u0639\u064a\u0646\u0629&quot;; done[key]=true; if(done.a&amp;&amp;done.b){ verdict.hidden=false; verdict.textContent=&quot;\u0627\u0644\u0645\u0644\u0641 \u0627\u062d\u062a\u0627\u062c &quot;+pdf.length+&quot; \u062e\u0637\u0648\u0627\u062a \u0642\u0628\u0644 \u0623\u0646 \u064a\u0642\u0631\u0623 \u0635\u0627\u062d\u0628 \u0627\u0644\u0642\u0631\u0627\u0631 \u0633\u0637\u0631\u064b\u0627 \u0645\u0646 \u0645\u0642\u0627\u0644\u0643\u060c \u0648\u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u062d\u062a\u0627\u062c \u062e\u0637\u0648\u062a\u064a\u0646. \u0647\u0630\u0627 \u0647\u0648 \u0627\u0644\u0641\u0631\u0642 \u0627\u0644\u0630\u064a \u064a\u062d\u0633\u0645 \u0642\u0631\u0627\u0631\u0647.&quot;; } }\n    });\n    row.appendChild(ct); row.appendChild(bt); ln.appendChild(sc); ln.appendChild(row); return ln;\n  }\n  sim.appendChild(lane(&quot;\u0645\u0644\u0641 PDF \u0639\u0644\u0649 \u0643\u0627\u0646\u0641\u0627&quot;,pdf,&quot;a&quot;)); sim.appendChild(lane(&quot;\u0645\u0648\u0642\u0639 \u0645\u0642\u0633\u0651\u0645 \u062d\u0633\u0628 \u0646\u0648\u0639 \u0627\u0644\u0645\u062d\u062a\u0648\u0649&quot;,web,&quot;b&quot;));\n  b.appendChild(sim); b.appendChild(verdict);\n },\n quiz3:function(box){\n  var b2=blockShell(box,&quot;\u0633\u0624\u0627\u0644 \u0633\u0631\u064a\u0639&quot;);\n  quiz(b2,{q:&quot;\u0645\u0627 \u0627\u0644\u0630\u064a \u064a\u062e\u0641\u0641 \u062c\u0632\u0621\u064b\u0627 \u0645\u0646 \u0645\u0634\u0643\u0644\u0629 \u0645\u0644\u0641 \u0643\u0627\u0646\u0641\u0627 \u0627\u0644\u0637\u0648\u064a\u0644\u061f&quot;,opts:[&quot;\u062a\u0643\u0628\u064a\u0631 \u0627\u0644\u062e\u0637 \u0641\u064a \u0643\u0644 \u0627\u0644\u0635\u0641\u062d\u0627\u062a&quot;,&quot;\u0625\u0636\u0627\u0641\u0629 \u062c\u062f\u0648\u0644 \u0645\u062d\u062a\u0648\u064a\u0627\u062a \u0641\u064a \u0627\u0644\u0628\u062f\u0627\u064a\u0629&quot;,&quot;\u0636\u063a\u0637 \u0627\u0644\u0645\u0644\u0641 \u0644\u064a\u0635\u0628\u062d \u0623\u0635\u063a\u0631 \u062d\u062c\u0645\u064b\u0627&quot;],a:1,why:&quot;\u062c\u062f\u0648\u0644 \u0627\u0644\u0645\u062d\u062a\u0648\u064a\u0627\u062a \u064a\u062e\u062a\u0635\u0631 \u0627\u0644\u062a\u0645\u0631\u064a\u0631\u060c \u0644\u0643\u0646 \u0643\u062b\u064a\u0631\u064a\u0646 \u0644\u0627 \u064a\u0646\u062a\u0628\u0647\u0648\u0646 \u0625\u0644\u064a\u0647\u060c \u0648\u0644\u0630\u0644\u0643 \u064a\u0628\u0642\u0649 \u0627\u0644\u0631\u0627\u0628\u0637 \u0623\u0633\u0647\u0644.&quot;,hint:&quot;\u0641\u0643\u0651\u0631 \u0641\u064a\u0645\u0627 \u064a\u062e\u062a\u0635\u0631 \u0627\u0644\u062a\u0645\u0631\u064a\u0631 \u0628\u064a\u0646 \u0627\u0644\u0635\u0641\u062d\u0627\u062a.&quot;});\n },\n tf:function(box){\n  var b=blockShell(box,&quot;\u0635\u062d \u0623\u0645 \u062e\u0637\u0623\u061f&quot;,&quot;\u062a\u0645\u0631\u064a\u0646&quot;);\n  var items=[\n   [&quot;\u0645\u0627 \u0632\u0627\u0644 Contently \u0645\u062a\u0627\u062d\u064b\u0627 \u0644\u0646\u0634\u0631 \u0627\u0644\u0628\u0648\u0631\u062a\u0641\u0648\u0644\u064a\u0648.&quot;,false,&quot;\u062e\u0637\u0623\u060c \u0627\u0646\u062a\u0647\u0649 \u062f\u0648\u0631\u0647 \u0648\u0644\u0645 \u064a\u0639\u062f \u0645\u062a\u0627\u062d\u064b\u0627 \u0644\u0646\u0634\u0631 \u0627\u0644\u0628\u0648\u0631\u062a\u0641\u0648\u0644\u064a\u0648.&quot;],\n   [&quot;\u062a\u062a\u064a\u062d Google Sites \u0635\u0641\u062d\u0629 \u0645\u0633\u062a\u0642\u0644\u0629 \u0644\u0643\u0644 \u0646\u0648\u0639 \u0645\u0646 \u0627\u0644\u0645\u062d\u062a\u0648\u0649.&quot;,true,&quot;\u0635\u062d\u064a\u062d\u060c \u0648\u0647\u0630\u0647 \u0623\u0647\u0645 \u0645\u0632\u0627\u064a\u0627\u0647\u0627 \u0645\u0639 \u0633\u0647\u0648\u0644\u0629 \u0627\u0644\u0631\u0641\u0639 \u0645\u0646 Drive.&quot;],\n   [&quot;\u0639\u0631\u0636 \u0643\u0644 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0641\u064a \u0635\u0641\u062d\u0629 \u0648\u0627\u062d\u062f\u0629 \u064a\u0631\u064a\u062d \u0635\u0627\u062d\u0628 \u0627\u0644\u0642\u0631\u0627\u0631.&quot;,false,&quot;\u062e\u0637\u0623\u060c \u0643\u062b\u0631\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0641\u064a \u0635\u0641\u062d\u0629 \u0648\u0627\u062d\u062f\u0629 \u062a\u0637\u064a\u0644 \u0627\u0644\u062a\u0645\u0631\u064a\u0631 \u0648\u062a\u0634\u062a\u062a\u0647.&quot;],\n   [&quot;Trello \u0623\u0646\u0633\u0628 \u0644\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u0647\u0627\u0645 \u0645\u0646\u0647 \u0644\u0639\u0631\u0636 \u0627\u0644\u0628\u0648\u0631\u062a\u0641\u0648\u0644\u064a\u0648.&quot;,true,&quot;\u0635\u062d\u064a\u062d\u060c \u0627\u0644\u062a\u0646\u0642\u0644 \u0628\u064a\u0646 \u0627\u0644\u0631\u0648\u0627\u0628\u0637 \u0641\u064a\u0647 \u0645\u0631\u0647\u0642 \u0644\u0635\u0627\u062d\u0628 \u0627\u0644\u0642\u0631\u0627\u0631.&quot;]\n  ];\n  var wrap=el(&quot;div&quot;,{class:&quot;tf&quot;});\n  items.forEach(function(it){\n    var r=el(&quot;div&quot;,{class:&quot;tfrow&quot;}); r.appendChild(el(&quot;p&quot;,{class:&quot;st&quot;},esc(it[0])));\n    var seg=el(&quot;div&quot;,{class:&quot;seg&quot;}); var why=el(&quot;p&quot;,{class:&quot;why&quot;,hidden:&quot;&quot;});\n    [[true,&quot;\u0635\u062d&quot;],[false,&quot;\u062e\u0637\u0623&quot;]].forEach(function(o){ var bt=el(&quot;button&quot;,{type:&quot;button&quot;,&quot;aria-pressed&quot;:&quot;false&quot;},o[1]);\n      bt.addEventListener(&quot;click&quot;,function(){ seg.querySelectorAll(&quot;button&quot;).forEach(function(x){x.setAttribute(&quot;aria-pressed&quot;,&quot;false&quot;);}); bt.setAttribute(&quot;aria-pressed&quot;,&quot;true&quot;);\n        var ok=o[0]===it[1]; r.style.borderColor= ok? &quot;var(--good)&quot;:&quot;var(--bad)&quot;; why.hidden=false; why.textContent=(ok?&quot;\u0623\u062d\u0633\u0646\u062a. &quot;:&quot;\u0631\u0627\u062c\u0639\u0647\u0627. &quot;)+it[2]; }); seg.appendChild(bt); });\n    var holder=el(&quot;div&quot;); holder.appendChild(seg); r.appendChild(holder); r.appendChild(why); wrap.appendChild(r);\n  });\n  b.appendChild(wrap);\n },\n flips:function(box){\n  var b=blockShell(box,&quot;\u0642\u0628\u0644 \u0633\u0646\u0648\u0627\u062a \u0645\u0642\u0627\u0628\u0644 \u0627\u0644\u064a\u0648\u0645&quot;,&quot;\u0627\u0636\u063a\u0637 \u0627\u0644\u0628\u0637\u0627\u0642\u0629&quot;,&quot;\u0643\u0644 \u0628\u0637\u0627\u0642\u0629 \u062a\u062d\u062f\u064d\u0651 \u0643\u0627\u0646 \u064a\u0648\u0627\u062c\u0647 \u0635\u0627\u062d\u0628 \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0634\u062e\u0635\u064a \u0642\u0628\u0644 \u0633\u0646\u0648\u0627\u062a. \u0627\u0642\u0644\u0628\u0647\u0627 \u0644\u062a\u0631\u0649 \u0643\u064a\u0641 \u062a\u062a\u0639\u0627\u0645\u0644 \u0645\u0639\u0647 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0627\u0644\u0622\u0646.&quot;);\n  var cards=[\n   [&quot;\u062a\u0639\u0644\u0651\u0645 WordPress \u0645\u0646 \u0627\u0644\u0635\u0641\u0631&quot;,&quot;\u062a\u0635\u0641 \u0627\u0644\u0645\u0648\u0642\u0639 \u0628\u0627\u0644\u0639\u0631\u0628\u064a\u0629\u060c \u0648\u0627\u0644\u0623\u062f\u0627\u0629 \u062a\u0628\u0646\u064a\u0647.&quot;],\n   [&quot;\u0627\u062e\u062a\u064a\u0627\u0631 \u0642\u0627\u0644\u0628 \u0645\u0646 \u0628\u064a\u0646 \u0645\u0626\u0627\u062a \u0627\u0644\u0642\u0648\u0627\u0644\u0628&quot;,&quot;\u064a\u064f\u0628\u0646\u0649 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0645\u0646 \u0648\u0635\u0641\u0643\u060c \u0648\u062a\u0639\u062f\u0651\u0644\u0647 \u0628\u0627\u0644\u0643\u0644\u0627\u0645.&quot;],\n   [&quot;\u0641\u0647\u0645 Domain \u0648Host \u0648SSL&quot;,&quot;\u062a\u0646\u0634\u0631 \u0628\u0646\u0642\u0631\u0629 \u0639\u0644\u0649 \u0646\u0637\u0627\u0642 \u0641\u0631\u0639\u064a \u0645\u062c\u0627\u0646\u064a.&quot;],\n   [&quot;\u062a\u0639\u0644\u0651\u0645 \u0627\u0644\u0643\u0648\u062f \u0644\u0625\u0636\u0627\u0641\u0629 \u0644\u0645\u0633\u062a\u0643 \u0627\u0644\u062e\u0627\u0635\u0629&quot;,&quot;\u0627\u0644\u0623\u062f\u0627\u0629 \u062a\u0643\u062a\u0628 \u0627\u0644\u0643\u0648\u062f\u060c \u0648\u0623\u0646\u062a \u062a\u0631\u0627\u062c\u0639 \u0627\u0644\u0646\u062a\u064a\u062c\u0629.&quot;],\n   [&quot;\u0627\u0634\u062a\u0631\u0627\u0643 \u0633\u0646\u0648\u064a \u064a\u064f\u062f\u0641\u0639 \u0628\u0627\u0644\u062f\u0648\u0644\u0627\u0631&quot;,&quot;\u062a\u0628\u062f\u0623 \u0645\u062c\u0627\u0646\u064b\u0627\u060c \u0648\u062a\u062f\u0641\u0639 \u0644\u0644\u0646\u0637\u0627\u0642 \u0627\u0644\u062e\u0627\u0635 \u062d\u064a\u0646 \u064a\u0628\u0631\u0631 \u0627\u0644\u0639\u0627\u0626\u062f.&quot;]\n  ];\n  var g=el(&quot;div&quot;,{class:&quot;flips&quot;});\n  cards.forEach(function(c){\n    var f=el(&quot;button&quot;,{class:&quot;flip&quot;,type:&quot;button&quot;,&quot;aria-pressed&quot;:&quot;false&quot;});\n    function paint(t){ f.innerHTML=&#x27;&lt;span class=&quot;yr&quot;&gt;&#x27;+(t?&quot;\u0627\u0644\u064a\u0648\u0645&quot;:&quot;\u0642\u0628\u0644 \u0633\u0646\u0648\u0627\u062a&quot;)+&#x27;&lt;\/span&gt;&lt;span class=&quot;tx&quot;&gt;&#x27;+esc(t?c[1]:c[0])+&#x27;&lt;\/span&gt;&lt;span class=&quot;cta&quot;&gt;&#x27;+(t?&quot;\u0627\u0636\u063a\u0637 \u0644\u0644\u0631\u062c\u0648\u0639&quot;:&quot;\u0627\u0636\u063a\u0637 \u0644\u062a\u0631\u0649 \u0627\u0644\u062d\u0644 \u0627\u0644\u064a\u0648\u0645&quot;)+&#x27;&lt;\/span&gt;&#x27;; f.classList.toggle(&quot;turned&quot;,t); f.setAttribute(&quot;aria-pressed&quot;,String(t)); }\n    var t=false; paint(t); f.addEventListener(&quot;click&quot;,function(){ t=!t; paint(t); }); g.appendChild(f);\n  });\n  b.appendChild(g);\n },\n tools:function(box){\n  var b=blockShell(box,&quot;\u0623\u062f\u0648\u0627\u062a \u0628\u0646\u0627\u0621 \u0645\u0648\u0642\u0639 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a&quot;,null);\n  var T=[\n   {k:&quot;lovable&quot;,n:&quot;Lovable&quot;,free:&quot;5 \u0623\u0631\u0635\u062f\u0629 \u064a\u0648\u0645\u064a\u064b\u0627\u060c \u0628\u062d\u062f \u0623\u0642\u0635\u0649 \u0646\u062d\u0648 30 \u0631\u0635\u064a\u062f\u064b\u0627 \u0641\u064a \u0627\u0644\u0634\u0647\u0631\u060c \u0648\u0646\u0634\u0631 \u0639\u0644\u0649 \u0646\u0637\u0627\u0642 \u0641\u0631\u0639\u064a \u0645\u0646 lovable.app \u0645\u0639 \u0634\u0627\u0631\u0629 \u0627\u0644\u0623\u062f\u0627\u0629.&quot;,fit:&quot;\u0644\u0643\u0627\u062a\u0628 \u0644\u0627 \u064a\u0643\u062a\u0628 \u0643\u0648\u062f\u064b\u0627 \u0648\u064a\u0631\u064a\u062f \u0645\u0639\u0627\u064a\u0646\u0629 \u062d\u064a\u0629 \u0628\u0639\u062f \u0643\u0644 \u062a\u0639\u062f\u064a\u0644.&quot;,badge:&quot;\u062a\u0631\u0634\u064a\u062d\u064a \u0627\u0644\u0623\u0648\u0644&quot;},\n   {k:&quot;bolt&quot;,n:&quot;Bolt.new&quot;,free:&quot;\u0645\u0644\u064a\u0648\u0646 \u062a\u0648\u0643\u0646 \u0634\u0647\u0631\u064a\u064b\u0627 \u0628\u0633\u0642\u0641 \u064a\u0648\u0645\u064a 300 \u0623\u0644\u0641\u060c \u0648\u0627\u0633\u062a\u0636\u0627\u0641\u0629 \u062a\u062d\u0645\u0644 \u0639\u0644\u0627\u0645\u0629 Bolt.&quot;,fit:&quot;\u0628\u062f\u064a\u0644 \u0642\u0631\u064a\u0628 \u0645\u0646 Lovable \u062d\u064a\u0646 \u064a\u0646\u0641\u062f \u0631\u0635\u064a\u062f\u0643.&quot;,badge:&quot;\u0628\u062f\u064a\u0644 \u0645\u062c\u0627\u0646\u064a&quot;},\n   {k:&quot;claude&quot;,n:&quot;Claude Code&quot;,free:&quot;\u0628\u0644\u0627 \u062e\u0637\u0629 \u0645\u062c\u0627\u0646\u064a\u0629\u060c \u064a\u0639\u0645\u0644 \u0636\u0645\u0646 \u0627\u0634\u062a\u0631\u0627\u0643 Claude Pro \u0623\u0648 Max.&quot;,fit:&quot;\u0644\u0645\u0646 \u064a\u0631\u064a\u062f \u062a\u062d\u0643\u0645\u064b\u0627 \u0643\u0627\u0645\u0644\u064b\u0627 \u0641\u064a \u0645\u0644\u0641\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0647\u0648 \u0645\u0634\u062a\u0631\u0643 \u0628\u0627\u0644\u0641\u0639\u0644.&quot;,badge:&quot;\u0628\u0627\u0634\u062a\u0631\u0627\u0643&quot;},\n   {k:&quot;chatgpt&quot;,n:&quot;ChatGPT&quot;,free:&quot;\u064a\u0643\u062a\u0628 \u0635\u0641\u062d\u0629 HTML \u0648\u0627\u062d\u062f\u0629 \u062a\u0631\u0641\u0639\u0647\u0627 \u0645\u062c\u0627\u0646\u064b\u0627 \u0639\u0644\u0649 Netlify \u0623\u0648 GitHub Pages.&quot;,fit:&quot;\u0644\u0645\u0646 \u064a\u0631\u064a\u062f \u0645\u0644\u0641\u064b\u0627 \u064a\u0645\u0644\u0643\u0647 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u062f\u0648\u0646 \u0627\u0634\u062a\u0631\u0627\u0643 \u0641\u064a \u0623\u062f\u0627\u0629 \u0628\u0646\u0627\u0621.&quot;,badge:&quot;\u0645\u0644\u0641 \u062a\u0645\u0644\u0643\u0647&quot;}\n  ];\n  var g=el(&quot;div&quot;,{class:&quot;tools&quot;}); var cardsByKey={};\n  T.forEach(function(t){ var c=el(&quot;article&quot;,{class:&quot;tool&quot;},&#x27;&lt;span class=&quot;badge&quot;&gt;&#x27;+esc(t.badge)+&#x27;&lt;\/span&gt;&lt;h4&gt;&#x27;+esc(t.n)+&#x27;&lt;\/h4&gt;&lt;p class=&quot;free&quot;&gt;&#x27;+esc(t.free)+&#x27;&lt;\/p&gt;&lt;p class=&quot;fit&quot;&gt;&#x27;+esc(t.fit)+&#x27;&lt;\/p&gt;&#x27;); cardsByKey[t.k]=c; g.appendChild(c); });\n  b.appendChild(g); b.appendChild(el(&quot;p&quot;,{class:&quot;asof&quot;},&quot;\u0627\u0644\u0623\u0631\u0642\u0627\u0645 \u0635\u062d\u064a\u062d\u0629 \u062d\u062a\u0649 \u0623\u0643\u062a\u0648\u0628\u0631 2026\u060c \u0641\u0631\u0627\u062c\u0639 \u0635\u0641\u062d\u0629 \u0627\u0644\u0623\u0633\u0639\u0627\u0631 \u0642\u0628\u0644 \u0623\u0646 \u062a\u0628\u062f\u0623.&quot;));\n\n  var b2=blockShell(box,&quot;\u0627\u062e\u062a\u0631 \u0623\u062f\u0627\u062a\u0643&quot;,&quot;3 \u0623\u0633\u0626\u0644\u0629&quot;,&quot;\u0623\u062c\u0628 \u0639\u0646 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u062b\u0644\u0627\u062b\u0629 \u0644\u062a\u0631\u0649 \u0627\u0644\u0623\u062f\u0627\u0629 \u0627\u0644\u0623\u0646\u0633\u0628 \u0644\u0643 \u0627\u0644\u064a\u0648\u0645.&quot;);\n  var Q=[{id:&quot;code&quot;,q:&quot;\u0647\u0644 \u062a\u0643\u062a\u0628 \u0643\u0648\u062f\u064b\u0627\u061f&quot;,o:[[&quot;no&quot;,&quot;\u0644\u0627&quot;],[&quot;little&quot;,&quot;\u0642\u0644\u064a\u0644\u064b\u0627&quot;],[&quot;yes&quot;,&quot;\u0646\u0639\u0645&quot;]]},\n         {id:&quot;sub&quot;,q:&quot;\u0647\u0644 \u0639\u0646\u062f\u0643 \u0627\u0634\u062a\u0631\u0627\u0643 Claude Pro \u0623\u0648 Max\u061f&quot;,o:[[&quot;no&quot;,&quot;\u0644\u0627&quot;],[&quot;yes&quot;,&quot;\u0646\u0639\u0645&quot;]]},\n         {id:&quot;own&quot;,q:&quot;\u0647\u0644 \u064a\u0647\u0645\u0643 \u0623\u0646 \u062a\u0645\u0644\u0643 \u0645\u0644\u0641 \u0627\u0644\u0645\u0648\u0642\u0639 \u0643\u0627\u0645\u0644\u064b\u0627 \u0648\u062a\u0631\u0628\u0637\u0647 \u0628\u0646\u0637\u0627\u0642\u0643 \u062f\u0648\u0646 \u0627\u0634\u062a\u0631\u0627\u0643\u061f&quot;,o:[[&quot;no&quot;,&quot;\u0644\u064a\u0633 \u0627\u0644\u0622\u0646&quot;],[&quot;yes&quot;,&quot;\u0646\u0639\u0645\u060c \u064a\u0647\u0645\u0646\u064a&quot;]]}];\n  var ans={}; var ch=el(&quot;div&quot;,{class:&quot;chooser&quot;}); var out=el(&quot;div&quot;,{class:&quot;result&quot;,hidden:&quot;&quot;});\n  function decide(){\n    if(Object.keys(ans).length&lt;3) return;\n    var k,why;\n    if(ans.sub===&quot;yes&quot; &amp;&amp; ans.code!==&quot;no&quot;){ k=&quot;claude&quot;; why=&quot;\u0639\u0646\u062f\u0643 \u0627\u0644\u0627\u0634\u062a\u0631\u0627\u0643 \u0648\u062a\u0641\u0647\u0645 \u0627\u0644\u0643\u0648\u062f\u060c \u0641\u0640Claude Code \u064a\u0645\u0646\u062d\u0643 \u062a\u062d\u0643\u0645\u064b\u0627 \u0643\u0627\u0645\u0644\u064b\u0627 \u0641\u064a \u0645\u0644\u0641\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0628\u0644\u0627 \u062a\u0643\u0644\u0641\u0629 \u0625\u0636\u0627\u0641\u064a\u0629.&quot;; }\n    else if(ans.own===&quot;yes&quot;){ k=&quot;chatgpt&quot;; why=&quot;\u0627\u0637\u0644\u0628 \u0645\u0646 ChatGPT \u0635\u0641\u062d\u0629 HTML \u0648\u0627\u062d\u062f\u0629\u060c \u0648\u0627\u0631\u0641\u0639\u0647\u0627 \u0639\u0644\u0649 Netlify \u0623\u0648 GitHub Pages\u060c \u0641\u064a\u0628\u0642\u0649 \u0627\u0644\u0645\u0644\u0641 \u0645\u0644\u0643\u0643 \u0648\u062a\u0631\u0628\u0637\u0647 \u0628\u0646\u0637\u0627\u0642\u0643 \u0645\u062a\u0649 \u0634\u0626\u062a.&quot;; }\n    else { k=&quot;lovable&quot;; why=&quot;\u0627\u0628\u062f\u0623 \u0628\u0640Lovable\u060c \u0641\u0627\u0644\u0645\u0639\u0627\u064a\u0646\u0629 \u0627\u0644\u062d\u064a\u0629 \u062a\u0646\u0627\u0633\u0628 \u0645\u0646 \u0644\u0627 \u064a\u0643\u062a\u0628 \u0643\u0648\u062f\u064b\u0627\u060c \u0648\u0625\u0646 \u0646\u0641\u062f \u0631\u0635\u064a\u062f\u0643 \u0627\u0644\u064a\u0648\u0645\u064a \u0623\u0643\u0645\u0644 \u0639\u0644\u0649 Bolt.&quot;; }\n    Object.keys(cardsByKey).forEach(function(x){ cardsByKey[x].classList.toggle(&quot;pick&quot;,x===k); });\n    var name=T.find(function(t){return t.k===k;}).n;\n    out.hidden=false; out.innerHTML=&#x27;&lt;p&gt;&lt;b&gt;\u0627\u0644\u0623\u0646\u0633\u0628 \u0644\u0643 \u0627\u0644\u064a\u0648\u0645: &#x27;+esc(name)+&#x27;&lt;\/b&gt;&lt;\/p&gt;&lt;p&gt;&#x27;+esc(why)+&#x27;&lt;\/p&gt;&#x27;;\n  }\n  Q.forEach(function(q){\n    var d=el(&quot;div&quot;,{class:&quot;qq&quot;}); d.appendChild(el(&quot;p&quot;,null,esc(q.q))); var cs=el(&quot;div&quot;,{class:&quot;chips&quot;,role:&quot;group&quot;,&quot;aria-label&quot;:q.q});\n    q.o.forEach(function(o){ var bt=el(&quot;button&quot;,{class:&quot;chip&quot;,type:&quot;button&quot;,&quot;aria-pressed&quot;:&quot;false&quot;},esc(o[1]));\n      bt.addEventListener(&quot;click&quot;,function(){ ans[q.id]=o[0]; cs.querySelectorAll(&quot;.chip&quot;).forEach(function(x){x.setAttribute(&quot;aria-pressed&quot;,&quot;false&quot;);}); bt.setAttribute(&quot;aria-pressed&quot;,&quot;true&quot;); decide(); }); cs.appendChild(bt); });\n    d.appendChild(cs); ch.appendChild(d);\n  });\n  b2.appendChild(ch); b2.appendChild(out);\n },\n ba:function(box){\n  var b0=blockShell(box,&quot;\u0642\u0628\u0644 \u0648\u0628\u0639\u062f&quot;,&quot;\u0645\u062b\u0627\u0644 \u062a\u0648\u0636\u064a\u062d\u064a&quot;,&quot;\u0627\u0644\u0639\u0645\u0644 \u0646\u0641\u0633\u0647 \u0628\u0637\u0631\u064a\u0642\u062a\u064a\u0646. \u0628\u062f\u0651\u0644 \u0628\u064a\u0646\u0647\u0645\u0627\u060c \u0648\u0641\u0643\u0651\u0631 \u0623\u064a\u0647\u0645\u0627 \u064a\u0642\u0646\u0639 \u0635\u0627\u062d\u0628 \u0627\u0644\u0642\u0631\u0627\u0631.&quot;);\n  var tg=el(&quot;div&quot;,{class:&quot;seg&quot;,role:&quot;group&quot;,&quot;aria-label&quot;:&quot;\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0639\u0631\u0636&quot;});\n  var view=el(&quot;div&quot;,{class:&quot;ba&quot;});\n  var BEFORE=&#x27;&lt;div class=&quot;stack&quot;&gt;&#x27;+\n    [&#x27;10 \u0646\u0635\u0627\u0626\u062d \u0644\u0644\u0639\u0646\u0627\u064a\u0629 \u0628\u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u0641\u064a \u0627\u0644\u0645\u0646\u0632\u0644&#x27;,&#x27;\u0645\u062a\u0649 \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0623\u0633\u0646\u0627\u0646\u061f&#x27;,&#x27;\u0627\u0644\u0641\u0631\u0642 \u0628\u064a\u0646 \u0627\u0644\u062d\u0634\u0648 \u0627\u0644\u0639\u0627\u062f\u064a \u0648\u0627\u0644\u062a\u062c\u0645\u064a\u0644\u064a&#x27;,&#x27;\u0643\u064a\u0641 \u062a\u062e\u062a\u0627\u0631 \u0637\u0628\u064a\u0628 \u0623\u0633\u0646\u0627\u0646 \u0645\u0646\u0627\u0633\u0628\u064b\u0627\u061f&#x27;].map(function(t){return &#x27;&lt;div class=&quot;stk&quot;&gt;&lt;span class=&quot;ic&quot; aria-hidden=&quot;true&quot;&gt;&lt;\/span&gt;&lt;span&gt;&#x27;+esc(t)+&#x27;&lt;\/span&gt;&lt;span class=&quot;lk&quot;&gt;\u0631\u0627\u0628\u0637&lt;\/span&gt;&lt;\/div&gt;&#x27;;}).join(&quot;&quot;)+\n    &#x27;&lt;p class=&quot;hint&quot;&gt;\u0623\u0631\u0628\u0639\u0629 \u0631\u0648\u0627\u0628\u0637 \u0645\u062a\u062c\u0627\u0648\u0631\u0629. \u0635\u0627\u062d\u0628 \u0627\u0644\u0642\u0631\u0627\u0631 \u064a\u0639\u0631\u0641 \u0623\u0646\u0643 \u062a\u0643\u062a\u0628\u060c \u0648\u0644\u0627 \u064a\u0639\u0631\u0641 \u0644\u0645\u0627\u0630\u0627 \u0643\u064f\u062a\u0628\u062a \u0647\u0630\u0647 \u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a\u060c \u0648\u0644\u0627 \u0645\u0627\u0630\u0627 \u062d\u0642\u0642\u062a.&lt;\/p&gt;&lt;\/div&gt;&#x27;;\n  var AFTER=&#x27;&lt;article class=&quot;cs&quot;&gt;&lt;div class=&quot;cs-top&quot;&gt;&lt;span class=&quot;cs-field&quot;&gt;\u0645\u062d\u062a\u0648\u0649 \u0637\u0628\u064a \u00b7 \u0633\u064a\u0648&lt;\/span&gt;&lt;h4&gt;\u0645\u062f\u0648\u0646\u0629 \u0639\u064a\u0627\u062f\u0629 \u0623\u0633\u0646\u0627\u0646 \u062a\u0628\u062f\u0623 \u0645\u0646 \u0627\u0644\u0635\u0641\u0631&lt;\/h4&gt;&lt;\/div&gt;&#x27;+\n    &#x27;&lt;div class=&quot;cs-grid&quot;&gt;&lt;section&gt;&lt;h5&gt;&lt;span class=&quot;dot c1&quot;&gt;&lt;\/span&gt;\u0627\u0644\u062a\u062d\u062f\u064a&lt;\/h5&gt;&lt;p&gt;\u0645\u0648\u0642\u0639 \u0627\u0644\u0639\u064a\u0627\u062f\u0629 \u062c\u062f\u064a\u062f\u060c \u0648\u0644\u0627 \u064a\u0638\u0647\u0631 \u0641\u064a \u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0628\u062d\u062b \u0639\u0646 \u062e\u062f\u0645\u0627\u062a\u0647\u0627\u060c \u0648\u0627\u0644\u0645\u0631\u0636\u0649 \u064a\u0633\u0623\u0644\u0648\u0646 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0646\u0641\u0633\u0647\u0627 \u0643\u0644 \u064a\u0648\u0645 \u0639\u0644\u0649 \u0627\u0644\u0647\u0627\u062a\u0641.&lt;\/p&gt;&lt;\/section&gt;&#x27;+\n    &#x27;&lt;section&gt;&lt;h5&gt;&lt;span class=&quot;dot c2&quot;&gt;&lt;\/span&gt;\u0627\u0644\u062d\u0644&lt;\/h5&gt;&lt;p&gt;\u062e\u0637\u0629 \u0645\u0642\u0627\u0644\u0627\u062a \u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 \u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0645\u0631\u0636\u0649 \u0627\u0644\u0641\u0639\u0644\u064a\u0629\u060c \u0648\u0643\u0644 \u0645\u0642\u0627\u0644 \u064a\u0631\u0628\u0637 \u0628\u0635\u0641\u062d\u0629 \u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629\u060c \u0648\u0631\u0627\u062c\u0639 \u0627\u0644\u0637\u0628\u064a\u0628 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0642\u0628\u0644 \u0627\u0644\u0646\u0634\u0631.&lt;\/p&gt;&lt;\/section&gt;&#x27;+\n    &#x27;&lt;section&gt;&lt;h5&gt;&lt;span class=&quot;dot c3&quot;&gt;&lt;\/span&gt;\u0627\u0644\u0646\u062a\u0627\u0626\u062c&lt;\/h5&gt;&lt;p class=&quot;ph&quot;&gt;\u0627\u0631\u062a\u0641\u0639\u062a \u0627\u0644\u0632\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0636\u0648\u064a\u0629 \u0628\u0646\u0633\u0628\u0629 [\u0636\u0639 \u0627\u0644\u0646\u0633\u0628\u0629 \u0627\u0644\u062d\u0642\u064a\u0642\u064a\u0629] \u062e\u0644\u0627\u0644 [\u0627\u0644\u0645\u062f\u0629]\u060c \u0648\u0642\u0644\u0651\u062a \u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0647\u0627\u062a\u0641 \u0627\u0644\u0645\u062a\u0643\u0631\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u0646\u062d\u0648 \u0627\u0644\u0630\u064a \u0648\u0635\u0641\u0647 \u0641\u0631\u064a\u0642 \u0627\u0644\u0639\u064a\u0627\u062f\u0629.&lt;\/p&gt;&lt;\/section&gt;&lt;\/div&gt;&#x27;+\n    &#x27;&lt;div class=&quot;cs-foot&quot;&gt;&lt;span&gt;4 \u0645\u0642\u0627\u0644\u0627\u062a \u0645\u0646\u0634\u0648\u0631\u0629&lt;\/span&gt;&lt;span class=&quot;lk&quot;&gt;\u0627\u0642\u0631\u0623 \u0627\u0644\u0639\u064a\u0646\u0629&lt;\/span&gt;&lt;\/div&gt;&lt;\/article&gt;&#x27;+\n    &#x27;&lt;p class=&quot;hint&quot;&gt;\u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a \u0627\u0644\u0623\u0631\u0628\u0639 \u0646\u0641\u0633\u0647\u0627\u060c \u0644\u0643\u0646 \u0635\u0627\u062d\u0628 \u0627\u0644\u0642\u0631\u0627\u0631 \u064a\u0631\u0649 \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0648\u0637\u0631\u064a\u0642\u0629 \u062a\u0641\u0643\u064a\u0631\u0643 \u0648\u0627\u0644\u0623\u062b\u0631. \u0627\u0644\u0623\u0631\u0642\u0627\u0645 \u0628\u064a\u0646 \u0627\u0644\u0642\u0648\u0633\u064a\u0646 \u0623\u0645\u0627\u0643\u0646 \u062a\u0645\u0644\u0624\u0647\u0627 \u0628\u0623\u0631\u0642\u0627\u0645\u0643 \u0627\u0644\u062d\u0642\u064a\u0642\u064a\u0629.&lt;\/p&gt;&#x27;;\n  var mode=&quot;after&quot;;\n  [[&quot;before&quot;,&quot;\u0645\u0631\u0635\u0648\u0635\u0629&quot;],[&quot;after&quot;,&quot;\u062f\u0631\u0627\u0633\u0629 \u062d\u0627\u0644\u0629&quot;]].forEach(function(o){ var bt=el(&quot;button&quot;,{type:&quot;button&quot;,&quot;aria-pressed&quot;:String(o[0]===mode)},o[1]);\n    bt.addEventListener(&quot;click&quot;,function(){ mode=o[0]; tg.querySelectorAll(&quot;button&quot;).forEach(function(x){x.setAttribute(&quot;aria-pressed&quot;,&quot;false&quot;);}); bt.setAttribute(&quot;aria-pressed&quot;,&quot;true&quot;); view.innerHTML= mode===&quot;before&quot;?BEFORE:AFTER; }); tg.appendChild(bt); });\n  view.innerHTML=AFTER;\n  var tgw=el(&quot;div&quot;); tgw.appendChild(tg); b0.appendChild(tgw); b0.appendChild(view);\n\n },\n builder:function(box){\n  var b1=blockShell(box,&quot;\u0627\u0643\u062a\u0628 \u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u0629&quot;,&quot;\u062d\u062a\u0649 3 \u062f\u0631\u0627\u0633\u0627\u062a&quot;,&quot;\u0627\u0645\u0644\u0623 \u062f\u0631\u0627\u0633\u0629 \u0644\u0643\u0644 \u0639\u0645\u0644 \u062a\u0631\u064a\u062f \u0639\u0631\u0636\u0647. \u064a\u064f\u062d\u0641\u0638 \u0645\u0627 \u062a\u0643\u062a\u0628\u0647 \u0639\u0644\u0649 \u062c\u0647\u0627\u0632\u0643\u060c \u0648\u064a\u062f\u062e\u0644 \u062a\u0644\u0642\u0627\u0626\u064a\u064b\u0627 \u0641\u064a \u0627\u0644\u0648\u0635\u0641 \u0627\u0644\u0630\u064a \u062a\u0646\u0633\u062e\u0647 \u0641\u064a \u0627\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u0623\u062e\u064a\u0631\u0629.&quot;);\n  var CS=state.cs=state.cs||[{},{},{}]; var cur=0;\n  var tabs=el(&quot;div&quot;,{class:&quot;seg cs-tabs&quot;,role:&quot;tablist&quot;,&quot;aria-label&quot;:&quot;\u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u0629&quot;});\n  var FIELDS=[[&quot;title&quot;,&quot;\u0639\u0646\u0648\u0627\u0646 \u062f\u0631\u0627\u0633\u0629 \u0627\u0644\u062d\u0627\u0644\u0629&quot;,&quot;\u0645\u062b\u0627\u0644: \u0645\u062f\u0648\u0646\u0629 \u0639\u064a\u0627\u062f\u0629 \u0623\u0633\u0646\u0627\u0646 \u062a\u0628\u062f\u0623 \u0645\u0646 \u0627\u0644\u0635\u0641\u0631&quot;,&quot;in&quot;],[&quot;field&quot;,&quot;\u0627\u0644\u0645\u062c\u0627\u0644 \u0648\u0646\u0648\u0639 \u0627\u0644\u0645\u062d\u062a\u0648\u0649&quot;,&quot;\u0645\u062b\u0627\u0644: \u0645\u062d\u062a\u0648\u0649 \u0637\u0628\u064a\u060c \u0645\u0642\u0627\u0644\u0627\u062a \u0633\u064a\u0648&quot;,&quot;in&quot;],\n    [&quot;challenge&quot;,&quot;\u0627\u0644\u062a\u062d\u062f\u064a&quot;,&quot;\u0645\u0627 \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0627\u0644\u062a\u064a \u0648\u0627\u062c\u0647\u0647\u0627 \u0627\u0644\u0639\u0645\u064a\u0644 \u0642\u0628\u0644 \u0639\u0645\u0644\u0643\u061f&quot;,&quot;ta&quot;],[&quot;solution&quot;,&quot;\u0627\u0644\u062d\u0644&quot;,&quot;\u0645\u0627\u0630\u0627 \u0641\u0639\u0644\u062a \u0623\u0646\u062a \u062a\u062d\u062f\u064a\u062f\u064b\u0627\u061f \u0627\u0644\u062e\u0637\u0629\u060c \u0648\u0627\u0644\u0632\u0627\u0648\u064a\u0629\u060c \u0648\u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u0647\u0645\u0629&quot;,&quot;ta&quot;],\n    [&quot;results&quot;,&quot;\u0627\u0644\u0646\u062a\u0627\u0626\u062c&quot;,&quot;\u0628\u0627\u0644\u0623\u0631\u0642\u0627\u0645 \u0625\u0646 \u0648\u064f\u062c\u062f\u062a\u060c \u0645\u062b\u0644 \u0627\u0644\u0632\u064a\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u062a\u0631\u062a\u064a\u0628 \u0648\u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a\u060c \u0648\u0625\u0644\u0627 \u0641\u0623\u062b\u0631 \u0639\u0645\u0644\u0643 \u0639\u0644\u0649 \u0627\u0644\u0646\u062d\u0648 \u0627\u0644\u0630\u064a \u0648\u0635\u0641\u0647 \u0627\u0644\u0639\u0645\u064a\u0644&quot;,&quot;ta&quot;],[&quot;link&quot;,&quot;\u0631\u0627\u0628\u0637 \u0627\u0644\u0639\u064a\u0646\u0629&quot;,&quot;https:\/\/&quot;,&quot;in&quot;]];\n  var formW=el(&quot;div&quot;,{class:&quot;form cs-form&quot;}); var prev=el(&quot;div&quot;,{class:&quot;cs-prev&quot;});\n  FIELDS.forEach(function(f){\n    var d=el(&quot;div&quot;,{class:&quot;field&quot;+(f[3]===&quot;ta&quot;?&quot; full&quot;:&quot;&quot;)}); var id=&quot;cs-&quot;+f[0];\n    d.appendChild(el(&quot;label&quot;,{for:id},esc(f[1])));\n    var inp= f[3]===&quot;ta&quot;? el(&quot;textarea&quot;,{id:id,rows:&quot;3&quot;,placeholder:f[2]}) : el(&quot;input&quot;,{type:&quot;text&quot;,id:id,placeholder:f[2],dir:f[0]===&quot;link&quot;?&quot;ltr&quot;:&quot;rtl&quot;});\n    inp.addEventListener(&quot;input&quot;,function(){ CS[cur][f[0]]=inp.value; save(); paintPrev(); paintTabs();  });\n    d.appendChild(inp); formW.appendChild(d);\n  });\n  function filled(c){ return !!(c&amp;&amp;(c.title||c.challenge||c.solution||c.results)); }\n  function paintTabs(){ tabs.innerHTML=&quot;&quot;; [0,1,2].forEach(function(k){ var t=CS[k]; var bt=el(&quot;button&quot;,{type:&quot;button&quot;,role:&quot;tab&quot;,&quot;aria-selected&quot;:String(k===cur),&quot;aria-pressed&quot;:String(k===cur)},&quot;\u062f\u0631\u0627\u0633\u0629 &quot;+(k+1)+(filled(t)?&quot; \u2713&quot;:&quot;&quot;));\n    bt.addEventListener(&quot;click&quot;,function(){ cur=k; loadForm(); paintTabs(); paintPrev(); }); tabs.appendChild(bt); }); }\n  function loadForm(){ FIELDS.forEach(function(f){ var inp=$(&quot;#cs-&quot;+f[0],formW); inp.value=CS[cur][f[0]]||&quot;&quot;; }); }\n  function paintPrev(){\n    var c=CS[cur]; var v=function(k,ph){ return c[k]&amp;&amp;c[k].trim()? esc(c[k].trim()) : &#x27;&lt;span class=&quot;ph&quot;&gt;&#x27;+ph+&#x27;&lt;\/span&gt;&#x27;; };\n    prev.innerHTML=&#x27;&lt;div class=&quot;lab&quot;&gt;\u0645\u0639\u0627\u064a\u0646\u0629 \u0627\u0644\u0628\u0637\u0627\u0642\u0629&lt;\/div&gt;&lt;article class=&quot;cs&quot;&gt;&lt;div class=&quot;cs-top&quot;&gt;&lt;span class=&quot;cs-field&quot;&gt;&#x27;+v(&quot;field&quot;,&quot;\u0627\u0644\u0645\u062c\u0627\u0644&quot;)+&#x27;&lt;\/span&gt;&lt;h4&gt;&#x27;+v(&quot;title&quot;,&quot;\u0639\u0646\u0648\u0627\u0646 \u062f\u0631\u0627\u0633\u0629 \u0627\u0644\u062d\u0627\u0644\u0629&quot;)+&#x27;&lt;\/h4&gt;&lt;\/div&gt;&#x27;+\n      &#x27;&lt;div class=&quot;cs-grid&quot;&gt;&lt;section&gt;&lt;h5&gt;&lt;span class=&quot;dot c1&quot;&gt;&lt;\/span&gt;\u0627\u0644\u062a\u062d\u062f\u064a&lt;\/h5&gt;&lt;p&gt;&#x27;+v(&quot;challenge&quot;,&quot;\u0645\u0627 \u0627\u0644\u0645\u0634\u0643\u0644\u0629\u061f&quot;)+&#x27;&lt;\/p&gt;&lt;\/section&gt;&lt;section&gt;&lt;h5&gt;&lt;span class=&quot;dot c2&quot;&gt;&lt;\/span&gt;\u0627\u0644\u062d\u0644&lt;\/h5&gt;&lt;p&gt;&#x27;+v(&quot;solution&quot;,&quot;\u0645\u0627\u0630\u0627 \u0641\u0639\u0644\u062a\u061f&quot;)+&#x27;&lt;\/p&gt;&lt;\/section&gt;&lt;section&gt;&lt;h5&gt;&lt;span class=&quot;dot c3&quot;&gt;&lt;\/span&gt;\u0627\u0644\u0646\u062a\u0627\u0626\u062c&lt;\/h5&gt;&lt;p&gt;&#x27;+v(&quot;results&quot;,&quot;\u0645\u0627\u0630\u0627 \u062a\u062d\u0642\u0642\u061f&quot;)+&#x27;&lt;\/p&gt;&lt;\/section&gt;&lt;\/div&gt;&#x27;+\n      (c.link&amp;&amp;c.link.trim()?&#x27;&lt;div class=&quot;cs-foot&quot;&gt;&lt;span class=&quot;lk&quot; dir=&quot;ltr&quot;&gt;&#x27;+esc(c.link.trim())+&#x27;&lt;\/span&gt;&lt;\/div&gt;&#x27;:&#x27;&#x27;)+&#x27;&lt;\/article&gt;&#x27;;\n  }\n  var tw=el(&quot;div&quot;); tw.appendChild(tabs); b1.appendChild(tw); b1.appendChild(formW); b1.appendChild(prev);\n  paintTabs(); loadForm(); paintPrev();\n\n },\n checklist:function(box){\n  var b=blockShell(box,&quot;\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0633\u0628\u0639&quot;,&quot;\u062a\u062a\u0628\u0651\u0639 \u062a\u0642\u062f\u0645\u0643&quot;);\n  var S=[\n   [&quot;\u0627\u062e\u062a\u0631 \u0623\u0642\u0648\u0649 \u062b\u0644\u0627\u062b\u0629 \u0623\u0639\u0645\u0627\u0644 \u0648\u0627\u0643\u062a\u0628\u0647\u0627 \u062f\u0631\u0627\u0633\u0627\u062a \u062d\u0627\u0644\u0629&quot;,&quot;\u0627\u0644\u062a\u062d\u062f\u064a\u060c \u0648\u0627\u0644\u062d\u0644\u060c \u0648\u0627\u0644\u0646\u062a\u0627\u0626\u062c\u060c \u0648\u0631\u0627\u0628\u0637 \u0627\u0644\u0639\u064a\u0646\u0629. \u0627\u0633\u062a\u0639\u0645\u0644 \u0627\u0644\u0623\u062f\u0627\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629.&quot;],\n   [&quot;\u062c\u0647\u0651\u0632 \u0628\u0627\u0642\u064a \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0642\u0628\u0644 \u0623\u0646 \u062a\u0641\u062a\u062d \u0627\u0644\u0623\u062f\u0627\u0629&quot;,&quot;\u0646\u0628\u0630\u0629 \u0642\u0635\u064a\u0631\u0629 \u0639\u0646\u0643\u060c \u0648\u0633\u064a\u0631\u062a\u0643 \u0627\u0644\u0630\u0627\u062a\u064a\u0629\u060c \u0648\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643.&quot;],\n   [&quot;\u0627\u0643\u062a\u0628 \u0627\u0644\u0648\u0635\u0641 \u0643\u0644\u0647 \u0641\u064a \u0631\u0633\u0627\u0644\u0629 \u0648\u0627\u062d\u062f\u0629&quot;,&quot;\u062d\u062f\u062f \u0627\u0644\u0635\u0641\u062d\u0627\u062a\u060c \u0648\u0627\u0637\u0644\u0628 \u0645\u0648\u0642\u0639\u064b\u0627 \u0639\u0631\u0628\u064a\u064b\u0627 \u0645\u0646 \u0627\u0644\u064a\u0645\u064a\u0646 \u0625\u0644\u0649 \u0627\u0644\u064a\u0633\u0627\u0631\u060c \u0648\u0627\u0644\u0635\u0642 \u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u0629 \u0641\u064a \u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u0646\u0641\u0633\u0647\u0627.&quot;],\n   [&quot;\u0639\u062f\u0651\u0644 \u062a\u0639\u062f\u064a\u0644\u064b\u0627 \u0648\u0627\u062d\u062f\u064b\u0627 \u0641\u064a \u0643\u0644 \u0631\u0633\u0627\u0644\u0629&quot;,&quot;\u00ab\u0643\u0628\u0651\u0631 \u0623\u0631\u0642\u0627\u0645 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0641\u064a \u0628\u0637\u0627\u0642\u0627\u062a \u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u0629\u00bb \u0623\u0648\u0636\u062d \u0644\u0644\u0623\u062f\u0627\u0629 \u0645\u0646 \u062e\u0645\u0633\u0629 \u0637\u0644\u0628\u0627\u062a \u0645\u062c\u062a\u0645\u0639\u0629.&quot;],\n   [&quot;\u0627\u0646\u0634\u0631 \u0639\u0644\u0649 \u0627\u0644\u0646\u0637\u0627\u0642 \u0627\u0644\u0645\u062c\u0627\u0646\u064a \u0627\u0644\u0622\u0646&quot;,&quot;\u0648\u0627\u0631\u0628\u0637 \u0646\u0637\u0627\u0642\u0643 \u0627\u0644\u062e\u0627\u0635 \u0644\u0627\u062d\u0642\u064b\u0627\u060c \u062d\u064a\u0646 \u064a\u0628\u0631\u0631 \u0627\u0644\u0639\u0627\u0626\u062f \u0627\u0644\u0627\u0634\u062a\u0631\u0627\u0643.&quot;],\n   [&quot;\u0627\u062e\u062a\u0628\u0631 \u0627\u0644\u0645\u0648\u0642\u0639 \u0628\u0639\u064a\u0646 \u0635\u0627\u062d\u0628 \u0627\u0644\u0642\u0631\u0627\u0631&quot;,&quot;\u0627\u0641\u062a\u062d\u0647 \u0645\u0646 \u0627\u0644\u0647\u0627\u062a\u0641\u060c \u0648\u0639\u062f\u0651 \u0627\u0644\u0646\u0642\u0631\u0627\u062a \u062d\u062a\u0649 \u0623\u0648\u0644 \u062f\u0631\u0627\u0633\u0629 \u062d\u0627\u0644\u0629. \u0623\u0643\u062b\u0631 \u0645\u0646 \u0646\u0642\u0631\u062a\u064a\u0646\u061f \u0623\u0639\u062f \u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0642\u0627\u0626\u0645\u0629.&quot;],\n   [&quot;\u0627\u062d\u0641\u0638 \u0627\u0644\u0643\u0648\u062f \u0639\u0646\u062f\u0643&quot;,&quot;\u0627\u0631\u0628\u0637 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0628\u062d\u0633\u0627\u0628 GitHub \u0625\u0646 \u0623\u062a\u0627\u062d\u062a \u0627\u0644\u0623\u062f\u0627\u0629 \u0630\u0644\u0643.&quot;]\n  ];\n  var ck=state.checks.ws2||{}; var list=el(&quot;div&quot;,{class:&quot;checks&quot;});\n  S.forEach(function(s,k){ var id=&quot;ws&quot;+k; var row=el(&quot;label&quot;,{class:&quot;ck&quot;+(ck[k]?&quot; on&quot;:&quot;&quot;),for:id});\n    var inp=el(&quot;input&quot;,{type:&quot;checkbox&quot;,id:id}); inp.checked=!!ck[k];\n    inp.addEventListener(&quot;change&quot;,function(){ ck[k]=inp.checked; row.classList.toggle(&quot;on&quot;,inp.checked); state.checks.ws2=ck; save(); });\n    row.appendChild(inp); row.appendChild(el(&quot;span&quot;,null,&#x27;&lt;b&gt;&#x27;+(k+1)+&#x27;. &#x27;+esc(s[0])+&#x27;&lt;\/b&gt;&#x27;+esc(s[1]))); list.appendChild(row); });\n  b.appendChild(list);\n\n },\n prompt:function(box){\n  var CS=state.cs=state.cs||[{},{},{}]; function filled(c){ return !!(c&amp;&amp;(c.title||c.challenge||c.solution||c.results)); }\n  var b2=blockShell(box,&quot;\u0645\u0648\u0644\u0651\u062f \u0627\u0644\u0648\u0635\u0641&quot;,&quot;\u0627\u0646\u0633\u062e \u0648\u0627\u0644\u0635\u0642&quot;,&quot;\u0627\u0645\u0644\u0623 \u0627\u0644\u062d\u0642\u0648\u0644\u060c \u0648\u0627\u0646\u0633\u062e \u0627\u0644\u0648\u0635\u0641 \u0625\u0644\u0649 Lovable \u0623\u0648 Bolt \u0623\u0648 ChatGPT \u062f\u0648\u0646 \u062a\u0639\u062f\u064a\u0644. \u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u0629 \u0627\u0644\u062a\u064a \u0643\u062a\u0628\u062a\u0647\u0627 \u062a\u064f\u0636\u0627\u0641 \u0625\u0644\u064a\u0647 \u062a\u0644\u0642\u0627\u0626\u064a\u064b\u0627.&quot;);\n  var F=state.form; F.name=F.name||&quot;&quot;; F.niche=F.niche||&quot;&quot;; F.colors=F.colors||&quot;&quot;; F.cats=F.cats||{articles:true,social:true};\n  var CATS=[[&quot;articles&quot;,&quot;\u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a&quot;],[&quot;social&quot;,&quot;\u0627\u0644\u0633\u0648\u0634\u064a\u0627\u0644 \u0645\u064a\u062f\u064a\u0627&quot;],[&quot;scripts&quot;,&quot;\u0627\u0644\u0633\u0643\u0631\u064a\u0628\u062a\u0627\u062a&quot;],[&quot;ads&quot;,&quot;\u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a&quot;],[&quot;email&quot;,&quot;\u0627\u0644\u0625\u064a\u0645\u064a\u0644\u0627\u062a&quot;],[&quot;landing&quot;,&quot;\u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0647\u0628\u0648\u0637&quot;]];\n  var form=el(&quot;div&quot;,{class:&quot;form&quot;});\n  form.innerHTML=&#x27;&lt;div class=&quot;field&quot;&gt;&lt;label for=&quot;fName&quot;&gt;\u0627\u0633\u0645\u0643&lt;\/label&gt;&lt;input type=&quot;text&quot; id=&quot;fName&quot; placeholder=&quot;\u0645\u062b\u0627\u0644: \u0633\u0627\u0631\u0629 \u0623\u062d\u0645\u062f&quot;&gt;&lt;\/div&gt;&#x27;+\n    &#x27;&lt;div class=&quot;field&quot;&gt;&lt;label for=&quot;fNiche&quot;&gt;\u062a\u062e\u0635\u0635\u0643 \u0641\u064a \u0627\u0644\u0643\u062a\u0627\u0628\u0629&lt;\/label&gt;&lt;input type=&quot;text&quot; id=&quot;fNiche&quot; placeholder=&quot;\u0645\u062b\u0627\u0644: \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0637\u0628\u064a \u0648\u0627\u0644\u062a\u0642\u0646\u064a&quot;&gt;&lt;\/div&gt;&#x27;+\n    &#x27;&lt;div class=&quot;field full&quot;&gt;&lt;span class=&quot;lab&quot;&gt;\u0635\u0646\u0651\u0641 \u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u0629 \u062d\u0633\u0628 \u0646\u0648\u0639 \u0627\u0644\u0645\u062d\u062a\u0648\u0649&lt;\/span&gt;&lt;div class=&quot;pages&quot; id=&quot;fCats&quot;&gt;&lt;\/div&gt;&lt;\/div&gt;&#x27;+\n    &#x27;&lt;div class=&quot;field full&quot;&gt;&lt;label for=&quot;fColors&quot;&gt;\u0627\u0644\u0623\u0644\u0648\u0627\u0646&lt;\/label&gt;&lt;input type=&quot;text&quot; id=&quot;fColors&quot; placeholder=&quot;\u0645\u062b\u0627\u0644: \u0643\u062d\u0644\u064a \u0648\u0623\u0632\u0631\u0642 \u0633\u0645\u0627\u0648\u064a \u0648\u0623\u0628\u064a\u0636&quot;&gt;&lt;\/div&gt;&#x27;;\n  b2.appendChild(form);\n  var cats=$(&quot;#fCats&quot;,form);\n  CATS.forEach(function(p){ var l=el(&quot;label&quot;,{for:&quot;cat-&quot;+p[0]}); var i=el(&quot;input&quot;,{type:&quot;checkbox&quot;,id:&quot;cat-&quot;+p[0]}); i.checked=!!F.cats[p[0]];\n    i.addEventListener(&quot;change&quot;,function(){ F.cats[p[0]]=i.checked; updPrompt(); }); l.appendChild(i); l.appendChild(document.createTextNode(p[1])); cats.appendChild(l); });\n  var outW=el(&quot;div&quot;,{class:&quot;out&quot;}); var pre=el(&quot;pre&quot;,{id:&quot;promptOut&quot;}); var cp=el(&quot;button&quot;,{class:&quot;copy&quot;,type:&quot;button&quot;},&quot;\u0646\u0633\u062e&quot;);\n  outW.appendChild(pre); outW.appendChild(cp); b2.appendChild(outW);\n  [&quot;fName&quot;,&quot;fNiche&quot;,&quot;fColors&quot;].forEach(function(id){ var inp=$(&quot;#&quot;+id,form); var key={fName:&quot;name&quot;,fNiche:&quot;niche&quot;,fColors:&quot;colors&quot;}[id]; inp.value=F[key]; inp.addEventListener(&quot;input&quot;,function(){ F[key]=inp.value; updPrompt(); }); });\n  function updPrompt(){\n    var sel=CATS.filter(function(p){return F.cats[p[0]];}).map(function(p){return p[1];});\n    var ready=CS.filter(filled);\n    var lines=[\n     &quot;\u0627\u0628\u0646\u0650 \u0645\u0648\u0642\u0639 \u0628\u0648\u0631\u062a\u0641\u0648\u0644\u064a\u0648 \u0644\u0643\u0627\u062a\u0628 \u0645\u062d\u062a\u0648\u0649 \u0639\u0631\u0628\u064a \u0627\u0633\u0645\u0647 &quot;+(F.name.trim()||&quot;[\u0627\u0633\u0645\u0643]&quot;)+(F.niche.trim()?&quot;\u060c \u0645\u062a\u062e\u0635\u0635 \u0641\u064a &quot;+F.niche.trim():&quot;&quot;)+&quot;.&quot;,\n     &quot;\u0627\u0644\u0645\u0648\u0642\u0639 \u0628\u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629\u060c \u0645\u0646 \u0627\u0644\u064a\u0645\u064a\u0646 \u0625\u0644\u0649 \u0627\u0644\u064a\u0633\u0627\u0631\u060c \u0628\u062e\u0637 \u0639\u0631\u0628\u064a \u0648\u0627\u0636\u062d\u060c \u0648\u0645\u062a\u062c\u0627\u0648\u0628 \u0645\u0639 \u0627\u0644\u0647\u0627\u062a\u0641.&quot;,\n     &quot;\u0627\u0644\u0635\u0641\u062d\u0627\u062a: \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 (\u0646\u0628\u0630\u0629 \u0642\u0635\u064a\u0631\u0629 \u0648\u0635\u0648\u0631\u0629 \u0648\u0632\u0631 \u062a\u0648\u0627\u0635\u0644)\u060c \u0648\u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u0629\u060c \u0648\u0627\u0644\u0633\u064a\u0631\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629\u060c \u0648\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u064a.&quot;,\n     &quot;\u0627\u0639\u0631\u0636 \u0623\u0639\u0645\u0627\u0644\u064a \u062f\u0631\u0627\u0633\u0627\u062a \u062d\u0627\u0644\u0629\u060c \u0648\u0644\u0627 \u062a\u0639\u0631\u0636\u0647\u0627 \u0642\u0627\u0626\u0645\u0629 \u0645\u0642\u0627\u0644\u0627\u062a \u0623\u0648 \u0645\u0646\u0634\u0648\u0631\u0627\u062a \u0645\u062a\u062c\u0627\u0648\u0631\u0629.&quot;,\n     &quot;\u0641\u064a \u0635\u0641\u062d\u0629 \u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u0629\u060c \u0627\u0639\u0631\u0636 \u0643\u0644 \u062f\u0631\u0627\u0633\u0629 \u0641\u064a \u0628\u0637\u0627\u0642\u0629 \u0641\u064a\u0647\u0627 \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0648\u0627\u0644\u0645\u062c\u0627\u0644 \u0648\u0633\u0637\u0631 \u0645\u0646 \u0627\u0644\u062a\u062d\u062f\u064a \u0648\u0623\u0628\u0631\u0632 \u0646\u062a\u064a\u062c\u0629\u060c \u0648\u0627\u0644\u0636\u063a\u0637 \u0639\u0644\u0649 \u0627\u0644\u0628\u0637\u0627\u0642\u0629 \u064a\u0641\u062a\u062d \u0635\u0641\u062d\u0629 \u0627\u0644\u062f\u0631\u0627\u0633\u0629.&quot;,\n     &quot;\u0644\u0643\u0644 \u062f\u0631\u0627\u0633\u0629 \u062d\u0627\u0644\u0629 \u0635\u0641\u062d\u0629 \u0645\u0633\u062a\u0642\u0644\u0629 \u0645\u0646 \u0623\u0631\u0628\u0639\u0629 \u0623\u0642\u0633\u0627\u0645 \u0628\u0647\u0630\u0627 \u0627\u0644\u062a\u0631\u062a\u064a\u0628: \u0627\u0644\u062a\u062d\u062f\u064a\u060c \u062b\u0645 \u0627\u0644\u062d\u0644\u060c \u062b\u0645 \u0627\u0644\u0646\u062a\u0627\u0626\u062c\u060c \u062b\u0645 \u0631\u0627\u0628\u0637 \u0627\u0644\u0639\u064a\u0646\u0629. \u0648\u0627\u0639\u0631\u0636 \u0623\u0631\u0642\u0627\u0645 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0628\u062e\u0637 \u0643\u0628\u064a\u0631 \u0628\u0627\u0631\u0632.&quot;,\n     sel.length? &quot;\u0623\u0636\u0641 \u0641\u0644\u062a\u0631\u064b\u0627 \u0644\u062a\u0635\u0646\u064a\u0641 \u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u0629 \u062d\u0633\u0628 \u0646\u0648\u0639 \u0627\u0644\u0645\u062d\u062a\u0648\u0649: &quot;+sel.join(&quot;\u060c \u0648&quot;)+&quot;.&quot; : &quot;&quot;,\n     &quot;\u064a\u0635\u0644 \u0627\u0644\u0632\u0627\u0626\u0631 \u0645\u0646 \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0625\u0644\u0649 \u0623\u0648\u0644 \u062f\u0631\u0627\u0633\u0629 \u062d\u0627\u0644\u0629 \u0641\u064a \u0646\u0642\u0631\u062a\u064a\u0646 \u0639\u0644\u0649 \u0627\u0644\u0623\u0643\u062b\u0631.&quot;,\n     &quot;\u0627\u0644\u0623\u0644\u0648\u0627\u0646: &quot;+(F.colors.trim()||&quot;[\u0623\u0644\u0648\u0627\u0646\u0643]&quot;)+&quot;.&quot;,\n     &quot;\u0644\u0627 \u062a\u0636\u0641 \u0623\u064a \u0645\u062d\u062a\u0648\u0649 \u0623\u0648 \u0623\u0631\u0642\u0627\u0645 \u0645\u0646 \u0639\u0646\u062f\u0643\u060c \u0648\u0627\u0633\u062a\u0639\u0645\u0644 \u0627\u0644\u0646\u0635\u0648\u0635 \u0627\u0644\u062a\u0627\u0644\u064a\u0629 \u0641\u0642\u0637.&quot;\n    ].filter(Boolean);\n    if(ready.length){\n      lines.push(&quot;&quot;); lines.push(&quot;\u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u0629:&quot;);\n      ready.forEach(function(c,k){\n        lines.push(&quot;&quot;); lines.push((k+1)+&quot;. &quot;+(c.title||&quot;[\u0627\u0644\u0639\u0646\u0648\u0627\u0646]&quot;).trim()+(c.field?&quot; (&quot;+c.field.trim()+&quot;)&quot;:&quot;&quot;));\n        lines.push(&quot;\u0627\u0644\u062a\u062d\u062f\u064a: &quot;+(c.challenge||&quot;[\u0627\u0644\u062a\u062d\u062f\u064a]&quot;).trim());\n        lines.push(&quot;\u0627\u0644\u062d\u0644: &quot;+(c.solution||&quot;[\u0627\u0644\u062d\u0644]&quot;).trim());\n        lines.push(&quot;\u0627\u0644\u0646\u062a\u0627\u0626\u062c: &quot;+(c.results||&quot;[\u0627\u0644\u0646\u062a\u0627\u0626\u062c]&quot;).trim());\n        if(c.link&amp;&amp;c.link.trim()) lines.push(&quot;\u0631\u0627\u0628\u0637 \u0627\u0644\u0639\u064a\u0646\u0629: &quot;+c.link.trim());\n      });\n    } else { lines.push(&quot;&quot;); lines.push(&quot;[\u0627\u0643\u062a\u0628 \u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u0629 \u0641\u064a \u0627\u0644\u0623\u062f\u0627\u0629 \u0623\u0639\u0644\u0627\u0647 \u0644\u062a\u0638\u0647\u0631 \u0647\u0646\u0627]&quot;); }\n    pre.textContent=lines.join(&quot;\\n&quot;); state.form=F; save();\n  }\n  cp.addEventListener(&quot;click&quot;,function(){\n    var txt=pre.textContent;\n    function fallback(){ var r=document.createRange(); r.selectNodeContents(pre); var s=window.getSelection(); s.removeAllRanges(); s.addRange(r); toast(&quot;\u062d\u062f\u0651\u062f\u062a \u0627\u0644\u0646\u0635\u060c \u0627\u0646\u0633\u062e\u0647 \u0645\u0646 \u0627\u0644\u0642\u0627\u0626\u0645\u0629&quot;); }\n    try{ navigator.clipboard.writeText(txt).then(function(){ toast(&quot;\u0646\u064f\u0633\u062e \u0627\u0644\u0648\u0635\u0641&quot;); },fallback); }catch(e){ fallback(); }\n  });\n  updPrompt();\n }\n};\n\nrender();\n})();\n&lt;\/script&gt;\n\n&lt;script&gt;(function(){if(window.parent===window)return;function h(){parent.postMessage({type:&quot;course-h&quot;,h:document.documentElement.scrollHeight},&quot;*&quot;)}if(window.ResizeObserver)new ResizeObserver(h).observe(document.body);window.addEventListener(&quot;load&quot;,h);setInterval(h,1500);h();})();&lt;\/script&gt;&lt;\/body&gt;&lt;\/html&gt;\" allow=\"autoplay\"><\/iframe>\n<script>window.addEventListener('message',function(e){var f=document.getElementById('cm-frame');if(!f||e.source!==f.contentWindow||!e.data)return;if(e.data.type==='course-h')f.style.height=(e.data.h+8)+'px';if(e.data.type==='course-top'){var y=f.getBoundingClientRect().top+window.scrollY-110;if(window.scrollY>y)window.scrollTo({top:y,behavior:'smooth'})}});<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3af9a71 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"3af9a71\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/ar\/academy-lab\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0627\u0644\u0639\u0648\u062f\u0629 \u0625\u0644\u0649 \u0645\u062e\u062a\u0628\u0631 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u2192<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":2735,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2808","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/karimhamed.com\/ar\/wp-json\/wp\/v2\/pages\/2808","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/karimhamed.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/karimhamed.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/karimhamed.com\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/karimhamed.com\/ar\/wp-json\/wp\/v2\/comments?post=2808"}],"version-history":[{"count":0,"href":"https:\/\/karimhamed.com\/ar\/wp-json\/wp\/v2\/pages\/2808\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/karimhamed.com\/ar\/wp-json\/wp\/v2\/pages\/2735"}],"wp:attachment":[{"href":"https:\/\/karimhamed.com\/ar\/wp-json\/wp\/v2\/media?parent=2808"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}