{"id":9,"date":"2026-01-10T06:10:26","date_gmt":"2026-01-10T06:10:26","guid":{"rendered":"https:\/\/english-online.info\/?page_id=9"},"modified":"2026-01-10T06:13:01","modified_gmt":"2026-01-10T06:13:01","slug":"%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a9-%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d8%a9","status":"publish","type":"page","link":"https:\/\/english-online.info\/","title":{"rendered":"\u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u0629"},"content":{"rendered":"\n<!-- English Online - Home (Classic Editor HTML) -->\n<div style=\"direction:rtl;text-align:right;font-family:Tahoma,Arial,sans-serif;background:#0b1220;color:#eaf0ff;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.10);\">\n\n  <!-- Top Bar -->\n  <div style=\"padding:16px 18px;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.10);\">\n    <div style=\"display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;\">\n      <div style=\"display:flex;gap:10px;align-items:center;\">\n        <div style=\"width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,#2f6bff,#19c37d);border:1px solid rgba(255,255,255,.18);\"><\/div>\n        <div>\n          <div style=\"font-weight:800;font-size:16px;line-height:1.2;\">\u0625\u0646\u062c\u0644\u064a\u0632\u064a \u0623\u0648\u0646\u0644\u0627\u064a\u0646 | English Online<\/div>\n          <div style=\"color:#b8c4e6;font-weight:700;font-size:12px;margin-top:2px;\">\u062a\u0639\u0644\u0645 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0628\u0637\u0631\u064a\u0642\u0629 \u0645\u0645\u062a\u0639\u0629 + \u0646\u0642\u0627\u0637 \u0648\u062a\u062d\u0641\u064a\u0632<\/div>\n        <\/div>\n      <\/div>\n\n      <div style=\"display:flex;gap:8px;flex-wrap:wrap;align-items:center;\">\n        <a href=\"#features\" style=\"text-decoration:none;color:#b8c4e6;font-weight:800;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);\">\u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a<\/a>\n        <a href=\"#how\" style=\"text-decoration:none;color:#b8c4e6;font-weight:800;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);\">\u0643\u064a\u0641 \u064a\u0639\u0645\u0644<\/a>\n        <a href=\"#top\" style=\"text-decoration:none;color:#b8c4e6;font-weight:800;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);\">\u0627\u0644\u0623\u0641\u0636\u0644 \u0644\u0647\u0630\u0627 \u0627\u0644\u0634\u0647\u0631<\/a>\n        <a href=\"YOUR_DOMAIN_HERE\/start\" style=\"text-decoration:none;color:#fff;font-weight:900;padding:10px 14px;border-radius:14px;background:linear-gradient(135deg,#2f6bff,#7a5cff);border:1px solid rgba(255,255,255,.18);\">\u0627\u0628\u062f\u0623 \u0627\u0644\u062a\u0639\u0644\u0645<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Hero -->\n  <div style=\"padding:22px 18px;background:\n    radial-gradient(900px 420px at 90% -10%, rgba(47,107,255,.45), transparent 60%),\n    radial-gradient(700px 380px at 10% 20%, rgba(25,195,125,.25), transparent 60%),\n    radial-gradient(700px 380px at 50% 120%, rgba(255,157,47,.18), transparent 60%),\n    #0b1220;\">\n    <div style=\"display:flex;flex-wrap:wrap;gap:14px;align-items:stretch;\">\n      <!-- Left -->\n      <div style=\"flex:1 1 520px;min-width:280px;\">\n        <div style=\"display:inline-block;margin-bottom:10px;padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#b8c4e6;font-weight:800;font-size:12px;\">\n          \u0628\u0631\u0646\u0627\u0645\u062c \u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0627\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0627\u0648\u0646\u0644\u0627\u064a\u0646\n        <\/div>\n\n        <h1 style=\"margin:0 0 10px;font-size:28px;line-height:1.2;font-weight:900;\">\n          \u062a\u0639\u0644\u0645 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0645\u0639\u0646\u0627 \u0628\u0623\u0633\u0631\u0639 \u0648\u0642\u062a \u0648\u0623\u0642\u0644 \u062c\u0647\u062f\n        <\/h1>\n\n        <p style=\"margin:0 0 14px;color:#b8c4e6;font-weight:700;\">\n          \u062f\u0631\u0648\u0633 \u0642\u0635\u064a\u0631\u0629 \u0648\u0645\u0645\u062a\u0639\u0629 + \u062a\u0645\u0627\u0631\u064a\u0646 \u062a\u0641\u0627\u0639\u0644\u064a\u0629 + \u0646\u0638\u0627\u0645 \u0646\u0642\u0627\u0637 (XP) \u0648\u0645\u0643\u0627\u0641\u0622\u062a \u0644\u062a\u062d\u0641\u064a\u0632\u0643 \u0639\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u0645\u0631\u0627\u0631 \u064a\u0648\u0645\u064a\u064b\u0627.\n        <\/p>\n\n        <!-- CTA + Stats -->\n        <div style=\"display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0 8px;\">\n          <a href=\"YOUR_DOMAIN_HERE\/start\" style=\"text-decoration:none;color:#fff;font-weight:900;padding:12px 16px;border-radius:14px;background:linear-gradient(135deg,#19c37d,#2f6bff);border:1px solid rgba(255,255,255,.18);\">\n            \u0627\u0628\u062f\u0623 \u0627\u0644\u0622\u0646 \u0645\u062c\u0627\u0646\u064b\u0627\n          <\/a>\n          <a href=\"#features\" style=\"text-decoration:none;color:#eaf0ff;font-weight:900;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);\">\n            \u0627\u0633\u062a\u0639\u0631\u0636 \u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a\n          <\/a>\n\n          <div style=\"display:flex;gap:8px;flex-wrap:wrap;\">\n            <span style=\"display:inline-flex;gap:8px;align-items:center;padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);color:#b8c4e6;font-weight:900;\">\n              \ud83d\udd25 <span style=\"color:#eaf0ff;\">Streak<\/span>: <span id=\"eoStreak\" style=\"color:#ff9d2f;\">0<\/span> \u064a\u0648\u0645\n            <\/span>\n            <span style=\"display:inline-flex;gap:8px;align-items:center;padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);color:#b8c4e6;font-weight:900;\">\n              \u2b50 \u0646\u0642\u0627\u0637: <span id=\"eoPoints\" style=\"color:#ff9d2f;\">0<\/span> XP\n            <\/span>\n          <\/div>\n        <\/div>\n\n        <div style=\"color:#b8c4e6;font-weight:800;font-size:12px;\">\n          \u0646\u0635\u064a\u062d\u0629: \u0627\u062f\u062e\u0644 \u064a\u0648\u0645\u064a\u064b\u0627 \u0648\u062e\u0630 \u062f\u0631\u0633\u064b\u0627 \u0648\u0627\u062d\u062f\u064b\u0627 \u0641\u0642\u0637 \u2014 \u0627\u0644\u0627\u0633\u062a\u0645\u0631\u0627\u0631\u064a\u0629 \u0623\u0647\u0645 \u0645\u0646 \u0627\u0644\u0643\u062b\u0631\u0629 \u2705\n        <\/div>\n      <\/div>\n\n      <!-- Right: Gamification Card -->\n      <div style=\"flex:1 1 320px;min-width:280px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:14px;box-shadow:0 18px 60px rgba(0,0,0,.35);\">\n        <div style=\"display:flex;justify-content:space-between;gap:10px;align-items:center;\">\n          <div style=\"font-weight:900;font-size:15px;\">\u0644\u0648\u062d\u0629 \u0627\u0644\u062a\u062d\u0641\u064a\u0632<\/div>\n          <div style=\"font-weight:900;color:#b8c4e6;font-size:12px;\">\u0627\u0628\u062f\u0623 \u0648\u062c\u0645\u0651\u0639 \u0646\u0642\u0627\u0637<\/div>\n        <\/div>\n\n        <div style=\"margin-top:12px;\">\n          <div style=\"color:#b8c4e6;font-weight:900;font-size:12px;margin-bottom:8px;\">\u062a\u0642\u062f\u0645\u0643 \u0627\u0644\u064a\u0648\u0645<\/div>\n          <div style=\"height:12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);overflow:hidden;\">\n            <div id=\"eoProgressBar\" style=\"width:20%;height:100%;background:linear-gradient(135deg,#2f6bff,#19c37d);\"><\/div>\n          <\/div>\n          <div style=\"display:flex;justify-content:space-between;margin-top:8px;color:#b8c4e6;font-weight:900;font-size:12px;\">\n            <span>\u0627\u0644\u0645\u0633\u062a\u0648\u0649: <span id=\"eoLevel\" style=\"color:#eaf0ff;\">1<\/span><\/span>\n            <span><span id=\"eoProgressText\" style=\"color:#ff9d2f;\">20<\/span>%<\/span>\n          <\/div>\n        <\/div>\n\n        <div style=\"margin-top:14px;display:grid;grid-template-columns:1fr;gap:10px;\">\n          <div style=\"padding:12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);\">\n            <div style=\"font-weight:900;\">\ud83c\udf81 \u0645\u0643\u0627\u0641\u0622\u062a \u062a\u062d\u0641\u064a\u0632\u064a\u0629<\/div>\n            <div style=\"color:#b8c4e6;font-weight:750;font-size:13px;margin-top:4px;\">\n              \u0646\u0642\u0627\u0637 + \u0634\u0627\u0631\u0627\u062a + \u062a\u062d\u062f\u064a\u0627\u062a \u0623\u0633\u0628\u0648\u0639\u064a\u0629 \u0644\u062a\u062d\u0641\u064a\u0632 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u0645\u0631\u0627\u0631.\n            <\/div>\n          <\/div>\n          <div style=\"padding:12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);\">\n            <div style=\"font-weight:900;\">\ud83e\udde9 \u062a\u0645\u0627\u0631\u064a\u0646 \u062a\u0641\u0627\u0639\u0644\u064a\u0629<\/div>\n            <div style=\"color:#b8c4e6;font-weight:750;font-size:13px;margin-top:4px;\">\n              \u062a\u0645\u0627\u0631\u064a\u0646 \u0642\u0635\u064a\u0631\u0629 \u0628\u0639\u062f \u0643\u0644 \u062f\u0631\u0633 \u0644\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0641\u0647\u0645 \u0648\u062a\u062b\u0628\u064a\u062a \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0629.\n            <\/div>\n          <\/div>\n          <div style=\"padding:12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);\">\n            <div style=\"font-weight:900;\">\u2705 \u0634\u0631\u062d \u0645\u0628\u0633\u0637<\/div>\n            <div style=\"color:#b8c4e6;font-weight:750;font-size:13px;margin-top:4px;\">\n              \u0642\u0648\u0627\u0639\u062f \u0648\u0645\u0641\u0631\u062f\u0627\u062a \u0628\u0623\u0633\u0644\u0648\u0628 \u0639\u0631\u0628\u064a \u0648\u0627\u0636\u062d \u0628\u062f\u0648\u0646 \u062a\u0639\u0642\u064a\u062f.\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div style=\"margin-top:12px;display:flex;gap:8px;flex-wrap:wrap;\">\n          <button onclick=\"eoAddXP(10)\" style=\"cursor:pointer;border:none;color:#0b1220;font-weight:1000;padding:10px 12px;border-radius:12px;background:#ff9d2f;\">\n            +10 XP (\u062a\u062c\u0631\u0628\u0629)\n          <\/button>\n          <button onclick=\"eoAddXP(30)\" style=\"cursor:pointer;border:none;color:#fff;font-weight:1000;padding:10px 12px;border-radius:12px;background:#2f6bff;\">\n            +30 XP\n          <\/button>\n          <button onclick=\"eoReset()\" style=\"cursor:pointer;border:none;color:#fff;font-weight:1000;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12);\">\n            \u062a\u0635\u0641\u064a\u0631\n          <\/button>\n        <\/div>\n\n        <div id=\"eoToast\" style=\"display:none;margin-top:10px;padding:10px 12px;border-radius:12px;background:rgba(25,195,125,.14);border:1px solid rgba(25,195,125,.30);color:#eaf0ff;font-weight:900;\">\n          \u2705 \u0645\u0645\u062a\u0627\u0632! \u0627\u0633\u062a\u0645\u0631!\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Features -->\n  <div id=\"features\" style=\"padding:18px;\">\n    <h2 style=\"margin:0 0 8px;font-size:20px;font-weight:1000;\">\u062a\u0639\u0644\u0645 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0628\u0627\u0644\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0623\u0643\u062b\u0631 \u0643\u0641\u0627\u0621\u0629 \u0648\u0641\u0639\u0627\u0644\u064a\u0629<\/h2>\n    <p style=\"margin:0 0 14px;color:#b8c4e6;font-weight:800;\">\n      \u0645\u0645\u064a\u0632\u0627\u062a \u0645\u0646\u0635\u0629 \u0625\u0646\u062c\u0644\u064a\u0632\u064a \u0623\u0648\u0646\u0644\u0627\u064a\u0646 \u0644\u062a\u0639\u0644\u0645 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u2014 \u0645\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u0627\u064b \u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0643 \u0639\u0644\u0649 \u062a\u062d\u0642\u064a\u0642 \u0623\u0647\u062f\u0627\u0641\u0643.\n    <\/p>\n\n    <div style=\"display:flex;flex-wrap:wrap;gap:12px;\">\n      <div style=\"flex:1 1 260px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:14px;\">\n        <div style=\"font-weight:1000;\">\ud83d\udee0\ufe0f \u0623\u062f\u0648\u0627\u062a \u062d\u062f\u064a\u062b\u0629<\/div>\n        <div style=\"color:#b8c4e6;font-weight:750;margin-top:6px;\">\n          \u062a\u0639\u0644\u0651\u0645 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0646\u0638\u0627\u0645 \u062a\u0639\u0644\u064a\u0645\u064a \u0641\u0631\u064a\u062f \u064a\u0639\u0632\u0632 \u0627\u0644\u062a\u0639\u0644\u0651\u0645 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u062f\u0648\u0627\u062a \u062d\u062f\u064a\u062b\u0629 \u0648\u062a\u0645\u0627\u0631\u064a\u0646 \u0630\u0643\u064a\u0629.\n        <\/div>\n      <\/div>\n\n      <div style=\"flex:1 1 260px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:14px;\">\n        <div style=\"font-weight:1000;\">\ud83e\udde0 \u0645\u062a\u0643\u0627\u0645\u0644\u0629<\/div>\n        <div style=\"color:#b8c4e6;font-weight:750;margin-top:6px;\">\n          \u062a\u0639\u0644\u0651\u0645 \u0627\u0644\u062a\u062d\u062f\u062b \u0648\u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0648\u0627\u0644\u0643\u062a\u0627\u0628\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u0645\u0627\u0639 \u0648\u0627\u0644\u0642\u0648\u0627\u0639\u062f \u0648\u0627\u0644\u0645\u0641\u0631\u062f\u0627\u062a \u2014 \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f.\n        <\/div>\n      <\/div>\n\n      <div style=\"flex:1 1 260px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:14px;\">\n        <div style=\"font-weight:1000;\">\ud83d\udc65 \u0645\u062c\u062a\u0645\u0639 \u062a\u0641\u0627\u0639\u0644\u064a<\/div>\n        <div style=\"color:#b8c4e6;font-weight:750;margin-top:6px;\">\n          \u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0645\u0646 \u0645\u062c\u062a\u0645\u0639 \u062a\u0641\u0627\u0639\u0644\u064a \u0648\u0645\u0633\u0627\u062d\u0627\u062a \u0644\u0644\u0646\u0642\u0627\u0634 \u0648\u062d\u0648\u0627\u0631\u0627\u062a \u062d\u0648\u0644 \u0627\u0644\u062f\u0631\u0633.\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div style=\"margin-top:14px;\">\n      <a href=\"YOUR_DOMAIN_HERE\/start\" style=\"display:inline-block;text-decoration:none;color:#fff;font-weight:1000;padding:12px 16px;border-radius:14px;background:linear-gradient(135deg,#2f6bff,#7a5cff);border:1px solid rgba(255,255,255,.18);\">\n        \u0627\u0628\u062f\u0623 \u0627\u0644\u062a\u0639\u0644\u0645\n      <\/a>\n    <\/div>\n  <\/div>\n\n  <!-- How it works -->\n  <div id=\"how\" style=\"padding:18px;background:rgba(255,255,255,.03);border-top:1px solid rgba(255,255,255,.10);border-bottom:1px solid rgba(255,255,255,.10);\">\n    <h2 style=\"margin:0 0 10px;font-size:18px;font-weight:1000;\">\u0643\u064a\u0641 \u064a\u0639\u0645\u0644 \u0646\u0638\u0627\u0645 \u0627\u0644\u0646\u0642\u0627\u0637\u061f<\/h2>\n\n    <div style=\"display:flex;flex-wrap:wrap;gap:12px;\">\n      <div style=\"flex:1 1 240px;padding:14px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);\">\n        <div style=\"font-weight:1000;\">1) \u0634\u0627\u0647\u062f \u0627\u0644\u062f\u0631\u0633<\/div>\n        <div style=\"color:#b8c4e6;font-weight:750;margin-top:6px;\">\u0643\u0644 \u062f\u0631\u0633 \u0642\u0635\u064a\u0631 \u0648\u0648\u0627\u0636\u062d \u0648\u0645\u0646\u0627\u0633\u0628 \u0644\u0644\u0645\u0628\u062a\u062f\u0626\u064a\u0646.<\/div>\n      <\/div>\n      <div style=\"flex:1 1 240px;padding:14px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);\">\n        <div style=\"font-weight:1000;\">2) \u062d\u0644 \u0627\u0644\u062a\u0645\u0631\u064a\u0646<\/div>\n        <div style=\"color:#b8c4e6;font-weight:750;margin-top:6px;\">\u062a\u0645\u0627\u0631\u064a\u0646 \u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0644\u062a\u062b\u0628\u064a\u062a \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0629 \u0628\u0633\u0631\u0639\u0629.<\/div>\n      <\/div>\n      <div style=\"flex:1 1 240px;padding:14px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);\">\n        <div style=\"font-weight:1000;\">3) \u0627\u062c\u0645\u0639 XP<\/div>\n        <div style=\"color:#b8c4e6;font-weight:750;margin-top:6px;\">\u0627\u0631\u0641\u0639 \u0645\u0633\u062a\u0648\u0627\u0643\u060c \u0627\u0641\u062a\u062d \u0634\u0627\u0631\u0627\u062a\u060c \u0648\u0627\u062f\u062e\u0644 \u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0623\u0641\u0636\u0644 \u0644\u0647\u0630\u0627 \u0627\u0644\u0634\u0647\u0631.<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Top learners -->\n  <div id=\"top\" style=\"padding:18px;\">\n    <div style=\"display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;\">\n      <h2 style=\"margin:0;font-size:18px;font-weight:1000;\">\u0623\u0634\u0647\u0631 \u0627\u0644\u0645\u062a\u0639\u0644\u0645\u064a\u0646 \u0644\u0647\u0630\u0627 \u0627\u0644\u0634\u0647\u0631<\/h2>\n      <div style=\"color:#b8c4e6;font-weight:900;font-size:12px;\">* \u0623\u0633\u0645\u0627\u0621 \u062a\u062c\u0631\u064a\u0628\u064a\u0629 \u2014 \u0627\u0631\u0628\u0637\u0647\u0627 \u0644\u0627\u062d\u0642\u064b\u0627 \u0628\u0642\u0627\u0639\u062f\u0629 \u0628\u064a\u0627\u0646\u0627\u062a<\/div>\n    <\/div>\n\n    <div style=\"margin-top:12px;overflow:auto;\">\n      <table style=\"width:100%;border-collapse:separate;border-spacing:0 10px;min-width:520px;\">\n        <thead>\n          <tr>\n            <th style=\"text-align:right;color:#b8c4e6;font-weight:1000;font-size:12px;padding:0 10px;\">\u0627\u0644\u062a\u0631\u062a\u064a\u0628<\/th>\n            <th style=\"text-align:right;color:#b8c4e6;font-weight:1000;font-size:12px;padding:0 10px;\">\u0627\u0644\u0627\u0633\u0645<\/th>\n            <th style=\"text-align:right;color:#b8c4e6;font-weight:1000;font-size:12px;padding:0 10px;\">\u0627\u0644\u0645\u0633\u062a\u0648\u0649<\/th>\n            <th style=\"text-align:right;color:#b8c4e6;font-weight:1000;font-size:12px;padding:0 10px;\">\u0627\u0644\u0646\u0642\u0627\u0637 (XP)<\/th>\n            <th style=\"text-align:right;color:#b8c4e6;font-weight:1000;font-size:12px;padding:0 10px;\">\u0627\u0644\u0625\u0646\u062c\u0627\u0632<\/th>\n          <\/tr>\n        <\/thead>\n        <tbody id=\"eoLeaderboard\">\n          <!-- Filled by JS -->\n        <\/tbody>\n      <\/table>\n    <\/div>\n  <\/div>\n\n  <!-- Footer -->\n  <div style=\"padding:16px 18px;background:rgba(255,255,255,.04);border-top:1px solid rgba(255,255,255,.10);color:#b8c4e6;font-weight:850;\">\n    \u00a9 <span id=\"eoYear\"><\/span> \u0625\u0646\u062c\u0644\u064a\u0632\u064a \u0623\u0648\u0646\u0644\u0627\u064a\u0646 | English Online \u2014 \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629\n  <\/div>\n\n<\/div>\n\n<script>\n  \/\/ ====== Simple gamification demo (localStorage) ======\n  const EO_KEY = \"english_online_user_stats_v1\";\n\n  function eoLoad(){\n    try{\n      const raw = localStorage.getItem(EO_KEY);\n      if(raw) return JSON.parse(raw);\n    }catch(e){}\n    return {\n      xp: 120,\n      streak: 3,\n      level: 1\n    };\n  }\n\n  function eoSave(s){\n    localStorage.setItem(EO_KEY, JSON.stringify(s));\n  }\n\n  function eoLevelFromXP(xp){\n    \/\/ simple leveling: every 200 XP = +1 level\n    return Math.max(1, Math.floor(xp \/ 200) + 1);\n  }\n\n  function eoProgressPct(xp){\n    const within = xp % 200;\n    return Math.round((within \/ 200) * 100);\n  }\n\n  function eoRender(){\n    const s = eoLoad();\n    s.level = eoLevelFromXP(s.xp);\n    eoSave(s);\n\n    const pointsEl = document.getElementById(\"eoPoints\");\n    const streakEl = document.getElementById(\"eoStreak\");\n    const levelEl  = document.getElementById(\"eoLevel\");\n    const barEl    = document.getElementById(\"eoProgressBar\");\n    const pctEl    = document.getElementById(\"eoProgressText\");\n\n    if(pointsEl) pointsEl.textContent = s.xp;\n    if(streakEl) streakEl.textContent = s.streak;\n    if(levelEl)  levelEl.textContent  = s.level;\n\n    const pct = eoProgressPct(s.xp);\n    if(barEl) barEl.style.width = pct + \"%\";\n    if(pctEl) pctEl.textContent = pct;\n\n    \/\/ Footer year\n    const y = document.getElementById(\"eoYear\");\n    if(y) y.textContent = new Date().getFullYear();\n  }\n\n  function eoToast(msg){\n    const t = document.getElementById(\"eoToast\");\n    if(!t) return;\n    t.textContent = msg || \"\u2705 \u0645\u0645\u062a\u0627\u0632! \u0627\u0633\u062a\u0645\u0631!\";\n    t.style.display = \"block\";\n    clearTimeout(window.__eoToastTimer);\n    window.__eoToastTimer = setTimeout(()=>{ t.style.display=\"none\"; }, 1800);\n  }\n\n  function eoAddXP(amount){\n    const s = eoLoad();\n    s.xp += Number(amount || 0);\n\n    \/\/ streak logic (demo): increases once per day on first action\n    const today = new Date().toISOString().slice(0,10);\n    if(s.lastDay !== today){\n      s.streak = (s.streak || 0) + 1;\n      s.lastDay = today;\n    }\n    eoSave(s);\n    eoRender();\n    eoToast(\"\ud83c\udf89 \u062d\u0635\u0644\u062a \u0639\u0644\u0649 +\" + amount + \" XP\");\n  }\n\n  function eoReset(){\n    localStorage.removeItem(EO_KEY);\n    eoRender();\n    eoToast(\"\u062a\u0645 \u062a\u0635\u0641\u064a\u0631 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u2705\");\n  }\n\n  \/\/ ====== Leaderboard demo ======\n  const demoLeaders = [\n    {rank:1, name:\"\u0633\u0627\u0631\u0629\", level:12, xp:2450, badge:\"\ud83e\udd47 \u0630\u0647\u0628\u064a\"},\n    {rank:2, name:\"\u0623\u062d\u0645\u062f\", level:11, xp:2210, badge:\"\ud83e\udd48 \u0641\u0636\u064a\"},\n    {rank:3, name:\"\u0645\u062d\u0645\u062f\", level:10, xp:1980, badge:\"\ud83e\udd49 \u0628\u0631\u0648\u0646\u0632\u064a\"},\n    {rank:4, name:\"\u0644\u064a\u0644\u0649\", level:9,  xp:1750, badge:\"\ud83d\udd25 \u0645\u062a\u0641\u0627\u0639\u0644\"},\n    {rank:5, name:\"\u064a\u0648\u0633\u0641\", level:8,  xp:1600, badge:\"\u2705 \u0645\u0633\u062a\u0645\u0631\"}\n  ];\n\n  function eoRenderLeaderboard(){\n    const tb = document.getElementById(\"eoLeaderboard\");\n    if(!tb) return;\n\n    tb.innerHTML = demoLeaders.map(row => `\n      <tr style=\"background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);\">\n        <td style=\"padding:12px 10px;font-weight:1000;border-top-right-radius:14px;border-bottom-right-radius:14px;border:1px solid rgba(255,255,255,.10);border-left:none;\">#${row.rank}<\/td>\n        <td style=\"padding:12px 10px;font-weight:1000;border:1px solid rgba(255,255,255,.10);border-left:none;\">${row.name}<\/td>\n        <td style=\"padding:12px 10px;color:#b8c4e6;font-weight:900;border:1px solid rgba(255,255,255,.10);border-left:none;\">${row.level}<\/td>\n        <td style=\"padding:12px 10px;color:#ff9d2f;font-weight:1000;border:1px solid rgba(255,255,255,.10);border-left:none;\">${row.xp}<\/td>\n        <td style=\"padding:12px 10px;font-weight:1000;border:1px solid rgba(255,255,255,.10);border-top-left-radius:14px;border-bottom-left-radius:14px;\">${row.badge}<\/td>\n      <\/tr>\n    `).join(\"\");\n  }\n\n  eoRender();\n  eoRenderLeaderboard();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>\u0625\u0646\u062c\u0644\u064a\u0632\u064a \u0623\u0648\u0646\u0644\u0627\u064a\u0646 | English Online \u062a\u0639\u0644\u0645 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0628\u0637\u0631\u064a\u0642\u0629 \u0645\u0645\u062a\u0639\u0629 + \u0646\u0642\u0627\u0637 \u0648\u062a\u062d\u0641\u064a\u0632 \u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a \u0643\u064a\u0641 \u064a\u0639\u0645\u0644 \u0627\u0644\u0623\u0641\u0636\u0644 \u0644\u0647\u0630\u0627 \u0627\u0644\u0634\u0647\u0631 \u0627\u0628\u062f\u0623 \u0627\u0644\u062a\u0639\u0644\u0645 \u0628\u0631\u0646\u0627\u0645\u062c \u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0627\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0627\u0648\u0646\u0644\u0627\u064a\u0646 \u062a\u0639\u0644\u0645 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0645\u0639\u0646\u0627 \u0628\u0623\u0633\u0631\u0639 \u0648\u0642\u062a \u0648\u0623\u0642\u0644 \u062c\u0647\u062f \u062f\u0631\u0648\u0633 \u0642\u0635\u064a\u0631\u0629 \u0648\u0645\u0645\u062a\u0639\u0629 + \u062a\u0645\u0627\u0631\u064a\u0646 \u062a\u0641\u0627\u0639\u0644\u064a\u0629 + \u0646\u0638\u0627\u0645 \u0646\u0642\u0627\u0637 (XP) \u0648\u0645\u0643\u0627\u0641\u0622\u062a \u0644\u062a\u062d\u0641\u064a\u0632\u0643 \u0639\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u0645\u0631\u0627\u0631 \u064a\u0648\u0645\u064a\u064b\u0627. \u0627\u0628\u062f\u0623 \u0627\u0644\u0622\u0646 \u0645\u062c\u0627\u0646\u064b\u0627 \u0627\u0633\u062a\u0639\u0631\u0636 \u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a \ud83d\udd25 Streak: [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/landing.php","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/english-online.info\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/english-online.info\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/english-online.info\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/english-online.info\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/english-online.info\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":2,"href":"https:\/\/english-online.info\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":17,"href":"https:\/\/english-online.info\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/17"}],"wp:attachment":[{"href":"https:\/\/english-online.info\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}