{"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-03-04T11:52:02","modified_gmt":"2026-03-04T09:52:02","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;"},"content":{"rendered":"

<\/p>\n

 <\/p>\n\r\n\r\n\r\n \r\n \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;<\/title>\r\n <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\" \/>\r\n <style>\r\n :root{\r\n --accent:#1d4ed8; --bg:#f7f8fc; --card:#fff; --muted:#5b6472; --line:#e7e9ef;\r\n }\r\n *{box-sizing:border-box}\r\n body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:#111}\r\n .wrap{max-width:960px;margin:0 auto;padding:24px}\r\n .card{background:var(--card);border-radius:16px;box-shadow:0 10px 28px rgba(0,0,0,.06);padding:20px;margin:14px 0}\r\n h1,h2{margin:.2rem 0 .8rem}\r\n .sub{color:var(--muted);margin:0 0 12px}\r\n .btn{display:inline-block;padding:10px 16px;border-radius:12px;border:0;cursor:pointer;font-weight:700}\r\n .btn-primary{background:var(--accent);color:#fff}\r\n .btn-ghost{background:#eef2ff;color:#111}\r\n .btn:disabled{opacity:.55;cursor:not-allowed}\r\n\r\n .qcard{border:1px solid var(--line);border-radius:12px;padding:14px;margin:12px 0;background:#fff}\r\n .qtitle{font-weight:800;margin-bottom:10px}\r\n .scale{display:flex;gap:8px;flex-wrap:wrap}\r\n\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;user-select:none;transition:.15s;font-weight:600}\r\n .chip:hover .box{border-color:#9aa4b2}\r\n .chip input:focus + .box{outline:2px solid #bcc6ff;outline-offset:2px}\r\n .chip input:checked + .box{background:var(--accent);color:#fff;border-color:var(--accent)}\r\n\r\n #progress{font-weight:700;margin:8px 0 0;color:#0f172a}\r\n\r\n #results{margin-top:18px}\r\n .metric{margin:12px 0}\r\n .metric .row{display:flex;justify-content:space-between;align-items:baseline}\r\n .metric .label{font-weight:900;font-size:1.05rem;letter-spacing:.2px}\r\n .metric .pct{font-weight:900}\r\n .bar{width:100%;height:26px;background:#eef;border-radius:12px;overflow:hidden;position:relative;margin-top:6px;border:1px solid #d8def0}\r\n .bar>span{display:block;height:100%;width:0%;background:var(--accent);transition:width .6s}\r\n\r\n .warn{background:#fff7ed;border:1px solid #fdba74;color:#9a3412;padding:10px 12px;border-radius:10px;margin-top:12px}\r\n\r\n \/* \u03c0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c3\u03af\u03b1 \u03b1\u03c0\u03cc overlays *\/\r\n #startButton{position:relative;z-index:1}\r\n\r\n @media print{\r\n body{background:#fff}\r\n .btn,.start-wrap{display:none!important}\r\n .card{box-shadow:none;border:0;margin:0;padding:0}\r\n .wrap{padding:0}\r\n @page{margin:12mm}\r\n *, .bar>span{-webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; color-adjust: exact !important;}\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"wrap\">\r\n <div class=\"card start-wrap\" id=\"intro\">\r\n <h1>\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<\/h1>\r\n <button id=\"startButton\" class=\"btn btn-primary\" type=\"button\"\r\n onclick=\"window.__startQuiz && window.__startQuiz()\">\u039e\u03b5\u03ba\u03af\u03bd\u03b1 \u03c4\u03ce\u03c1\u03b1<\/button>\r\n <p class=\"sub\">\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. \u03a4\u03bf \u03b1\u03c0\u03bf\u03c4\u03ad\u03bb\u03b5\u03c3\u03bc\u03b1 \u03b8\u03b1 \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ae\u03c3\u03b5\u03b9 \u03bd\u03b1 \u03ba\u03b1\u03c4\u03b1\u03bb\u03ac\u03b2\u03b5\u03b9\u03c2 \u03b1\u03bd \u03c3\u03bf\u03c5 \u03c4\u03b1\u03b9\u03c1\u03b9\u03ac\u03b6\u03b5\u03b9 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03bf \u03bf \u03c4\u03c1\u03cc\u03c0\u03bf\u03c2 \u03bc\u03ac\u03b8\u03b7\u03c3\u03b7\u03c2 \u03c0\u03bf\u03c5 \u03c0\u03c1\u03bf\u03c4\u03b9\u03bc\u03ac\u03c2.<\/p>\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\">\u0395\u03c0\u03af\u03bb\u03b5\u03be\u03b5 \u03b1\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b7 \u03c3\u03b5 \u03ba\u03ac\u03b8\u03b5 \u03b5\u03c1\u03ce\u03c4\u03b7\u03c3\u03b7.<\/p>\r\n <div id=\"questionsContainer\"><\/div>\r\n <div id=\"progress\" aria-live=\"polite\">\u0391\u03c0\u03b1\u03bd\u03c4\u03ae\u03b8\u03b7\u03ba\u03b1\u03bd 0\/0<\/div>\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 <div id=\"warn\" class=\"warn\" style=\"display:none;\">\u0391\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03c4\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\u03b9 \u03c4\u03bf \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03b5\u03c3\u03bc\u03b1<\/div>\r\n <\/form>\r\n\r\n <div id=\"results\" class=\"card\"><\/div>\r\n <\/div>\r\n\r\n <!-- \u0392\u03ac\u03bb\u03b5 \u03bf\u03c0\u03c9\u03c3\u03b4\u03ae\u03c0\u03bf\u03c4\u03b5 defer \u03b1\u03bd \u03c4\u03bf script \u03c0\u03ac\u03b5\u03b9 \u03c3\u03c4\u03bf head -->\r\n <script defer>\r\n (function(){\r\n \/\/ ======= \u03a0\u03b5\u03c1\u03b9\u03b5\u03c7\u03cc\u03bc\u03b5\u03bd\u03bf (\u0391\u03a0\u0391\u03a1\u0391\u039b\u039b\u0391\u039a\u03a4\u039f) =======\r\n const questions = [\r\n\"\u038c\u03c4\u03b1\u03bd \u03b4\u03b9\u03b1\u03b2\u03ac\u03b6\u03b5\u03b9\u03c2, \u03c0\u03c1\u03bf\u03c4\u03b9\u03bc\u03ac\u03c2 \u03bd\u03b1 \u03ba\u03b1\u03c4\u03b1\u03bb\u03b1\u03b2\u03b1\u03af\u03bd\u03b5\u03b9\u03c2 \u03c0\u03ce\u03c2 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03bf\u03cd\u03bd \u03c4\u03b1 \u03c0\u03c1\u03ac\u03b3\u03bc\u03b1\u03c4\u03b1 \u03c0\u03b1\u03c1\u03ac \u03bd\u03b1 \u03c4\u03b1 \u03b1\u03c0\u03bf\u03bc\u03bd\u03b7\u03bc\u03bf\u03bd\u03b5\u03cd\u03b5\u03b9\u03c2 \u03b1\u03c0\u2019 \u03ad\u03be\u03c9;\",\r\n\"\u039d\u03b9\u03ce\u03b8\u03b5\u03b9\u03c2 \u03cc\u03c4\u03b9 \u03ba\u03b1\u03c4\u03b1\u03bb\u03b1\u03b2\u03b1\u03af\u03bd\u03b5\u03b9\u03c2 \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b1 \u03ad\u03bd\u03b1 \u03bc\u03ac\u03b8\u03b7\u03bc\u03b1 \u03cc\u03c4\u03b1\u03bd \u03c3\u03bf\u03c5 \u03b5\u03be\u03b7\u03b3\u03bf\u03cd\u03bd \u03ba\u03ac\u03c4\u03b9 \u03bc\u03b5 \u03c0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1 \u03ae \u03b5\u03b9\u03ba\u03cc\u03bd\u03b5\u03c2;\",\r\n\"\u038c\u03c4\u03b1\u03bd \u03bc\u03b1\u03b8\u03b1\u03af\u03bd\u03b5\u03b9\u03c2 \u03ba\u03ac\u03c4\u03b9 \u03bd\u03ad\u03bf, \u03c3\u03bf\u03c5 \u03b1\u03c1\u03ad\u03c3\u03b5\u03b9 \u03bd\u03b1 \u03ba\u03ac\u03bd\u03b5\u03b9\u03c2 \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03c8\u03ac\u03c7\u03bd\u03b5\u03b9\u03c2 \u03bc\u03cc\u03bd\u03bf\u03c2\/\u03bc\u03cc\u03bd\u03b7 \u03c3\u03bf\u03c5 \u03c0\u03b1\u03c1\u03b1\u03c0\u03ac\u03bd\u03c9;\",\r\n\"\u0391\u03bd \u03b5\u03af\u03c7\u03b5\u03c2 \u03bd\u03b1 \u03b5\u03c0\u03b9\u03bb\u03ad\u03be\u03b5\u03b9\u03c2: \u03b8\u03b1 \u03c0\u03c1\u03bf\u03c4\u03b9\u03bc\u03bf\u03cd\u03c3\u03b5\u03c2 \u03bd\u03b1 \u03b4\u03ce\u03c3\u03b5\u03b9\u03c2 \u03ad\u03bd\u03b1 (\u03b4\u03b9\u03b1\u03b3\u03ce\u03bd\u03b9\u03c3\u03bc\u03b1) \u03c4\u03b5\u03c3\u03c4 \u03b1\u03c0\u03cc \u03c4\u03bf \u03bd\u03b1 \u03c0\u03b1\u03c1\u03bf\u03c5\u03c3\u03b9\u03ac\u03c3\u03b5\u03b9\u03c2 \u03bc\u03b9\u03b1 \u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1 \u03bc\u03b5 \u03c4\u03b7\u03bd \u03bf\u03bc\u03ac\u03b4\u03b1 \u03c3\u03bf\u03c5;\",\r\n\"\u03a3\u03bf\u03c5 \u03b1\u03c1\u03ad\u03c3\u03b5\u03b9 \u03bd\u03b1 \u03c3\u03c5\u03bc\u03bc\u03b5\u03c4\u03ad\u03c7\u03b5\u03b9\u03c2 \u03c3\u03b5 \u03b4\u03c1\u03b1\u03c3\u03c4\u03b7\u03c1\u03b9\u03cc\u03c4\u03b7\u03c4\u03b5\u03c2 \u03cc\u03c0\u03bf\u03c5 \u03c3\u03c5\u03bd\u03b5\u03c1\u03b3\u03ac\u03b6\u03b5\u03c3\u03c4\u03b5 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c6\u03c4\u03b9\u03ac\u03be\u03b5\u03c4\u03b5 \u03ba\u03ac\u03c4\u03b9 \u03cc\u03bb\u03bf\u03b9 \u03bc\u03b1\u03b6\u03af;\",\r\n\"\u0398\u03c5\u03bc\u03ac\u03c3\u03b1\u03b9 \u03c0\u03b9\u03bf \u03b5\u03cd\u03ba\u03bf\u03bb\u03b1 \u03c0\u03c1\u03ac\u03b3\u03bc\u03b1\u03c4\u03b1 \u03c0\u03bf\u03c5 \u03c4\u03b1 \u03ad\u03c7\u03b5\u03b9\u03c2 \u03b4\u03bf\u03ba\u03b9\u03bc\u03ac\u03c3\u03b5\u03b9 \u03c3\u03c4\u03b7\u03bd \u03c0\u03c1\u03ac\u03be\u03b7;\",\r\n\"\u03a3\u03bf\u03c5 \u03b1\u03c1\u03ad\u03c3\u03b5\u03b9 \u03bd\u03b1 \u03b4\u03bf\u03c5\u03bb\u03b5\u03cd\u03b5\u03b9\u03c2 \u03c3\u03b5 \u03bf\u03bc\u03ac\u03b4\u03b1 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03bb\u03cd\u03c3\u03b5\u03c4\u03b5 \u03ad\u03bd\u03b1 \u03c0\u03c1\u03cc\u03b2\u03bb\u03b7\u03bc\u03b1 \u03ae \u03bd\u03b1 \u03ba\u03ac\u03bd\u03b5\u03c4\u03b5 \u03bc\u03b9\u03b1 \u03c0\u03b1\u03c1\u03bf\u03c5\u03c3\u03af\u03b1\u03c3\u03b7;\",\r\n\"\u03a0\u03c1\u03bf\u03c4\u03b9\u03bc\u03ac\u03c2 \u03bd\u03b1 \u03b2\u03bb\u03ad\u03c0\u03b5\u03b9\u03c2 \u03b2\u03af\u03bd\u03c4\u03b5\u03bf \u03ae \u03bd\u03b1 \u03c0\u03b1\u03c1\u03b1\u03ba\u03bf\u03bb\u03bf\u03c5\u03b8\u03b5\u03af\u03c2 \u03c0\u03b1\u03c1\u03bf\u03c5\u03c3\u03b9\u03ac\u03c3\u03b5\u03b9\u03c2 \u03c0\u03b1\u03c1\u03ac \u03bd\u03b1 \u03b4\u03b9\u03b1\u03b2\u03ac\u03b6\u03b5\u03b9\u03c2 \u03bc\u03cc\u03bd\u03bf\u03c2\/\u03bc\u03cc\u03bd\u03b7 \u03c3\u03bf\u03c5;\",\r\n\"\u039d\u03b9\u03ce\u03b8\u03b5\u03b9\u03c2 \u03cc\u03c4\u03b9 \u03bc\u03b1\u03b8\u03b1\u03af\u03bd\u03b5\u03b9\u03c2 \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b1 \u03cc\u03c4\u03b1\u03bd \u03ba\u03ac\u03bd\u03b5\u03b9\u03c2 \u03ba\u03ac\u03c4\u03b9 \u03bc\u03b5 \u03c4\u03b1 \u03c7\u03ad\u03c1\u03b9\u03b1 \u03c3\u03bf\u03c5;\",\r\n\"\u0398\u03b5\u03c9\u03c1\u03b5\u03af\u03c2 \u03cc\u03c4\u03b9 \u03c3\u03c5\u03b3\u03ba\u03c1\u03b1\u03c4\u03b5\u03af\u03c2 \u03c0\u03b9\u03bf \u03b5\u03cd\u03ba\u03bf\u03bb\u03b1 \u03ba\u03ac\u03c4\u03b9 \u03cc\u03c4\u03b1\u03bd \u03c4\u03bf \u03b4\u03b5\u03b9\u03c2 \u03ae \u03c4\u03bf \u03b2\u03b9\u03ce\u03c3\u03b5\u03b9\u03c2 \u03c0\u03b1\u03c1\u03ac \u03cc\u03c4\u03b1\u03bd \u03c4\u03bf \u03b4\u03b9\u03b1\u03b2\u03ac\u03c3\u03b5\u03b9\u03c2 \u03b1\u03c0\u03bb\u03ac;\",\r\n\"\u0391\u03bd \u03c3\u03bf\u03c5 \u03b6\u03b7\u03c4\u03bf\u03cd\u03c3\u03b1\u03bd \u03bd\u03b1 \u03bc\u03ac\u03b8\u03b5\u03b9\u03c2 \u03ba\u03ac\u03c4\u03b9 \u03bd\u03ad\u03bf, \u03b8\u03b1 \u03c0\u03c1\u03bf\u03c4\u03b9\u03bc\u03bf\u03cd\u03c3\u03b5\u03c2 \u03bd\u03b1 \u03c4\u03bf \u03b4\u03b5\u03b9\u03c2 \u03c3\u03c4\u03b7\u03bd \u03c0\u03c1\u03ac\u03be\u03b7 \u03c0\u03b1\u03c1\u03ac \u03bd\u03b1 \u03c4\u03bf \u03b1\u03ba\u03bf\u03cd\u03c3\u03b5\u03b9\u03c2 \u03b8\u03b5\u03c9\u03c1\u03b7\u03c4\u03b9\u03ba\u03ac;\",\r\n\"\u03a3\u03bf\u03c5 \u03b1\u03c1\u03ad\u03c3\u03b5\u03b9 \u03bd\u03b1 \u03c3\u03c5\u03bc\u03bc\u03b5\u03c4\u03ad\u03c7\u03b5\u03b9\u03c2 \u03c3\u03b5 \u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b5\u03c2 \u03c0\u03bf\u03c5 \u03ad\u03c7\u03bf\u03c5\u03bd \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1 \u03ba\u03b1\u03b9 \u03c3\u03c5\u03bd\u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1;\",\r\n\"\u0398\u03c5\u03bc\u03ac\u03c3\u03b1\u03b9 \u03bc\u03b1\u03b8\u03ae\u03bc\u03b1\u03c4\u03b1 \u03c0\u03bf\u03c5 \u03b5\u03af\u03c7\u03b5\u03c2 \u03c3\u03c5\u03bc\u03bc\u03b5\u03c4\u03ac\u03c3\u03c7\u03b5\u03b9 \u03b5\u03bd\u03b5\u03c1\u03b3\u03ac, \u03c0\u03b1\u03c1\u03ac \u03b5\u03ba\u03b5\u03af\u03bd\u03b1 \u03c0\u03bf\u03c5 \u03ac\u03ba\u03bf\u03c5\u03b3\u03b5\u03c2 \u03c0\u03b1\u03b8\u03b7\u03c4\u03b9\u03ba\u03ac;\",\r\n\"\u03a0\u03b9\u03c3\u03c4\u03b5\u03cd\u03b5\u03b9\u03c2 \u03cc\u03c4\u03b9 \u03bf\u03b9 \u03b5\u03ba\u03c0\u03b1\u03b9\u03b4\u03b5\u03c5\u03c4\u03b9\u03ba\u03ad\u03c2 \u03b5\u03ba\u03b4\u03c1\u03bf\u03bc\u03ad\u03c2 \u03ae \u03c4\u03b1 \u03b2\u03b9\u03c9\u03bc\u03b1\u03c4\u03b9\u03ba\u03ac \u03b5\u03c1\u03b3\u03b1\u03c3\u03c4\u03ae\u03c1\u03b9\u03b1 \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03bf\u03cd\u03bd \u03bd\u03b1 \u03bc\u03b1\u03b8\u03b1\u03af\u03bd\u03b5\u03b9\u03c2 \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b1;\",\r\n\"\u039d\u03b9\u03ce\u03b8\u03b5\u03b9\u03c2 \u03c0\u03b9\u03bf \u03ac\u03bd\u03b5\u03c4\u03b1 \u03cc\u03c4\u03b1\u03bd \u03bc\u03b1\u03b8\u03b1\u03af\u03bd\u03b5\u03b9\u03c2 \u03bc\u03ad\u03c3\u03b1 \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03b5\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b1 \u03ba\u03b1\u03b9 \u03cc\u03c7\u03b9 \u03bc\u03cc\u03bd\u03bf \u03b1\u03c0\u03cc \u03c4\u03b1 \u03b2\u03b9\u03b2\u03bb\u03af\u03b1;\",\r\n];\r\n\r\n \/\/ refs\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 \/\/ fallback \u03b5\u03ba\u03ba\u03b9\u03bd\u03b7\u03c4\u03ae \u03b3\u03b9\u03b1 inline onclick\r\n window.__startQuiz = start;\r\n\r\n \/\/ \u03b1\u03c3\u03c6\u03b1\u03bb\u03ad\u03c2 \u03b4\u03ad\u03c3\u03b9\u03bc\u03bf (\u03b1\u03bd \u03b3\u03b9\u03b1 \u03ba\u03ac\u03c0\u03bf\u03b9\u03bf \u03bb\u03cc\u03b3\u03bf fail\u03ac\u03c1\u03b5\u03b9 \u03c4\u03bf inline)\r\n document.addEventListener('DOMContentLoaded', () => {\r\n if (startButton) startButton.addEventListener('click', start, { once:true });\r\n });\r\n\r\n function start(){\r\n if(!quizForm || !intro){ return; }\r\n quizForm.style.display = 'block';\r\n intro.style.display = 'none';\r\n loadQuestions();\r\n updateProgress();\r\n resultsEl.innerHTML = '';\r\n warnEl.style.display = 'none';\r\n }\r\n\r\n if (btnReset) btnReset.addEventListener('click', resetAnswers);\r\n\r\n function loadQuestions(){\r\n container.innerHTML = '';\r\n questions.forEach((q, i) => {\r\n const qId = `q${i}`;\r\n const card = document.createElement('div');\r\n card.className = 'qcard';\r\n card.innerHTML = `\r\n <div class=\"qtitle\"><strong>${i+1}. ${q}<\/strong><\/div>\r\n <div class=\"scale\">\r\n ${renderChip(qId, '\u039d\u03b1\u03b9', 2)}\r\n ${renderChip(qId, '\u038c\u03c7\u03b9', 0)}\r\n ${renderChip(qId, '\u0394\u03b5\u03bd \u03be\u03ad\u03c1\u03c9', 0)}\r\n <\/div>\r\n `;\r\n container.appendChild(card);\r\n });\r\n\r\n container.addEventListener('change', (e)=>{\r\n if(e.target && e.target.type === 'radio'){\r\n updateProgress();\r\n warnEl.style.display = 'none';\r\n }\r\n }, { passive: true });\r\n }\r\n\r\n function renderChip(name, label, value){\r\n const id = `${name}_${label.replace(\/\\s+\/g,'_')}`;\r\n return `\r\n <label class=\"chip\" for=\"${id}\">\r\n <input id=\"${id}\" type=\"radio\" name=\"${name}\" value=\"${value}\" \/>\r\n <span class=\"box\">${label}<\/span>\r\n <\/label>\r\n `;\r\n }\r\n\r\n function updateProgress(){\r\n const total = questions.length;\r\n const answered = questions.filter((_, i) => document.querySelector(`input[name=\"q${i}\"]:checked`)).length;\r\n progressEl.textContent = `\u0391\u03c0\u03b1\u03bd\u03c4\u03ae\u03b8\u03b7\u03ba\u03b1\u03bd ${answered}\/${total}`;\r\n }\r\n\r\n function resetAnswers(){\r\n container.querySelectorAll('input[type=\"radio\"]').forEach(r => r.checked = false);\r\n updateProgress();\r\n resultsEl.innerHTML = '';\r\n warnEl.style.display = 'none';\r\n }\r\n\r\n quizForm.addEventListener('submit', function(e){\r\n e.preventDefault();\r\n let score = 0;\r\n let answered = 0;\r\n\r\n questions.forEach((_, i) => {\r\n const sel = document.querySelector(`input[name=\"q${i}\"]:checked`);\r\n if(sel){\r\n answered++;\r\n score += parseInt(sel.value, 10);\r\n }\r\n });\r\n\r\n if (answered < questions.length) {\r\n warnEl.style.display = 'block';\r\n resultsEl.innerHTML = '';\r\n return;\r\n }\r\n\r\n const percentage = Math.round((score \/ (questions.length * 2)) * 100);\r\n\r\n const barHTML = `\r\n <div class=\"metric\" aria-label=\"\u03a0\u03bf\u03c3\u03bf\u03c3\u03c4\u03cc \u0398\u03b5\u03c4\u03b9\u03ba\u03ae\u03c2 \u03a3\u03c4\u03ac\u03c3\u03b7\u03c2\">\r\n <div class=\"row\">\r\n <div class=\"label\">\u03a0\u03bf\u03c3\u03bf\u03c3\u03c4\u03cc \u0398\u03b5\u03c4\u03b9\u03ba\u03ae\u03c2 \u03a3\u03c4\u03ac\u03c3\u03b7\u03c2<\/div>\r\n <div class=\"pct\" id=\"pct-val\">${percentage}%<\/div>\r\n <\/div>\r\n <div class=\"bar\" aria-hidden=\"true\"><span id=\"bar-fill\" style=\"width:0%\"><\/span><\/div>\r\n <\/div>\r\n `;\r\n\r\n let message = \"\";\r\n if (percentage > 75) {\r\n message = `\u0394\u03b5\u03af\u03c7\u03bd\u03b5\u03b9\u03c2 \u03cc\u03c4\u03b9 \u03bc\u03b1\u03b8\u03b1\u03af\u03bd\u03b5\u03b9\u03c2 \u03c0\u03b9\u03bf \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03b5\u03c3\u03bc\u03b1\u03c4\u03b9\u03ba\u03ac \u03cc\u03c4\u03b1\u03bd \u03ad\u03c7\u03b5\u03b9\u03c2 \u03b5\u03bd\u03b5\u03c1\u03b3\u03cc \u03c1\u03cc\u03bb\u03bf, \u03b4\u03bf\u03c5\u03bb\u03b5\u03cd\u03b5\u03b9\u03c2 \u03bc\u03b5 \u03c0\u03b1\u03c1\u03b1\u03b4\u03b5\u03af\u03b3\u03bc\u03b1\u03c4\u03b1, \u03ba\u03ac\u03bd\u03b5\u03b9\u03c2 \u03c0\u03c1\u03ac\u03b3\u03bc\u03b1\u03c4\u03b1 \u03c3\u03c4\u03b7\u03bd \u03c0\u03c1\u03ac\u03be\u03b7 \u03ba\u03b1\u03b9 \u03c3\u03c5\u03bc\u03bc\u03b5\u03c4\u03ad\u03c7\u03b5\u03b9\u03c2 \u03c3\u03b5 \u03bf\u03bc\u03b1\u03b4\u03b9\u03ba\u03ad\u03c2 \u03b4\u03c1\u03b1\u03c3\u03c4\u03b7\u03c1\u03b9\u03cc\u03c4\u03b7\u03c4\u03b5\u03c2. \u03a3\u03bf\u03c5 \u03c4\u03b1\u03b9\u03c1\u03b9\u03ac\u03b6\u03b5\u03b9 \u03ad\u03bd\u03b1 \u03c3\u03c7\u03bf\u03bb\u03b9\u03ba\u03cc \u03c0\u03b5\u03c1\u03b9\u03b2\u03ac\u03bb\u03bb\u03bf\u03bd \u03c0\u03bf\u03c5 \u03b4\u03af\u03bd\u03b5\u03b9 \u03ad\u03bc\u03c6\u03b1\u03c3\u03b7 \u03c3\u03c4\u03b7 \u03b2\u03b9\u03c9\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03bc\u03ac\u03b8\u03b7\u03c3\u03b7, \u03c3\u03c4\u03b7\u03bd \u03b1\u03bb\u03bb\u03b7\u03bb\u03b5\u03c0\u03af\u03b4\u03c1\u03b1\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03c3\u03c4\u03b7 \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03af\u03b1. \u038a\u03c3\u03c9\u03c2 \u03b1\u03b9\u03c3\u03b8\u03ac\u03bd\u03b5\u03c3\u03b1\u03b9 \u03c0\u03b9\u03bf \u03ac\u03bd\u03b5\u03c4\u03b1 \u03cc\u03c4\u03b1\u03bd \u03b4\u03b5\u03bd \u03c0\u03b5\u03c1\u03b9\u03bf\u03c1\u03af\u03b6\u03b5\u03c3\u03b1\u03b9 \u03bc\u03cc\u03bd\u03bf \u03c3\u03c4\u03b7 \u03b8\u03b5\u03c9\u03c1\u03af\u03b1 \u03b1\u03bb\u03bb\u03ac \u03b5\u03be\u03b5\u03c1\u03b5\u03c5\u03bd\u03ac\u03c2 \u03c4\u03bf\u03bd \u03ba\u03cc\u03c3\u03bc\u03bf \u03bc\u03b5 \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03bf\u03cd\u03c2 \u03c4\u03c1\u03cc\u03c0\u03bf\u03c5\u03c2.`;\r\n } else if (percentage > 50) {\r\n message = `\u03a6\u03b1\u03af\u03bd\u03b5\u03c4\u03b1\u03b9 \u03cc\u03c4\u03b9 \u03c3\u03b5 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03bc\u03b1\u03b8\u03b1\u03af\u03bd\u03b5\u03b9\u03c2 \u03bc\u03ad\u03c3\u03b1 \u03b1\u03c0\u03cc \u03b4\u03c1\u03b1\u03c3\u03c4\u03b7\u03c1\u03b9\u03cc\u03c4\u03b7\u03c4\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03c0\u03b1\u03c1\u03b1\u03b4\u03b5\u03af\u03b3\u03bc\u03b1\u03c4\u03b1, \u03b1\u03bb\u03bb\u03ac \u03c0\u03b9\u03b8\u03b1\u03bd\u03cc\u03bd \u03bd\u03b1 \u03b5\u03af\u03c3\u03b1\u03b9 \u03ac\u03bd\u03b5\u03c4\u03bf\u03c2 \u03ba\u03b1\u03b9 \u03bc\u03b5 \u03c0\u03b9\u03bf \u03c0\u03b1\u03c1\u03b1\u03b4\u03bf\u03c3\u03b9\u03b1\u03ba\u03ad\u03c2 \u03bc\u03b5\u03b8\u03cc\u03b4\u03bf\u03c5\u03c2 \u03bc\u03ac\u03b8\u03b7\u03c3\u03b7\u03c2. \u0397 \u03b9\u03c3\u03bf\u03c1\u03c1\u03bf\u03c0\u03af\u03b1 \u03b1\u03bd\u03ac\u03bc\u03b5\u03c3\u03b1 \u03c3\u03c4\u03b7 \u03b8\u03b5\u03c9\u03c1\u03af\u03b1 \u03ba\u03b1\u03b9 \u03c4\u03b7\u03bd \u03c0\u03c1\u03ac\u03be\u03b7 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c3\u03b7\u03bc\u03b1\u03bd\u03c4\u03b9\u03ba\u03ae \u03b3\u03b9\u03b1 \u03c3\u03ad\u03bd\u03b1. \u039c\u03c0\u03bf\u03c1\u03b5\u03af\u03c2 \u03bd\u03b1 \u03b1\u03be\u03b9\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03b5\u03b9\u03c2 \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03ac \u03c3\u03c4\u03c5\u03bb \u03bc\u03ac\u03b8\u03b7\u03c3\u03b7\u03c2 \u03b1\u03bd\u03ac\u03bb\u03bf\u03b3\u03b1 \u03bc\u03b5 \u03c4\u03bf \u03bc\u03ac\u03b8\u03b7\u03bc\u03b1 \u03ae \u03c4\u03b7\u03bd \u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7.`;\r\n } else {\r\n message = `\u038a\u03c3\u03c9\u03c2 \u03bd\u03b9\u03ce\u03b8\u03b5\u03b9\u03c2 \u03c0\u03b9\u03bf \u03ac\u03bd\u03b5\u03c4\u03b1 \u03bc\u03b5 \u03c4\u03b7 \u03b8\u03b5\u03c9\u03c1\u03b7\u03c4\u03b9\u03ba\u03ae \u03bc\u03b5\u03bb\u03ad\u03c4\u03b7, \u03c4\u03b1 \u03b4\u03b9\u03b1\u03b3\u03c9\u03bd\u03af\u03c3\u03bc\u03b1\u03c4\u03b1 \u03ba\u03b1\u03b9 \u03c4\u03b9\u03c2 \u03b1\u03c4\u03bf\u03bc\u03b9\u03ba\u03ad\u03c2 \u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b5\u03c2. \u0397 \u03b1\u03c5\u03c4\u03bf\u03bd\u03bf\u03bc\u03af\u03b1 \u03ba\u03b1\u03b9 \u03b7 \u03c3\u03c5\u03b3\u03ba\u03ad\u03bd\u03c4\u03c1\u03c9\u03c3\u03b7 \u03bc\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c4\u03b1 \u03b4\u03c5\u03bd\u03b1\u03c4\u03ac \u03c3\u03bf\u03c5 \u03c3\u03b7\u03bc\u03b5\u03af\u03b1. \u0391\u03bd \u03ba\u03b1\u03b9 \u03bc\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03bc\u03b7 \u03c3\u03b5 \u03b5\u03bb\u03ba\u03cd\u03b5\u03b9 \u03c4\u03cc\u03c3\u03bf \u03b7 \u03bf\u03bc\u03b1\u03b4\u03b9\u03ba\u03ae \u03b4\u03bf\u03c5\u03bb\u03b5\u03b9\u03ac \u03ae \u03bf\u03b9 \u03b4\u03c1\u03b1\u03c3\u03c4\u03b7\u03c1\u03b9\u03cc\u03c4\u03b7\u03c4\u03b5\u03c2 \u03c3\u03c4\u03b7\u03bd \u03c0\u03c1\u03ac\u03be\u03b7, \u03b5\u03af\u03bd\u03b1\u03b9 \u03ba\u03b1\u03bb\u03cc \u03bd\u03b1 \u03b4\u03bf\u03ba\u03b9\u03bc\u03ac\u03b6\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 \u03ac\u03bb\u03bb\u03b5\u03c2 \u03bc\u03b5\u03b8\u03cc\u03b4\u03bf\u03c5\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b1\u03bd\u03b1\u03ba\u03b1\u03bb\u03cd\u03c8\u03b5\u03b9\u03c2 \u03c4\u03b9 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b5\u03af \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b1 \u03b3\u03b9\u03b1 \u03c3\u03ad\u03bd\u03b1.`;\r\n }\r\n\r\n resultsEl.innerHTML = `\r\n <h2>\u0391\u03c0\u03bf\u03c4\u03ad\u03bb\u03b5\u03c3\u03bc\u03b1<\/h2>\r\n <h3 style=\"margin-top:0\">\u03a0\u03bf\u03c3\u03bf\u03c3\u03c4\u03cc \u0398\u03b5\u03c4\u03b9\u03ba\u03ae\u03c2 \u03a3\u03c4\u03ac\u03c3\u03b7\u03c2: ${percentage}%<\/h3>\r\n ${barHTML}\r\n <p><strong>\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;<\/strong><\/p>\r\n <p>${message}<\/p>\r\n `;\r\n\r\n requestAnimationFrame(()=>{\r\n const fill = document.getElementById('bar-fill');\r\n if(fill){ fill.style.width = percentage + '%'; }\r\n });\r\n const pctVal = document.getElementById('pct-val');\r\n if(pctVal){ pctVal.textContent = percentage + '%'; }\r\n });\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\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":1,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=\/wp\/v2\/posts\/134107\/revisions"}],"predecessor-version":[{"id":149035,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=\/wp\/v2\/posts\/134107\/revisions\/149035"}],"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}]}}