{"id":140587,"date":"2020-10-27T11:00:02","date_gmt":"2020-10-27T09:00:02","guid":{"rendered":"https:\/\/www.mysep.gr\/?p=140587"},"modified":"2025-10-27T11:00:28","modified_gmt":"2025-10-27T09:00:28","slug":"%cf%80%ce%bb%ce%b7%cf%81%ce%bf%cf%86%ce%bf%cf%81%ce%b9%ce%ba%ce%ae-%ce%b5%cf%80%ce%b1%ce%bb","status":"publish","type":"post","link":"https:\/\/www.mysep.gr\/?p=140587","title":{"rendered":"\u03a0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03b9\u03ba\u03ae \u0395\u03a0\u0391\u039b"},"content":{"rendered":"<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<!DOCTYPE html>\r\n<html lang=\"el\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<title>\u0394\u03b5\u03c2 \u03b1\u03bd \u03c3\u03bf\u03c5 \u03c4\u03b1\u03b9\u03c1\u03b9\u03ac\u03b6\u03b5\u03b9 \u03bf \u03c4\u03bf\u03bc\u03ad\u03b1\u03c2 \u03a0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03b9\u03ba\u03ae\u03c2<\/title>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\r\n<style>\r\nbody{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0;background:#f5f7ff;color:#111}\r\n.quiz-container{max-width:880px;margin:24px auto;padding:20px;background:#fff;border-radius:16px;box-shadow:0 10px 28px rgba(0,0,0,.06)}\r\n.quiz-title{font-size:20px;font-weight:800;margin-bottom:12px}\r\n.start-btn{background:#1d4ed8;color:#fff;border:none;padding:10px 16px;border-radius:12px;cursor:pointer;font-weight:700;margin-right:8px}\r\n.start-btn:hover{filter:brightness(.96)}\r\n.blink-text{color:#1e40af;font-weight:700;font-size:14px;margin:.5rem 0 1rem;display:none}\r\n.question{margin-bottom:16px;border:1px solid #e6e8ef;border-radius:12px;padding:12px;background:#fff}\r\n.question p{margin:0 0 8px;font-weight:800}\r\n.answers{display:flex;gap:8px;flex-wrap:wrap}\r\n.chip{position:relative;display:inline-block}\r\n.chip input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}\r\n.chip .box{display:inline-block;padding:10px 14px;border:1px solid #d1d5db;border-radius:12px;background:#fff;color:#111;font-weight:600;transition:.15s}\r\n.chip input:checked + .box{background:#1d4ed8;color:#fff;border-color:#1d4ed8}\r\nlabel.chip.active .box{outline:2px solid #1d4ed8;}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"quiz-container\">\r\n  <div class=\"quiz-title\"><strong>\u0394\u03b5\u03c2 \u03b1\u03bd \u03bf \u03a4\u03bf\u03bc\u03ad\u03b1\u03c2 \u03a0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03b9\u03ba\u03ae\u03c2 \u03c4\u03c9\u03bd \u0395\u03a0\u0391.\u039b. \u03c4\u03b1\u03b9\u03c1\u03b9\u03ac\u03b6\u03b5\u03b9 \u03c3\u03c4\u03b7\u03bd \u03c0\u03c1\u03bf\u03c3\u03c9\u03c0\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03ac \u03c3\u03bf\u03c5;<\/strong><\/div>\r\n\r\n  <button id=\"startBtn\" class=\"start-btn\">\u039e\u03b5\u03ba\u03af\u03bd\u03b1 \u03c4\u03ce\u03c1\u03b1<\/button>\r\n  <button id=\"voiceAllBtn\" class=\"start-btn\">\u0386\u03ba\u03bf\u03c5 \u03ba\u03b1\u03b9 \u03b1\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b5 \u03c6\u03c9\u03bd\u03b7\u03c4\u03b9\u03ba\u03ac<\/button>\r\n\r\n  <div id=\"quiz\" style=\"display:none;\">\r\n    <div id=\"instruction\" class=\"blink-text\">\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 \u03bc\u03b5 \u03b5\u03b9\u03bb\u03b9\u03ba\u03c1\u03af\u03bd\u03b5\u03b9\u03b1. \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.\r\n    <\/div>\r\n    <form id=\"quizForm\">\r\n      <div id=\"questions\"><\/div>\r\n    <\/form>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst startBtn = document.getElementById(\"startBtn\");\r\nconst voiceBtn = document.getElementById(\"voiceAllBtn\");\r\nconst quiz = document.getElementById(\"quiz\");\r\nconst qContainer = document.getElementById(\"questions\");\r\n\r\nconst questions = [\r\n \"\u039c\u03bf\u03c5 \u03b1\u03c1\u03ad\u03c3\u03b5\u03b9 \u03bd\u03b1 \u03bc\u03b1\u03b8\u03b1\u03af\u03bd\u03c9 \u03c0\u03ce\u03c2 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03bf\u03cd\u03bd \u03bf\u03b9 \u03c5\u03c0\u03bf\u03bb\u03bf\u03b3\u03b9\u03c3\u03c4\u03ad\u03c2 \u03b5\u03c3\u03c9\u03c4\u03b5\u03c1\u03b9\u03ba\u03ac.\",\r\n      \"\u039c\u03b5 \u03b5\u03bd\u03b4\u03b9\u03b1\u03c6\u03ad\u03c1\u03b5\u03b9 \u03bd\u03b1 \u03ba\u03b1\u03c4\u03b1\u03bb\u03ac\u03b2\u03c9 \u03c0\u03ce\u03c2 \u03b4\u03bf\u03c5\u03bb\u03b5\u03cd\u03b5\u03b9 \u03c4\u03bf \u0394\u03b9\u03b1\u03b4\u03af\u03ba\u03c4\u03c5\u03bf \u03ba\u03b1\u03b9 \u03c4\u03b1 \u03b4\u03af\u03ba\u03c4\u03c5\u03b1 \u03c5\u03c0\u03bf\u03bb\u03bf\u03b3\u03b9\u03c3\u03c4\u03ce\u03bd.\",\r\n      \"\u039d\u03b9\u03ce\u03b8\u03c9 \u03ac\u03bd\u03b5\u03c4\u03b1 \u03bd\u03b1 \u03b4\u03bf\u03c5\u03bb\u03b5\u03cd\u03c9 \u03c0\u03bf\u03bb\u03bb\u03ad\u03c2 \u03ce\u03c1\u03b5\u03c2 \u03bc\u03c0\u03c1\u03bf\u03c3\u03c4\u03ac \u03c3\u03b5 \u03c5\u03c0\u03bf\u03bb\u03bf\u03b3\u03b9\u03c3\u03c4\u03ae.\",\r\n      \"\u039c\u03b5 \u03c3\u03c5\u03bd\u03b1\u03c1\u03c0\u03ac\u03b6\u03b5\u03b9 \u03b7 \u03b9\u03b4\u03ad\u03b1 \u03bd\u03b1 \u03c6\u03c4\u03b9\u03ac\u03be\u03c9 \u03c4\u03b7 \u03b4\u03b9\u03ba\u03ae \u03bc\u03bf\u03c5 \u03b9\u03c3\u03c4\u03bf\u03c3\u03b5\u03bb\u03af\u03b4\u03b1 \u03ae \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ae.\",\r\n      \"\u0388\u03c7\u03c9 \u03c0\u03b5\u03c1\u03b9\u03ad\u03c1\u03b3\u03b5\u03b9\u03b1 \u03bd\u03b1 \u03bc\u03ac\u03b8\u03c9 \u03c0\u03c1\u03bf\u03b3\u03c1\u03b1\u03bc\u03bc\u03b1\u03c4\u03b9\u03c3\u03bc\u03cc \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03b3\u03c1\u03ac\u03c6\u03c9 \u03ba\u03ce\u03b4\u03b9\u03ba\u03b1.\",\r\n      \"\u0398\u03b1 \u03ae\u03b8\u03b5\u03bb\u03b1 \u03bd\u03b1 \u03c3\u03c7\u03b5\u03b4\u03b9\u03ac\u03b6\u03c9 \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03c5\u03c0\u03bf\u03c3\u03c4\u03b7\u03c1\u03af\u03b6\u03c9 \u03b4\u03af\u03ba\u03c4\u03c5\u03b1 \u0397\u03bb\u03b5\u03ba\u03c4\u03c1\u03bf\u03bd\u03b9\u03ba\u03ce\u03bd \u03a5\u03c0\u03bf\u03bb\u03bf\u03b3\u03b9\u03c3\u03c4\u03ce\u03bd \u03c3\u03b5 \u03c5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2, \u03b3\u03c1\u03b1\u03c6\u03b5\u03af\u03b1 \u03ae \u03b5\u03c0\u03b9\u03c7\u03b5\u03b9\u03c1\u03ae\u03c3\u03b5\u03b9\u03c2.\",\r\n      \"\u039c\u03bf\u03c5 \u03c6\u03b1\u03af\u03bd\u03b5\u03c4\u03b1\u03b9 \u03b5\u03bd\u03b4\u03b9\u03b1\u03c6\u03ad\u03c1\u03bf\u03bd \u03bd\u03b1 \u03bc\u03b1\u03b8\u03b1\u03af\u03bd\u03c9 \u03b3\u03b9\u03b1 \u03b2\u03ac\u03c3\u03b5\u03b9\u03c2 \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03c9\u03bd \u03ba\u03b1\u03b9 \u03c0\u03ce\u03c2 \u03bf\u03c1\u03b3\u03b1\u03bd\u03ce\u03bd\u03bf\u03bd\u03c4\u03b1\u03b9 \u03bf\u03b9 \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2.\",\r\n      \"\u0398\u03ad\u03bb\u03c9 \u03bd\u03b1 \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03ae\u03c3\u03c9 \u03c0\u03b1\u03b9\u03c7\u03bd\u03af\u03b4\u03b9\u03b1, apps \u03ae \u03ac\u03bb\u03bb\u03b5\u03c2 \u03b4\u03b9\u03b1\u03b4\u03c1\u03b1\u03c3\u03c4\u03b9\u03ba\u03ad\u03c2 \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ad\u03c2.\",\r\n      \"\u03a0\u03c1\u03bf\u03c3\u03ad\u03c7\u03c9 \u03c4\u03b9\u03c2 \u03bb\u03b5\u03c0\u03c4\u03bf\u03bc\u03ad\u03c1\u03b5\u03b9\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03bc\u03bf\u03c5 \u03b1\u03c1\u03ad\u03c3\u03b5\u03b9 \u03bd\u03b1 \u03bb\u03cd\u03bd\u03c9 \u03c0\u03c1\u03bf\u03b2\u03bb\u03ae\u03bc\u03b1\u03c4\u03b1 \u03bc\u03b5 \u03bb\u03bf\u03b3\u03b9\u03ba\u03ae \u03c3\u03b5\u03b9\u03c1\u03ac.\",\r\n      \"\u0391\u03b9\u03c3\u03b8\u03ac\u03bd\u03bf\u03bc\u03b1\u03b9 \u03b1\u03c5\u03c4\u03bf\u03c0\u03b5\u03c0\u03bf\u03af\u03b8\u03b7\u03c3\u03b7 \u03cc\u03c4\u03b1\u03bd \u03b5\u03be\u03b7\u03b3\u03ce \u03c3\u03b5 \u03ac\u03bb\u03bb\u03bf\u03c5\u03c2 \u03c0\u03ce\u03c2 \u03bd\u03b1 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03bf\u03c5\u03bd \u03c3\u03c9\u03c3\u03c4\u03ac \u03c4\u03bf\u03bd \u03c5\u03c0\u03bf\u03bb\u03bf\u03b3\u03b9\u03c3\u03c4\u03ae.\",\r\n      \"\u039c\u03bf\u03c5 \u03b1\u03c1\u03ad\u03c3\u03b5\u03b9 \u03bd\u03b1 \u03c0\u03b5\u03b9\u03c1\u03b1\u03bc\u03b1\u03c4\u03af\u03b6\u03bf\u03bc\u03b1\u03b9 \u03bc\u03b5 \u03bd\u03ad\u03b1 \u03bb\u03bf\u03b3\u03b9\u03c3\u03bc\u03b9\u03ba\u03ac \u03ae \u03bd\u03b1 \u03c1\u03c5\u03b8\u03bc\u03af\u03b6\u03c9 \u03c4\u03bf \u03c3\u03cd\u03c3\u03c4\u03b7\u03bc\u03b1 \u03c4\u03bf\u03c5 \u03c5\u03c0\u03bf\u03bb\u03bf\u03b3\u03b9\u03c3\u03c4\u03ae \u03bc\u03bf\u03c5.\",\r\n      \"\u039e\u03ad\u03c1\u03b5\u03b9\u03c2 \u03ae \u03b8\u03b1 \u03ae\u03b8\u03b5\u03bb\u03b5\u03c2 \u03bd\u03b1 \u03bc\u03ac\u03b8\u03b5\u03b9\u03c2 \u03c0\u03ce\u03c2 \u03b3\u03c1\u03ac\u03c6\u03b5\u03c4\u03b1\u03b9 \u03ba\u03b1\u03b9 \u03b4\u03bf\u03ba\u03b9\u03bc\u03ac\u03b6\u03b5\u03c4\u03b1\u03b9 \u03ad\u03bd\u03b1 \u03c0\u03c1\u03cc\u03b3\u03c1\u03b1\u03bc\u03bc\u03b1 \u03bc\u03b5 \u03c4\u03b7 \u03b2\u03bf\u03ae\u03b8\u03b5\u03b9\u03b1 \u03b5\u03b9\u03b4\u03b9\u03ba\u03bf\u03cd \u03bb\u03bf\u03b3\u03b9\u03c3\u03bc\u03b9\u03ba\u03bf\u03cd;\",\r\n      \"\u039d\u03b9\u03ce\u03b8\u03c9 \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03cc\u03c2 \u03cc\u03c4\u03b1\u03bd \u03b5\u03c0\u03b5\u03be\u03b5\u03c1\u03b3\u03ac\u03b6\u03bf\u03bc\u03b1\u03b9 \u03b2\u03af\u03bd\u03c4\u03b5\u03bf, \u03b5\u03b9\u03ba\u03cc\u03bd\u03b5\u03c2 \u03ae \u03ae\u03c7\u03bf \u03c3\u03c4\u03bf\u03bd \u03c5\u03c0\u03bf\u03bb\u03bf\u03b3\u03b9\u03c3\u03c4\u03ae.\",\r\n      \"\u0395\u03bd\u03b4\u03b9\u03b1\u03c6\u03ad\u03c1\u03bf\u03bc\u03b1\u03b9 \u03bd\u03b1 \u03bc\u03ac\u03b8\u03c9 \u03c0\u03ce\u03c2 \u03bd\u03b1 \u03c0\u03c1\u03bf\u03b3\u03c1\u03b1\u03bc\u03bc\u03b1\u03c4\u03af\u03b6\u03c9 \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ad\u03c2 \u03b3\u03b9\u03b1 \u03ba\u03b9\u03bd\u03b7\u03c4\u03ac \u03ae web.\",\r\n      \"\u039c\u03c0\u03bf\u03c1\u03ce \u03bd\u03b1 \u03c3\u03c5\u03bd\u03b5\u03c1\u03b3\u03b1\u03c3\u03c4\u03ce \u03c3\u03b5 \u03bf\u03bc\u03ac\u03b4\u03b5\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03ae\u03c3\u03bf\u03c5\u03bc\u03b5 \u03ad\u03bd\u03b1 \u03c8\u03b7\u03c6\u03b9\u03b1\u03ba\u03cc \u03ad\u03c1\u03b3\u03bf.\",\r\n      \"\u0398\u03b1 \u03bc\u03bf\u03c5 \u03ac\u03c1\u03b5\u03c3\u03b5 \u03bd\u03b1 \u03c5\u03c0\u03bf\u03c3\u03c4\u03b7\u03c1\u03af\u03b6\u03c9 \u03c4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ac \u03bc\u03b9\u03b1 \u03b5\u03c4\u03b1\u03b9\u03c1\u03b5\u03af\u03b1 \u03ae \u03ad\u03bd\u03b1\u03bd \u03bf\u03c1\u03b3\u03b1\u03bd\u03b9\u03c3\u03bc\u03cc \u03c9\u03c2 \u03b5\u03b9\u03b4\u03b9\u03ba\u03cc\u03c2 \u03c5\u03c0\u03bf\u03bb\u03bf\u03b3\u03b9\u03c3\u03c4\u03ce\u03bd.\",\r\n      \"\u039c\u03b5 \u03b5\u03bd\u03b4\u03b9\u03b1\u03c6\u03ad\u03c1\u03b5\u03b9 \u03bd\u03b1 \u03b4\u03bf\u03c5\u03bb\u03ad\u03c8\u03c9 \u03c3\u03b5 \u03b5\u03c0\u03b1\u03b3\u03b3\u03ad\u03bb\u03bc\u03b1\u03c4\u03b1 \u03c0\u03bf\u03c5 \u03c3\u03c7\u03b5\u03c4\u03af\u03b6\u03bf\u03bd\u03c4\u03b1\u03b9 \u03bc\u03b5 \u03c4\u03b7\u03bd \u03a0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03b9\u03ba\u03ae.\",\r\n      \"\u039e\u03ad\u03c1\u03c9 \u03cc\u03c4\u03b9 \u03b7 \u03b1\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1 \u03c3\u03c4\u03bf \u03b4\u03b9\u03b1\u03b4\u03af\u03ba\u03c4\u03c5\u03bf \u03b5\u03af\u03bd\u03b1\u03b9 \u03c3\u03b7\u03bc\u03b1\u03bd\u03c4\u03b9\u03ba\u03ae \u03ba\u03b1\u03b9 \u03b8\u03ad\u03bb\u03c9 \u03bd\u03b1 \u03bc\u03ac\u03b8\u03c9 \u03c0\u03ce\u03c2 \u03bd\u03b1 \u03c0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c4\u03b5\u03cd\u03bf\u03bc\u03b1\u03b9.\",\r\n      \"\u0398\u03ad\u03bb\u03c9 \u03bd\u03b1 \u03b1\u03c0\u03bf\u03ba\u03c4\u03ae\u03c3\u03c9 \u03b3\u03bd\u03ce\u03c3\u03b5\u03b9\u03c2 \u03c0\u03bf\u03c5 \u03bd\u03b1 \u03bc\u03bf\u03c5 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03b5\u03cd\u03c3\u03bf\u03c5\u03bd \u03c3\u03b5 \u03ba\u03ac\u03b8\u03b5 \u03b5\u03c0\u03ac\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1 \u03c3\u03c4\u03bf \u03bc\u03ad\u03bb\u03bb\u03bf\u03bd.\",\r\n      \"\u0394\u03b5\u03bd \u03bc\u03b5 \u03b5\u03bd\u03bf\u03c7\u03bb\u03b5\u03af \u03bd\u03b1 \u03b1\u03bd\u03b1\u03b2\u03b1\u03b8\u03bc\u03af\u03b6\u03c9, \u03bd\u03b1 \u03b5\u03c0\u03b9\u03c3\u03ba\u03b5\u03c5\u03ac\u03b6\u03c9 \u03ae \u03bd\u03b1 \u03b4\u03b9\u03b1\u03c7\u03b5\u03b9\u03c1\u03af\u03b6\u03bf\u03bc\u03b1\u03b9 \u03c4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ac \u03c0\u03c1\u03bf\u03b2\u03bb\u03ae\u03bc\u03b1\u03c4\u03b1 \u03c3\u03b5 \u0397\u03bb\u03b5\u03ba\u03c4\u03c1\u03bf\u03bd\u03b9\u03ba\u03bf\u03cd\u03c2 \u03a5\u03c0\u03bf\u03bb\u03bf\u03b3\u03b9\u03c3\u03c4\u03ad\u03c2\",\r\n      \"\u0398\u03ad\u03bb\u03c9 \u03bd\u03b1 \u03b1\u03c0\u03bf\u03ba\u03c4\u03ae\u03c3\u03c9 \u03b1\u03c0\u03bf\u03bb\u03c5\u03c4\u03ae\u03c1\u03b9\u03bf \u03ba\u03b1\u03b9 \u03c0\u03c4\u03c5\u03c7\u03af\u03bf \u0395\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03bf\u03cd \u039b\u03c5\u03ba\u03b5\u03af\u03bf\u03c5 \u03bc\u03b5 \u03b5\u03b9\u03b4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1 \u03a4\u03b5\u03c7\u03bd\u03b9\u03ba\u03bf\u03cd \u0395\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ce\u03bd \u03a0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03b9\u03ba\u03ae\u03c2 \u03ae \u03a4\u03b5\u03c7\u03bd\u03b9\u03ba\u03cc\u03c2 \u0397\u03bb\u03b5\u03ba\u03c4\u03c1\u03bf\u03bd\u03b9\u03ba\u03ce\u03bd \u03a5\u03c0\u03bf\u03bb\u03bf\u03b3\u03b9\u03c3\u03c4\u03ce\u03bd \u03ba\u03b1\u03b9 \u0394\u03b9\u03ba\u03c4\u03cd\u03c9\u03bd \u0397\u03bb\u03b5\u03ba\u03c4\u03c1\u03bf\u03bd\u03b9\u03ba\u03ce\u03bd \u03a5\u03c0\u03bf\u03bb\u03bf\u03b3\u03b9\u03c3\u03c4\u03ce\u03bd\",\r\n      \"\u0398\u03b1 \u03ae\u03b8\u03b5\u03bb\u03b1 \u03bd\u03b1 \u03c3\u03c5\u03bd\u03b5\u03c7\u03af\u03c3\u03c9 \u03bc\u03b5\u03c4\u03ac \u03c4\u03bf \u03c3\u03c7\u03bf\u03bb\u03b5\u03af\u03bf \u03c3\u03c4\u03b7 \u03a4\u03ac\u03be\u03b7 \u039c\u03b1\u03b8\u03b7\u03c4\u03b5\u03af\u03b1\u03c2 (\u03b5\u03c0\u03af\u03c0\u03b5\u03b4\u03bf 5) \u03b3\u03b9\u03b1 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b5\u03c2 \u03b5\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03ad\u03c2 \u03b3\u03bd\u03ce\u03c3\u03b5\u03b9\u03c2.\",\r\n      \"\u039c\u03b5 \u03b5\u03bd\u03b4\u03b9\u03b1\u03c6\u03ad\u03c1\u03b5\u03b9 \u03bd\u03b1 \u03b4\u03ce\u03c3\u03c9 \u03b5\u03be\u03b5\u03c4\u03ac\u03c3\u03b5\u03b9\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03bc\u03c0\u03c9 \u03c3\u03b5 \u03a0\u03b1\u03bd\u03b5\u03c0\u03b9\u03c3\u03c4\u03b7\u03bc\u03b9\u03b1\u03ba\u03ae \u03a3\u03c7\u03bf\u03bb\u03ae \u03c0\u03bf\u03c5 \u03c3\u03c7\u03b5\u03c4\u03af\u03b6\u03b5\u03c4\u03b1\u03b9 \u03bc\u03b5 \u03a0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03b9\u03ba\u03ae \u03ae \u039c\u03b7\u03c7\u03b1\u03bd\u03b9\u03ba\u03bf\u03cd\u03c2 \u0397\u03bb\u03b5\u03ba\u03c4\u03c1\u03bf\u03bd\u03b9\u03ba\u03ce\u03bd \u03a5\u03c0\u03bf\u03bb\u03bf\u03b3\u03b9\u03c3\u03c4\u03ce\u03bd.\",\r\n      \"\u0394\u03b5\u03bd \u03bc\u03b5 \u03c4\u03c1\u03bf\u03bc\u03ac\u03b6\u03b5\u03b9 \u03b7 \u03b9\u03b4\u03ad\u03b1 \u03c4\u03b7\u03c2 \u03c3\u03c5\u03bd\u03b5\u03c7\u03bf\u03cd\u03c2 \u03bc\u03ac\u03b8\u03b7\u03c3\u03b7\u03c2 \u03c3\u03b5 \u03ad\u03bd\u03b1\u03bd \u03ba\u03bb\u03ac\u03b4\u03bf \u03c0\u03bf\u03c5 \u03b1\u03bb\u03bb\u03ac\u03b6\u03b5\u03b9 \u03b3\u03c1\u03ae\u03b3\u03bf\u03c1\u03b1.\",\r\n      \"\u039d\u03b9\u03ce\u03b8\u03c9 \u03cc\u03c4\u03b9 \u03b7 \u03b5\u03b9\u03b4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1 \u03c4\u03b7\u03c2 \u03a0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03b9\u03ba\u03ae\u03c2 \u03b8\u03b1 \u03bc\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ae\u03c3\u03b5\u03b9 \u03bd\u03b1 \u03ad\u03c7\u03c9 \u03b5\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03b1\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1 \u03c3\u03c4\u03bf \u03bc\u03ad\u03bb\u03bb\u03bf\u03bd.\",\r\n      \"\u039c\u03c0\u03bf\u03c1\u03ce \u03bd\u03b1 \u03bf\u03c1\u03b3\u03b1\u03bd\u03ce\u03bd\u03c9 \u03ba\u03b1\u03bb\u03ac \u03c4\u03bf\u03bd \u03c7\u03c1\u03cc\u03bd\u03bf \u03bc\u03bf\u03c5 \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03c6\u03ad\u03c1\u03bd\u03c9 \u03b5\u03b9\u03c2 \u03c0\u03ad\u03c1\u03b1\u03c2 \u03c4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ad\u03c2 \u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b5\u03c2.\",\r\n      \"\u0398\u03ad\u03bb\u03c9 \u03bd\u03b1 \u03bc\u03ac\u03b8\u03c9 \u03c0\u03ce\u03c2 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03bf\u03cd\u03bd \u03c4\u03b1 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03ac \u03c3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1.\",\r\n      \"\u0391\u03bd \u03ba\u03ac\u03c4\u03b9 \u03b4\u03b5\u03bd \u03c0\u03ac\u03b5\u03b9 \u03ba\u03b1\u03bb\u03ac \u03c3\u03c4\u03bf\u03bd \u03c5\u03c0\u03bf\u03bb\u03bf\u03b3\u03b9\u03c3\u03c4\u03ae \u03bc\u03bf\u03c5, \u03c0\u03c1\u03bf\u03c3\u03c0\u03b1\u03b8\u03ce \u03bd\u03b1 \u03b2\u03c1\u03c9 \u03bc\u03cc\u03bd\u03bf\u03c2 \u03bc\u03bf\u03c5 \u03bb\u03cd\u03c3\u03b7 \u03c0\u03c1\u03b9\u03bd \u03b6\u03b7\u03c4\u03ae\u03c3\u03c9 \u03b2\u03bf\u03ae\u03b8\u03b5\u03b9\u03b1.\",\r\n      \"\u039c\u03b5 \u03b5\u03bd\u03b4\u03b9\u03b1\u03c6\u03ad\u03c1\u03b5\u03b9 \u03b7 \u03bd\u03bf\u03bc\u03b9\u03bc\u03cc\u03c4\u03b7\u03c4\u03b1 \u03c7\u03c1\u03ae\u03c3\u03b7\u03c2 \u03bb\u03bf\u03b3\u03b9\u03c3\u03bc\u03b9\u03ba\u03bf\u03cd \u03ba\u03b1\u03b9 \u03b7 \u03c0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c3\u03af\u03b1 \u03c0\u03bd\u03b5\u03c5\u03bc\u03b1\u03c4\u03b9\u03ba\u03ce\u03bd \u03b4\u03b9\u03ba\u03b1\u03b9\u03c9\u03bc\u03ac\u03c4\u03c9\u03bd.\",\r\n      \"\u0398\u03b1 \u03bc\u03b5 \u03b5\u03bd\u03b4\u03b9\u03ad\u03c6\u03b5\u03c1\u03b5 \u03bd\u03b1 \u03b5\u03c1\u03b3\u03b1\u03c3\u03c4\u03ce \u03c3\u03b5 \u03c3\u03cd\u03b3\u03c7\u03c1\u03bf\u03bd\u03b5\u03c2 \u03b5\u03c4\u03b1\u03b9\u03c1\u03b5\u03af\u03b5\u03c2 \u03c4\u03b5\u03c7\u03bd\u03bf\u03bb\u03bf\u03b3\u03af\u03b1\u03c2, \u03c4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ae\u03c2 \u03c5\u03c0\u03bf\u03c3\u03c4\u03ae\u03c1\u03b9\u03be\u03b7\u03c2 \u03ae \u03b1\u03bd\u03ac\u03c0\u03c4\u03c5\u03be\u03b7\u03c2 \u03bb\u03bf\u03b3\u03b9\u03c3\u03bc\u03b9\u03ba\u03bf\u03cd.\"\r\n];\r\n\r\n\/\/ \u0394\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03af\u03b1 \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03c9\u03bd\r\nfunction renderQuestions() {\r\n  qContainer.innerHTML = \"\";\r\n  questions.forEach((q, i) => {\r\n    const name = \"q\" + i;\r\n    qContainer.innerHTML += `\r\n      <div class=\"question\">\r\n        <p>${q}<\/p>\r\n        <div class=\"answers\">\r\n          <label class=\"chip\"><input type=\"radio\" name=\"${name}\" value=\"\u039d\u03b1\u03b9\"><span class=\"box\">\u039d\u03b1\u03b9<\/span><\/label>\r\n          <label class=\"chip\"><input type=\"radio\" name=\"${name}\" value=\"\u038c\u03c7\u03b9\"><span class=\"box\">\u038c\u03c7\u03b9<\/span><\/label>\r\n          <label class=\"chip\"><input type=\"radio\" name=\"${name}\" value=\"\u0394\u03b5\u03bd \u03be\u03ad\u03c1\u03c9\"><span class=\"box\">\u0394\u03b5\u03bd \u03be\u03ad\u03c1\u03c9<\/span><\/label>\r\n        <\/div>\r\n      <\/div>`;\r\n  });\r\n}\r\n\r\nstartBtn.onclick = () => {\r\n  startBtn.style.display = \"none\";\r\n  quiz.style.display = \"block\";\r\n  document.getElementById(\"instruction\").style.display = \"block\";\r\n  renderQuestions();\r\n};\r\n\r\n\/\/ ---------- \u03a6\u03c9\u03bd\u03b7\u03c4\u03b9\u03ba\u03ae \u03b5\u03ba\u03c6\u03ce\u03bd\u03b7\u03c3\u03b7 ----------\r\nfunction speakGR(text) {\r\n  return new Promise((resolve) => {\r\n    const synth = window.speechSynthesis;\r\n    const u = new SpeechSynthesisUtterance(text);\r\n    const v = synth.getVoices().find(v => \/el-|Greek\/i.test(v.lang));\r\n    if (v) u.voice = v;\r\n    u.lang = \"el-GR\";\r\n    u.rate = 1;\r\n    u.onend = resolve;\r\n    synth.cancel();\r\n    synth.speak(u);\r\n  });\r\n}\r\n\r\n\/\/ ---------- \u03a6\u03c9\u03bd\u03b7\u03c4\u03b9\u03ba\u03ae \u03b1\u03bd\u03b1\u03b3\u03bd\u03ce\u03c1\u03b9\u03c3\u03b7 ----------\r\nfunction listenGR() {\r\n  return new Promise((resolve) => {\r\n    const SR = window.SpeechRecognition || window.webkitSpeechRecognition;\r\n    if (!SR) {resolve(null); return;}\r\n    const rec = new SR();\r\n    rec.lang = \"el-GR\";\r\n    rec.interimResults = false;\r\n    rec.maxAlternatives = 1;\r\n    rec.onresult = e => resolve(e.results[0][0].transcript);\r\n    rec.onerror = () => resolve(null);\r\n    rec.onend = () => resolve(null);\r\n    rec.start();\r\n  });\r\n}\r\n\r\nfunction normalize(s){\r\n  return s.toLowerCase()\r\n  .replace(\/[\u03ac]\/g,\"\u03b1\").replace(\/[\u03ad]\/g,\"\u03b5\").replace(\/[\u03cc]\/g,\"\u03bf\")\r\n  .replace(\/[\u03af\u03ca\u0390]\/g,\"\u03b9\").replace(\/[\u03cd\u03cb\u03b0]\/g,\"\u03c5\")\r\n  .replace(\/[\u03ae]\/g,\"\u03b7\").replace(\/[\u03ce]\/g,\"\u03c9\");\r\n}\r\n\r\nfunction mapChoice(t){\r\n  if(!t) return null;\r\n  const x = normalize(t);\r\n  if(x.includes(\"\u03bd\u03b1\u03b9\")) return \"\u039d\u03b1\u03b9\";\r\n  if(x.includes(\"\u03bf\u03c7\u03b9\")) return \"\u038c\u03c7\u03b9\";\r\n  if(x.includes(\"\u03b4\u03b5\u03bd \u03be\u03b5\u03c1\u03c9\")||x.includes(\"\u03b4\u03b5 \u03be\u03b5\u03c1\u03c9\")) return \"\u0394\u03b5\u03bd \u03be\u03ad\u03c1\u03c9\";\r\n  return null;\r\n}\r\n\r\nfunction selectAnswer(qIndex, label){\r\n  const radios = document.querySelectorAll(`input[name=\"q${qIndex}\"]`);\r\n  radios.forEach(r=>{\r\n    const l=r.closest(\"label.chip\");\r\n    l.classList.remove(\"active\");\r\n    if(r.value===label){r.checked=true;l.classList.add(\"active\");}\r\n  });\r\n}\r\n\r\n\/\/ ---------- \u039a\u03cd\u03c1\u03b9\u03b1 \u03c6\u03c9\u03bd\u03b7\u03c4\u03b9\u03ba\u03ae \u03c1\u03bf\u03ae ----------\r\nasync function runVoice(){\r\n  startBtn.style.display=\"none\";\r\n  quiz.style.display=\"block\";\r\n  renderQuestions();\r\n\r\n  await speakGR(\"\u0395\u03bd\u03b5\u03c1\u03b3\u03bf\u03c0\u03bf\u03b9\u03ae\u03b8\u03b7\u03ba\u03b5 \u03b7 \u03c6\u03c9\u03bd\u03b7\u03c4\u03b9\u03ba\u03ae \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03af\u03b1. \u0398\u03b1 \u03b1\u03ba\u03bf\u03cd\u03c2 \u03ba\u03ac\u03b8\u03b5 \u03b5\u03c1\u03ce\u03c4\u03b7\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03b8\u03b1 \u03b1\u03c0\u03b1\u03bd\u03c4\u03ac\u03c2 \u03c6\u03c9\u03bd\u03b7\u03c4\u03b9\u03ba\u03ac \u03bc\u03b5 \u039d\u03b1\u03b9,\u03ae \u038c\u03c7\u03b9 \u03ae \u0394\u03b5\u03bd \u03be\u03ad\u03c1\u03c9. \u039d\u03b1 \u03b1\u03c0\u03b1\u03bd\u03c4\u03ac\u03c2 \u03cc\u03c3\u03bf \u03c0\u03b9\u03bf \u03b5\u03b9\u03bb\u03b9\u03ba\u03c1\u03b9\u03bd\u03ac \u03bc\u03c0\u03bf\u03c1\u03b5\u03af\u03c2. \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\");\r\n\r\n  for(let i=0;i<questions.length;i++){\r\n    await speakGR(`\u0395\u03c1\u03ce\u03c4\u03b7\u03c3\u03b7 ${i+1}. ${questions[i]}`);\r\n    const heard = await listenGR();\r\n    const choice = mapChoice(heard) || \"\u0394\u03b5\u03bd \u03be\u03ad\u03c1\u03c9\";\r\n    selectAnswer(i, choice);\r\n    await new Promise(r=>setTimeout(r,400));\r\n  }\r\n\r\n  await speakGR(\"\u039f\u03bb\u03bf\u03ba\u03bb\u03b7\u03c1\u03ce\u03b8\u03b7\u03ba\u03b1\u03bd \u03cc\u03bb\u03b5\u03c2 \u03bf\u03b9 \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2. \u0395\u03c5\u03c7\u03b1\u03c1\u03b9\u03c3\u03c4\u03ce \u03b3\u03b9\u03b1 \u03c4\u03b7 \u03c3\u03c5\u03bc\u03bc\u03b5\u03c4\u03bf\u03c7\u03ae \u03c3\u03bf\u03c5!\");\r\n}\r\n\r\nvoiceBtn.onclick = () => runVoice();\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; &nbsp;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-140587","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"acf":[],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/www.mysep.gr\/index.php?rest_route=\/wp\/v2\/posts\/140587","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=140587"}],"version-history":[{"count":0,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=\/wp\/v2\/posts\/140587\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.mysep.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=140587"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=140587"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=140587"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}