\u03a0\u03c1\u03bf\u03c4\u03b9\u03bc\u03ae\u03c3\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 \u03a3\u03c4\u03c1\u03b1\u03c4\u03b7\u03b3\u03b9\u03ba\u03ad\u03c2 \u039c\u03ac\u03b8\u03b7\u03c3\u03b7\u03c2<\/title>\r\n <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\" \/>\r\n <style>\r\n :root{\r\n --accent:#1d4ed8;\r\n --bg:#f7f8fc;\r\n --card:#ffffff;\r\n --muted:#5b6472;\r\n --line:#e7e9ef;\r\n --soft:#eef2ff;\r\n --text:#111827;\r\n }\r\n\r\n *{box-sizing:border-box}\r\n\r\n body{\r\n margin:0;\r\n font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n background:var(--bg);\r\n color:var(--text);\r\n line-height:1.6;\r\n }\r\n\r\n .wrap{\r\n max-width:960px;\r\n margin:0 auto;\r\n padding:24px;\r\n }\r\n\r\n .card{\r\n background:var(--card);\r\n border-radius:16px;\r\n box-shadow:0 10px 28px rgba(0,0,0,.06);\r\n padding:20px;\r\n margin:14px 0;\r\n }\r\n\r\n h1,h2,h3{margin:.2rem 0 .8rem}\r\n\r\n .sub{\r\n color:var(--muted);\r\n margin:0 0 12px;\r\n }\r\n\r\n .intro-note{\r\n margin-top:14px;\r\n padding:12px 14px;\r\n background:#f8fafc;\r\n border-left:4px solid var(--accent);\r\n border-radius:10px;\r\n text-align:justify;\r\n }\r\n\r\n .btn{\r\n display:inline-block;\r\n padding:10px 16px;\r\n border-radius:12px;\r\n border:0;\r\n cursor:pointer;\r\n font-weight:700;\r\n font-size:1rem;\r\n }\r\n\r\n .btn-primary{\r\n background:var(--accent);\r\n color:#fff;\r\n }\r\n\r\n .btn-ghost{\r\n background:var(--soft);\r\n color:#111;\r\n }\r\n\r\n .btn:disabled{\r\n opacity:.55;\r\n cursor:not-allowed;\r\n }\r\n\r\n .qcard{\r\n border:1px solid var(--line);\r\n border-radius:12px;\r\n padding:14px;\r\n margin:12px 0;\r\n background:#fff;\r\n }\r\n\r\n .qtitle{\r\n font-weight:800;\r\n margin-bottom:10px;\r\n }\r\n\r\n .scale{\r\n display:flex;\r\n gap:8px;\r\n flex-wrap:wrap;\r\n }\r\n\r\n .chip{\r\n position:relative;\r\n display:inline-block;\r\n }\r\n\r\n .chip input{\r\n position:absolute;\r\n inset:0;\r\n width:100%;\r\n height:100%;\r\n opacity:0;\r\n cursor:pointer;\r\n }\r\n\r\n .chip .box{\r\n display:inline-block;\r\n padding:10px 14px;\r\n border:1px solid #d1d5db;\r\n border-radius:12px;\r\n background:#fff;\r\n color:#111;\r\n user-select:none;\r\n transition:.15s;\r\n font-weight:600;\r\n }\r\n\r\n .chip:hover .box{\r\n border-color:#9aa4b2;\r\n }\r\n\r\n .chip input:focus + .box{\r\n outline:2px solid #bcc6ff;\r\n outline-offset:2px;\r\n }\r\n\r\n .chip input:checked + .box{\r\n background:var(--accent);\r\n color:#fff;\r\n border-color:var(--accent);\r\n }\r\n\r\n #progress{\r\n font-weight:700;\r\n margin:8px 0 0;\r\n color:#0f172a;\r\n }\r\n\r\n .warn{\r\n background:#fff7ed;\r\n border:1px solid #fdba74;\r\n color:#9a3412;\r\n padding:10px 12px;\r\n border-radius:10px;\r\n margin-top:12px;\r\n }\r\n\r\n #results{\r\n margin-top:18px;\r\n display:none;\r\n }\r\n\r\n .results-intro{\r\n margin-bottom:18px;\r\n color:#334155;\r\n }\r\n\r\n .result-block{\r\n border-top:1px solid var(--line);\r\n padding:18px 0 6px;\r\n }\r\n\r\n .result-block:first-of-type{\r\n border-top:0;\r\n }\r\n\r\n .metric{\r\n margin:8px 0 14px;\r\n }\r\n\r\n .metric .row{\r\n display:flex;\r\n justify-content:space-between;\r\n align-items:baseline;\r\n gap:12px;\r\n }\r\n\r\n .metric .label{\r\n font-weight:900;\r\n font-size:1.06rem;\r\n letter-spacing:.1px;\r\n }\r\n\r\n .metric .pct{\r\n font-weight:900;\r\n font-size:1.06rem;\r\n white-space:nowrap;\r\n }\r\n\r\n .bar{\r\n width:100%;\r\n height:26px;\r\n background:#eef;\r\n border-radius:12px;\r\n overflow:hidden;\r\n position:relative;\r\n margin-top:6px;\r\n border:1px solid #d8def0;\r\n }\r\n\r\n .bar > span{\r\n display:block;\r\n height:100%;\r\n width:0%;\r\n background:var(--accent);\r\n transition:width .7s ease;\r\n }\r\n\r\n .result-text{\r\n text-align:justify;\r\n margin:10px 0;\r\n }\r\n\r\n .tips-title{\r\n font-weight:800;\r\n margin-top:12px;\r\n margin-bottom:4px;\r\n }\r\n\r\n .final-note{\r\n margin-top:20px;\r\n padding:14px 16px;\r\n background:#eff6ff;\r\n border:1px solid #bfdbfe;\r\n border-radius:12px;\r\n text-align:justify;\r\n }\r\n\r\n .actions{\r\n display:flex;\r\n gap:8px;\r\n flex-wrap:wrap;\r\n margin-top:18px;\r\n }\r\n\r\n #startButton{\r\n position:relative;\r\n z-index:1;\r\n }\r\n\r\n @media (max-width:640px){\r\n .wrap{padding:14px}\r\n .card{padding:16px}\r\n .chip .box{padding:9px 11px}\r\n .metric .row{align-items:flex-start}\r\n }\r\n\r\n @media print{\r\n body{background:#fff}\r\n .btn,.start-wrap,#quizForm{display:none!important}\r\n #results{display:block!important}\r\n .card{box-shadow:none;border:0;margin:0;padding:0}\r\n .wrap{padding:0}\r\n .result-block{break-inside:avoid}\r\n @page{margin:12mm}\r\n *, .bar>span{\r\n -webkit-print-color-adjust:exact!important;\r\n print-color-adjust:exact!important;\r\n color-adjust:exact!important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <div class=\"wrap\">\r\n\r\n <div class=\"card start-wrap\" id=\"intro\">\r\n <h1>\u03a0\u03c1\u03bf\u03c4\u03b9\u03bc\u03ae\u03c3\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 \u03a3\u03c4\u03c1\u03b1\u03c4\u03b7\u03b3\u03b9\u03ba\u03ad\u03c2 \u039c\u03ac\u03b8\u03b7\u03c3\u03b7\u03c2<\/h1>\r\n <p class=\"sub\">\r\n \u0391\u03bd\u03b1\u03ba\u03ac\u03bb\u03c5\u03c8\u03b5 \u03c0\u03bf\u03b9\u03bf\u03b9 \u03c4\u03c1\u03cc\u03c0\u03bf\u03b9 \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03bf\u03cd\u03bd \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03bf \u03cc\u03c4\u03b1\u03bd \u03bc\u03b1\u03b8\u03b1\u03af\u03bd\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 \u03bc\u03b5\u03bb\u03b5\u03c4\u03ac\u03c2.\r\n <\/p>\r\n\r\n <button id=\"startButton\" class=\"btn btn-primary\" type=\"button\">\r\n \u039e\u03b5\u03ba\u03af\u03bd\u03b1 \u03c4\u03ce\u03c1\u03b1\r\n <\/button>\r\n\r\n <div class=\"intro-note\">\r\n \u0391\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b5 \u03c3\u03c4\u03b9\u03c2 \u03c0\u03b1\u03c1\u03b1\u03ba\u03ac\u03c4\u03c9 \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03cc\u03c3\u03bf \u03c0\u03b9\u03bf \u03b5\u03b9\u03bb\u03b9\u03ba\u03c1\u03b9\u03bd\u03ac \u03bc\u03c0\u03bf\u03c1\u03b5\u03af\u03c2.\r\n \u0394\u03b5\u03bd \u03c5\u03c0\u03ac\u03c1\u03c7\u03bf\u03c5\u03bd \u03c3\u03c9\u03c3\u03c4\u03ad\u03c2 \u03ae \u03bb\u03ac\u03b8\u03bf\u03c2 \u03b1\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2. \u03a4\u03bf \u03b1\u03c0\u03bf\u03c4\u03ad\u03bb\u03b5\u03c3\u03bc\u03b1 \u03b4\u03b5\u03bd \u03c3\u03b5 \u03ba\u03b1\u03c4\u03b1\u03c4\u03ac\u03c3\u03c3\u03b5\u03b9\r\n \u03c3\u03b5 \u03ad\u03bd\u03b1\u03bd \u00ab\u03c4\u03cd\u03c0\u03bf\u00bb \u03bc\u03b1\u03b8\u03b7\u03c4\u03ae. \u0394\u03b5\u03af\u03c7\u03bd\u03b5\u03b9 \u03c0\u03bf\u03b9\u03b5\u03c2 \u03bc\u03b1\u03b8\u03b7\u03c3\u03b9\u03b1\u03ba\u03ad\u03c2 \u03c0\u03c1\u03bf\u03c4\u03b9\u03bc\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c6\u03b1\u03af\u03bd\u03b5\u03c4\u03b1\u03b9\r\n \u03bd\u03b1 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03b5\u03af\u03c2 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03bf \u03ba\u03b1\u03b9 \u03c3\u03bf\u03c5 \u03c0\u03c1\u03bf\u03c4\u03b5\u03af\u03bd\u03b5\u03b9 \u03c0\u03c1\u03b1\u03ba\u03c4\u03b9\u03ba\u03ad\u03c2 \u03c3\u03c4\u03c1\u03b1\u03c4\u03b7\u03b3\u03b9\u03ba\u03ad\u03c2\r\n \u03c0\u03bf\u03c5 \u03bc\u03c0\u03bf\u03c1\u03b5\u03af\u03c2 \u03bd\u03b1 \u03b4\u03bf\u03ba\u03b9\u03bc\u03ac\u03c3\u03b5\u03b9\u03c2 \u03c3\u03c4\u03b7 \u03bc\u03b5\u03bb\u03ad\u03c4\u03b7 \u03c3\u03bf\u03c5.\r\n <\/div>\r\n <\/div>\r\n\r\n <form id=\"quizForm\" class=\"card\" style=\"display:none;\">\r\n <h2>\u0395\u03c1\u03c9\u03c4\u03b7\u03bc\u03b1\u03c4\u03bf\u03bb\u03cc\u03b3\u03b9\u03bf<\/h2>\r\n <p class=\"sub\">\r\n \u0393\u03b9\u03b1 \u03ba\u03ac\u03b8\u03b5 \u03c0\u03c1\u03cc\u03c4\u03b1\u03c3\u03b7 \u03b5\u03c0\u03af\u03bb\u03b5\u03be\u03b5 \u03c0\u03cc\u03c3\u03bf \u03c3\u03b5 \u03b5\u03ba\u03c6\u03c1\u03ac\u03b6\u03b5\u03b9:\r\n <strong>\u03a0\u03bf\u03bb\u03cd, \u0391\u03c1\u03ba\u03b5\u03c4\u03ac, \u039b\u03af\u03b3\u03bf \u03ae \u039a\u03b1\u03b8\u03cc\u03bb\u03bf\u03c5.<\/strong>\r\n <\/p>\r\n\r\n <div id=\"questionsContainer\"><\/div>\r\n\r\n <div id=\"progress\" aria-live=\"polite\">\u0391\u03c0\u03b1\u03bd\u03c4\u03ae\u03b8\u03b7\u03ba\u03b1\u03bd 0\/30<\/div>\r\n\r\n <div style=\"margin-top:12px;display:flex;gap:8px;flex-wrap:wrap\">\r\n <button type=\"submit\" class=\"btn btn-primary\">\u0394\u03b5\u03c2 \u03c4\u03bf \u03b1\u03c0\u03bf\u03c4\u03ad\u03bb\u03b5\u03c3\u03bc\u03b1<\/button>\r\n <button type=\"button\" id=\"btnReset\" class=\"btn btn-ghost\">\u039a\u03b1\u03b8\u03b1\u03c1\u03b9\u03c3\u03bc\u03cc\u03c2 \u03b1\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03b5\u03c9\u03bd<\/button>\r\n <\/div>\r\n\r\n <div id=\"warn\" class=\"warn\" style=\"display:none;\">\r\n \u0391\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b5 \u03c3\u03b5 \u03cc\u03bb\u03b5\u03c2 \u03c4\u03b9\u03c2 \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b5\u03bc\u03c6\u03b1\u03bd\u03b9\u03c3\u03c4\u03b5\u03af \u03c4\u03bf \u03b1\u03c0\u03bf\u03c4\u03ad\u03bb\u03b5\u03c3\u03bc\u03b1.\r\n <\/div>\r\n <\/form>\r\n\r\n <div id=\"results\" class=\"card\"><\/div>\r\n\r\n <\/div>\r\n\r\n <script>\r\n (function(){\r\n\r\n const questions = [\r\n { id:\"O1\", dim:\"visual\", text:\"\u038c\u03c4\u03b1\u03bd \u03c0\u03c1\u03bf\u03c3\u03c0\u03b1\u03b8\u03b5\u03af\u03c2 \u03bd\u03b1 \u03ba\u03b1\u03c4\u03b1\u03bb\u03ac\u03b2\u03b5\u03b9\u03c2 \u03ad\u03bd\u03b1 \u03b4\u03cd\u03c3\u03ba\u03bf\u03bb\u03bf \u03b8\u03ad\u03bc\u03b1, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03bf\u03cd\u03bd \u03b5\u03b9\u03ba\u03cc\u03bd\u03b5\u03c2, \u03c3\u03c7\u03ae\u03bc\u03b1\u03c4\u03b1 \u03ae \u03b4\u03b9\u03b1\u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03b1;\" },\r\n { id:\"O2\", dim:\"visual\", text:\"\u038c\u03c4\u03b1\u03bd \u03b4\u03b9\u03b1\u03b2\u03ac\u03b6\u03b5\u03b9\u03c2, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03b5\u03af\u03c2 \u03c7\u03c1\u03ce\u03bc\u03b1\u03c4\u03b1, \u03c5\u03c0\u03bf\u03b3\u03c1\u03b1\u03bc\u03bc\u03af\u03c3\u03b5\u03b9\u03c2 \u03ae \u03ac\u03bb\u03bb\u03b1 \u03bf\u03c0\u03c4\u03b9\u03ba\u03ac \u03c3\u03b7\u03bc\u03ac\u03b4\u03b9\u03b1 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03be\u03b5\u03c7\u03c9\u03c1\u03af\u03b6\u03b5\u03b9\u03c2 \u03c4\u03b9\u03c2 \u03c3\u03b7\u03bc\u03b1\u03bd\u03c4\u03b9\u03ba\u03ad\u03c2 \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2;\" },\r\n { id:\"O3\", dim:\"visual\", text:\"\u038c\u03c4\u03b1\u03bd \u03c0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03b8\u03c5\u03bc\u03b7\u03b8\u03b5\u03af\u03c2 \u03c0\u03bf\u03bb\u03bb\u03ad\u03c2 \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03c4\u03b9\u03c2 \u03bf\u03c1\u03b3\u03b1\u03bd\u03ce\u03bd\u03b5\u03b9\u03c2 \u03c3\u03b5 \u03c0\u03af\u03bd\u03b1\u03ba\u03b5\u03c2, \u03c7\u03ac\u03c1\u03c4\u03b5\u03c2 \u03b5\u03bd\u03bd\u03bf\u03b9\u03ce\u03bd \u03ae \u03b4\u03b9\u03b1\u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03b1;\" },\r\n { id:\"O4\", dim:\"visual\", text:\"\u038c\u03c4\u03b1\u03bd \u03ba\u03ac\u03c0\u03bf\u03b9\u03bf\u03c2 \u03c3\u03bf\u03c5 \u03b5\u03be\u03b7\u03b3\u03b5\u03af \u03ba\u03ac\u03c4\u03b9 \u03c3\u03cd\u03bd\u03b8\u03b5\u03c4\u03bf, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03bf \u03b1\u03bd \u03c0\u03b1\u03c1\u03ac\u03bb\u03bb\u03b7\u03bb\u03b1 \u03c3\u03bf\u03c5 \u03c4\u03bf \u03b4\u03b5\u03af\u03c7\u03bd\u03b5\u03b9 \u03bc\u03b5 \u03ad\u03bd\u03b1 \u03c3\u03c7\u03ae\u03bc\u03b1, \u03b5\u03b9\u03ba\u03cc\u03bd\u03b1 \u03ae \u03c3\u03c7\u03b5\u03b4\u03b9\u03ac\u03b3\u03c1\u03b1\u03bc\u03bc\u03b1;\" },\r\n { id:\"O5\", dim:\"visual\", text:\"\u038c\u03c4\u03b1\u03bd \u03c0\u03c1\u03bf\u03c3\u03c0\u03b1\u03b8\u03b5\u03af\u03c2 \u03bd\u03b1 \u03b8\u03c5\u03bc\u03b7\u03b8\u03b5\u03af\u03c2 \u03ba\u03ac\u03c4\u03b9 \u03c0\u03bf\u03c5 \u03ad\u03c7\u03b5\u03b9\u03c2 \u03bc\u03b5\u03bb\u03b5\u03c4\u03ae\u03c3\u03b5\u03b9, \u03c3\u03bf\u03c5 \u03ad\u03c1\u03c7\u03b5\u03c4\u03b1\u03b9 \u03c3\u03c5\u03c7\u03bd\u03ac \u03c3\u03c4\u03bf \u03bc\u03c5\u03b1\u03bb\u03cc \u03b7 \u03b5\u03b9\u03ba\u03cc\u03bd\u03b1 \u03c4\u03b7\u03c2 \u03c3\u03b5\u03bb\u03af\u03b4\u03b1\u03c2, \u03b5\u03bd\u03cc\u03c2 \u03c3\u03c7\u03ae\u03bc\u03b1\u03c4\u03bf\u03c2 \u03ae \u03b5\u03bd\u03cc\u03c2 \u03b4\u03b9\u03b1\u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03bf\u03c2;\" },\r\n { id:\"O6\", dim:\"visual\", text:\"\u038c\u03c4\u03b1\u03bd \u03bc\u03b1\u03b8\u03b1\u03af\u03bd\u03b5\u03b9\u03c2 \u03bc\u03b9\u03b1 \u03b4\u03b9\u03b1\u03b4\u03b9\u03ba\u03b1\u03c3\u03af\u03b1 \u03bc\u03b5 \u03c0\u03bf\u03bb\u03bb\u03ac \u03b2\u03ae\u03bc\u03b1\u03c4\u03b1, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03b2\u03bb\u03ad\u03c0\u03b5\u03b9\u03c2 \u03c4\u03b1 \u03b2\u03ae\u03bc\u03b1\u03c4\u03b1 \u03b1\u03c0\u03bf\u03c4\u03c5\u03c0\u03c9\u03bc\u03ad\u03bd\u03b1 \u03bf\u03c0\u03c4\u03b9\u03ba\u03ac \u03bc\u03b5 \u03c3\u03b5\u03b9\u03c1\u03ac;\" },\r\n\r\n { id:\"A1\", dim:\"auditory\", text:\"\u038c\u03c4\u03b1\u03bd \u03ba\u03ac\u03c0\u03bf\u03b9\u03bf\u03c2 \u03c3\u03bf\u03c5 \u03b5\u03be\u03b7\u03b3\u03b5\u03af \u03c0\u03c1\u03bf\u03c6\u03bf\u03c1\u03b9\u03ba\u03ac \u03ad\u03bd\u03b1 \u03b4\u03cd\u03c3\u03ba\u03bf\u03bb\u03bf \u03b8\u03ad\u03bc\u03b1, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03c4\u03bf \u03ba\u03b1\u03c4\u03b1\u03bb\u03ac\u03b2\u03b5\u03b9\u03c2 \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b1;\" },\r\n { id:\"A2\", dim:\"auditory\", text:\"\u038c\u03c4\u03b1\u03bd \u03b4\u03b9\u03b1\u03b2\u03ac\u03b6\u03b5\u03b9\u03c2 \u03ba\u03ac\u03c4\u03b9 \u03b4\u03cd\u03c3\u03ba\u03bf\u03bb\u03bf, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03c4\u03bf \u03bb\u03b5\u03c2 \u03b4\u03c5\u03bd\u03b1\u03c4\u03ac \u03ae \u03bd\u03b1 \u03c4\u03bf \u03b5\u03be\u03b7\u03b3\u03b5\u03af\u03c2 \u03c0\u03c1\u03bf\u03c6\u03bf\u03c1\u03b9\u03ba\u03ac \u03bc\u03b5 \u03b4\u03b9\u03ba\u03ac \u03c3\u03bf\u03c5 \u03bb\u03cc\u03b3\u03b9\u03b1;\" },\r\n { id:\"A3\", dim:\"auditory\", text:\"\u038c\u03c4\u03b1\u03bd \u03b1\u03ba\u03bf\u03cd\u03c2 \u03bc\u03b9\u03b1 \u03ba\u03b1\u03bb\u03ae \u03b5\u03be\u03ae\u03b3\u03b7\u03c3\u03b7 \u03c3\u03c4\u03bf \u03bc\u03ac\u03b8\u03b7\u03bc\u03b1, \u03bc\u03c0\u03bf\u03c1\u03b5\u03af\u03c2 \u03b1\u03c1\u03b3\u03cc\u03c4\u03b5\u03c1\u03b1 \u03bd\u03b1 \u03b8\u03c5\u03bc\u03b7\u03b8\u03b5\u03af\u03c2 \u03b2\u03b1\u03c3\u03b9\u03ba\u03ac \u03c3\u03b7\u03bc\u03b5\u03af\u03b1 \u03b1\u03c0\u03cc \u03cc\u03c3\u03b1 \u03b5\u03b9\u03c0\u03ce\u03b8\u03b7\u03ba\u03b1\u03bd;\" },\r\n { id:\"A4\", dim:\"auditory\", text:\"\u038c\u03c4\u03b1\u03bd \u03b4\u03b5\u03bd \u03ba\u03b1\u03c4\u03b1\u03bb\u03b1\u03b2\u03b1\u03af\u03bd\u03b5\u03b9\u03c2 \u03ba\u03ac\u03c4\u03b9, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03ba\u03ac\u03bd\u03b5\u03b9\u03c2 \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03b1\u03ba\u03bf\u03cd\u03c3\u03b5\u03b9\u03c2 \u03c4\u03b7\u03bd \u03b5\u03be\u03ae\u03b3\u03b7\u03c3\u03b7 \u03ba\u03ac\u03c0\u03bf\u03b9\u03bf\u03c5 \u03ac\u03bb\u03bb\u03bf\u03c5;\" },\r\n { id:\"A5\", dim:\"auditory\", text:\"\u038c\u03c4\u03b1\u03bd \u03c0\u03c1\u03bf\u03c3\u03c0\u03b1\u03b8\u03b5\u03af\u03c2 \u03bd\u03b1 \u03b8\u03c5\u03bc\u03b7\u03b8\u03b5\u03af\u03c2 \u03bc\u03b9\u03b1 \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b1, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03c4\u03b7\u03bd \u03b5\u03c0\u03b1\u03bd\u03b1\u03bb\u03b1\u03bc\u03b2\u03ac\u03bd\u03b5\u03b9\u03c2 \u03c0\u03c1\u03bf\u03c6\u03bf\u03c1\u03b9\u03ba\u03ac \u03ae \u03bd\u03b1 \u03c4\u03b7\u03bd \u03b1\u03ba\u03bf\u03cd\u03c2 \u03be\u03b1\u03bd\u03ac;\" },\r\n { id:\"A6\", dim:\"auditory\", text:\"\u038c\u03c4\u03b1\u03bd \u03b5\u03c0\u03b1\u03bd\u03b1\u03bb\u03b1\u03bc\u03b2\u03ac\u03bd\u03b5\u03b9\u03c2 \u03ad\u03bd\u03b1 \u03bc\u03ac\u03b8\u03b7\u03bc\u03b1, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03bc\u03b9\u03bb\u03ac\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u03cd\u03bb\u03b7 \u03ae \u03bd\u03b1 \u03c4\u03b7\u03bd \u03b5\u03be\u03b7\u03b3\u03b5\u03af\u03c2 \u03c3\u03b1\u03bd \u03bd\u03b1 \u03c4\u03b7 \u03b4\u03b9\u03b4\u03ac\u03c3\u03ba\u03b5\u03b9\u03c2 \u03c3\u03b5 \u03ba\u03ac\u03c0\u03bf\u03b9\u03bf\u03bd;\" },\r\n\r\n { id:\"L1\", dim:\"readwrite\", text:\"\u038c\u03c4\u03b1\u03bd \u03bc\u03b1\u03b8\u03b1\u03af\u03bd\u03b5\u03b9\u03c2 \u03ba\u03ac\u03c4\u03b9 \u03ba\u03b1\u03b9\u03bd\u03bf\u03cd\u03c1\u03b3\u03b9\u03bf, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03ad\u03c7\u03b5\u03b9\u03c2 \u03bc\u03c0\u03c1\u03bf\u03c3\u03c4\u03ac \u03c3\u03bf\u03c5 \u03bc\u03b9\u03b1 \u03ba\u03b1\u03b8\u03b1\u03c1\u03ae \u03b3\u03c1\u03b1\u03c0\u03c4\u03ae \u03b5\u03be\u03ae\u03b3\u03b7\u03c3\u03b7;\" },\r\n { id:\"L2\", dim:\"readwrite\", text:\"\u038c\u03c4\u03b1\u03bd \u03b4\u03b9\u03b1\u03b2\u03ac\u03b6\u03b5\u03b9\u03c2 \u03ad\u03bd\u03b1 \u03bc\u03ac\u03b8\u03b7\u03bc\u03b1, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03ba\u03c1\u03b1\u03c4\u03ac\u03c2 \u03b4\u03b9\u03ba\u03ad\u03c2 \u03c3\u03bf\u03c5 \u03b3\u03c1\u03b1\u03c0\u03c4\u03ad\u03c2 \u03c3\u03b7\u03bc\u03b5\u03b9\u03ce\u03c3\u03b5\u03b9\u03c2;\" },\r\n { id:\"L3\", dim:\"readwrite\", text:\"\u038c\u03c4\u03b1\u03bd \u03c0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03b8\u03c5\u03bc\u03b7\u03b8\u03b5\u03af\u03c2 \u03c0\u03bf\u03bb\u03bb\u03ad\u03c2 \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03c4\u03b9\u03c2 \u03b3\u03c1\u03ac\u03c6\u03b5\u03b9\u03c2 \u03c3\u03b5 \u03bb\u03af\u03c3\u03c4\u03b5\u03c2, \u03bb\u03ad\u03be\u03b5\u03b9\u03c2-\u03ba\u03bb\u03b5\u03b9\u03b4\u03b9\u03ac \u03ae \u03c3\u03cd\u03bd\u03c4\u03bf\u03bc\u03b5\u03c2 \u03c0\u03b5\u03c1\u03b9\u03bb\u03ae\u03c8\u03b5\u03b9\u03c2;\" },\r\n { id:\"L4\", dim:\"readwrite\", text:\"\u038c\u03c4\u03b1\u03bd \u03ba\u03ac\u03c0\u03bf\u03b9\u03bf\u03c2 \u03c3\u03bf\u03c5 \u03b5\u03be\u03b7\u03b3\u03b5\u03af \u03ba\u03ac\u03c4\u03b9 \u03c3\u03b7\u03bc\u03b1\u03bd\u03c4\u03b9\u03ba\u03cc, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03c4\u03bf \u03c3\u03b7\u03bc\u03b5\u03b9\u03ce\u03c3\u03b5\u03b9\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c4\u03bf \u03ba\u03b1\u03c4\u03b1\u03bd\u03bf\u03ae\u03c3\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03c4\u03bf \u03b8\u03c5\u03bc\u03b7\u03b8\u03b5\u03af\u03c2 \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b1;\" },\r\n { id:\"L5\", dim:\"readwrite\", text:\"\u038c\u03c4\u03b1\u03bd \u03c0\u03c1\u03bf\u03b5\u03c4\u03bf\u03b9\u03bc\u03ac\u03b6\u03b5\u03c3\u03b1\u03b9 \u03b3\u03b9\u03b1 \u03bc\u03b9\u03b1 \u03b5\u03be\u03ad\u03c4\u03b1\u03c3\u03b7, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03be\u03b1\u03bd\u03b1\u03b3\u03c1\u03ac\u03c6\u03b5\u03b9\u03c2 \u03bc\u03b5 \u03b4\u03b9\u03ba\u03ac \u03c3\u03bf\u03c5 \u03bb\u03cc\u03b3\u03b9\u03b1 \u03c4\u03b1 \u03b2\u03b1\u03c3\u03b9\u03ba\u03ac \u03c3\u03b7\u03bc\u03b5\u03af\u03b1 \u03c4\u03b7\u03c2 \u03cd\u03bb\u03b7\u03c2;\" },\r\n { id:\"L6\", dim:\"readwrite\", text:\"\u038c\u03c4\u03b1\u03bd \u03c0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03b1\u03ba\u03bf\u03bb\u03bf\u03c5\u03b8\u03ae\u03c3\u03b5\u03b9\u03c2 \u03bc\u03b9\u03b1 \u03c3\u03cd\u03bd\u03b8\u03b5\u03c4\u03b7 \u03b4\u03b9\u03b1\u03b4\u03b9\u03ba\u03b1\u03c3\u03af\u03b1, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03bf\u03cd\u03bd \u03bf\u03b9 \u03b3\u03c1\u03b1\u03c0\u03c4\u03ad\u03c2 \u03bf\u03b4\u03b7\u03b3\u03af\u03b5\u03c2 \u03c0\u03bf\u03c5 \u03c0\u03b5\u03c1\u03b9\u03b3\u03c1\u03ac\u03c6\u03bf\u03c5\u03bd \u03c4\u03b1 \u03b2\u03ae\u03bc\u03b1\u03c4\u03b1 \u03bc\u03b5 \u03c3\u03b5\u03b9\u03c1\u03ac;\" },\r\n\r\n { id:\"P1\", dim:\"practical\", text:\"\u038c\u03c4\u03b1\u03bd \u03bc\u03b1\u03b8\u03b1\u03af\u03bd\u03b5\u03b9\u03c2 \u03ba\u03ac\u03c4\u03b9 \u03ba\u03b1\u03b9\u03bd\u03bf\u03cd\u03c1\u03b3\u03b9\u03bf, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03c4\u03bf \u03b4\u03bf\u03ba\u03b9\u03bc\u03ac\u03b6\u03b5\u03b9\u03c2 \u03c3\u03c4\u03b7\u03bd \u03c0\u03c1\u03ac\u03be\u03b7;\" },\r\n { id:\"P2\", dim:\"practical\", text:\"\u038c\u03c4\u03b1\u03bd \u03ba\u03ac\u03c0\u03bf\u03b9\u03bf\u03c2 \u03c3\u03bf\u03c5 \u03b4\u03b5\u03af\u03c7\u03bd\u03b5\u03b9 \u03c0\u03ce\u03c2 \u03b3\u03af\u03bd\u03b5\u03c4\u03b1\u03b9 \u03ba\u03ac\u03c4\u03b9, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03c4\u03bf \u03b4\u03bf\u03ba\u03b9\u03bc\u03ac\u03c3\u03b5\u03b9\u03c2 \u03b1\u03bc\u03ad\u03c3\u03c9\u03c2 \u03ba\u03b1\u03b9 \u03b5\u03c3\u03cd;\" },\r\n { id:\"P3\", dim:\"practical\", text:\"\u0398\u03c5\u03bc\u03ac\u03c3\u03b1\u03b9 \u03b5\u03c5\u03ba\u03bf\u03bb\u03cc\u03c4\u03b5\u03c1\u03b1 \u03ba\u03ac\u03c4\u03b9 \u03c0\u03bf\u03c5 \u03ad\u03c7\u03b5\u03b9\u03c2 \u03b5\u03c6\u03b1\u03c1\u03bc\u03cc\u03c3\u03b5\u03b9 \u03ae \u03b2\u03b9\u03ce\u03c3\u03b5\u03b9 \u03bf \u03af\u03b4\u03b9\u03bf\u03c2\/\u03b7 \u03af\u03b4\u03b9\u03b1;\" },\r\n { id:\"P4\", dim:\"practical\", text:\"\u038c\u03c4\u03b1\u03bd \u03bc\u03b1\u03b8\u03b1\u03af\u03bd\u03b5\u03b9\u03c2 \u03bc\u03b9\u03b1 \u03b4\u03b9\u03b1\u03b4\u03b9\u03ba\u03b1\u03c3\u03af\u03b1, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03b5\u03be\u03b1\u03c3\u03ba\u03b5\u03af\u03c3\u03b1\u03b9 \u03c3\u03c4\u03b1 \u03b2\u03ae\u03bc\u03b1\u03c4\u03ac \u03c4\u03b7\u03c2 \u03b1\u03bd\u03c4\u03af \u03bd\u03b1 \u03b4\u03b9\u03b1\u03b2\u03ac\u03b6\u03b5\u03b9\u03c2 \u03bc\u03cc\u03bd\u03bf \u03c0\u03ce\u03c2 \u03b3\u03af\u03bd\u03b5\u03c4\u03b1\u03b9;\" },\r\n { id:\"P5\", dim:\"practical\", text:\"\u03a3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03bf\u03cd\u03bd \u03bd\u03b1 \u03ba\u03b1\u03c4\u03b1\u03bd\u03bf\u03ae\u03c3\u03b5\u03b9\u03c2 \u03ad\u03bd\u03b1 \u03b8\u03ad\u03bc\u03b1 \u03b4\u03c1\u03b1\u03c3\u03c4\u03b7\u03c1\u03b9\u03cc\u03c4\u03b7\u03c4\u03b5\u03c2 \u03cc\u03c0\u03c9\u03c2 \u03c0\u03b5\u03b9\u03c1\u03ac\u03bc\u03b1\u03c4\u03b1, \u03ba\u03b1\u03c4\u03b1\u03c3\u03ba\u03b5\u03c5\u03ad\u03c2, \u03c0\u03c1\u03bf\u03c3\u03bf\u03bc\u03bf\u03b9\u03ce\u03c3\u03b5\u03b9\u03c2 \u03ae \u03c0\u03c1\u03b1\u03ba\u03c4\u03b9\u03ba\u03ad\u03c2 \u03b1\u03c3\u03ba\u03ae\u03c3\u03b5\u03b9\u03c2;\" },\r\n { id:\"P6\", dim:\"practical\", text:\"\u038c\u03c4\u03b1\u03bd \u03b1\u03bd\u03c4\u03b9\u03bc\u03b5\u03c4\u03c9\u03c0\u03af\u03b6\u03b5\u03b9\u03c2 \u03ad\u03bd\u03b1 \u03c0\u03c1\u03cc\u03b2\u03bb\u03b7\u03bc\u03b1, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03b4\u03bf\u03ba\u03b9\u03bc\u03ac\u03b6\u03b5\u03b9\u03c2 \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03ad\u03c2 \u03bb\u03cd\u03c3\u03b5\u03b9\u03c2 \u03c3\u03c4\u03b7\u03bd \u03c0\u03c1\u03ac\u03be\u03b7 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b4\u03b5\u03b9\u03c2 \u03c0\u03bf\u03b9\u03b1 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b5\u03af;\" },\r\n\r\n { id:\"K1\", dim:\"social\", text:\"\u038c\u03c4\u03b1\u03bd \u03c3\u03c5\u03b6\u03b7\u03c4\u03ac\u03c2 \u03ad\u03bd\u03b1 \u03b4\u03cd\u03c3\u03ba\u03bf\u03bb\u03bf \u03b8\u03ad\u03bc\u03b1 \u03bc\u03b5 \u03ac\u03bb\u03bb\u03bf\u03c5\u03c2, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03c4\u03bf \u03ba\u03b1\u03c4\u03b1\u03bd\u03bf\u03ae\u03c3\u03b5\u03b9\u03c2 \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b1;\" },\r\n { id:\"K2\", dim:\"social\", text:\"\u038c\u03c4\u03b1\u03bd \u03b4\u03bf\u03c5\u03bb\u03b5\u03cd\u03b5\u03b9\u03c2 \u03bc\u03b5 \u03ac\u03bb\u03bb\u03bf\u03c5\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03bb\u03cd\u03c3\u03b5\u03c4\u03b5 \u03ad\u03bd\u03b1 \u03c0\u03c1\u03cc\u03b2\u03bb\u03b7\u03bc\u03b1, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03b1\u03ba\u03bf\u03cd\u03c2 \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03ad\u03c2 \u03b9\u03b4\u03ad\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03c4\u03c1\u03cc\u03c0\u03bf\u03c5\u03c2 \u03c3\u03ba\u03ad\u03c8\u03b7\u03c2;\" },\r\n { id:\"K3\", dim:\"social\", text:\"\u038c\u03c4\u03b1\u03bd \u03bc\u03b5\u03bb\u03b5\u03c4\u03ac\u03c2 \u03ba\u03ac\u03c4\u03b9 \u03b4\u03cd\u03c3\u03ba\u03bf\u03bb\u03bf, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03bc\u03c0\u03bf\u03c1\u03b5\u03af\u03c2 \u03bd\u03b1 \u03b1\u03bd\u03c4\u03b1\u03bb\u03bb\u03ac\u03be\u03b5\u03b9\u03c2 \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 \u03b1\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03bc\u03b5 \u03ac\u03bb\u03bb\u03bf\u03c5\u03c2;\" },\r\n { id:\"K4\", dim:\"social\", text:\"\u038c\u03c4\u03b1\u03bd \u03c3\u03c5\u03bd\u03b5\u03c1\u03b3\u03ac\u03b6\u03b5\u03c3\u03b1\u03b9 \u03bc\u03b5 \u03ac\u03bb\u03bb\u03bf\u03c5\u03c2 \u03c3\u03b5 \u03bc\u03b9\u03b1 \u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03b7 \u03b1\u03bd\u03c4\u03b1\u03bb\u03bb\u03b1\u03b3\u03ae \u03b9\u03b4\u03b5\u03ce\u03bd \u03bd\u03b1 \u03ba\u03b1\u03c4\u03b1\u03bd\u03bf\u03ae\u03c3\u03b5\u03b9\u03c2 \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b1 \u03c4\u03bf \u03b8\u03ad\u03bc\u03b1;\" },\r\n { id:\"K5\", dim:\"social\", text:\"\u038c\u03c4\u03b1\u03bd \u03b5\u03be\u03b7\u03b3\u03b5\u03af\u03c2 \u03c3\u03b5 \u03ba\u03ac\u03c0\u03bf\u03b9\u03bf\u03bd \u03ac\u03bb\u03bb\u03bf \u03b1\u03c5\u03c4\u03cc \u03c0\u03bf\u03c5 \u03ad\u03c7\u03b5\u03b9\u03c2 \u03bc\u03ac\u03b8\u03b5\u03b9, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03ba\u03b1\u03c4\u03b1\u03bb\u03ac\u03b2\u03b5\u03b9\u03c2 \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b1 \u03ba\u03b1\u03b9 \u03c4\u03b9\u03c2 \u03b4\u03b9\u03ba\u03ad\u03c2 \u03c3\u03bf\u03c5 \u03b3\u03bd\u03ce\u03c3\u03b5\u03b9\u03c2;\" },\r\n { id:\"K6\", dim:\"social\", text:\"\u038c\u03c4\u03b1\u03bd \u03b1\u03ba\u03bf\u03cd\u03c2 \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03ad\u03c2 \u03b1\u03c0\u03cc\u03c8\u03b5\u03b9\u03c2 \u03b3\u03b9\u03b1 \u03ad\u03bd\u03b1 \u03b8\u03ad\u03bc\u03b1, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03bf\u03c1\u03b3\u03b1\u03bd\u03ce\u03c3\u03b5\u03b9\u03c2 \u03ae \u03bd\u03b1 \u03b1\u03bd\u03b1\u03b8\u03b5\u03c9\u03c1\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c4\u03b7 \u03b4\u03b9\u03ba\u03ae \u03c3\u03bf\u03c5 \u03c3\u03ba\u03ad\u03c8\u03b7;\" }\r\n ];\r\n\r\n const displayOrder = [\r\n \"O1\",\"A1\",\"P1\",\"L1\",\"K1\",\r\n \"K2\",\"O2\",\"L2\",\"A2\",\"P2\",\r\n \"P3\",\"K3\",\"A3\",\"O3\",\"L3\",\r\n \"L4\",\"P4\",\"O4\",\"K4\",\"A4\",\r\n \"A5\",\"L5\",\"K5\",\"P5\",\"O5\",\r\n \"O6\",\"A6\",\"P6\",\"L6\",\"K6\"\r\n ];\r\n\r\n const orderedQuestions = displayOrder.map(id =>\r\n questions.find(q => q.id === id)\r\n );\r\n\r\n const dimensions = {\r\n visual: {\r\n title: \"\u039f\u03c0\u03c4\u03b9\u03ba\u03ae \u03b5\u03c0\u03b5\u03be\u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1\",\r\n meaning: \"\u03a6\u03b1\u03af\u03bd\u03b5\u03c4\u03b1\u03b9 \u03cc\u03c4\u03b9 \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03b2\u03bb\u03ad\u03c0\u03b5\u03b9\u03c2 \u03c4\u03b9\u03c2 \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2 \u03bf\u03c1\u03b3\u03b1\u03bd\u03c9\u03bc\u03ad\u03bd\u03b5\u03c2 \u03bc\u03b5 \u03b5\u03b9\u03ba\u03cc\u03bd\u03b5\u03c2, \u03c3\u03c7\u03ae\u03bc\u03b1\u03c4\u03b1, \u03c7\u03c1\u03ce\u03bc\u03b1\u03c4\u03b1 \u03ba\u03b1\u03b9 \u03b4\u03b9\u03b1\u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03b1. \u038c\u03c4\u03b1\u03bd \u03ad\u03bd\u03b1 \u03bc\u03ac\u03b8\u03b7\u03bc\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b4\u03cd\u03c3\u03ba\u03bf\u03bb\u03bf \u03ae \u03ad\u03c7\u03b5\u03b9 \u03c0\u03bf\u03bb\u03bb\u03ad\u03c2 \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2, \u03bc\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03c3\u03bf\u03c5 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c0\u03b9\u03bf \u03b5\u03cd\u03ba\u03bf\u03bb\u03bf \u03bd\u03b1 \u03c4\u03bf \u03ba\u03b1\u03c4\u03b1\u03bb\u03ac\u03b2\u03b5\u03b9\u03c2 \u03cc\u03c4\u03b1\u03bd \u03c4\u03bf \u00ab\u03b2\u03bb\u03ad\u03c0\u03b5\u03b9\u03c2\u00bb \u03bc\u03c0\u03c1\u03bf\u03c3\u03c4\u03ac \u03c3\u03bf\u03c5 \u03ba\u03b1\u03b9 \u03cc\u03c7\u03b9 \u03bc\u03cc\u03bd\u03bf \u03cc\u03c4\u03b1\u03bd \u03c4\u03bf \u03b1\u03ba\u03bf\u03cd\u03c2 \u03ae \u03c4\u03bf \u03b4\u03b9\u03b1\u03b2\u03ac\u03b6\u03b5\u03b9\u03c2 \u03c3\u03b1\u03bd \u03c3\u03c5\u03bd\u03b5\u03c7\u03cc\u03bc\u03b5\u03bd\u03bf \u03ba\u03b5\u03af\u03bc\u03b5\u03bd\u03bf.\",\r\n tips: \"\u03a7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b5 \u03c5\u03c0\u03bf\u03b3\u03c1\u03b1\u03bc\u03bc\u03af\u03c3\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03ac \u03c7\u03c1\u03ce\u03bc\u03b1\u03c4\u03b1 \u03c3\u03c4\u03b9\u03c2 \u03c3\u03b7\u03bc\u03b5\u03b9\u03ce\u03c3\u03b5\u03b9\u03c2 \u03c3\u03bf\u03c5, \u03c6\u03c4\u03b9\u03ac\u03be\u03b5 \u03c0\u03af\u03bd\u03b1\u03ba\u03b5\u03c2 \u03ae \u03b1\u03c0\u03bb\u03ac \u03b4\u03b9\u03b1\u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03b1, \u03b2\u03ac\u03bb\u03b5 \u03c4\u03b9\u03c2 \u03b2\u03b1\u03c3\u03b9\u03ba\u03ad\u03c2 \u03ad\u03bd\u03bd\u03bf\u03b9\u03b5\u03c2 \u03c3\u03b5 \u03ad\u03bd\u03b1\u03bd \u03c7\u03ac\u03c1\u03c4\u03b7 \u03b5\u03bd\u03bd\u03bf\u03b9\u03ce\u03bd (mind map) \u03ba\u03b1\u03b9 \u03c0\u03c1\u03bf\u03c3\u03c0\u03ac\u03b8\u03b7\u03c3\u03b5 \u03bd\u03b1 \u03bc\u03b5\u03c4\u03b1\u03c4\u03c1\u03ad\u03c0\u03b5\u03b9\u03c2 \u03bc\u03b9\u03b1 \u03b4\u03cd\u03c3\u03ba\u03bf\u03bb\u03b7 \u03c0\u03b1\u03c1\u03ac\u03b3\u03c1\u03b1\u03c6\u03bf \u03c3\u03b5 \u03ad\u03bd\u03b1 \u03bc\u03b9\u03ba\u03c1\u03cc \u03c3\u03c7\u03ae\u03bc\u03b1. \u0393\u03b9\u03b1 \u03c0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1, \u03c3\u03c4\u03b7\u03bd \u0399\u03c3\u03c4\u03bf\u03c1\u03af\u03b1 \u03bc\u03c0\u03bf\u03c1\u03b5\u03af\u03c2 \u03bd\u03b1 \u03c6\u03c4\u03b9\u03ac\u03be\u03b5\u03b9\u03c2 \u03bc\u03b9\u03b1 \u03c7\u03c1\u03bf\u03bd\u03bf\u03b3\u03c1\u03b1\u03bc\u03bc\u03ae, \u03b5\u03bd\u03ce \u03c3\u03c4\u03b7 \u0392\u03b9\u03bf\u03bb\u03bf\u03b3\u03af\u03b1 \u03ad\u03bd\u03b1 \u03b4\u03b9\u03ac\u03b3\u03c1\u03b1\u03bc\u03bc\u03b1 \u03c0\u03bf\u03c5 \u03b4\u03b5\u03af\u03c7\u03bd\u03b5\u03b9 \u03c4\u03b1 \u03bc\u03ad\u03c1\u03b7 \u03ba\u03b1\u03b9 \u03c4\u03b9\u03c2 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03af\u03b5\u03c2 \u03c4\u03bf\u03c5\u03c2.\"\r\n },\r\n auditory: {\r\n title: \"\u0391\u03ba\u03bf\u03c5\u03c3\u03c4\u03b9\u03ba\u03ae \/ \u03c0\u03c1\u03bf\u03c6\u03bf\u03c1\u03b9\u03ba\u03ae \u03b5\u03c0\u03b5\u03be\u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1\",\r\n meaning: \"\u03a6\u03b1\u03af\u03bd\u03b5\u03c4\u03b1\u03b9 \u03cc\u03c4\u03b9 \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03b1\u03ba\u03bf\u03cd\u03c2 \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03bb\u03b5\u03c2 \u03c4\u03b9\u03c2 \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2 \u03bc\u03b5 \u03bb\u03cc\u03b3\u03b9\u03b1. \u039c\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03ba\u03b1\u03c4\u03b1\u03bb\u03b1\u03b2\u03b1\u03af\u03bd\u03b5\u03b9\u03c2 \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b1 \u03ad\u03bd\u03b1 \u03b8\u03ad\u03bc\u03b1 \u03cc\u03c4\u03b1\u03bd \u03ba\u03ac\u03c0\u03bf\u03b9\u03bf\u03c2 \u03c3\u03bf\u03c5 \u03c4\u03bf \u03b5\u03be\u03b7\u03b3\u03b5\u03af \u03c0\u03c1\u03bf\u03c6\u03bf\u03c1\u03b9\u03ba\u03ac \u03ae \u03cc\u03c4\u03b1\u03bd \u03b5\u03c3\u03cd \u03c0\u03c1\u03bf\u03c3\u03c0\u03b1\u03b8\u03b5\u03af\u03c2 \u03bd\u03b1 \u03c4\u03bf \u03c0\u03b5\u03b9\u03c2 \u03bc\u03b5 \u03b4\u03b9\u03ba\u03ac \u03c3\u03bf\u03c5 \u03bb\u03cc\u03b3\u03b9\u03b1.\",\r\n tips: \"\u0394\u03b9\u03ac\u03b2\u03b1\u03c3\u03b5 \u03b4\u03c5\u03bd\u03b1\u03c4\u03ac \u03c4\u03b1 \u03c3\u03b7\u03bc\u03b1\u03bd\u03c4\u03b9\u03ba\u03ac \u03c3\u03b7\u03bc\u03b5\u03af\u03b1, \u03b5\u03be\u03ae\u03b3\u03b7\u03c3\u03b5 \u03ad\u03bd\u03b1 \u03b4\u03cd\u03c3\u03ba\u03bf\u03bb\u03bf \u03b8\u03ad\u03bc\u03b1 \u03c3\u03b1\u03bd \u03bd\u03b1 \u03c4\u03bf \u03bb\u03b5\u03c2 \u03c3\u03b5 \u03ad\u03bd\u03b1\u03bd \u03c3\u03c5\u03bc\u03bc\u03b1\u03b8\u03b7\u03c4\u03ae \u03c3\u03bf\u03c5 \u03ba\u03b1\u03b9 \u03ba\u03ac\u03bd\u03b5 \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03cc\u03c4\u03b1\u03bd \u03ba\u03ac\u03c4\u03b9 \u03b4\u03b5\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u03be\u03b5\u03ba\u03ac\u03b8\u03b1\u03c1\u03bf. \u039c\u03c0\u03bf\u03c1\u03b5\u03af\u03c2 \u03b5\u03c0\u03af\u03c3\u03b7\u03c2 \u03bd\u03b1 \u03b7\u03c7\u03bf\u03b3\u03c1\u03b1\u03c6\u03b5\u03af\u03c2 \u03bc\u03b9\u03b1 \u03c3\u03cd\u03bd\u03c4\u03bf\u03bc\u03b7 \u03c0\u03b5\u03c1\u03af\u03bb\u03b7\u03c8\u03b7 \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03c4\u03b7\u03bd \u03b1\u03ba\u03bf\u03cd\u03c2 \u03be\u03b1\u03bd\u03ac. \u0393\u03b9\u03b1 \u03c0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1, \u03c0\u03c1\u03b9\u03bd \u03b1\u03c0\u03cc \u03ad\u03bd\u03b1 \u03b4\u03b9\u03b1\u03b3\u03ce\u03bd\u03b9\u03c3\u03bc\u03b1 \u03bc\u03c0\u03bf\u03c1\u03b5\u03af\u03c2 \u03bd\u03b1 \u03c0\u03c1\u03bf\u03c3\u03c0\u03b1\u03b8\u03ae\u03c3\u03b5\u03b9\u03c2 \u03bd\u03b1 \u03b5\u03be\u03b7\u03b3\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c0\u03c1\u03bf\u03c6\u03bf\u03c1\u03b9\u03ba\u03ac \u03c4\u03b9 \u03b8\u03c5\u03bc\u03ac\u03c3\u03b1\u03b9 \u03b1\u03c0\u03cc \u03ba\u03ac\u03b8\u03b5 \u03ba\u03b5\u03c6\u03ac\u03bb\u03b1\u03b9\u03bf \u03c7\u03c9\u03c1\u03af\u03c2 \u03bd\u03b1 \u03ba\u03bf\u03b9\u03c4\u03ac\u03b6\u03b5\u03b9\u03c2 \u03c4\u03bf \u03b2\u03b9\u03b2\u03bb\u03af\u03bf.\"\r\n },\r\n readwrite: {\r\n title: \"\u0391\u03bd\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7 & \u03b3\u03c1\u03b1\u03c6\u03ae\",\r\n meaning: \"\u03a6\u03b1\u03af\u03bd\u03b5\u03c4\u03b1\u03b9 \u03cc\u03c4\u03b9 \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03b4\u03bf\u03c5\u03bb\u03b5\u03cd\u03b5\u03b9\u03c2 \u03bc\u03b5 \u03b3\u03c1\u03b1\u03c0\u03c4\u03ad\u03c2 \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2. \u039c\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03ba\u03b1\u03c4\u03b1\u03bd\u03bf\u03b5\u03af\u03c2 \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03b8\u03c5\u03bc\u03ac\u03c3\u03b1\u03b9 \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b1 \u03cc\u03c4\u03b1\u03bd \u03b4\u03b9\u03b1\u03b2\u03ac\u03b6\u03b5\u03b9\u03c2 \u03bc\u03b9\u03b1 \u03ba\u03b1\u03b8\u03b1\u03c1\u03ae \u03b5\u03be\u03ae\u03b3\u03b7\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03cc\u03c4\u03b1\u03bd \u03b3\u03c1\u03ac\u03c6\u03b5\u03b9\u03c2 \u03b5\u03c3\u03cd \u03bf \u03af\u03b4\u03b9\u03bf\u03c2\/\u03b7 \u03af\u03b4\u03b9\u03b1 \u03c4\u03b1 \u03b2\u03b1\u03c3\u03b9\u03ba\u03ac \u03c3\u03b7\u03bc\u03b5\u03af\u03b1.\",\r\n tips: \"\u039a\u03c1\u03ac\u03c4\u03b1 \u03c3\u03cd\u03bd\u03c4\u03bf\u03bc\u03b5\u03c2 \u03c3\u03b7\u03bc\u03b5\u03b9\u03ce\u03c3\u03b5\u03b9\u03c2, \u03b3\u03c1\u03ac\u03c8\u03b5 \u03bb\u03ad\u03be\u03b5\u03b9\u03c2-\u03ba\u03bb\u03b5\u03b9\u03b4\u03b9\u03ac, \u03c6\u03c4\u03b9\u03ac\u03be\u03b5 \u03bb\u03af\u03c3\u03c4\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03bc\u03b9\u03ba\u03c1\u03ad\u03c2 \u03c0\u03b5\u03c1\u03b9\u03bb\u03ae\u03c8\u03b5\u03b9\u03c2 \u03bc\u03b5 \u03b4\u03b9\u03ba\u03ac \u03c3\u03bf\u03c5 \u03bb\u03cc\u03b3\u03b9\u03b1. \u039c\u03b7\u03bd \u03b1\u03bd\u03c4\u03b9\u03b3\u03c1\u03ac\u03c6\u03b5\u03b9\u03c2 \u03b1\u03c0\u03bb\u03ce\u03c2 \u03c4\u03bf \u03b2\u03b9\u03b2\u03bb\u03af\u03bf. \u03a0\u03c1\u03bf\u03c3\u03c0\u03ac\u03b8\u03b7\u03c3\u03b5 \u03bd\u03b1 \u03b3\u03c1\u03ac\u03c6\u03b5\u03b9\u03c2 \u03bc\u03cc\u03bd\u03bf \u03cc,\u03c4\u03b9 \u03b8\u03b5\u03c9\u03c1\u03b5\u03af\u03c2 \u03c3\u03b7\u03bc\u03b1\u03bd\u03c4\u03b9\u03ba\u03cc. \u0393\u03b9\u03b1 \u03c0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1, \u03bc\u03b5\u03c4\u03ac \u03b1\u03c0\u03cc \u03b4\u03cd\u03bf \u03c3\u03b5\u03bb\u03af\u03b4\u03b5\u03c2 \u03bc\u03b1\u03b8\u03ae\u03bc\u03b1\u03c4\u03bf\u03c2, \u03ba\u03bb\u03b5\u03af\u03c3\u03b5 \u03c4\u03bf \u03b2\u03b9\u03b2\u03bb\u03af\u03bf \u03ba\u03b1\u03b9 \u03b3\u03c1\u03ac\u03c8\u03b5 \u03c3\u03b5 4-5 \u03b3\u03c1\u03b1\u03bc\u03bc\u03ad\u03c2 \u03c4\u03b9 \u03ba\u03b1\u03c4\u03ac\u03bb\u03b1\u03b2\u03b5\u03c2.\"\r\n },\r\n practical: {\r\n title: \"\u03a0\u03c1\u03b1\u03ba\u03c4\u03b9\u03ba\u03ae \/ \u03b2\u03b9\u03c9\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03bc\u03ac\u03b8\u03b7\u03c3\u03b7\",\r\n meaning: \"\u03a6\u03b1\u03af\u03bd\u03b5\u03c4\u03b1\u03b9 \u03cc\u03c4\u03b9 \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03c3\u03c5\u03bc\u03bc\u03b5\u03c4\u03ad\u03c7\u03b5\u03b9\u03c2 \u03b5\u03bd\u03b5\u03c1\u03b3\u03ac \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03b4\u03bf\u03ba\u03b9\u03bc\u03ac\u03b6\u03b5\u03b9\u03c2 \u03cc\u03c3\u03b1 \u03bc\u03b1\u03b8\u03b1\u03af\u03bd\u03b5\u03b9\u03c2. \u039c\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03b8\u03c5\u03bc\u03ac\u03c3\u03b1\u03b9 \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b1 \u03ba\u03ac\u03c4\u03b9 \u03cc\u03c4\u03b1\u03bd \u03c4\u03bf \u03ad\u03c7\u03b5\u03b9\u03c2 \u03b5\u03c6\u03b1\u03c1\u03bc\u03cc\u03c3\u03b5\u03b9 \u03c3\u03c4\u03b7\u03bd \u03c0\u03c1\u03ac\u03be\u03b7 \u03ba\u03b1\u03b9 \u03cc\u03c7\u03b9 \u03bc\u03cc\u03bd\u03bf \u03cc\u03c4\u03b1\u03bd \u03c4\u03bf \u03ad\u03c7\u03b5\u03b9\u03c2 \u03b4\u03b9\u03b1\u03b2\u03ac\u03c3\u03b5\u03b9 \u03b8\u03b5\u03c9\u03c1\u03b7\u03c4\u03b9\u03ba\u03ac.\",\r\n tips: \"\u039a\u03ac\u03bd\u03b5 \u03b1\u03c3\u03ba\u03ae\u03c3\u03b5\u03b9\u03c2, \u03c0\u03b5\u03b9\u03c1\u03ac\u03bc\u03b1\u03c4\u03b1, \u03bc\u03b9\u03ba\u03c1\u03ad\u03c2 \u03ba\u03b1\u03c4\u03b1\u03c3\u03ba\u03b5\u03c5\u03ad\u03c2 \u03ae \u03c0\u03c1\u03bf\u03c3\u03bf\u03bc\u03bf\u03b9\u03ce\u03c3\u03b5\u03b9\u03c2 \u03cc\u03c0\u03bf\u03c5 \u03b1\u03c5\u03c4\u03cc \u03b5\u03af\u03bd\u03b1\u03b9 \u03b4\u03c5\u03bd\u03b1\u03c4\u03cc. \u038c\u03c4\u03b1\u03bd \u03bc\u03b1\u03b8\u03b1\u03af\u03bd\u03b5\u03b9\u03c2 \u03bc\u03b9\u03b1 \u03b4\u03b9\u03b1\u03b4\u03b9\u03ba\u03b1\u03c3\u03af\u03b1, \u03c0\u03c1\u03bf\u03c3\u03c0\u03ac\u03b8\u03b7\u03c3\u03b5 \u03bd\u03b1 \u03c4\u03b7\u03bd \u03b5\u03c6\u03b1\u03c1\u03bc\u03cc\u03c3\u03b5\u03b9\u03c2 \u03b2\u03ae\u03bc\u03b1-\u03b2\u03ae\u03bc\u03b1. \u0393\u03b9\u03b1 \u03c0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1, \u03c3\u03c4\u03b1 \u039c\u03b1\u03b8\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ac \u03bc\u03b7\u03bd \u03bc\u03ad\u03bd\u03b5\u03b9\u03c2 \u03bc\u03cc\u03bd\u03bf \u03c3\u03c4\u03b7 \u03b8\u03b5\u03c9\u03c1\u03af\u03b1\u00b7 \u03bb\u03cd\u03c3\u03b5 \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03bf\u03cd\u03c2 \u03c4\u03cd\u03c0\u03bf\u03c5\u03c2 \u03b1\u03c3\u03ba\u03ae\u03c3\u03b5\u03c9\u03bd. \u03a3\u03c4\u03b7 \u03a6\u03c5\u03c3\u03b9\u03ba\u03ae \u03c0\u03c1\u03bf\u03c3\u03c0\u03ac\u03b8\u03b7\u03c3\u03b5 \u03bd\u03b1 \u03c3\u03c5\u03bd\u03b4\u03ad\u03c3\u03b5\u03b9\u03c2 \u03ad\u03bd\u03b1\u03bd \u03bd\u03cc\u03bc\u03bf \u03bc\u03b5 \u03ad\u03bd\u03b1 \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc \u03c0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1 \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03ba\u03b1\u03b8\u03b7\u03bc\u03b5\u03c1\u03b9\u03bd\u03ae \u03b6\u03c9\u03ae.\"\r\n },\r\n social: {\r\n title: \"\u039a\u03bf\u03b9\u03bd\u03c9\u03bd\u03b9\u03ba\u03ae \/ \u03b4\u03b9\u03b1\u03b4\u03c1\u03b1\u03c3\u03c4\u03b9\u03ba\u03ae \u03bc\u03ac\u03b8\u03b7\u03c3\u03b7\",\r\n meaning: \"\u03a6\u03b1\u03af\u03bd\u03b5\u03c4\u03b1\u03b9 \u03cc\u03c4\u03b9 \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03c3\u03c5\u03b6\u03b7\u03c4\u03ac\u03c2, \u03bd\u03b1 \u03b1\u03bd\u03c4\u03b1\u03bb\u03bb\u03ac\u03c3\u03c3\u03b5\u03b9\u03c2 \u03b9\u03b4\u03ad\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03b5\u03be\u03b7\u03b3\u03b5\u03af\u03c2 \u03c0\u03c1\u03ac\u03b3\u03bc\u03b1\u03c4\u03b1 \u03c3\u03b5 \u03ac\u03bb\u03bb\u03bf\u03c5\u03c2. \u039c\u03ad\u03c3\u03b1 \u03b1\u03c0\u03cc \u03c4\u03b7 \u03c3\u03c5\u03b6\u03ae\u03c4\u03b7\u03c3\u03b7 \u03bc\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03b1\u03bd\u03b1\u03ba\u03b1\u03bb\u03cd\u03c0\u03c4\u03b5\u03b9\u03c2 \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03bf\u03cd\u03c2 \u03c4\u03c1\u03cc\u03c0\u03bf\u03c5\u03c2 \u03c3\u03ba\u03ad\u03c8\u03b7\u03c2 \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03ba\u03b1\u03c4\u03b1\u03bb\u03b1\u03b2\u03b1\u03af\u03bd\u03b5\u03b9\u03c2 \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b1 \u03c4\u03b9 \u03b3\u03bd\u03c9\u03c1\u03af\u03b6\u03b5\u03b9\u03c2 \u03ae\u03b4\u03b7 \u03ba\u03b1\u03b9 \u03c4\u03b9 \u03c7\u03c1\u03b5\u03b9\u03ac\u03b6\u03b5\u03c4\u03b1\u03b9 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b7 \u03c0\u03c1\u03bf\u03c3\u03c0\u03ac\u03b8\u03b5\u03b9\u03b1.\",\r\n tips: \"\u039c\u03b5\u03bb\u03ad\u03c4\u03b7\u03c3\u03b5 \u03ba\u03ac\u03c0\u03bf\u03b9\u03b5\u03c2 \u03c6\u03bf\u03c1\u03ad\u03c2 \u03bc\u03b1\u03b6\u03af \u03bc\u03b5 \u03ad\u03bd\u03b1\u03bd \u03c3\u03c5\u03bc\u03bc\u03b1\u03b8\u03b7\u03c4\u03ae, \u03ba\u03ac\u03bd\u03c4\u03b5 \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03bf \u03ad\u03bd\u03b1\u03c2 \u03c3\u03c4\u03bf\u03bd \u03ac\u03bb\u03bb\u03bf \u03ba\u03b1\u03b9 \u03c0\u03c1\u03bf\u03c3\u03c0\u03b1\u03b8\u03ae\u03c3\u03c4\u03b5 \u03bd\u03b1 \u03b5\u03be\u03b7\u03b3\u03ae\u03c3\u03b5\u03c4\u03b5 \u03b4\u03cd\u03c3\u03ba\u03bf\u03bb\u03b1 \u03c3\u03b7\u03bc\u03b5\u03af\u03b1 \u03bc\u03b5 \u03b1\u03c0\u03bb\u03ac \u03bb\u03cc\u03b3\u03b9\u03b1. \u03a3\u03b5 \u03bc\u03b9\u03b1 \u03bf\u03bc\u03b1\u03b4\u03b9\u03ba\u03ae \u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1 \u03bc\u03b7\u03bd \u03bc\u03ad\u03bd\u03b5\u03b9\u03c2 \u03bc\u03cc\u03bd\u03bf \u03c3\u03c4\u03bf \u03b4\u03b9\u03ba\u03cc \u03c3\u03bf\u03c5 \u03bc\u03ad\u03c1\u03bf\u03c2\u00b7 \u03ac\u03ba\u03bf\u03c5 \u03c0\u03ce\u03c2 \u03c3\u03ba\u03ad\u03c6\u03c4\u03bf\u03bd\u03c4\u03b1\u03b9 \u03ba\u03b1\u03b9 \u03bf\u03b9 \u03ac\u03bb\u03bb\u03bf\u03b9. \u0393\u03b9\u03b1 \u03c0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1, \u03c0\u03c1\u03b9\u03bd \u03b1\u03c0\u03cc \u03ad\u03bd\u03b1 \u03c4\u03b5\u03c3\u03c4 \u03bc\u03c0\u03bf\u03c1\u03b5\u03af\u03c4\u03b5 \u03bd\u03b1 \u03ba\u03ac\u03bd\u03b5\u03c4\u03b5 \u03bf \u03ad\u03bd\u03b1\u03c2 \u03c3\u03c4\u03bf\u03bd \u03ac\u03bb\u03bb\u03bf \u03c0\u03ad\u03bd\u03c4\u03b5 \u03c3\u03cd\u03bd\u03c4\u03bf\u03bc\u03b5\u03c2 \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03cd\u03bb\u03b7.\"\r\n }\r\n };\r\n\r\n const answerScale = [\r\n { label:\"\u03a0\u03bf\u03bb\u03cd\", value:3 },\r\n { label:\"\u0391\u03c1\u03ba\u03b5\u03c4\u03ac\", value:2 },\r\n { label:\"\u039b\u03af\u03b3\u03bf\", value:1 },\r\n { label:\"\u039a\u03b1\u03b8\u03cc\u03bb\u03bf\u03c5\", value:0 }\r\n ];\r\n\r\n const intro = document.getElementById(\"intro\");\r\n const startButton = document.getElementById(\"startButton\");\r\n const quizForm = document.getElementById(\"quizForm\");\r\n const container = document.getElementById(\"questionsContainer\");\r\n const warnEl = document.getElementById(\"warn\");\r\n const resultsEl = document.getElementById(\"results\");\r\n const progressEl = document.getElementById(\"progress\");\r\n const btnReset = document.getElementById(\"btnReset\");\r\n\r\n startButton.addEventListener(\"click\", start);\r\n btnReset.addEventListener(\"click\", resetAnswers);\r\n quizForm.addEventListener(\"submit\", showResults);\r\n\r\n function start(){\r\n quizForm.style.display = \"block\";\r\n intro.style.display = \"none\";\r\n resultsEl.style.display = \"none\";\r\n resultsEl.innerHTML = \"\";\r\n loadQuestions();\r\n updateProgress();\r\n warnEl.style.display = \"none\";\r\n window.scrollTo({ top:0, behavior:\"smooth\" });\r\n }\r\n\r\n function loadQuestions(){\r\n container.innerHTML = \"\";\r\n\r\n orderedQuestions.forEach((q, i) => {\r\n const card = document.createElement(\"div\");\r\n card.className = \"qcard\";\r\n\r\n const answersHTML = answerScale.map(a =>\r\n renderChip(q.id, a.label, a.value)\r\n ).join(\"\");\r\n\r\n card.innerHTML = `\r\n <div class=\"qtitle\">\r\n <strong>${i + 1}. ${q.text}<\/strong>\r\n <\/div>\r\n <div class=\"scale\">\r\n ${answersHTML}\r\n <\/div>\r\n `;\r\n\r\n container.appendChild(card);\r\n });\r\n\r\n container.addEventListener(\"change\", onAnswerChange, { passive:true });\r\n }\r\n\r\n function onAnswerChange(e){\r\n if(e.target && e.target.type === \"radio\"){\r\n updateProgress();\r\n warnEl.style.display = \"none\";\r\n }\r\n }\r\n\r\n function renderChip(name, label, value){\r\n const safeLabel = label.replace(\/\\s+\/g,\"_\");\r\n const id = `${name}_${safeLabel}`;\r\n\r\n return `\r\n <label class=\"chip\" for=\"${id}\">\r\n <input\r\n id=\"${id}\"\r\n type=\"radio\"\r\n name=\"${name}\"\r\n value=\"${value}\"\r\n \/>\r\n <span class=\"box\">${label}<\/span>\r\n <\/label>\r\n `;\r\n }\r\n\r\n function updateProgress(){\r\n const answered = orderedQuestions.filter(q =>\r\n document.querySelector(`input[name=\"${q.id}\"]:checked`)\r\n ).length;\r\n\r\n progressEl.textContent =\r\n `\u0391\u03c0\u03b1\u03bd\u03c4\u03ae\u03b8\u03b7\u03ba\u03b1\u03bd ${answered}\/${orderedQuestions.length}`;\r\n }\r\n\r\n function resetAnswers(){\r\n container.querySelectorAll('input[type=\"radio\"]').forEach(r => {\r\n r.checked = false;\r\n });\r\n\r\n updateProgress();\r\n resultsEl.innerHTML = \"\";\r\n resultsEl.style.display = \"none\";\r\n warnEl.style.display = \"none\";\r\n }\r\n\r\n function showResults(e){\r\n e.preventDefault();\r\n\r\n const scores = {\r\n visual:0,\r\n auditory:0,\r\n readwrite:0,\r\n practical:0,\r\n social:0\r\n };\r\n\r\n let answered = 0;\r\n\r\n questions.forEach(q => {\r\n const selected =\r\n document.querySelector(`input[name=\"${q.id}\"]:checked`);\r\n\r\n if(selected){\r\n answered++;\r\n scores[q.dim] += Number(selected.value);\r\n }\r\n });\r\n\r\n if(answered < questions.length){\r\n warnEl.style.display = \"block\";\r\n resultsEl.style.display = \"none\";\r\n resultsEl.innerHTML = \"\";\r\n\r\n const firstUnanswered = orderedQuestions.find(q =>\r\n !document.querySelector(`input[name=\"${q.id}\"]:checked`)\r\n );\r\n\r\n if(firstUnanswered){\r\n const el =\r\n document.querySelector(`input[name=\"${firstUnanswered.id}\"]`);\r\n\r\n if(el){\r\n el.closest(\".qcard\").scrollIntoView({\r\n behavior:\"smooth\",\r\n block:\"center\"\r\n });\r\n }\r\n }\r\n\r\n return;\r\n }\r\n\r\n const maxPerDimension = 18;\r\n\r\n const percentages = {};\r\n\r\n Object.keys(scores).forEach(dim => {\r\n percentages[dim] =\r\n Math.round((scores[dim] \/ maxPerDimension) * 100);\r\n });\r\n\r\n renderResults(percentages);\r\n }\r\n\r\n function renderResults(percentages){\r\n\r\n const resultOrder = [\r\n \"visual\",\r\n \"auditory\",\r\n \"readwrite\",\r\n \"practical\",\r\n \"social\"\r\n ];\r\n\r\n const blocks = resultOrder.map(dim => {\r\n const d = dimensions[dim];\r\n const pct = percentages[dim];\r\n\r\n return `\r\n <section class=\"result-block\">\r\n <div class=\"metric\">\r\n <div class=\"row\">\r\n <div class=\"label\">${d.title}<\/div>\r\n <div class=\"pct\">${pct}%<\/div>\r\n <\/div>\r\n\r\n <div class=\"bar\" aria-label=\"${d.title}: ${pct}%\">\r\n <span data-width=\"${pct}\"><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <p class=\"result-text\">\r\n <strong>\u03a4\u03b9 \u03c3\u03b7\u03bc\u03b1\u03af\u03bd\u03b5\u03b9 \u03b3\u03b9\u03b1 \u03c3\u03ad\u03bd\u03b1:<\/strong><br>\r\n ${d.meaning}\r\n <\/p>\r\n\r\n <p class=\"result-text\">\r\n <span class=\"tips-title\">\u03a4\u03b9 \u03bc\u03c0\u03bf\u03c1\u03b5\u03af\u03c2 \u03bd\u03b1 \u03b4\u03bf\u03ba\u03b9\u03bc\u03ac\u03c3\u03b5\u03b9\u03c2:<\/span><br>\r\n ${d.tips}\r\n <\/p>\r\n <\/section>\r\n `;\r\n }).join(\"\");\r\n\r\n resultsEl.innerHTML = `\r\n <h2>\u03a4\u03bf \u03c0\u03c1\u03bf\u03c3\u03c9\u03c0\u03b9\u03ba\u03cc \u03c3\u03bf\u03c5 \u03c0\u03c1\u03bf\u03c6\u03af\u03bb \u03bc\u03ac\u03b8\u03b7\u03c3\u03b7\u03c2<\/h2>\r\n\r\n <p class=\"results-intro\">\r\n \u039f\u03b9 \u03c0\u03b1\u03c1\u03b1\u03ba\u03ac\u03c4\u03c9 \u03bc\u03c0\u03ac\u03c1\u03b5\u03c2 \u03b4\u03b5\u03af\u03c7\u03bd\u03bf\u03c5\u03bd \u03c0\u03cc\u03c3\u03bf \u03ad\u03bd\u03c4\u03bf\u03bd\u03b1 \u03c6\u03b1\u03af\u03bd\u03b5\u03c4\u03b1\u03b9 \u03bd\u03b1 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03b5\u03af\u03c2\r\n \u03ba\u03ac\u03b8\u03b5 \u03bc\u03b1\u03b8\u03b7\u03c3\u03b9\u03b1\u03ba\u03ae \u03c0\u03c1\u03bf\u03c4\u03af\u03bc\u03b7\u03c3\u03b7. \u0394\u03b5\u03bd \u03c7\u03c1\u03b5\u03b9\u03ac\u03b6\u03b5\u03c4\u03b1\u03b9 \u03bd\u03b1 \u03ad\u03c7\u03b5\u03b9\u03c2 \u03bc\u03cc\u03bd\u03bf \u03bc\u03af\u03b1 \u03b4\u03c5\u03bd\u03b1\u03c4\u03ae\r\n \u03b4\u03b9\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7\u00b7 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c6\u03c5\u03c3\u03b9\u03bf\u03bb\u03bf\u03b3\u03b9\u03ba\u03cc \u03bd\u03b1 \u03c3\u03c5\u03bd\u03b4\u03c5\u03ac\u03b6\u03b5\u03b9\u03c2 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03bf\u03c5\u03c2 \u03c4\u03c1\u03cc\u03c0\u03bf\u03c5\u03c2 \u03bc\u03ac\u03b8\u03b7\u03c3\u03b7\u03c2.\r\n <\/p>\r\n\r\n ${blocks}\r\n\r\n <div class=\"final-note\">\r\n <strong>\u039d\u03b1 \u03b8\u03c5\u03bc\u03ac\u03c3\u03b1\u03b9:<\/strong>\r\n \u0394\u03b5\u03bd \u03c5\u03c0\u03ac\u03c1\u03c7\u03b5\u03b9 \u03ad\u03bd\u03b1\u03c2 \u03bc\u03cc\u03bd\u03bf \u03c3\u03c9\u03c3\u03c4\u03cc\u03c2 \u03c4\u03c1\u03cc\u03c0\u03bf\u03c2 \u03bc\u03ac\u03b8\u03b7\u03c3\u03b7\u03c2. \u039c\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03b5\u03af\u03c2\r\n \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03bf\u03cd\u03c2 \u03c4\u03c1\u03cc\u03c0\u03bf\u03c5\u03c2 \u03b1\u03bd\u03ac\u03bb\u03bf\u03b3\u03b1 \u03bc\u03b5 \u03c4\u03bf \u03bc\u03ac\u03b8\u03b7\u03bc\u03b1, \u03c4\u03b7 \u03b4\u03c1\u03b1\u03c3\u03c4\u03b7\u03c1\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1 \u03ba\u03b1\u03b9 \u03b1\u03c5\u03c4\u03cc\r\n \u03c0\u03bf\u03c5 \u03c0\u03c1\u03bf\u03c3\u03c0\u03b1\u03b8\u03b5\u03af\u03c2 \u03bd\u03b1 \u03bc\u03ac\u03b8\u03b5\u03b9\u03c2. \u0394\u03bf\u03ba\u03af\u03bc\u03b1\u03c3\u03b5 \u03c4\u03b9\u03c2 \u03c3\u03c4\u03c1\u03b1\u03c4\u03b7\u03b3\u03b9\u03ba\u03ad\u03c2 \u03c0\u03bf\u03c5 \u03c3\u03bf\u03c5 \u03c4\u03b1\u03b9\u03c1\u03b9\u03ac\u03b6\u03bf\u03c5\u03bd\r\n \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03bf \u03ba\u03b1\u03b9 \u03ba\u03c1\u03ac\u03c4\u03b7\u03c3\u03b5 \u03cc\u03c3\u03b5\u03c2 \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03bf\u03cd\u03bd \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03ac.\r\n <\/div>\r\n\r\n <div class=\"actions\">\r\n <button type=\"button\" class=\"btn btn-primary\" onclick=\"window.print()\">\r\n \u0395\u03ba\u03c4\u03cd\u03c0\u03c9\u03c3\u03b7 \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03ad\u03c3\u03bc\u03b1\u03c4\u03bf\u03c2\r\n <\/button>\r\n\r\n <button type=\"button\" class=\"btn btn-ghost\" id=\"restartButton\">\r\n \u039d\u03ad\u03b1 \u03c3\u03c5\u03bc\u03c0\u03bb\u03ae\u03c1\u03c9\u03c3\u03b7\r\n <\/button>\r\n <\/div>\r\n `;\r\n\r\n resultsEl.style.display = \"block\";\r\n quizForm.style.display = \"none\";\r\n\r\n requestAnimationFrame(() => {\r\n resultsEl.querySelectorAll(\".bar > span\").forEach(span => {\r\n span.style.width = span.dataset.width + \"%\";\r\n });\r\n });\r\n\r\n document.getElementById(\"restartButton\").addEventListener(\"click\", () => {\r\n resultsEl.style.display = \"none\";\r\n resultsEl.innerHTML = \"\";\r\n quizForm.style.display = \"block\";\r\n resetAnswers();\r\n\r\n window.scrollTo({\r\n top:0,\r\n behavior:\"smooth\"\r\n });\r\n });\r\n\r\n resultsEl.scrollIntoView({\r\n behavior:\"smooth\",\r\n block:\"start\"\r\n });\r\n }\r\n\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":134166,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[108,279],"tags":[],"class_list":["post-134107","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-108","category-279"],"acf":[],"jetpack_featured_media_url":"https:\/\/www.mysep.gr\/wp-content\/uploads\/2025\/06\/\u03a4\u03c1\u03cc\u03c0\u03bf\u03c2-\u039c\u03ac\u03b8\u03b7\u03c3\u03b7\u03c2-1.jpg","_links":{"self":[{"href":"https:\/\/www.mysep.gr\/index.php?rest_route=\/wp\/v2\/posts\/134107","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mysep.gr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mysep.gr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=134107"}],"version-history":[{"count":3,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=\/wp\/v2\/posts\/134107\/revisions"}],"predecessor-version":[{"id":153477,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=\/wp\/v2\/posts\/134107\/revisions\/153477"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=\/wp\/v2\/media\/134166"}],"wp:attachment":[{"href":"https:\/\/www.mysep.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=134107"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=134107"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=134107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":134107,"date":"2023-03-16T18:00:10","date_gmt":"2023-03-16T16:00:10","guid":{"rendered":"https:\/\/www.mysep.gr\/?p=134107"},"modified":"2026-09-05T20:16:17","modified_gmt":"2026-09-05T18:16:17","slug":"%ce%b4%ce%bf%ce%ba%ce%b9%ce%bc%ce%b1%cf%83%cf%84%ce%b9%ce%ba%ce%ac-%cf%84%ce%b5%cf%83%cf%84","status":"publish","type":"post","link":"https:\/\/www.mysep.gr\/?p=134107","title":{"rendered":"\u0394\u03b5\u03c2 \u03c0\u03bf\u03b9\u03bf\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03bf \u03c4\u03c1\u03cc\u03c0\u03bf\u03c2 \u03bc\u03ac\u03b8\u03b7\u03c3\u03ae\u03c2 \u03c3\u03bf\u03c5 (\u03a0\u03c1\u03bf\u03c4\u03b9\u03bc\u03ae\u03c3\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 \u03a3\u03c4\u03c1\u03b1\u03c4\u03b7\u03b3\u03b9\u03ba\u03ad\u03c2 \u039c\u03ac\u03b8\u03b7\u03c3\u03b7\u03c2) ;"},"content":{"rendered":"

<\/p>\n

<\/p>\n\r\n\r\n\r\n \r\n \u03a0\u03c1\u03bf\u03c4\u03b9\u03bc\u03ae\u03c3\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 \u03a3\u03c4\u03c1\u03b1\u03c4\u03b7\u03b3\u03b9\u03ba\u03ad\u03c2 \u039c\u03ac\u03b8\u03b7\u03c3\u03b7\u03c2<\/title>\r\n <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\" \/>\r\n <style>\r\n :root{\r\n --accent:#1d4ed8;\r\n --bg:#f7f8fc;\r\n --card:#ffffff;\r\n --muted:#5b6472;\r\n --line:#e7e9ef;\r\n --soft:#eef2ff;\r\n --text:#111827;\r\n }\r\n\r\n *{box-sizing:border-box}\r\n\r\n body{\r\n margin:0;\r\n font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n background:var(--bg);\r\n color:var(--text);\r\n line-height:1.6;\r\n }\r\n\r\n .wrap{\r\n max-width:960px;\r\n margin:0 auto;\r\n padding:24px;\r\n }\r\n\r\n .card{\r\n background:var(--card);\r\n border-radius:16px;\r\n box-shadow:0 10px 28px rgba(0,0,0,.06);\r\n padding:20px;\r\n margin:14px 0;\r\n }\r\n\r\n h1,h2,h3{margin:.2rem 0 .8rem}\r\n\r\n .sub{\r\n color:var(--muted);\r\n margin:0 0 12px;\r\n }\r\n\r\n .intro-note{\r\n margin-top:14px;\r\n padding:12px 14px;\r\n background:#f8fafc;\r\n border-left:4px solid var(--accent);\r\n border-radius:10px;\r\n text-align:justify;\r\n }\r\n\r\n .btn{\r\n display:inline-block;\r\n padding:10px 16px;\r\n border-radius:12px;\r\n border:0;\r\n cursor:pointer;\r\n font-weight:700;\r\n font-size:1rem;\r\n }\r\n\r\n .btn-primary{\r\n background:var(--accent);\r\n color:#fff;\r\n }\r\n\r\n .btn-ghost{\r\n background:var(--soft);\r\n color:#111;\r\n }\r\n\r\n .btn:disabled{\r\n opacity:.55;\r\n cursor:not-allowed;\r\n }\r\n\r\n .qcard{\r\n border:1px solid var(--line);\r\n border-radius:12px;\r\n padding:14px;\r\n margin:12px 0;\r\n background:#fff;\r\n }\r\n\r\n .qtitle{\r\n font-weight:800;\r\n margin-bottom:10px;\r\n }\r\n\r\n .scale{\r\n display:flex;\r\n gap:8px;\r\n flex-wrap:wrap;\r\n }\r\n\r\n .chip{\r\n position:relative;\r\n display:inline-block;\r\n }\r\n\r\n .chip input{\r\n position:absolute;\r\n inset:0;\r\n width:100%;\r\n height:100%;\r\n opacity:0;\r\n cursor:pointer;\r\n }\r\n\r\n .chip .box{\r\n display:inline-block;\r\n padding:10px 14px;\r\n border:1px solid #d1d5db;\r\n border-radius:12px;\r\n background:#fff;\r\n color:#111;\r\n user-select:none;\r\n transition:.15s;\r\n font-weight:600;\r\n }\r\n\r\n .chip:hover .box{\r\n border-color:#9aa4b2;\r\n }\r\n\r\n .chip input:focus + .box{\r\n outline:2px solid #bcc6ff;\r\n outline-offset:2px;\r\n }\r\n\r\n .chip input:checked + .box{\r\n background:var(--accent);\r\n color:#fff;\r\n border-color:var(--accent);\r\n }\r\n\r\n #progress{\r\n font-weight:700;\r\n margin:8px 0 0;\r\n color:#0f172a;\r\n }\r\n\r\n .warn{\r\n background:#fff7ed;\r\n border:1px solid #fdba74;\r\n color:#9a3412;\r\n padding:10px 12px;\r\n border-radius:10px;\r\n margin-top:12px;\r\n }\r\n\r\n #results{\r\n margin-top:18px;\r\n display:none;\r\n }\r\n\r\n .results-intro{\r\n margin-bottom:18px;\r\n color:#334155;\r\n }\r\n\r\n .result-block{\r\n border-top:1px solid var(--line);\r\n padding:18px 0 6px;\r\n }\r\n\r\n .result-block:first-of-type{\r\n border-top:0;\r\n }\r\n\r\n .metric{\r\n margin:8px 0 14px;\r\n }\r\n\r\n .metric .row{\r\n display:flex;\r\n justify-content:space-between;\r\n align-items:baseline;\r\n gap:12px;\r\n }\r\n\r\n .metric .label{\r\n font-weight:900;\r\n font-size:1.06rem;\r\n letter-spacing:.1px;\r\n }\r\n\r\n .metric .pct{\r\n font-weight:900;\r\n font-size:1.06rem;\r\n white-space:nowrap;\r\n }\r\n\r\n .bar{\r\n width:100%;\r\n height:26px;\r\n background:#eef;\r\n border-radius:12px;\r\n overflow:hidden;\r\n position:relative;\r\n margin-top:6px;\r\n border:1px solid #d8def0;\r\n }\r\n\r\n .bar > span{\r\n display:block;\r\n height:100%;\r\n width:0%;\r\n background:var(--accent);\r\n transition:width .7s ease;\r\n }\r\n\r\n .result-text{\r\n text-align:justify;\r\n margin:10px 0;\r\n }\r\n\r\n .tips-title{\r\n font-weight:800;\r\n margin-top:12px;\r\n margin-bottom:4px;\r\n }\r\n\r\n .final-note{\r\n margin-top:20px;\r\n padding:14px 16px;\r\n background:#eff6ff;\r\n border:1px solid #bfdbfe;\r\n border-radius:12px;\r\n text-align:justify;\r\n }\r\n\r\n .actions{\r\n display:flex;\r\n gap:8px;\r\n flex-wrap:wrap;\r\n margin-top:18px;\r\n }\r\n\r\n #startButton{\r\n position:relative;\r\n z-index:1;\r\n }\r\n\r\n @media (max-width:640px){\r\n .wrap{padding:14px}\r\n .card{padding:16px}\r\n .chip .box{padding:9px 11px}\r\n .metric .row{align-items:flex-start}\r\n }\r\n\r\n @media print{\r\n body{background:#fff}\r\n .btn,.start-wrap,#quizForm{display:none!important}\r\n #results{display:block!important}\r\n .card{box-shadow:none;border:0;margin:0;padding:0}\r\n .wrap{padding:0}\r\n .result-block{break-inside:avoid}\r\n @page{margin:12mm}\r\n *, .bar>span{\r\n -webkit-print-color-adjust:exact!important;\r\n print-color-adjust:exact!important;\r\n color-adjust:exact!important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <div class=\"wrap\">\r\n\r\n <div class=\"card start-wrap\" id=\"intro\">\r\n <h1>\u03a0\u03c1\u03bf\u03c4\u03b9\u03bc\u03ae\u03c3\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 \u03a3\u03c4\u03c1\u03b1\u03c4\u03b7\u03b3\u03b9\u03ba\u03ad\u03c2 \u039c\u03ac\u03b8\u03b7\u03c3\u03b7\u03c2<\/h1>\r\n <p class=\"sub\">\r\n \u0391\u03bd\u03b1\u03ba\u03ac\u03bb\u03c5\u03c8\u03b5 \u03c0\u03bf\u03b9\u03bf\u03b9 \u03c4\u03c1\u03cc\u03c0\u03bf\u03b9 \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03bf\u03cd\u03bd \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03bf \u03cc\u03c4\u03b1\u03bd \u03bc\u03b1\u03b8\u03b1\u03af\u03bd\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 \u03bc\u03b5\u03bb\u03b5\u03c4\u03ac\u03c2.\r\n <\/p>\r\n\r\n <button id=\"startButton\" class=\"btn btn-primary\" type=\"button\">\r\n \u039e\u03b5\u03ba\u03af\u03bd\u03b1 \u03c4\u03ce\u03c1\u03b1\r\n <\/button>\r\n\r\n <div class=\"intro-note\">\r\n \u0391\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b5 \u03c3\u03c4\u03b9\u03c2 \u03c0\u03b1\u03c1\u03b1\u03ba\u03ac\u03c4\u03c9 \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03cc\u03c3\u03bf \u03c0\u03b9\u03bf \u03b5\u03b9\u03bb\u03b9\u03ba\u03c1\u03b9\u03bd\u03ac \u03bc\u03c0\u03bf\u03c1\u03b5\u03af\u03c2.\r\n \u0394\u03b5\u03bd \u03c5\u03c0\u03ac\u03c1\u03c7\u03bf\u03c5\u03bd \u03c3\u03c9\u03c3\u03c4\u03ad\u03c2 \u03ae \u03bb\u03ac\u03b8\u03bf\u03c2 \u03b1\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2. \u03a4\u03bf \u03b1\u03c0\u03bf\u03c4\u03ad\u03bb\u03b5\u03c3\u03bc\u03b1 \u03b4\u03b5\u03bd \u03c3\u03b5 \u03ba\u03b1\u03c4\u03b1\u03c4\u03ac\u03c3\u03c3\u03b5\u03b9\r\n \u03c3\u03b5 \u03ad\u03bd\u03b1\u03bd \u00ab\u03c4\u03cd\u03c0\u03bf\u00bb \u03bc\u03b1\u03b8\u03b7\u03c4\u03ae. \u0394\u03b5\u03af\u03c7\u03bd\u03b5\u03b9 \u03c0\u03bf\u03b9\u03b5\u03c2 \u03bc\u03b1\u03b8\u03b7\u03c3\u03b9\u03b1\u03ba\u03ad\u03c2 \u03c0\u03c1\u03bf\u03c4\u03b9\u03bc\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c6\u03b1\u03af\u03bd\u03b5\u03c4\u03b1\u03b9\r\n \u03bd\u03b1 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03b5\u03af\u03c2 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03bf \u03ba\u03b1\u03b9 \u03c3\u03bf\u03c5 \u03c0\u03c1\u03bf\u03c4\u03b5\u03af\u03bd\u03b5\u03b9 \u03c0\u03c1\u03b1\u03ba\u03c4\u03b9\u03ba\u03ad\u03c2 \u03c3\u03c4\u03c1\u03b1\u03c4\u03b7\u03b3\u03b9\u03ba\u03ad\u03c2\r\n \u03c0\u03bf\u03c5 \u03bc\u03c0\u03bf\u03c1\u03b5\u03af\u03c2 \u03bd\u03b1 \u03b4\u03bf\u03ba\u03b9\u03bc\u03ac\u03c3\u03b5\u03b9\u03c2 \u03c3\u03c4\u03b7 \u03bc\u03b5\u03bb\u03ad\u03c4\u03b7 \u03c3\u03bf\u03c5.\r\n <\/div>\r\n <\/div>\r\n\r\n <form id=\"quizForm\" class=\"card\" style=\"display:none;\">\r\n <h2>\u0395\u03c1\u03c9\u03c4\u03b7\u03bc\u03b1\u03c4\u03bf\u03bb\u03cc\u03b3\u03b9\u03bf<\/h2>\r\n <p class=\"sub\">\r\n \u0393\u03b9\u03b1 \u03ba\u03ac\u03b8\u03b5 \u03c0\u03c1\u03cc\u03c4\u03b1\u03c3\u03b7 \u03b5\u03c0\u03af\u03bb\u03b5\u03be\u03b5 \u03c0\u03cc\u03c3\u03bf \u03c3\u03b5 \u03b5\u03ba\u03c6\u03c1\u03ac\u03b6\u03b5\u03b9:\r\n <strong>\u03a0\u03bf\u03bb\u03cd, \u0391\u03c1\u03ba\u03b5\u03c4\u03ac, \u039b\u03af\u03b3\u03bf \u03ae \u039a\u03b1\u03b8\u03cc\u03bb\u03bf\u03c5.<\/strong>\r\n <\/p>\r\n\r\n <div id=\"questionsContainer\"><\/div>\r\n\r\n <div id=\"progress\" aria-live=\"polite\">\u0391\u03c0\u03b1\u03bd\u03c4\u03ae\u03b8\u03b7\u03ba\u03b1\u03bd 0\/30<\/div>\r\n\r\n <div style=\"margin-top:12px;display:flex;gap:8px;flex-wrap:wrap\">\r\n <button type=\"submit\" class=\"btn btn-primary\">\u0394\u03b5\u03c2 \u03c4\u03bf \u03b1\u03c0\u03bf\u03c4\u03ad\u03bb\u03b5\u03c3\u03bc\u03b1<\/button>\r\n <button type=\"button\" id=\"btnReset\" class=\"btn btn-ghost\">\u039a\u03b1\u03b8\u03b1\u03c1\u03b9\u03c3\u03bc\u03cc\u03c2 \u03b1\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03b5\u03c9\u03bd<\/button>\r\n <\/div>\r\n\r\n <div id=\"warn\" class=\"warn\" style=\"display:none;\">\r\n \u0391\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b5 \u03c3\u03b5 \u03cc\u03bb\u03b5\u03c2 \u03c4\u03b9\u03c2 \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b5\u03bc\u03c6\u03b1\u03bd\u03b9\u03c3\u03c4\u03b5\u03af \u03c4\u03bf \u03b1\u03c0\u03bf\u03c4\u03ad\u03bb\u03b5\u03c3\u03bc\u03b1.\r\n <\/div>\r\n <\/form>\r\n\r\n <div id=\"results\" class=\"card\"><\/div>\r\n\r\n <\/div>\r\n\r\n <script>\r\n (function(){\r\n\r\n const questions = [\r\n { id:\"O1\", dim:\"visual\", text:\"\u038c\u03c4\u03b1\u03bd \u03c0\u03c1\u03bf\u03c3\u03c0\u03b1\u03b8\u03b5\u03af\u03c2 \u03bd\u03b1 \u03ba\u03b1\u03c4\u03b1\u03bb\u03ac\u03b2\u03b5\u03b9\u03c2 \u03ad\u03bd\u03b1 \u03b4\u03cd\u03c3\u03ba\u03bf\u03bb\u03bf \u03b8\u03ad\u03bc\u03b1, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03bf\u03cd\u03bd \u03b5\u03b9\u03ba\u03cc\u03bd\u03b5\u03c2, \u03c3\u03c7\u03ae\u03bc\u03b1\u03c4\u03b1 \u03ae \u03b4\u03b9\u03b1\u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03b1;\" },\r\n { id:\"O2\", dim:\"visual\", text:\"\u038c\u03c4\u03b1\u03bd \u03b4\u03b9\u03b1\u03b2\u03ac\u03b6\u03b5\u03b9\u03c2, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03b5\u03af\u03c2 \u03c7\u03c1\u03ce\u03bc\u03b1\u03c4\u03b1, \u03c5\u03c0\u03bf\u03b3\u03c1\u03b1\u03bc\u03bc\u03af\u03c3\u03b5\u03b9\u03c2 \u03ae \u03ac\u03bb\u03bb\u03b1 \u03bf\u03c0\u03c4\u03b9\u03ba\u03ac \u03c3\u03b7\u03bc\u03ac\u03b4\u03b9\u03b1 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03be\u03b5\u03c7\u03c9\u03c1\u03af\u03b6\u03b5\u03b9\u03c2 \u03c4\u03b9\u03c2 \u03c3\u03b7\u03bc\u03b1\u03bd\u03c4\u03b9\u03ba\u03ad\u03c2 \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2;\" },\r\n { id:\"O3\", dim:\"visual\", text:\"\u038c\u03c4\u03b1\u03bd \u03c0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03b8\u03c5\u03bc\u03b7\u03b8\u03b5\u03af\u03c2 \u03c0\u03bf\u03bb\u03bb\u03ad\u03c2 \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03c4\u03b9\u03c2 \u03bf\u03c1\u03b3\u03b1\u03bd\u03ce\u03bd\u03b5\u03b9\u03c2 \u03c3\u03b5 \u03c0\u03af\u03bd\u03b1\u03ba\u03b5\u03c2, \u03c7\u03ac\u03c1\u03c4\u03b5\u03c2 \u03b5\u03bd\u03bd\u03bf\u03b9\u03ce\u03bd \u03ae \u03b4\u03b9\u03b1\u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03b1;\" },\r\n { id:\"O4\", dim:\"visual\", text:\"\u038c\u03c4\u03b1\u03bd \u03ba\u03ac\u03c0\u03bf\u03b9\u03bf\u03c2 \u03c3\u03bf\u03c5 \u03b5\u03be\u03b7\u03b3\u03b5\u03af \u03ba\u03ac\u03c4\u03b9 \u03c3\u03cd\u03bd\u03b8\u03b5\u03c4\u03bf, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03bf \u03b1\u03bd \u03c0\u03b1\u03c1\u03ac\u03bb\u03bb\u03b7\u03bb\u03b1 \u03c3\u03bf\u03c5 \u03c4\u03bf \u03b4\u03b5\u03af\u03c7\u03bd\u03b5\u03b9 \u03bc\u03b5 \u03ad\u03bd\u03b1 \u03c3\u03c7\u03ae\u03bc\u03b1, \u03b5\u03b9\u03ba\u03cc\u03bd\u03b1 \u03ae \u03c3\u03c7\u03b5\u03b4\u03b9\u03ac\u03b3\u03c1\u03b1\u03bc\u03bc\u03b1;\" },\r\n { id:\"O5\", dim:\"visual\", text:\"\u038c\u03c4\u03b1\u03bd \u03c0\u03c1\u03bf\u03c3\u03c0\u03b1\u03b8\u03b5\u03af\u03c2 \u03bd\u03b1 \u03b8\u03c5\u03bc\u03b7\u03b8\u03b5\u03af\u03c2 \u03ba\u03ac\u03c4\u03b9 \u03c0\u03bf\u03c5 \u03ad\u03c7\u03b5\u03b9\u03c2 \u03bc\u03b5\u03bb\u03b5\u03c4\u03ae\u03c3\u03b5\u03b9, \u03c3\u03bf\u03c5 \u03ad\u03c1\u03c7\u03b5\u03c4\u03b1\u03b9 \u03c3\u03c5\u03c7\u03bd\u03ac \u03c3\u03c4\u03bf \u03bc\u03c5\u03b1\u03bb\u03cc \u03b7 \u03b5\u03b9\u03ba\u03cc\u03bd\u03b1 \u03c4\u03b7\u03c2 \u03c3\u03b5\u03bb\u03af\u03b4\u03b1\u03c2, \u03b5\u03bd\u03cc\u03c2 \u03c3\u03c7\u03ae\u03bc\u03b1\u03c4\u03bf\u03c2 \u03ae \u03b5\u03bd\u03cc\u03c2 \u03b4\u03b9\u03b1\u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03bf\u03c2;\" },\r\n { id:\"O6\", dim:\"visual\", text:\"\u038c\u03c4\u03b1\u03bd \u03bc\u03b1\u03b8\u03b1\u03af\u03bd\u03b5\u03b9\u03c2 \u03bc\u03b9\u03b1 \u03b4\u03b9\u03b1\u03b4\u03b9\u03ba\u03b1\u03c3\u03af\u03b1 \u03bc\u03b5 \u03c0\u03bf\u03bb\u03bb\u03ac \u03b2\u03ae\u03bc\u03b1\u03c4\u03b1, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03b2\u03bb\u03ad\u03c0\u03b5\u03b9\u03c2 \u03c4\u03b1 \u03b2\u03ae\u03bc\u03b1\u03c4\u03b1 \u03b1\u03c0\u03bf\u03c4\u03c5\u03c0\u03c9\u03bc\u03ad\u03bd\u03b1 \u03bf\u03c0\u03c4\u03b9\u03ba\u03ac \u03bc\u03b5 \u03c3\u03b5\u03b9\u03c1\u03ac;\" },\r\n\r\n { id:\"A1\", dim:\"auditory\", text:\"\u038c\u03c4\u03b1\u03bd \u03ba\u03ac\u03c0\u03bf\u03b9\u03bf\u03c2 \u03c3\u03bf\u03c5 \u03b5\u03be\u03b7\u03b3\u03b5\u03af \u03c0\u03c1\u03bf\u03c6\u03bf\u03c1\u03b9\u03ba\u03ac \u03ad\u03bd\u03b1 \u03b4\u03cd\u03c3\u03ba\u03bf\u03bb\u03bf \u03b8\u03ad\u03bc\u03b1, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03c4\u03bf \u03ba\u03b1\u03c4\u03b1\u03bb\u03ac\u03b2\u03b5\u03b9\u03c2 \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b1;\" },\r\n { id:\"A2\", dim:\"auditory\", text:\"\u038c\u03c4\u03b1\u03bd \u03b4\u03b9\u03b1\u03b2\u03ac\u03b6\u03b5\u03b9\u03c2 \u03ba\u03ac\u03c4\u03b9 \u03b4\u03cd\u03c3\u03ba\u03bf\u03bb\u03bf, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03c4\u03bf \u03bb\u03b5\u03c2 \u03b4\u03c5\u03bd\u03b1\u03c4\u03ac \u03ae \u03bd\u03b1 \u03c4\u03bf \u03b5\u03be\u03b7\u03b3\u03b5\u03af\u03c2 \u03c0\u03c1\u03bf\u03c6\u03bf\u03c1\u03b9\u03ba\u03ac \u03bc\u03b5 \u03b4\u03b9\u03ba\u03ac \u03c3\u03bf\u03c5 \u03bb\u03cc\u03b3\u03b9\u03b1;\" },\r\n { id:\"A3\", dim:\"auditory\", text:\"\u038c\u03c4\u03b1\u03bd \u03b1\u03ba\u03bf\u03cd\u03c2 \u03bc\u03b9\u03b1 \u03ba\u03b1\u03bb\u03ae \u03b5\u03be\u03ae\u03b3\u03b7\u03c3\u03b7 \u03c3\u03c4\u03bf \u03bc\u03ac\u03b8\u03b7\u03bc\u03b1, \u03bc\u03c0\u03bf\u03c1\u03b5\u03af\u03c2 \u03b1\u03c1\u03b3\u03cc\u03c4\u03b5\u03c1\u03b1 \u03bd\u03b1 \u03b8\u03c5\u03bc\u03b7\u03b8\u03b5\u03af\u03c2 \u03b2\u03b1\u03c3\u03b9\u03ba\u03ac \u03c3\u03b7\u03bc\u03b5\u03af\u03b1 \u03b1\u03c0\u03cc \u03cc\u03c3\u03b1 \u03b5\u03b9\u03c0\u03ce\u03b8\u03b7\u03ba\u03b1\u03bd;\" },\r\n { id:\"A4\", dim:\"auditory\", text:\"\u038c\u03c4\u03b1\u03bd \u03b4\u03b5\u03bd \u03ba\u03b1\u03c4\u03b1\u03bb\u03b1\u03b2\u03b1\u03af\u03bd\u03b5\u03b9\u03c2 \u03ba\u03ac\u03c4\u03b9, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03ba\u03ac\u03bd\u03b5\u03b9\u03c2 \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03b1\u03ba\u03bf\u03cd\u03c3\u03b5\u03b9\u03c2 \u03c4\u03b7\u03bd \u03b5\u03be\u03ae\u03b3\u03b7\u03c3\u03b7 \u03ba\u03ac\u03c0\u03bf\u03b9\u03bf\u03c5 \u03ac\u03bb\u03bb\u03bf\u03c5;\" },\r\n { id:\"A5\", dim:\"auditory\", text:\"\u038c\u03c4\u03b1\u03bd \u03c0\u03c1\u03bf\u03c3\u03c0\u03b1\u03b8\u03b5\u03af\u03c2 \u03bd\u03b1 \u03b8\u03c5\u03bc\u03b7\u03b8\u03b5\u03af\u03c2 \u03bc\u03b9\u03b1 \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b1, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03c4\u03b7\u03bd \u03b5\u03c0\u03b1\u03bd\u03b1\u03bb\u03b1\u03bc\u03b2\u03ac\u03bd\u03b5\u03b9\u03c2 \u03c0\u03c1\u03bf\u03c6\u03bf\u03c1\u03b9\u03ba\u03ac \u03ae \u03bd\u03b1 \u03c4\u03b7\u03bd \u03b1\u03ba\u03bf\u03cd\u03c2 \u03be\u03b1\u03bd\u03ac;\" },\r\n { id:\"A6\", dim:\"auditory\", text:\"\u038c\u03c4\u03b1\u03bd \u03b5\u03c0\u03b1\u03bd\u03b1\u03bb\u03b1\u03bc\u03b2\u03ac\u03bd\u03b5\u03b9\u03c2 \u03ad\u03bd\u03b1 \u03bc\u03ac\u03b8\u03b7\u03bc\u03b1, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03bc\u03b9\u03bb\u03ac\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u03cd\u03bb\u03b7 \u03ae \u03bd\u03b1 \u03c4\u03b7\u03bd \u03b5\u03be\u03b7\u03b3\u03b5\u03af\u03c2 \u03c3\u03b1\u03bd \u03bd\u03b1 \u03c4\u03b7 \u03b4\u03b9\u03b4\u03ac\u03c3\u03ba\u03b5\u03b9\u03c2 \u03c3\u03b5 \u03ba\u03ac\u03c0\u03bf\u03b9\u03bf\u03bd;\" },\r\n\r\n { id:\"L1\", dim:\"readwrite\", text:\"\u038c\u03c4\u03b1\u03bd \u03bc\u03b1\u03b8\u03b1\u03af\u03bd\u03b5\u03b9\u03c2 \u03ba\u03ac\u03c4\u03b9 \u03ba\u03b1\u03b9\u03bd\u03bf\u03cd\u03c1\u03b3\u03b9\u03bf, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03ad\u03c7\u03b5\u03b9\u03c2 \u03bc\u03c0\u03c1\u03bf\u03c3\u03c4\u03ac \u03c3\u03bf\u03c5 \u03bc\u03b9\u03b1 \u03ba\u03b1\u03b8\u03b1\u03c1\u03ae \u03b3\u03c1\u03b1\u03c0\u03c4\u03ae \u03b5\u03be\u03ae\u03b3\u03b7\u03c3\u03b7;\" },\r\n { id:\"L2\", dim:\"readwrite\", text:\"\u038c\u03c4\u03b1\u03bd \u03b4\u03b9\u03b1\u03b2\u03ac\u03b6\u03b5\u03b9\u03c2 \u03ad\u03bd\u03b1 \u03bc\u03ac\u03b8\u03b7\u03bc\u03b1, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03ba\u03c1\u03b1\u03c4\u03ac\u03c2 \u03b4\u03b9\u03ba\u03ad\u03c2 \u03c3\u03bf\u03c5 \u03b3\u03c1\u03b1\u03c0\u03c4\u03ad\u03c2 \u03c3\u03b7\u03bc\u03b5\u03b9\u03ce\u03c3\u03b5\u03b9\u03c2;\" },\r\n { id:\"L3\", dim:\"readwrite\", text:\"\u038c\u03c4\u03b1\u03bd \u03c0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03b8\u03c5\u03bc\u03b7\u03b8\u03b5\u03af\u03c2 \u03c0\u03bf\u03bb\u03bb\u03ad\u03c2 \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03c4\u03b9\u03c2 \u03b3\u03c1\u03ac\u03c6\u03b5\u03b9\u03c2 \u03c3\u03b5 \u03bb\u03af\u03c3\u03c4\u03b5\u03c2, \u03bb\u03ad\u03be\u03b5\u03b9\u03c2-\u03ba\u03bb\u03b5\u03b9\u03b4\u03b9\u03ac \u03ae \u03c3\u03cd\u03bd\u03c4\u03bf\u03bc\u03b5\u03c2 \u03c0\u03b5\u03c1\u03b9\u03bb\u03ae\u03c8\u03b5\u03b9\u03c2;\" },\r\n { id:\"L4\", dim:\"readwrite\", text:\"\u038c\u03c4\u03b1\u03bd \u03ba\u03ac\u03c0\u03bf\u03b9\u03bf\u03c2 \u03c3\u03bf\u03c5 \u03b5\u03be\u03b7\u03b3\u03b5\u03af \u03ba\u03ac\u03c4\u03b9 \u03c3\u03b7\u03bc\u03b1\u03bd\u03c4\u03b9\u03ba\u03cc, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03c4\u03bf \u03c3\u03b7\u03bc\u03b5\u03b9\u03ce\u03c3\u03b5\u03b9\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c4\u03bf \u03ba\u03b1\u03c4\u03b1\u03bd\u03bf\u03ae\u03c3\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03c4\u03bf \u03b8\u03c5\u03bc\u03b7\u03b8\u03b5\u03af\u03c2 \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b1;\" },\r\n { id:\"L5\", dim:\"readwrite\", text:\"\u038c\u03c4\u03b1\u03bd \u03c0\u03c1\u03bf\u03b5\u03c4\u03bf\u03b9\u03bc\u03ac\u03b6\u03b5\u03c3\u03b1\u03b9 \u03b3\u03b9\u03b1 \u03bc\u03b9\u03b1 \u03b5\u03be\u03ad\u03c4\u03b1\u03c3\u03b7, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03be\u03b1\u03bd\u03b1\u03b3\u03c1\u03ac\u03c6\u03b5\u03b9\u03c2 \u03bc\u03b5 \u03b4\u03b9\u03ba\u03ac \u03c3\u03bf\u03c5 \u03bb\u03cc\u03b3\u03b9\u03b1 \u03c4\u03b1 \u03b2\u03b1\u03c3\u03b9\u03ba\u03ac \u03c3\u03b7\u03bc\u03b5\u03af\u03b1 \u03c4\u03b7\u03c2 \u03cd\u03bb\u03b7\u03c2;\" },\r\n { id:\"L6\", dim:\"readwrite\", text:\"\u038c\u03c4\u03b1\u03bd \u03c0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03b1\u03ba\u03bf\u03bb\u03bf\u03c5\u03b8\u03ae\u03c3\u03b5\u03b9\u03c2 \u03bc\u03b9\u03b1 \u03c3\u03cd\u03bd\u03b8\u03b5\u03c4\u03b7 \u03b4\u03b9\u03b1\u03b4\u03b9\u03ba\u03b1\u03c3\u03af\u03b1, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03bf\u03cd\u03bd \u03bf\u03b9 \u03b3\u03c1\u03b1\u03c0\u03c4\u03ad\u03c2 \u03bf\u03b4\u03b7\u03b3\u03af\u03b5\u03c2 \u03c0\u03bf\u03c5 \u03c0\u03b5\u03c1\u03b9\u03b3\u03c1\u03ac\u03c6\u03bf\u03c5\u03bd \u03c4\u03b1 \u03b2\u03ae\u03bc\u03b1\u03c4\u03b1 \u03bc\u03b5 \u03c3\u03b5\u03b9\u03c1\u03ac;\" },\r\n\r\n { id:\"P1\", dim:\"practical\", text:\"\u038c\u03c4\u03b1\u03bd \u03bc\u03b1\u03b8\u03b1\u03af\u03bd\u03b5\u03b9\u03c2 \u03ba\u03ac\u03c4\u03b9 \u03ba\u03b1\u03b9\u03bd\u03bf\u03cd\u03c1\u03b3\u03b9\u03bf, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03c4\u03bf \u03b4\u03bf\u03ba\u03b9\u03bc\u03ac\u03b6\u03b5\u03b9\u03c2 \u03c3\u03c4\u03b7\u03bd \u03c0\u03c1\u03ac\u03be\u03b7;\" },\r\n { id:\"P2\", dim:\"practical\", text:\"\u038c\u03c4\u03b1\u03bd \u03ba\u03ac\u03c0\u03bf\u03b9\u03bf\u03c2 \u03c3\u03bf\u03c5 \u03b4\u03b5\u03af\u03c7\u03bd\u03b5\u03b9 \u03c0\u03ce\u03c2 \u03b3\u03af\u03bd\u03b5\u03c4\u03b1\u03b9 \u03ba\u03ac\u03c4\u03b9, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03c4\u03bf \u03b4\u03bf\u03ba\u03b9\u03bc\u03ac\u03c3\u03b5\u03b9\u03c2 \u03b1\u03bc\u03ad\u03c3\u03c9\u03c2 \u03ba\u03b1\u03b9 \u03b5\u03c3\u03cd;\" },\r\n { id:\"P3\", dim:\"practical\", text:\"\u0398\u03c5\u03bc\u03ac\u03c3\u03b1\u03b9 \u03b5\u03c5\u03ba\u03bf\u03bb\u03cc\u03c4\u03b5\u03c1\u03b1 \u03ba\u03ac\u03c4\u03b9 \u03c0\u03bf\u03c5 \u03ad\u03c7\u03b5\u03b9\u03c2 \u03b5\u03c6\u03b1\u03c1\u03bc\u03cc\u03c3\u03b5\u03b9 \u03ae \u03b2\u03b9\u03ce\u03c3\u03b5\u03b9 \u03bf \u03af\u03b4\u03b9\u03bf\u03c2\/\u03b7 \u03af\u03b4\u03b9\u03b1;\" },\r\n { id:\"P4\", dim:\"practical\", text:\"\u038c\u03c4\u03b1\u03bd \u03bc\u03b1\u03b8\u03b1\u03af\u03bd\u03b5\u03b9\u03c2 \u03bc\u03b9\u03b1 \u03b4\u03b9\u03b1\u03b4\u03b9\u03ba\u03b1\u03c3\u03af\u03b1, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03b5\u03be\u03b1\u03c3\u03ba\u03b5\u03af\u03c3\u03b1\u03b9 \u03c3\u03c4\u03b1 \u03b2\u03ae\u03bc\u03b1\u03c4\u03ac \u03c4\u03b7\u03c2 \u03b1\u03bd\u03c4\u03af \u03bd\u03b1 \u03b4\u03b9\u03b1\u03b2\u03ac\u03b6\u03b5\u03b9\u03c2 \u03bc\u03cc\u03bd\u03bf \u03c0\u03ce\u03c2 \u03b3\u03af\u03bd\u03b5\u03c4\u03b1\u03b9;\" },\r\n { id:\"P5\", dim:\"practical\", text:\"\u03a3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03bf\u03cd\u03bd \u03bd\u03b1 \u03ba\u03b1\u03c4\u03b1\u03bd\u03bf\u03ae\u03c3\u03b5\u03b9\u03c2 \u03ad\u03bd\u03b1 \u03b8\u03ad\u03bc\u03b1 \u03b4\u03c1\u03b1\u03c3\u03c4\u03b7\u03c1\u03b9\u03cc\u03c4\u03b7\u03c4\u03b5\u03c2 \u03cc\u03c0\u03c9\u03c2 \u03c0\u03b5\u03b9\u03c1\u03ac\u03bc\u03b1\u03c4\u03b1, \u03ba\u03b1\u03c4\u03b1\u03c3\u03ba\u03b5\u03c5\u03ad\u03c2, \u03c0\u03c1\u03bf\u03c3\u03bf\u03bc\u03bf\u03b9\u03ce\u03c3\u03b5\u03b9\u03c2 \u03ae \u03c0\u03c1\u03b1\u03ba\u03c4\u03b9\u03ba\u03ad\u03c2 \u03b1\u03c3\u03ba\u03ae\u03c3\u03b5\u03b9\u03c2;\" },\r\n { id:\"P6\", dim:\"practical\", text:\"\u038c\u03c4\u03b1\u03bd \u03b1\u03bd\u03c4\u03b9\u03bc\u03b5\u03c4\u03c9\u03c0\u03af\u03b6\u03b5\u03b9\u03c2 \u03ad\u03bd\u03b1 \u03c0\u03c1\u03cc\u03b2\u03bb\u03b7\u03bc\u03b1, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03b4\u03bf\u03ba\u03b9\u03bc\u03ac\u03b6\u03b5\u03b9\u03c2 \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03ad\u03c2 \u03bb\u03cd\u03c3\u03b5\u03b9\u03c2 \u03c3\u03c4\u03b7\u03bd \u03c0\u03c1\u03ac\u03be\u03b7 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b4\u03b5\u03b9\u03c2 \u03c0\u03bf\u03b9\u03b1 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b5\u03af;\" },\r\n\r\n { id:\"K1\", dim:\"social\", text:\"\u038c\u03c4\u03b1\u03bd \u03c3\u03c5\u03b6\u03b7\u03c4\u03ac\u03c2 \u03ad\u03bd\u03b1 \u03b4\u03cd\u03c3\u03ba\u03bf\u03bb\u03bf \u03b8\u03ad\u03bc\u03b1 \u03bc\u03b5 \u03ac\u03bb\u03bb\u03bf\u03c5\u03c2, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03c4\u03bf \u03ba\u03b1\u03c4\u03b1\u03bd\u03bf\u03ae\u03c3\u03b5\u03b9\u03c2 \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b1;\" },\r\n { id:\"K2\", dim:\"social\", text:\"\u038c\u03c4\u03b1\u03bd \u03b4\u03bf\u03c5\u03bb\u03b5\u03cd\u03b5\u03b9\u03c2 \u03bc\u03b5 \u03ac\u03bb\u03bb\u03bf\u03c5\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03bb\u03cd\u03c3\u03b5\u03c4\u03b5 \u03ad\u03bd\u03b1 \u03c0\u03c1\u03cc\u03b2\u03bb\u03b7\u03bc\u03b1, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03b1\u03ba\u03bf\u03cd\u03c2 \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03ad\u03c2 \u03b9\u03b4\u03ad\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03c4\u03c1\u03cc\u03c0\u03bf\u03c5\u03c2 \u03c3\u03ba\u03ad\u03c8\u03b7\u03c2;\" },\r\n { id:\"K3\", dim:\"social\", text:\"\u038c\u03c4\u03b1\u03bd \u03bc\u03b5\u03bb\u03b5\u03c4\u03ac\u03c2 \u03ba\u03ac\u03c4\u03b9 \u03b4\u03cd\u03c3\u03ba\u03bf\u03bb\u03bf, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03bc\u03c0\u03bf\u03c1\u03b5\u03af\u03c2 \u03bd\u03b1 \u03b1\u03bd\u03c4\u03b1\u03bb\u03bb\u03ac\u03be\u03b5\u03b9\u03c2 \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 \u03b1\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03bc\u03b5 \u03ac\u03bb\u03bb\u03bf\u03c5\u03c2;\" },\r\n { id:\"K4\", dim:\"social\", text:\"\u038c\u03c4\u03b1\u03bd \u03c3\u03c5\u03bd\u03b5\u03c1\u03b3\u03ac\u03b6\u03b5\u03c3\u03b1\u03b9 \u03bc\u03b5 \u03ac\u03bb\u03bb\u03bf\u03c5\u03c2 \u03c3\u03b5 \u03bc\u03b9\u03b1 \u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03b7 \u03b1\u03bd\u03c4\u03b1\u03bb\u03bb\u03b1\u03b3\u03ae \u03b9\u03b4\u03b5\u03ce\u03bd \u03bd\u03b1 \u03ba\u03b1\u03c4\u03b1\u03bd\u03bf\u03ae\u03c3\u03b5\u03b9\u03c2 \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b1 \u03c4\u03bf \u03b8\u03ad\u03bc\u03b1;\" },\r\n { id:\"K5\", dim:\"social\", text:\"\u038c\u03c4\u03b1\u03bd \u03b5\u03be\u03b7\u03b3\u03b5\u03af\u03c2 \u03c3\u03b5 \u03ba\u03ac\u03c0\u03bf\u03b9\u03bf\u03bd \u03ac\u03bb\u03bb\u03bf \u03b1\u03c5\u03c4\u03cc \u03c0\u03bf\u03c5 \u03ad\u03c7\u03b5\u03b9\u03c2 \u03bc\u03ac\u03b8\u03b5\u03b9, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03ba\u03b1\u03c4\u03b1\u03bb\u03ac\u03b2\u03b5\u03b9\u03c2 \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b1 \u03ba\u03b1\u03b9 \u03c4\u03b9\u03c2 \u03b4\u03b9\u03ba\u03ad\u03c2 \u03c3\u03bf\u03c5 \u03b3\u03bd\u03ce\u03c3\u03b5\u03b9\u03c2;\" },\r\n { id:\"K6\", dim:\"social\", text:\"\u038c\u03c4\u03b1\u03bd \u03b1\u03ba\u03bf\u03cd\u03c2 \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03ad\u03c2 \u03b1\u03c0\u03cc\u03c8\u03b5\u03b9\u03c2 \u03b3\u03b9\u03b1 \u03ad\u03bd\u03b1 \u03b8\u03ad\u03bc\u03b1, \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03bf\u03c1\u03b3\u03b1\u03bd\u03ce\u03c3\u03b5\u03b9\u03c2 \u03ae \u03bd\u03b1 \u03b1\u03bd\u03b1\u03b8\u03b5\u03c9\u03c1\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c4\u03b7 \u03b4\u03b9\u03ba\u03ae \u03c3\u03bf\u03c5 \u03c3\u03ba\u03ad\u03c8\u03b7;\" }\r\n ];\r\n\r\n const displayOrder = [\r\n \"O1\",\"A1\",\"P1\",\"L1\",\"K1\",\r\n \"K2\",\"O2\",\"L2\",\"A2\",\"P2\",\r\n \"P3\",\"K3\",\"A3\",\"O3\",\"L3\",\r\n \"L4\",\"P4\",\"O4\",\"K4\",\"A4\",\r\n \"A5\",\"L5\",\"K5\",\"P5\",\"O5\",\r\n \"O6\",\"A6\",\"P6\",\"L6\",\"K6\"\r\n ];\r\n\r\n const orderedQuestions = displayOrder.map(id =>\r\n questions.find(q => q.id === id)\r\n );\r\n\r\n const dimensions = {\r\n visual: {\r\n title: \"\u039f\u03c0\u03c4\u03b9\u03ba\u03ae \u03b5\u03c0\u03b5\u03be\u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1\",\r\n meaning: \"\u03a6\u03b1\u03af\u03bd\u03b5\u03c4\u03b1\u03b9 \u03cc\u03c4\u03b9 \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03b2\u03bb\u03ad\u03c0\u03b5\u03b9\u03c2 \u03c4\u03b9\u03c2 \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2 \u03bf\u03c1\u03b3\u03b1\u03bd\u03c9\u03bc\u03ad\u03bd\u03b5\u03c2 \u03bc\u03b5 \u03b5\u03b9\u03ba\u03cc\u03bd\u03b5\u03c2, \u03c3\u03c7\u03ae\u03bc\u03b1\u03c4\u03b1, \u03c7\u03c1\u03ce\u03bc\u03b1\u03c4\u03b1 \u03ba\u03b1\u03b9 \u03b4\u03b9\u03b1\u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03b1. \u038c\u03c4\u03b1\u03bd \u03ad\u03bd\u03b1 \u03bc\u03ac\u03b8\u03b7\u03bc\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b4\u03cd\u03c3\u03ba\u03bf\u03bb\u03bf \u03ae \u03ad\u03c7\u03b5\u03b9 \u03c0\u03bf\u03bb\u03bb\u03ad\u03c2 \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2, \u03bc\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03c3\u03bf\u03c5 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c0\u03b9\u03bf \u03b5\u03cd\u03ba\u03bf\u03bb\u03bf \u03bd\u03b1 \u03c4\u03bf \u03ba\u03b1\u03c4\u03b1\u03bb\u03ac\u03b2\u03b5\u03b9\u03c2 \u03cc\u03c4\u03b1\u03bd \u03c4\u03bf \u00ab\u03b2\u03bb\u03ad\u03c0\u03b5\u03b9\u03c2\u00bb \u03bc\u03c0\u03c1\u03bf\u03c3\u03c4\u03ac \u03c3\u03bf\u03c5 \u03ba\u03b1\u03b9 \u03cc\u03c7\u03b9 \u03bc\u03cc\u03bd\u03bf \u03cc\u03c4\u03b1\u03bd \u03c4\u03bf \u03b1\u03ba\u03bf\u03cd\u03c2 \u03ae \u03c4\u03bf \u03b4\u03b9\u03b1\u03b2\u03ac\u03b6\u03b5\u03b9\u03c2 \u03c3\u03b1\u03bd \u03c3\u03c5\u03bd\u03b5\u03c7\u03cc\u03bc\u03b5\u03bd\u03bf \u03ba\u03b5\u03af\u03bc\u03b5\u03bd\u03bf.\",\r\n tips: \"\u03a7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b5 \u03c5\u03c0\u03bf\u03b3\u03c1\u03b1\u03bc\u03bc\u03af\u03c3\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03ac \u03c7\u03c1\u03ce\u03bc\u03b1\u03c4\u03b1 \u03c3\u03c4\u03b9\u03c2 \u03c3\u03b7\u03bc\u03b5\u03b9\u03ce\u03c3\u03b5\u03b9\u03c2 \u03c3\u03bf\u03c5, \u03c6\u03c4\u03b9\u03ac\u03be\u03b5 \u03c0\u03af\u03bd\u03b1\u03ba\u03b5\u03c2 \u03ae \u03b1\u03c0\u03bb\u03ac \u03b4\u03b9\u03b1\u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03b1, \u03b2\u03ac\u03bb\u03b5 \u03c4\u03b9\u03c2 \u03b2\u03b1\u03c3\u03b9\u03ba\u03ad\u03c2 \u03ad\u03bd\u03bd\u03bf\u03b9\u03b5\u03c2 \u03c3\u03b5 \u03ad\u03bd\u03b1\u03bd \u03c7\u03ac\u03c1\u03c4\u03b7 \u03b5\u03bd\u03bd\u03bf\u03b9\u03ce\u03bd (mind map) \u03ba\u03b1\u03b9 \u03c0\u03c1\u03bf\u03c3\u03c0\u03ac\u03b8\u03b7\u03c3\u03b5 \u03bd\u03b1 \u03bc\u03b5\u03c4\u03b1\u03c4\u03c1\u03ad\u03c0\u03b5\u03b9\u03c2 \u03bc\u03b9\u03b1 \u03b4\u03cd\u03c3\u03ba\u03bf\u03bb\u03b7 \u03c0\u03b1\u03c1\u03ac\u03b3\u03c1\u03b1\u03c6\u03bf \u03c3\u03b5 \u03ad\u03bd\u03b1 \u03bc\u03b9\u03ba\u03c1\u03cc \u03c3\u03c7\u03ae\u03bc\u03b1. \u0393\u03b9\u03b1 \u03c0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1, \u03c3\u03c4\u03b7\u03bd \u0399\u03c3\u03c4\u03bf\u03c1\u03af\u03b1 \u03bc\u03c0\u03bf\u03c1\u03b5\u03af\u03c2 \u03bd\u03b1 \u03c6\u03c4\u03b9\u03ac\u03be\u03b5\u03b9\u03c2 \u03bc\u03b9\u03b1 \u03c7\u03c1\u03bf\u03bd\u03bf\u03b3\u03c1\u03b1\u03bc\u03bc\u03ae, \u03b5\u03bd\u03ce \u03c3\u03c4\u03b7 \u0392\u03b9\u03bf\u03bb\u03bf\u03b3\u03af\u03b1 \u03ad\u03bd\u03b1 \u03b4\u03b9\u03ac\u03b3\u03c1\u03b1\u03bc\u03bc\u03b1 \u03c0\u03bf\u03c5 \u03b4\u03b5\u03af\u03c7\u03bd\u03b5\u03b9 \u03c4\u03b1 \u03bc\u03ad\u03c1\u03b7 \u03ba\u03b1\u03b9 \u03c4\u03b9\u03c2 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03af\u03b5\u03c2 \u03c4\u03bf\u03c5\u03c2.\"\r\n },\r\n auditory: {\r\n title: \"\u0391\u03ba\u03bf\u03c5\u03c3\u03c4\u03b9\u03ba\u03ae \/ \u03c0\u03c1\u03bf\u03c6\u03bf\u03c1\u03b9\u03ba\u03ae \u03b5\u03c0\u03b5\u03be\u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1\",\r\n meaning: \"\u03a6\u03b1\u03af\u03bd\u03b5\u03c4\u03b1\u03b9 \u03cc\u03c4\u03b9 \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03b1\u03ba\u03bf\u03cd\u03c2 \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03bb\u03b5\u03c2 \u03c4\u03b9\u03c2 \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2 \u03bc\u03b5 \u03bb\u03cc\u03b3\u03b9\u03b1. \u039c\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03ba\u03b1\u03c4\u03b1\u03bb\u03b1\u03b2\u03b1\u03af\u03bd\u03b5\u03b9\u03c2 \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b1 \u03ad\u03bd\u03b1 \u03b8\u03ad\u03bc\u03b1 \u03cc\u03c4\u03b1\u03bd \u03ba\u03ac\u03c0\u03bf\u03b9\u03bf\u03c2 \u03c3\u03bf\u03c5 \u03c4\u03bf \u03b5\u03be\u03b7\u03b3\u03b5\u03af \u03c0\u03c1\u03bf\u03c6\u03bf\u03c1\u03b9\u03ba\u03ac \u03ae \u03cc\u03c4\u03b1\u03bd \u03b5\u03c3\u03cd \u03c0\u03c1\u03bf\u03c3\u03c0\u03b1\u03b8\u03b5\u03af\u03c2 \u03bd\u03b1 \u03c4\u03bf \u03c0\u03b5\u03b9\u03c2 \u03bc\u03b5 \u03b4\u03b9\u03ba\u03ac \u03c3\u03bf\u03c5 \u03bb\u03cc\u03b3\u03b9\u03b1.\",\r\n tips: \"\u0394\u03b9\u03ac\u03b2\u03b1\u03c3\u03b5 \u03b4\u03c5\u03bd\u03b1\u03c4\u03ac \u03c4\u03b1 \u03c3\u03b7\u03bc\u03b1\u03bd\u03c4\u03b9\u03ba\u03ac \u03c3\u03b7\u03bc\u03b5\u03af\u03b1, \u03b5\u03be\u03ae\u03b3\u03b7\u03c3\u03b5 \u03ad\u03bd\u03b1 \u03b4\u03cd\u03c3\u03ba\u03bf\u03bb\u03bf \u03b8\u03ad\u03bc\u03b1 \u03c3\u03b1\u03bd \u03bd\u03b1 \u03c4\u03bf \u03bb\u03b5\u03c2 \u03c3\u03b5 \u03ad\u03bd\u03b1\u03bd \u03c3\u03c5\u03bc\u03bc\u03b1\u03b8\u03b7\u03c4\u03ae \u03c3\u03bf\u03c5 \u03ba\u03b1\u03b9 \u03ba\u03ac\u03bd\u03b5 \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03cc\u03c4\u03b1\u03bd \u03ba\u03ac\u03c4\u03b9 \u03b4\u03b5\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u03be\u03b5\u03ba\u03ac\u03b8\u03b1\u03c1\u03bf. \u039c\u03c0\u03bf\u03c1\u03b5\u03af\u03c2 \u03b5\u03c0\u03af\u03c3\u03b7\u03c2 \u03bd\u03b1 \u03b7\u03c7\u03bf\u03b3\u03c1\u03b1\u03c6\u03b5\u03af\u03c2 \u03bc\u03b9\u03b1 \u03c3\u03cd\u03bd\u03c4\u03bf\u03bc\u03b7 \u03c0\u03b5\u03c1\u03af\u03bb\u03b7\u03c8\u03b7 \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03c4\u03b7\u03bd \u03b1\u03ba\u03bf\u03cd\u03c2 \u03be\u03b1\u03bd\u03ac. \u0393\u03b9\u03b1 \u03c0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1, \u03c0\u03c1\u03b9\u03bd \u03b1\u03c0\u03cc \u03ad\u03bd\u03b1 \u03b4\u03b9\u03b1\u03b3\u03ce\u03bd\u03b9\u03c3\u03bc\u03b1 \u03bc\u03c0\u03bf\u03c1\u03b5\u03af\u03c2 \u03bd\u03b1 \u03c0\u03c1\u03bf\u03c3\u03c0\u03b1\u03b8\u03ae\u03c3\u03b5\u03b9\u03c2 \u03bd\u03b1 \u03b5\u03be\u03b7\u03b3\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c0\u03c1\u03bf\u03c6\u03bf\u03c1\u03b9\u03ba\u03ac \u03c4\u03b9 \u03b8\u03c5\u03bc\u03ac\u03c3\u03b1\u03b9 \u03b1\u03c0\u03cc \u03ba\u03ac\u03b8\u03b5 \u03ba\u03b5\u03c6\u03ac\u03bb\u03b1\u03b9\u03bf \u03c7\u03c9\u03c1\u03af\u03c2 \u03bd\u03b1 \u03ba\u03bf\u03b9\u03c4\u03ac\u03b6\u03b5\u03b9\u03c2 \u03c4\u03bf \u03b2\u03b9\u03b2\u03bb\u03af\u03bf.\"\r\n },\r\n readwrite: {\r\n title: \"\u0391\u03bd\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7 & \u03b3\u03c1\u03b1\u03c6\u03ae\",\r\n meaning: \"\u03a6\u03b1\u03af\u03bd\u03b5\u03c4\u03b1\u03b9 \u03cc\u03c4\u03b9 \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03b4\u03bf\u03c5\u03bb\u03b5\u03cd\u03b5\u03b9\u03c2 \u03bc\u03b5 \u03b3\u03c1\u03b1\u03c0\u03c4\u03ad\u03c2 \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2. \u039c\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03ba\u03b1\u03c4\u03b1\u03bd\u03bf\u03b5\u03af\u03c2 \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03b8\u03c5\u03bc\u03ac\u03c3\u03b1\u03b9 \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b1 \u03cc\u03c4\u03b1\u03bd \u03b4\u03b9\u03b1\u03b2\u03ac\u03b6\u03b5\u03b9\u03c2 \u03bc\u03b9\u03b1 \u03ba\u03b1\u03b8\u03b1\u03c1\u03ae \u03b5\u03be\u03ae\u03b3\u03b7\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03cc\u03c4\u03b1\u03bd \u03b3\u03c1\u03ac\u03c6\u03b5\u03b9\u03c2 \u03b5\u03c3\u03cd \u03bf \u03af\u03b4\u03b9\u03bf\u03c2\/\u03b7 \u03af\u03b4\u03b9\u03b1 \u03c4\u03b1 \u03b2\u03b1\u03c3\u03b9\u03ba\u03ac \u03c3\u03b7\u03bc\u03b5\u03af\u03b1.\",\r\n tips: \"\u039a\u03c1\u03ac\u03c4\u03b1 \u03c3\u03cd\u03bd\u03c4\u03bf\u03bc\u03b5\u03c2 \u03c3\u03b7\u03bc\u03b5\u03b9\u03ce\u03c3\u03b5\u03b9\u03c2, \u03b3\u03c1\u03ac\u03c8\u03b5 \u03bb\u03ad\u03be\u03b5\u03b9\u03c2-\u03ba\u03bb\u03b5\u03b9\u03b4\u03b9\u03ac, \u03c6\u03c4\u03b9\u03ac\u03be\u03b5 \u03bb\u03af\u03c3\u03c4\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03bc\u03b9\u03ba\u03c1\u03ad\u03c2 \u03c0\u03b5\u03c1\u03b9\u03bb\u03ae\u03c8\u03b5\u03b9\u03c2 \u03bc\u03b5 \u03b4\u03b9\u03ba\u03ac \u03c3\u03bf\u03c5 \u03bb\u03cc\u03b3\u03b9\u03b1. \u039c\u03b7\u03bd \u03b1\u03bd\u03c4\u03b9\u03b3\u03c1\u03ac\u03c6\u03b5\u03b9\u03c2 \u03b1\u03c0\u03bb\u03ce\u03c2 \u03c4\u03bf \u03b2\u03b9\u03b2\u03bb\u03af\u03bf. \u03a0\u03c1\u03bf\u03c3\u03c0\u03ac\u03b8\u03b7\u03c3\u03b5 \u03bd\u03b1 \u03b3\u03c1\u03ac\u03c6\u03b5\u03b9\u03c2 \u03bc\u03cc\u03bd\u03bf \u03cc,\u03c4\u03b9 \u03b8\u03b5\u03c9\u03c1\u03b5\u03af\u03c2 \u03c3\u03b7\u03bc\u03b1\u03bd\u03c4\u03b9\u03ba\u03cc. \u0393\u03b9\u03b1 \u03c0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1, \u03bc\u03b5\u03c4\u03ac \u03b1\u03c0\u03cc \u03b4\u03cd\u03bf \u03c3\u03b5\u03bb\u03af\u03b4\u03b5\u03c2 \u03bc\u03b1\u03b8\u03ae\u03bc\u03b1\u03c4\u03bf\u03c2, \u03ba\u03bb\u03b5\u03af\u03c3\u03b5 \u03c4\u03bf \u03b2\u03b9\u03b2\u03bb\u03af\u03bf \u03ba\u03b1\u03b9 \u03b3\u03c1\u03ac\u03c8\u03b5 \u03c3\u03b5 4-5 \u03b3\u03c1\u03b1\u03bc\u03bc\u03ad\u03c2 \u03c4\u03b9 \u03ba\u03b1\u03c4\u03ac\u03bb\u03b1\u03b2\u03b5\u03c2.\"\r\n },\r\n practical: {\r\n title: \"\u03a0\u03c1\u03b1\u03ba\u03c4\u03b9\u03ba\u03ae \/ \u03b2\u03b9\u03c9\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03bc\u03ac\u03b8\u03b7\u03c3\u03b7\",\r\n meaning: \"\u03a6\u03b1\u03af\u03bd\u03b5\u03c4\u03b1\u03b9 \u03cc\u03c4\u03b9 \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03c3\u03c5\u03bc\u03bc\u03b5\u03c4\u03ad\u03c7\u03b5\u03b9\u03c2 \u03b5\u03bd\u03b5\u03c1\u03b3\u03ac \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03b4\u03bf\u03ba\u03b9\u03bc\u03ac\u03b6\u03b5\u03b9\u03c2 \u03cc\u03c3\u03b1 \u03bc\u03b1\u03b8\u03b1\u03af\u03bd\u03b5\u03b9\u03c2. \u039c\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03b8\u03c5\u03bc\u03ac\u03c3\u03b1\u03b9 \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b1 \u03ba\u03ac\u03c4\u03b9 \u03cc\u03c4\u03b1\u03bd \u03c4\u03bf \u03ad\u03c7\u03b5\u03b9\u03c2 \u03b5\u03c6\u03b1\u03c1\u03bc\u03cc\u03c3\u03b5\u03b9 \u03c3\u03c4\u03b7\u03bd \u03c0\u03c1\u03ac\u03be\u03b7 \u03ba\u03b1\u03b9 \u03cc\u03c7\u03b9 \u03bc\u03cc\u03bd\u03bf \u03cc\u03c4\u03b1\u03bd \u03c4\u03bf \u03ad\u03c7\u03b5\u03b9\u03c2 \u03b4\u03b9\u03b1\u03b2\u03ac\u03c3\u03b5\u03b9 \u03b8\u03b5\u03c9\u03c1\u03b7\u03c4\u03b9\u03ba\u03ac.\",\r\n tips: \"\u039a\u03ac\u03bd\u03b5 \u03b1\u03c3\u03ba\u03ae\u03c3\u03b5\u03b9\u03c2, \u03c0\u03b5\u03b9\u03c1\u03ac\u03bc\u03b1\u03c4\u03b1, \u03bc\u03b9\u03ba\u03c1\u03ad\u03c2 \u03ba\u03b1\u03c4\u03b1\u03c3\u03ba\u03b5\u03c5\u03ad\u03c2 \u03ae \u03c0\u03c1\u03bf\u03c3\u03bf\u03bc\u03bf\u03b9\u03ce\u03c3\u03b5\u03b9\u03c2 \u03cc\u03c0\u03bf\u03c5 \u03b1\u03c5\u03c4\u03cc \u03b5\u03af\u03bd\u03b1\u03b9 \u03b4\u03c5\u03bd\u03b1\u03c4\u03cc. \u038c\u03c4\u03b1\u03bd \u03bc\u03b1\u03b8\u03b1\u03af\u03bd\u03b5\u03b9\u03c2 \u03bc\u03b9\u03b1 \u03b4\u03b9\u03b1\u03b4\u03b9\u03ba\u03b1\u03c3\u03af\u03b1, \u03c0\u03c1\u03bf\u03c3\u03c0\u03ac\u03b8\u03b7\u03c3\u03b5 \u03bd\u03b1 \u03c4\u03b7\u03bd \u03b5\u03c6\u03b1\u03c1\u03bc\u03cc\u03c3\u03b5\u03b9\u03c2 \u03b2\u03ae\u03bc\u03b1-\u03b2\u03ae\u03bc\u03b1. \u0393\u03b9\u03b1 \u03c0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1, \u03c3\u03c4\u03b1 \u039c\u03b1\u03b8\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ac \u03bc\u03b7\u03bd \u03bc\u03ad\u03bd\u03b5\u03b9\u03c2 \u03bc\u03cc\u03bd\u03bf \u03c3\u03c4\u03b7 \u03b8\u03b5\u03c9\u03c1\u03af\u03b1\u00b7 \u03bb\u03cd\u03c3\u03b5 \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03bf\u03cd\u03c2 \u03c4\u03cd\u03c0\u03bf\u03c5\u03c2 \u03b1\u03c3\u03ba\u03ae\u03c3\u03b5\u03c9\u03bd. \u03a3\u03c4\u03b7 \u03a6\u03c5\u03c3\u03b9\u03ba\u03ae \u03c0\u03c1\u03bf\u03c3\u03c0\u03ac\u03b8\u03b7\u03c3\u03b5 \u03bd\u03b1 \u03c3\u03c5\u03bd\u03b4\u03ad\u03c3\u03b5\u03b9\u03c2 \u03ad\u03bd\u03b1\u03bd \u03bd\u03cc\u03bc\u03bf \u03bc\u03b5 \u03ad\u03bd\u03b1 \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc \u03c0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1 \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03ba\u03b1\u03b8\u03b7\u03bc\u03b5\u03c1\u03b9\u03bd\u03ae \u03b6\u03c9\u03ae.\"\r\n },\r\n social: {\r\n title: \"\u039a\u03bf\u03b9\u03bd\u03c9\u03bd\u03b9\u03ba\u03ae \/ \u03b4\u03b9\u03b1\u03b4\u03c1\u03b1\u03c3\u03c4\u03b9\u03ba\u03ae \u03bc\u03ac\u03b8\u03b7\u03c3\u03b7\",\r\n meaning: \"\u03a6\u03b1\u03af\u03bd\u03b5\u03c4\u03b1\u03b9 \u03cc\u03c4\u03b9 \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03c3\u03c5\u03b6\u03b7\u03c4\u03ac\u03c2, \u03bd\u03b1 \u03b1\u03bd\u03c4\u03b1\u03bb\u03bb\u03ac\u03c3\u03c3\u03b5\u03b9\u03c2 \u03b9\u03b4\u03ad\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03b5\u03be\u03b7\u03b3\u03b5\u03af\u03c2 \u03c0\u03c1\u03ac\u03b3\u03bc\u03b1\u03c4\u03b1 \u03c3\u03b5 \u03ac\u03bb\u03bb\u03bf\u03c5\u03c2. \u039c\u03ad\u03c3\u03b1 \u03b1\u03c0\u03cc \u03c4\u03b7 \u03c3\u03c5\u03b6\u03ae\u03c4\u03b7\u03c3\u03b7 \u03bc\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03b1\u03bd\u03b1\u03ba\u03b1\u03bb\u03cd\u03c0\u03c4\u03b5\u03b9\u03c2 \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03bf\u03cd\u03c2 \u03c4\u03c1\u03cc\u03c0\u03bf\u03c5\u03c2 \u03c3\u03ba\u03ad\u03c8\u03b7\u03c2 \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03ba\u03b1\u03c4\u03b1\u03bb\u03b1\u03b2\u03b1\u03af\u03bd\u03b5\u03b9\u03c2 \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b1 \u03c4\u03b9 \u03b3\u03bd\u03c9\u03c1\u03af\u03b6\u03b5\u03b9\u03c2 \u03ae\u03b4\u03b7 \u03ba\u03b1\u03b9 \u03c4\u03b9 \u03c7\u03c1\u03b5\u03b9\u03ac\u03b6\u03b5\u03c4\u03b1\u03b9 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b7 \u03c0\u03c1\u03bf\u03c3\u03c0\u03ac\u03b8\u03b5\u03b9\u03b1.\",\r\n tips: \"\u039c\u03b5\u03bb\u03ad\u03c4\u03b7\u03c3\u03b5 \u03ba\u03ac\u03c0\u03bf\u03b9\u03b5\u03c2 \u03c6\u03bf\u03c1\u03ad\u03c2 \u03bc\u03b1\u03b6\u03af \u03bc\u03b5 \u03ad\u03bd\u03b1\u03bd \u03c3\u03c5\u03bc\u03bc\u03b1\u03b8\u03b7\u03c4\u03ae, \u03ba\u03ac\u03bd\u03c4\u03b5 \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03bf \u03ad\u03bd\u03b1\u03c2 \u03c3\u03c4\u03bf\u03bd \u03ac\u03bb\u03bb\u03bf \u03ba\u03b1\u03b9 \u03c0\u03c1\u03bf\u03c3\u03c0\u03b1\u03b8\u03ae\u03c3\u03c4\u03b5 \u03bd\u03b1 \u03b5\u03be\u03b7\u03b3\u03ae\u03c3\u03b5\u03c4\u03b5 \u03b4\u03cd\u03c3\u03ba\u03bf\u03bb\u03b1 \u03c3\u03b7\u03bc\u03b5\u03af\u03b1 \u03bc\u03b5 \u03b1\u03c0\u03bb\u03ac \u03bb\u03cc\u03b3\u03b9\u03b1. \u03a3\u03b5 \u03bc\u03b9\u03b1 \u03bf\u03bc\u03b1\u03b4\u03b9\u03ba\u03ae \u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1 \u03bc\u03b7\u03bd \u03bc\u03ad\u03bd\u03b5\u03b9\u03c2 \u03bc\u03cc\u03bd\u03bf \u03c3\u03c4\u03bf \u03b4\u03b9\u03ba\u03cc \u03c3\u03bf\u03c5 \u03bc\u03ad\u03c1\u03bf\u03c2\u00b7 \u03ac\u03ba\u03bf\u03c5 \u03c0\u03ce\u03c2 \u03c3\u03ba\u03ad\u03c6\u03c4\u03bf\u03bd\u03c4\u03b1\u03b9 \u03ba\u03b1\u03b9 \u03bf\u03b9 \u03ac\u03bb\u03bb\u03bf\u03b9. \u0393\u03b9\u03b1 \u03c0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1, \u03c0\u03c1\u03b9\u03bd \u03b1\u03c0\u03cc \u03ad\u03bd\u03b1 \u03c4\u03b5\u03c3\u03c4 \u03bc\u03c0\u03bf\u03c1\u03b5\u03af\u03c4\u03b5 \u03bd\u03b1 \u03ba\u03ac\u03bd\u03b5\u03c4\u03b5 \u03bf \u03ad\u03bd\u03b1\u03c2 \u03c3\u03c4\u03bf\u03bd \u03ac\u03bb\u03bb\u03bf \u03c0\u03ad\u03bd\u03c4\u03b5 \u03c3\u03cd\u03bd\u03c4\u03bf\u03bc\u03b5\u03c2 \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03cd\u03bb\u03b7.\"\r\n }\r\n };\r\n\r\n const answerScale = [\r\n { label:\"\u03a0\u03bf\u03bb\u03cd\", value:3 },\r\n { label:\"\u0391\u03c1\u03ba\u03b5\u03c4\u03ac\", value:2 },\r\n { label:\"\u039b\u03af\u03b3\u03bf\", value:1 },\r\n { label:\"\u039a\u03b1\u03b8\u03cc\u03bb\u03bf\u03c5\", value:0 }\r\n ];\r\n\r\n const intro = document.getElementById(\"intro\");\r\n const startButton = document.getElementById(\"startButton\");\r\n const quizForm = document.getElementById(\"quizForm\");\r\n const container = document.getElementById(\"questionsContainer\");\r\n const warnEl = document.getElementById(\"warn\");\r\n const resultsEl = document.getElementById(\"results\");\r\n const progressEl = document.getElementById(\"progress\");\r\n const btnReset = document.getElementById(\"btnReset\");\r\n\r\n startButton.addEventListener(\"click\", start);\r\n btnReset.addEventListener(\"click\", resetAnswers);\r\n quizForm.addEventListener(\"submit\", showResults);\r\n\r\n function start(){\r\n quizForm.style.display = \"block\";\r\n intro.style.display = \"none\";\r\n resultsEl.style.display = \"none\";\r\n resultsEl.innerHTML = \"\";\r\n loadQuestions();\r\n updateProgress();\r\n warnEl.style.display = \"none\";\r\n window.scrollTo({ top:0, behavior:\"smooth\" });\r\n }\r\n\r\n function loadQuestions(){\r\n container.innerHTML = \"\";\r\n\r\n orderedQuestions.forEach((q, i) => {\r\n const card = document.createElement(\"div\");\r\n card.className = \"qcard\";\r\n\r\n const answersHTML = answerScale.map(a =>\r\n renderChip(q.id, a.label, a.value)\r\n ).join(\"\");\r\n\r\n card.innerHTML = `\r\n <div class=\"qtitle\">\r\n <strong>${i + 1}. ${q.text}<\/strong>\r\n <\/div>\r\n <div class=\"scale\">\r\n ${answersHTML}\r\n <\/div>\r\n `;\r\n\r\n container.appendChild(card);\r\n });\r\n\r\n container.addEventListener(\"change\", onAnswerChange, { passive:true });\r\n }\r\n\r\n function onAnswerChange(e){\r\n if(e.target && e.target.type === \"radio\"){\r\n updateProgress();\r\n warnEl.style.display = \"none\";\r\n }\r\n }\r\n\r\n function renderChip(name, label, value){\r\n const safeLabel = label.replace(\/\\s+\/g,\"_\");\r\n const id = `${name}_${safeLabel}`;\r\n\r\n return `\r\n <label class=\"chip\" for=\"${id}\">\r\n <input\r\n id=\"${id}\"\r\n type=\"radio\"\r\n name=\"${name}\"\r\n value=\"${value}\"\r\n \/>\r\n <span class=\"box\">${label}<\/span>\r\n <\/label>\r\n `;\r\n }\r\n\r\n function updateProgress(){\r\n const answered = orderedQuestions.filter(q =>\r\n document.querySelector(`input[name=\"${q.id}\"]:checked`)\r\n ).length;\r\n\r\n progressEl.textContent =\r\n `\u0391\u03c0\u03b1\u03bd\u03c4\u03ae\u03b8\u03b7\u03ba\u03b1\u03bd ${answered}\/${orderedQuestions.length}`;\r\n }\r\n\r\n function resetAnswers(){\r\n container.querySelectorAll('input[type=\"radio\"]').forEach(r => {\r\n r.checked = false;\r\n });\r\n\r\n updateProgress();\r\n resultsEl.innerHTML = \"\";\r\n resultsEl.style.display = \"none\";\r\n warnEl.style.display = \"none\";\r\n }\r\n\r\n function showResults(e){\r\n e.preventDefault();\r\n\r\n const scores = {\r\n visual:0,\r\n auditory:0,\r\n readwrite:0,\r\n practical:0,\r\n social:0\r\n };\r\n\r\n let answered = 0;\r\n\r\n questions.forEach(q => {\r\n const selected =\r\n document.querySelector(`input[name=\"${q.id}\"]:checked`);\r\n\r\n if(selected){\r\n answered++;\r\n scores[q.dim] += Number(selected.value);\r\n }\r\n });\r\n\r\n if(answered < questions.length){\r\n warnEl.style.display = \"block\";\r\n resultsEl.style.display = \"none\";\r\n resultsEl.innerHTML = \"\";\r\n\r\n const firstUnanswered = orderedQuestions.find(q =>\r\n !document.querySelector(`input[name=\"${q.id}\"]:checked`)\r\n );\r\n\r\n if(firstUnanswered){\r\n const el =\r\n document.querySelector(`input[name=\"${firstUnanswered.id}\"]`);\r\n\r\n if(el){\r\n el.closest(\".qcard\").scrollIntoView({\r\n behavior:\"smooth\",\r\n block:\"center\"\r\n });\r\n }\r\n }\r\n\r\n return;\r\n }\r\n\r\n const maxPerDimension = 18;\r\n\r\n const percentages = {};\r\n\r\n Object.keys(scores).forEach(dim => {\r\n percentages[dim] =\r\n Math.round((scores[dim] \/ maxPerDimension) * 100);\r\n });\r\n\r\n renderResults(percentages);\r\n }\r\n\r\n function renderResults(percentages){\r\n\r\n const resultOrder = [\r\n \"visual\",\r\n \"auditory\",\r\n \"readwrite\",\r\n \"practical\",\r\n \"social\"\r\n ];\r\n\r\n const blocks = resultOrder.map(dim => {\r\n const d = dimensions[dim];\r\n const pct = percentages[dim];\r\n\r\n return `\r\n <section class=\"result-block\">\r\n <div class=\"metric\">\r\n <div class=\"row\">\r\n <div class=\"label\">${d.title}<\/div>\r\n <div class=\"pct\">${pct}%<\/div>\r\n <\/div>\r\n\r\n <div class=\"bar\" aria-label=\"${d.title}: ${pct}%\">\r\n <span data-width=\"${pct}\"><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <p class=\"result-text\">\r\n <strong>\u03a4\u03b9 \u03c3\u03b7\u03bc\u03b1\u03af\u03bd\u03b5\u03b9 \u03b3\u03b9\u03b1 \u03c3\u03ad\u03bd\u03b1:<\/strong><br>\r\n ${d.meaning}\r\n <\/p>\r\n\r\n <p class=\"result-text\">\r\n <span class=\"tips-title\">\u03a4\u03b9 \u03bc\u03c0\u03bf\u03c1\u03b5\u03af\u03c2 \u03bd\u03b1 \u03b4\u03bf\u03ba\u03b9\u03bc\u03ac\u03c3\u03b5\u03b9\u03c2:<\/span><br>\r\n ${d.tips}\r\n <\/p>\r\n <\/section>\r\n `;\r\n }).join(\"\");\r\n\r\n resultsEl.innerHTML = `\r\n <h2>\u03a4\u03bf \u03c0\u03c1\u03bf\u03c3\u03c9\u03c0\u03b9\u03ba\u03cc \u03c3\u03bf\u03c5 \u03c0\u03c1\u03bf\u03c6\u03af\u03bb \u03bc\u03ac\u03b8\u03b7\u03c3\u03b7\u03c2<\/h2>\r\n\r\n <p class=\"results-intro\">\r\n \u039f\u03b9 \u03c0\u03b1\u03c1\u03b1\u03ba\u03ac\u03c4\u03c9 \u03bc\u03c0\u03ac\u03c1\u03b5\u03c2 \u03b4\u03b5\u03af\u03c7\u03bd\u03bf\u03c5\u03bd \u03c0\u03cc\u03c3\u03bf \u03ad\u03bd\u03c4\u03bf\u03bd\u03b1 \u03c6\u03b1\u03af\u03bd\u03b5\u03c4\u03b1\u03b9 \u03bd\u03b1 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03b5\u03af\u03c2\r\n \u03ba\u03ac\u03b8\u03b5 \u03bc\u03b1\u03b8\u03b7\u03c3\u03b9\u03b1\u03ba\u03ae \u03c0\u03c1\u03bf\u03c4\u03af\u03bc\u03b7\u03c3\u03b7. \u0394\u03b5\u03bd \u03c7\u03c1\u03b5\u03b9\u03ac\u03b6\u03b5\u03c4\u03b1\u03b9 \u03bd\u03b1 \u03ad\u03c7\u03b5\u03b9\u03c2 \u03bc\u03cc\u03bd\u03bf \u03bc\u03af\u03b1 \u03b4\u03c5\u03bd\u03b1\u03c4\u03ae\r\n \u03b4\u03b9\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7\u00b7 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c6\u03c5\u03c3\u03b9\u03bf\u03bb\u03bf\u03b3\u03b9\u03ba\u03cc \u03bd\u03b1 \u03c3\u03c5\u03bd\u03b4\u03c5\u03ac\u03b6\u03b5\u03b9\u03c2 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03bf\u03c5\u03c2 \u03c4\u03c1\u03cc\u03c0\u03bf\u03c5\u03c2 \u03bc\u03ac\u03b8\u03b7\u03c3\u03b7\u03c2.\r\n <\/p>\r\n\r\n ${blocks}\r\n\r\n <div class=\"final-note\">\r\n <strong>\u039d\u03b1 \u03b8\u03c5\u03bc\u03ac\u03c3\u03b1\u03b9:<\/strong>\r\n \u0394\u03b5\u03bd \u03c5\u03c0\u03ac\u03c1\u03c7\u03b5\u03b9 \u03ad\u03bd\u03b1\u03c2 \u03bc\u03cc\u03bd\u03bf \u03c3\u03c9\u03c3\u03c4\u03cc\u03c2 \u03c4\u03c1\u03cc\u03c0\u03bf\u03c2 \u03bc\u03ac\u03b8\u03b7\u03c3\u03b7\u03c2. \u039c\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03b5\u03af\u03c2\r\n \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03bf\u03cd\u03c2 \u03c4\u03c1\u03cc\u03c0\u03bf\u03c5\u03c2 \u03b1\u03bd\u03ac\u03bb\u03bf\u03b3\u03b1 \u03bc\u03b5 \u03c4\u03bf \u03bc\u03ac\u03b8\u03b7\u03bc\u03b1, \u03c4\u03b7 \u03b4\u03c1\u03b1\u03c3\u03c4\u03b7\u03c1\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1 \u03ba\u03b1\u03b9 \u03b1\u03c5\u03c4\u03cc\r\n \u03c0\u03bf\u03c5 \u03c0\u03c1\u03bf\u03c3\u03c0\u03b1\u03b8\u03b5\u03af\u03c2 \u03bd\u03b1 \u03bc\u03ac\u03b8\u03b5\u03b9\u03c2. \u0394\u03bf\u03ba\u03af\u03bc\u03b1\u03c3\u03b5 \u03c4\u03b9\u03c2 \u03c3\u03c4\u03c1\u03b1\u03c4\u03b7\u03b3\u03b9\u03ba\u03ad\u03c2 \u03c0\u03bf\u03c5 \u03c3\u03bf\u03c5 \u03c4\u03b1\u03b9\u03c1\u03b9\u03ac\u03b6\u03bf\u03c5\u03bd\r\n \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03bf \u03ba\u03b1\u03b9 \u03ba\u03c1\u03ac\u03c4\u03b7\u03c3\u03b5 \u03cc\u03c3\u03b5\u03c2 \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03bf\u03cd\u03bd \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03ac.\r\n <\/div>\r\n\r\n <div class=\"actions\">\r\n <button type=\"button\" class=\"btn btn-primary\" onclick=\"window.print()\">\r\n \u0395\u03ba\u03c4\u03cd\u03c0\u03c9\u03c3\u03b7 \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03ad\u03c3\u03bc\u03b1\u03c4\u03bf\u03c2\r\n <\/button>\r\n\r\n <button type=\"button\" class=\"btn btn-ghost\" id=\"restartButton\">\r\n \u039d\u03ad\u03b1 \u03c3\u03c5\u03bc\u03c0\u03bb\u03ae\u03c1\u03c9\u03c3\u03b7\r\n <\/button>\r\n <\/div>\r\n `;\r\n\r\n resultsEl.style.display = \"block\";\r\n quizForm.style.display = \"none\";\r\n\r\n requestAnimationFrame(() => {\r\n resultsEl.querySelectorAll(\".bar > span\").forEach(span => {\r\n span.style.width = span.dataset.width + \"%\";\r\n });\r\n });\r\n\r\n document.getElementById(\"restartButton\").addEventListener(\"click\", () => {\r\n resultsEl.style.display = \"none\";\r\n resultsEl.innerHTML = \"\";\r\n quizForm.style.display = \"block\";\r\n resetAnswers();\r\n\r\n window.scrollTo({\r\n top:0,\r\n behavior:\"smooth\"\r\n });\r\n });\r\n\r\n resultsEl.scrollIntoView({\r\n behavior:\"smooth\",\r\n block:\"start\"\r\n });\r\n }\r\n\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":134166,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[108,279],"tags":[],"class_list":["post-134107","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-108","category-279"],"acf":[],"jetpack_featured_media_url":"https:\/\/www.mysep.gr\/wp-content\/uploads\/2025\/06\/\u03a4\u03c1\u03cc\u03c0\u03bf\u03c2-\u039c\u03ac\u03b8\u03b7\u03c3\u03b7\u03c2-1.jpg","_links":{"self":[{"href":"https:\/\/www.mysep.gr\/index.php?rest_route=\/wp\/v2\/posts\/134107","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mysep.gr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mysep.gr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=134107"}],"version-history":[{"count":3,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=\/wp\/v2\/posts\/134107\/revisions"}],"predecessor-version":[{"id":153477,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=\/wp\/v2\/posts\/134107\/revisions\/153477"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=\/wp\/v2\/media\/134166"}],"wp:attachment":[{"href":"https:\/\/www.mysep.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=134107"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=134107"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=134107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}