{"id":1845,"date":"2025-10-30T05:21:05","date_gmt":"2025-10-30T05:21:05","guid":{"rendered":"https:\/\/gkanamaria.sites.sch.gr\/?p=1845"},"modified":"2025-10-30T21:15:53","modified_gmt":"2025-10-30T21:15:53","slug":"escape-room","status":"publish","type":"post","link":"https:\/\/gkanamaria.sites.sch.gr\/?p=1845","title":{"rendered":"escape room"},"content":{"rendered":"\n<style>\n  \/* \u0393\u03b5\u03bd\u03b9\u03ba\u03cc \u03a3\u03c4\u03c5\u03bb Escape Room *\/\n  .escape-room-container {\n    max-width: 800px;\n    margin: 20px auto;\n    padding: 25px;\n    border: 3px solid #6c63ff;\n    border-radius: 12px;\n    background-color: #f7f7ff;\n    font-family: Arial, sans-serif;\n  }\n  \n  \/* \u03a3\u03c4\u03c5\u03bb \u0395\u03c1\u03b3\u03b1\u03bb\u03b5\u03af\u03bf\u03c5 \u039a\u03c1\u03c5\u03c0\u03c4\u03bf\u03b3\u03c1\u03ac\u03c6\u03b7\u03c3\u03b7\u03c2 *\/\n  .cryptogram-tool {\n    margin-bottom: 40px;\n    padding: 20px;\n    border: 2px dashed #4CAF50;\n    border-radius: 8px;\n    background-color: #e6ffe6;\n  }\n  .cryptogram-tool h3 {\n    color: #4CAF50;\n    margin-top: 0;\n  }\n  .control-group {\n    margin-bottom: 15px;\n  }\n  .control-group label {\n    display: block;\n    font-weight: bold;\n    margin-bottom: 5px;\n  }\n  .cryptogram-output {\n    margin-top: 15px;\n    padding: 10px;\n    border: 1px solid #ccc;\n    background-color: #fff;\n    min-height: 40px;\n    white-space: pre-wrap; \/* \u0394\u03b9\u03b1\u03c4\u03b7\u03c1\u03b5\u03af \u03c4\u03b9\u03c2 \u03b1\u03bb\u03bb\u03b1\u03b3\u03ad\u03c2 \u03b3\u03c1\u03b1\u03bc\u03bc\u03ae\u03c2 *\/\n    word-break: break-all;\n  }\n  .full-width-input {\n    width: 100%;\n    padding: 10px;\n    box-sizing: border-box;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n  }\n\n  \/* \u03a3\u03c4\u03c5\u03bb Escape Room (\u03af\u03b4\u03b9\u03bf \u03bc\u03b5 \u03c0\u03c1\u03b9\u03bd) *\/\n  .riddle-section {\n    margin-bottom: 30px;\n    padding: 20px;\n    border: 1px solid #ddd;\n    border-radius: 8px;\n    background-color: #fff;\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);\n  }\n  .riddle-section h3 {\n    color: #6c63ff;\n    border-bottom: 2px solid #6c63ff;\n    padding-bottom: 5px;\n    margin-top: 0;\n  }\n  .riddle-input-group {\n    display: flex;\n    align-items: center;\n    margin-top: 15px;\n  }\n  .riddle-input-group input[type=\"text\"] {\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    flex-grow: 1;\n    font-size: 1em;\n    max-width: 150px;\n    text-transform: uppercase;\n    text-align: center;\n  }\n  .riddle-input-group button {\n    padding: 10px 20px;\n    background-color: #6c63ff;\n    color: white;\n    border: none;\n    border-radius: 4px;\n    cursor: pointer;\n    margin-left: 10px;\n    transition: background-color 0.3s;\n  }\n  .riddle-input-group button:hover {\n    background-color: #524ccb;\n  }\n  .riddle-status {\n    margin-top: 10px;\n    font-weight: bold;\n    min-height: 20px;\n  }\n  .correct { color: #4CAF50; }\n  .incorrect { color: #f44336; }\n\n  \/* \u03a4\u03b5\u03bb\u03b9\u03ba\u03ae \u039f\u03b8\u03cc\u03bd\u03b7 *\/\n  #finalScreen {\n    text-align: center;\n    padding: 40px;\n    background-color: #e6ffe6;\n    border: 2px dashed #4CAF50;\n    border-radius: 8px;\n  }\n  #finalCode {\n    font-size: 2.5em;\n    font-weight: bold;\n    color: #333;\n    margin-top: 15px;\n    letter-spacing: 5px;\n  }\n\n  \/* \u0391\u03c0\u03cc\u03ba\u03c1\u03c5\u03c8\u03b7 \u03b3\u03c1\u03af\u03c6\u03c9\u03bd \u03c3\u03c4\u03b7\u03bd \u03b1\u03c1\u03c7\u03ae *\/\n  .hidden {\n    display: none;\n  }\n<\/style>\n\n<div class=\"escape-room-container\">\n  \n  <div class=\"cryptogram-tool\">\n    <h3>\ud83d\udd2c \u0395\u03c1\u03b3\u03b1\u03c3\u03c4\u03ae\u03c1\u03b9\u03bf \u039a\u03c1\u03c5\u03c0\u03c4\u03bf\u03b3\u03c1\u03ac\u03c6\u03b7\u03c3\u03b7\u03c2 \u039a\u03b1\u03af\u03c3\u03b1\u03c1\u03b1<\/h3>\n    <p>\u03a7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03c4\u03b5 \u03b1\u03c5\u03c4\u03cc \u03c4\u03bf \u03b5\u03c1\u03b3\u03b1\u03bb\u03b5\u03af\u03bf \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b4\u03bf\u03ba\u03b9\u03bc\u03ac\u03c3\u03b5\u03c4\u03b5 \u03c4\u03bf\u03bd \u039a\u03ce\u03b4\u03b9\u03ba\u03b1 \u03c4\u03bf\u03c5 \u039a\u03b1\u03af\u03c3\u03b1\u03c1\u03b1. \u0395\u03c0\u03b9\u03bb\u03ad\u03be\u03c4\u03b5 \u03b3\u03bb\u03ce\u03c3\u03c3\u03b1, \u03bf\u03c1\u03af\u03c3\u03c4\u03b5 \u03c4\u03bf \u03ba\u03bb\u03b5\u03b9\u03b4\u03af (Shift Key) \u03ba\u03b1\u03b9 \u03b3\u03c1\u03ac\u03c8\u03c4\u03b5 \u03c4\u03bf \u03bc\u03ae\u03bd\u03c5\u03bc\u03ac \u03c3\u03b1\u03c2.<\/p>\n    \n    <div class=\"control-group\">\n      <label for=\"alphabetSelect\">1. \u0395\u03c0\u03b9\u03bb\u03bf\u03b3\u03ae \u0391\u03bb\u03c6\u03b1\u03b2\u03ae\u03c4\u03bf\u03c5:<\/label>\n      <select id=\"alphabetSelect\" class=\"full-width-input\" onchange=\"performCipher()\">\n        <option value=\"greek\">\u0395\u03bb\u03bb\u03b7\u03bd\u03b9\u03ba\u03cc (\u0391-\u03a9, 24 \u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03b1)<\/option>\n        <option value=\"english\">\u0391\u03b3\u03b3\u03bb\u03b9\u03ba\u03cc (A-Z, 26 \u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03b1)<\/option>\n      <\/select>\n    <\/div>\n    \n    <div class=\"control-group\">\n      <label for=\"shiftKey\">2. \u039a\u03bb\u03b5\u03b9\u03b4\u03af \u039c\u03b5\u03c4\u03b1\u03c4\u03cc\u03c0\u03b9\u03c3\u03b7\u03c2 (Shift Key):<\/label>\n      <input type=\"number\" id=\"shiftKey\" class=\"full-width-input\" value=\"3\" min=\"-25\" max=\"25\" oninput=\"performCipher()\">\n      <small>\u0398\u03b5\u03c4\u03b9\u03ba\u03cc\u03c2 \u03b1\u03c1\u03b9\u03b8\u03bc\u03cc\u03c2 \u03b3\u03b9\u03b1 \u03ba\u03c1\u03c5\u03c0\u03c4\u03bf\u03b3\u03c1\u03ac\u03c6\u03b7\u03c3\u03b7, \u03b1\u03c1\u03bd\u03b7\u03c4\u03b9\u03ba\u03cc\u03c2 \u03b3\u03b9\u03b1 \u03b1\u03c0\u03bf\u03ba\u03c1\u03c5\u03c0\u03c4\u03bf\u03b3\u03c1\u03ac\u03c6\u03b7\u03c3\u03b7.<\/small>\n    <\/div>\n    \n    <div class=\"control-group\">\n      <label for=\"plainText\">3. \u03a0\u03c1\u03c9\u03c4\u03cc\u03c4\u03c5\u03c0\u03bf \u039c\u03ae\u03bd\u03c5\u03bc\u03b1 (Plain Text):<\/label>\n      <textarea id=\"plainText\" class=\"full-width-input\" rows=\"3\" oninput=\"performCipher()\" placeholder=\"\u0393\u03c1\u03ac\u03c8\u03c4\u03b5 \u03b5\u03b4\u03ce \u03c4\u03bf \u03bc\u03ae\u03bd\u03c5\u03bc\u03b1...\">THE QUESTION IS HERE<\/textarea>\n    <\/div>\n    \n    <div class=\"control-group\">\n      <label>4. \u039a\u03c1\u03c5\u03c0\u03c4\u03bf\u03b3\u03c1\u03b1\u03c6\u03b7\u03bc\u03ad\u03bd\u03bf \u039c\u03ae\u03bd\u03c5\u03bc\u03b1 (Cipher Text):<\/label>\n      <div id=\"cipherText\" class=\"cryptogram-output\"><\/div>\n    <\/div>\n  <\/div>\n  \n  <hr>\n  \n  <h2>\ud83d\udd11 \u0397 \u0391\u03c0\u03bf\u03c3\u03c4\u03bf\u03bb\u03ae \u03c4\u03bf\u03c5 \u039a\u03c1\u03c5\u03c6\u03bf\u03cd \u039a\u03bb\u03b5\u03b9\u03b4\u03b9\u03bf\u03cd<\/h2>\n  <p>\u0395\u03af\u03c3\u03c4\u03b5 \u03bc\u03b9\u03b1 \u03bf\u03bc\u03ac\u03b4\u03b1 \u03ba\u03c5\u03b2\u03b5\u03c1\u03bd\u03bf\u03b1\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1\u03c2. \u0392\u03c1\u03b5\u03af\u03c4\u03b5 \u03c4\u03bf\u03bd **\u039a\u03c1\u03c5\u03c0\u03c4\u03bf\u03b3\u03c1\u03b1\u03c6\u03b9\u03ba\u03cc \u039a\u03c9\u03b4\u03b9\u03ba\u03cc \u0391\u03c3\u03c6\u03b1\u03bb\u03b5\u03af\u03b1\u03c2 (Security Key)** \u03c3\u03c5\u03bd\u03b4\u03ad\u03bf\u03bd\u03c4\u03b1\u03c2 \u03c4\u03bf\u03c5\u03c2 \u03c4\u03c1\u03b5\u03b9\u03c2 \u03ba\u03c9\u03b4\u03b9\u03ba\u03bf\u03cd\u03c2 \u03b5\u03be\u03cc\u03b4\u03bf\u03c5, \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c3\u03ce\u03c3\u03b5\u03c4\u03b5 \u03c4\u03b7\u03bd \u03b1\u03c0\u03bf\u03c3\u03c4\u03bf\u03bb\u03ae \u03c4\u03bf\u03c5 \u0392\u03b1\u03c3\u03af\u03bb\u03b7!<\/p>\n  \n  <hr>\n\n  <div class=\"riddle-section\" id=\"riddle1\">\n    <h3>1. \u0393\u03c1\u03af\u03c6\u03bf\u03c2: \u039f \u039a\u03ce\u03b4\u03b9\u03ba\u03b1\u03c2 \u03c4\u03bf\u03c5 \u039a\u03b1\u03af\u03c3\u03b1\u03c1\u03b1<\/h3>\n    <p>\u0397 \u03bf\u03bc\u03ac\u03b4\u03b1 \u03b2\u03c1\u03af\u03c3\u03ba\u03b5\u03b9 \u03c4\u03bf \u03b1\u03c1\u03c7\u03b1\u03af\u03bf \u03ba\u03c1\u03c5\u03c0\u03c4\u03bf\u03b3\u03c1\u03b1\u03c6\u03b7\u03bc\u03ad\u03bd\u03bf \u03bc\u03ae\u03bd\u03c5\u03bc\u03b1:<\/p>\n    <blockquote>\n      <strong>\u039a\u03c1\u03c5\u03c0\u03c4\u03bf\u03b3\u03c1\u03b1\u03c6\u03b7\u03bc\u03ad\u03bd\u03bf \u039c\u03ae\u03bd\u03c5\u03bc\u03b1:<\/strong> $T H V R H D L Q J V D U H K H U H$\n    <\/blockquote>\n    <p>\u0391\u03c0\u03bf\u03ba\u03c1\u03c5\u03c0\u03c4\u03bf\u03b3\u03c1\u03b1\u03c6\u03ae\u03c3\u03c4\u03b5 \u03c4\u03bf \u03bc\u03ae\u03bd\u03c5\u03bc\u03b1 (\u039a\u03bb\u03b5\u03b9\u03b4\u03af = 3) \u03ba\u03b1\u03b9 \u03b4\u03ce\u03c3\u03c4\u03b5 \u03c4\u03bf\u03bd \u03b1\u03c1\u03b9\u03b8\u03bc\u03cc \u03c4\u03bf\u03c5 **\u039a\u03bb\u03b5\u03b9\u03b4\u03b9\u03bf\u03cd \u039f\u03bb\u03af\u03c3\u03b8\u03b7\u03c3\u03b7\u03c2** \u03c0\u03bf\u03c5 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03ae\u03b8\u03b7\u03ba\u03b5.<\/p>\n    \n    <div class=\"riddle-input-group\">\n      <input type=\"text\" id=\"answer1\" placeholder=\"\u039a\u03bb\u03b5\u03b9\u03b4\u03af\">\n      <button onclick=\"checkAnswer(1, '3')\">\u03a5\u03c0\u03bf\u03b2\u03bf\u03bb\u03ae<\/button>\n    <\/div>\n    <div id=\"status1\" class=\"riddle-status\"><\/div>\n  <\/div>\n\n  <div class=\"riddle-section hidden\" id=\"riddle2\">\n    <h3>2. \u0393\u03c1\u03af\u03c6\u03bf\u03c2: \u0397 \u0391\u03b4\u03c5\u03bd\u03b1\u03bc\u03af\u03b1 \u03c4\u03b7\u03c2 \u03a3\u03c5\u03c7\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2<\/h3>\n    <p>\u0392\u03c1\u03ad\u03b8\u03b7\u03ba\u03b5 \u03ad\u03bd\u03b1 \u03c0\u03b9\u03bf \u03bc\u03b1\u03ba\u03c1\u03cd \u03ba\u03b5\u03af\u03bc\u03b5\u03bd\u03bf, \u03ba\u03c1\u03c5\u03c0\u03c4\u03bf\u03b3\u03c1\u03b1\u03c6\u03b7\u03bc\u03ad\u03bd\u03bf \u03bc\u03b5 \u03ac\u03b3\u03bd\u03c9\u03c3\u03c4\u03bf \u03ba\u03bb\u03b5\u03b9\u03b4\u03af.<\/p>\n    <blockquote>\n      <strong>\u039a\u03c1\u03c5\u03c0\u03c4\u03bf\u03b3\u03c1\u03b1\u03c6\u03b7\u03bc\u03ad\u03bd\u03bf \u039c\u03ae\u03bd\u03c5\u03bc\u03b1:<\/strong> &#8220;$Y Q T J Y Q G K Y Q T F Y Q T P Q J T J Y$&#8221;\n    <\/blockquote>\n    <p>\u039c\u03b5 **\u03c3\u03c4\u03b1\u03c4\u03b9\u03c3\u03c4\u03b9\u03ba\u03ae \u03b1\u03bd\u03ac\u03bb\u03c5\u03c3\u03b7**, \u03b2\u03c1\u03af\u03c3\u03ba\u03bf\u03c5\u03bc\u03b5 \u03cc\u03c4\u03b9 \u03c4\u03bf \u03c0\u03b9\u03bf \u03c3\u03c5\u03c7\u03bd\u03cc \u03b3\u03c1\u03ac\u03bc\u03bc\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c4\u03bf **Q**. \u0391\u03bd \u03c5\u03c0\u03bf\u03b8\u03ad\u03c3\u03bf\u03c5\u03bc\u03b5 \u03cc\u03c4\u03b9 \u03c4\u03bf **Q** \u03b1\u03bd\u03c4\u03b9\u03c3\u03c4\u03bf\u03b9\u03c7\u03b5\u03af \u03c3\u03c4\u03bf \u03c0\u03b9\u03bf \u03c3\u03c5\u03c7\u03bd\u03cc \u03b3\u03c1\u03ac\u03bc\u03bc\u03b1 \u03c4\u03b7\u03c2 \u03b1\u03b3\u03b3\u03bb\u03b9\u03ba\u03ae\u03c2 (\u03c4\u03bf **E**), \u03c0\u03bf\u03b9\u03bf \u03b5\u03af\u03bd\u03b1\u03b9 \u03c4\u03bf **\u039a\u03bb\u03b5\u03b9\u03b4\u03af \u039f\u03bb\u03af\u03c3\u03b8\u03b7\u03c3\u03b7\u03c2** (\u03bf \u03b1\u03c1\u03b9\u03b8\u03bc\u03cc\u03c2) \u03c0\u03bf\u03c5 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03ae\u03b8\u03b7\u03ba\u03b5;<\/p>\n    \n    <div class=\"riddle-input-group\">\n      <input type=\"text\" id=\"answer2\" placeholder=\"\u039a\u03bb\u03b5\u03b9\u03b4\u03af\">\n      <button onclick=\"checkAnswer(2, '12')\">\u03a5\u03c0\u03bf\u03b2\u03bf\u03bb\u03ae<\/button>\n    <\/div>\n    <div id=\"status2\" class=\"riddle-status\"><\/div>\n  <\/div>\n  \n  <div class=\"riddle-section hidden\" id=\"riddle3\">\n    <h3>3. \u0393\u03c1\u03af\u03c6\u03bf\u03c2: \u0397 \u0394\u03cd\u03bd\u03b1\u03bc\u03b7 \u03c4\u03b7\u03c2 PKE<\/h3>\n    <p>\u03a4\u03ce\u03c1\u03b1 \u03be\u03ad\u03c1\u03b5\u03c4\u03b5 \u03b3\u03b9\u03b1\u03c4\u03af \u03c7\u03c1\u03b5\u03b9\u03b1\u03b6\u03cc\u03bc\u03b1\u03c3\u03c4\u03b5 \u03c4\u03b7\u03bd \u0391\u03c3\u03cd\u03bc\u03bc\u03b5\u03c4\u03c1\u03b7 \u039a\u03c1\u03c5\u03c0\u03c4\u03bf\u03b3\u03c1\u03b1\u03c6\u03af\u03b1 (PKE). \u0395\u03ac\u03bd \u03b7 **\u0391\u03bb\u03af\u03ba\u03b7** (\u03a0\u03bf\u03bc\u03c0\u03cc\u03c2) \u03b8\u03ad\u03bb\u03b5\u03b9 \u03bd\u03b1 \u03c3\u03c4\u03b5\u03af\u03bb\u03b5\u03b9 \u03ad\u03bd\u03b1 \u03bc\u03ae\u03bd\u03c5\u03bc\u03b1 **\u03b5\u03bc\u03c0\u03b9\u03c3\u03c4\u03b5\u03c5\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2** \u03c3\u03c4\u03bf\u03bd **\u0392\u03b1\u03c3\u03af\u03bb\u03b7** (\u0394\u03ad\u03ba\u03c4\u03b7), \u03c0\u03bf\u03b9\u03bf \u03ba\u03bb\u03b5\u03b9\u03b4\u03af \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03b5\u03af \u03b3\u03b9\u03b1 \u03bd\u03b1 **\u03ba\u03c1\u03c5\u03c0\u03c4\u03bf\u03b3\u03c1\u03b1\u03c6\u03ae\u03c3\u03b5\u03b9** \u03c4\u03bf \u03bc\u03ae\u03bd\u03c5\u03bc\u03b1;<\/p>\n    \n    <ol>\n      <li>\u03a4\u03bf **\u03b9\u03b4\u03b9\u03c9\u03c4\u03b9\u03ba\u03cc** \u03ba\u03bb\u03b5\u03b9\u03b4\u03af \u03c4\u03b7\u03c2 \u0391\u03bb\u03af\u03ba\u03b7\u03c2.<\/li>\n      <li>\u03a4\u03bf **\u03b4\u03b7\u03bc\u03cc\u03c3\u03b9\u03bf** \u03ba\u03bb\u03b5\u03b9\u03b4\u03af \u03c4\u03b7\u03c2 \u0391\u03bb\u03af\u03ba\u03b7\u03c2.<\/li>\n      <li>\u03a4\u03bf **\u03b4\u03b7\u03bc\u03cc\u03c3\u03b9\u03bf** \u03ba\u03bb\u03b5\u03b9\u03b4\u03af \u03c4\u03bf\u03c5 \u0392\u03b1\u03c3\u03af\u03bb\u03b7.<\/li>\n      <li>\u03a4\u03bf **\u03b9\u03b4\u03b9\u03c9\u03c4\u03b9\u03ba\u03cc** \u03ba\u03bb\u03b5\u03b9\u03b4\u03af \u03c4\u03bf\u03c5 \u0392\u03b1\u03c3\u03af\u03bb\u03b7.<\/li>\n    <\/ol>\n    <p>\u0394\u03ce\u03c3\u03c4\u03b5 \u03c4\u03bf\u03bd **\u03b1\u03c1\u03b9\u03b8\u03bc\u03cc** \u03c4\u03b7\u03c2 \u03c3\u03c9\u03c3\u03c4\u03ae\u03c2 \u03b5\u03c0\u03b9\u03bb\u03bf\u03b3\u03ae\u03c2 (\u03bf \u039a\u03c9\u03b4\u03b9\u03ba\u03cc\u03c2 \u0395\u03be\u03cc\u03b4\u03bf\u03c5 3).<\/p>\n    \n    <div class=\"riddle-input-group\">\n      <input type=\"text\" id=\"answer3\" placeholder=\"\u0391\u03c1\u03b9\u03b8\u03bc\u03cc\u03c2 \u0395\u03c0\u03b9\u03bb\u03bf\u03b3\u03ae\u03c2\">\n      <button onclick=\"checkAnswer(3, '3')\">\u03a5\u03c0\u03bf\u03b2\u03bf\u03bb\u03ae<\/button>\n    <\/div>\n    <div id=\"status3\" class=\"riddle-status\"><\/div>\n  <\/div>\n\n  <div class=\"hidden\" id=\"finalScreen\">\n    <h3>\ud83c\udfc6 \u03a3\u03a5\u0393\u03a7\u0391\u03a1\u0397\u03a4\u0397\u03a1\u0399\u0391! \u0397 \u0391\u03c0\u03bf\u03c3\u03c4\u03bf\u03bb\u03ae \u039f\u03bb\u03bf\u03ba\u03bb\u03b7\u03c1\u03ce\u03b8\u03b7\u03ba\u03b5!<\/h3>\n    <p>\u0392\u03c1\u03ae\u03ba\u03b1\u03c4\u03b5 \u03c4\u03bf\u03c5\u03c2 \u03c4\u03c1\u03b5\u03b9\u03c2 \u03ba\u03c9\u03b4\u03b9\u03ba\u03bf\u03cd\u03c2 \u03b5\u03be\u03cc\u03b4\u03bf\u03c5. \u03a3\u03c5\u03bd\u03b4\u03ad\u03c3\u03c4\u03b5 \u03c4\u03bf\u03c5\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c3\u03c7\u03b7\u03bc\u03b1\u03c4\u03af\u03c3\u03b5\u03c4\u03b5 \u03c4\u03bf\u03bd **\u03a4\u03b5\u03bb\u03b9\u03ba\u03cc \u039a\u03c1\u03c5\u03c0\u03c4\u03bf\u03b3\u03c1\u03b1\u03c6\u03b9\u03ba\u03cc \u039a\u03c9\u03b4\u03b9\u03ba\u03cc \u0391\u03c3\u03c6\u03b1\u03bb\u03b5\u03af\u03b1\u03c2**.<\/p>\n    <div id=\"finalCode\"><\/div>\n  <\/div>\n<\/div>\n\n<script>\n  \/\/ \u039f\u03c1\u03b9\u03c3\u03bc\u03cc\u03c2 \u03b1\u03bb\u03c6\u03b1\u03b2\u03ae\u03c4\u03c9\u03bd\n  const GREEK_ALPHABET = '\u0391\u0392\u0393\u0394\u0395\u0396\u0397\u0398\u0399\u039a\u039b\u039c\u039d\u039e\u039f\u03a0\u03a1\u03a3\u03a4\u03a5\u03a6\u03a7\u03a8\u03a9'; \/\/ 24 \u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03b1\n  const ENGLISH_ALPHABET = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'; \/\/ 26 \u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03b1\n  \n  let finalCodeParts = {};\n\n  \/\/ \u039a\u03cd\u03c1\u03b9\u03b1 \u03c3\u03c5\u03bd\u03ac\u03c1\u03c4\u03b7\u03c3\u03b7 \u03ba\u03c1\u03c5\u03c0\u03c4\u03bf\u03b3\u03c1\u03ac\u03c6\u03b7\u03c3\u03b7\u03c2\/\u03b1\u03c0\u03bf\u03ba\u03c1\u03c5\u03c0\u03c4\u03bf\u03b3\u03c1\u03ac\u03c6\u03b7\u03c3\u03b7\u03c2\n  function performCipher() {\n    const alphabetType = document.getElementById('alphabetSelect').value;\n    let shiftKey = parseInt(document.getElementById('shiftKey').value) || 0;\n    const plainText = document.getElementById('plainText').value.toUpperCase();\n    const outputElement = document.getElementById('cipherText');\n    \n    const ALPHABET = alphabetType === 'greek' ? GREEK_ALPHABET : ENGLISH_ALPHABET;\n    const M = ALPHABET.length;\n    \n    \/\/ \u0395\u03be\u03b1\u03c3\u03c6\u03ac\u03bb\u03b9\u03c3\u03b7 \u03cc\u03c4\u03b9 \u03c4\u03bf \u03ba\u03bb\u03b5\u03b9\u03b4\u03af \u03b5\u03af\u03bd\u03b1\u03b9 \u03b5\u03bd\u03c4\u03cc\u03c2 \u03bf\u03c1\u03af\u03c9\u03bd [0, M-1]\n    shiftKey = (shiftKey % M + M) % M;\n    \n    let cipherText = '';\n    \n    for (let i = 0; i < plainText.length; i++) {\n      const char = plainText[i];\n      const index = ALPHABET.indexOf(char);\n      \n      if (index === -1) {\n        \/\/ \u0394\u03b9\u03b1\u03c4\u03ae\u03c1\u03b7\u03c3\u03b7 \u03bc\u03b7 \u03b1\u03bb\u03c6\u03b1\u03b2\u03b7\u03c4\u03b9\u03ba\u03ce\u03bd \u03c7\u03b1\u03c1\u03b1\u03ba\u03c4\u03ae\u03c1\u03c9\u03bd (\u03b1\u03c1\u03b9\u03b8\u03bc\u03bf\u03af, \u03ba\u03b5\u03bd\u03ac, \u03c3\u03b7\u03bc\u03b5\u03af\u03b1 \u03c3\u03c4\u03af\u03be\u03b7\u03c2)\n        cipherText += char;\n      } else {\n        \/\/ \u03a5\u03c0\u03bf\u03bb\u03bf\u03b3\u03b9\u03c3\u03bc\u03cc\u03c2 \u03bd\u03ad\u03b1\u03c2 \u03b8\u03ad\u03c3\u03b7\u03c2: (original_index + shift) mod M\n        const newIndex = (index + shiftKey) % M;\n        cipherText += ALPHABET[newIndex];\n      }\n    }\n    \n    outputElement.textContent = cipherText;\n  }\n  \n  \/\/ \u03a3\u03c5\u03bd\u03ac\u03c1\u03c4\u03b7\u03c3\u03b7 \u03b5\u03bb\u03ad\u03b3\u03c7\u03bf\u03c5 \u03b1\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b7\u03c2 Escape Room (\u03af\u03b4\u03b9\u03b1 \u03bc\u03b5 \u03c0\u03c1\u03b9\u03bd)\n  function checkAnswer(riddleNumber, correctAnswer) {\n    const inputElement = document.getElementById(`answer${riddleNumber}`);\n    const statusElement = document.getElementById(`status${riddleNumber}`);\n    const nextRiddleElement = document.getElementById(`riddle${riddleNumber + 1}`);\n    const currentRiddleElement = document.getElementById(`riddle${riddleNumber}`);\n    const finalScreenElement = document.getElementById('finalScreen');\n    \n    const userAnswer = inputElement.value.toUpperCase().trim();\n    \n    if (userAnswer === correctAnswer) {\n      statusElement.textContent = '\u2705 \u03a3\u03c9\u03c3\u03c4\u03cc! \u039f \u039a\u03c9\u03b4\u03b9\u03ba\u03cc\u03c2 \u0395\u03be\u03cc\u03b4\u03bf\u03c5 \u03b2\u03c1\u03ad\u03b8\u03b7\u03ba\u03b5.';\n      statusElement.className = 'riddle-status correct';\n      \n      finalCodeParts[`riddle${riddleNumber}`] = userAnswer;\n      \n      inputElement.disabled = true;\n      currentRiddleElement.querySelector('button').disabled = true;\n      \n      if (nextRiddleElement) {\n        nextRiddleElement.classList.remove('hidden');\n        setTimeout(() => nextRiddleElement.scrollIntoView({ behavior: 'smooth' }), 300);\n      } else {\n        const code1 = finalCodeParts.riddle1 || '';\n        const code2 = finalCodeParts.riddle2 || '';\n        const code3 = finalCodeParts.riddle3 || '';\n        const finalCode = code1 + code2 + code3; \/\/ 3123\n        \n        document.getElementById('finalCode').textContent = finalCode;\n        \n        currentRiddleElement.classList.add('hidden');\n        finalScreenElement.classList.remove('hidden');\n        \n        setTimeout(() => finalScreenElement.scrollIntoView({ behavior: 'smooth' }), 300);\n      }\n    } else {\n      statusElement.textContent = '\u274c \u039b\u03ac\u03b8\u03bf\u03c2 \u03ba\u03c9\u03b4\u03b9\u03ba\u03cc\u03c2. \u0394\u03bf\u03ba\u03b9\u03bc\u03ac\u03c3\u03c4\u03b5 \u03be\u03b1\u03bd\u03ac \u03ae \u03c3\u03c5\u03bc\u03b2\u03bf\u03c5\u03bb\u03b5\u03c5\u03c4\u03b5\u03af\u03c4\u03b5 \u03c4\u03b9\u03c2 \u03c3\u03b7\u03bc\u03b5\u03b9\u03ce\u03c3\u03b5\u03b9\u03c2 \u03c3\u03b1\u03c2.';\n      statusElement.className = 'riddle-status incorrect';\n    }\n  }\n\n  \/\/ \u0395\u03ba\u03c4\u03ad\u03bb\u03b5\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03ba\u03c1\u03c5\u03c0\u03c4\u03bf\u03b3\u03c1\u03ac\u03c6\u03b7\u03c3\u03b7\u03c2 \u03ba\u03b1\u03c4\u03ac \u03c4\u03b7 \u03c6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b7 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b5\u03bc\u03c6\u03b1\u03bd\u03b9\u03c3\u03c4\u03b5\u03af \u03b7 \u03b1\u03c1\u03c7\u03b9\u03ba\u03ae \u03ad\u03be\u03bf\u03b4\u03bf\u03c2\n  document.addEventListener('DOMContentLoaded', performCipher);\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udd2c \u0395\u03c1\u03b3\u03b1\u03c3\u03c4\u03ae\u03c1\u03b9\u03bf \u039a\u03c1\u03c5\u03c0\u03c4\u03bf\u03b3\u03c1\u03ac\u03c6\u03b7\u03c3\u03b7\u03c2 \u039a\u03b1\u03af\u03c3\u03b1\u03c1\u03b1 \u03a7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03c4\u03b5 \u03b1\u03c5\u03c4\u03cc \u03c4\u03bf \u03b5\u03c1\u03b3\u03b1\u03bb\u03b5\u03af\u03bf \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b4\u03bf\u03ba\u03b9\u03bc\u03ac\u03c3\u03b5\u03c4\u03b5 \u03c4\u03bf\u03bd \u039a\u03ce\u03b4\u03b9\u03ba\u03b1 \u03c4\u03bf\u03c5 \u039a\u03b1\u03af\u03c3\u03b1\u03c1\u03b1. \u0395\u03c0\u03b9\u03bb\u03ad\u03be\u03c4\u03b5 \u03b3\u03bb\u03ce\u03c3\u03c3\u03b1, \u03bf\u03c1\u03af\u03c3\u03c4\u03b5 \u03c4\u03bf \u03ba\u03bb\u03b5\u03b9\u03b4\u03af (Shift Key) \u03ba\u03b1\u03b9 \u03b3\u03c1\u03ac\u03c8\u03c4\u03b5 \u03c4\u03bf \u03bc\u03ae\u03bd\u03c5\u03bc\u03ac \u03c3\u03b1\u03c2. 1. \u0395\u03c0\u03b9\u03bb\u03bf\u03b3\u03ae \u0391\u03bb\u03c6\u03b1\u03b2\u03ae\u03c4\u03bf\u03c5: \u0395\u03bb\u03bb\u03b7\u03bd\u03b9\u03ba\u03cc (\u0391-\u03a9, 24 \u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03b1)\u0391\u03b3\u03b3\u03bb\u03b9\u03ba\u03cc (A-Z, 26 \u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03b1) 2. \u039a\u03bb\u03b5\u03b9\u03b4\u03af \u039c\u03b5\u03c4\u03b1\u03c4\u03cc\u03c0\u03b9\u03c3\u03b7\u03c2 (Shift Key): \u0398\u03b5\u03c4\u03b9\u03ba\u03cc\u03c2 \u03b1\u03c1\u03b9\u03b8\u03bc\u03cc\u03c2 \u03b3\u03b9\u03b1 \u03ba\u03c1\u03c5\u03c0\u03c4\u03bf\u03b3\u03c1\u03ac\u03c6\u03b7\u03c3\u03b7, \u03b1\u03c1\u03bd\u03b7\u03c4\u03b9\u03ba\u03cc\u03c2 \u03b3\u03b9\u03b1 \u03b1\u03c0\u03bf\u03ba\u03c1\u03c5\u03c0\u03c4\u03bf\u03b3\u03c1\u03ac\u03c6\u03b7\u03c3\u03b7. 3. \u03a0\u03c1\u03c9\u03c4\u03cc\u03c4\u03c5\u03c0\u03bf \u039c\u03ae\u03bd\u03c5\u03bc\u03b1 (Plain Text): THE [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","ocean_post_oembed":"","ocean_post_self_hosted_media":"","ocean_post_video_embed":"","ocean_link_format":"","ocean_link_format_target":"self","ocean_quote_format":"","ocean_quote_format_link":"post","ocean_gallery_link_images":"on","ocean_gallery_id":[],"footnotes":""},"categories":[5,46],"tags":[],"class_list":["post-1845","post","type-post","status-publish","format-standard","hentry","category-5","category--8-","entry"],"_links":{"self":[{"href":"https:\/\/gkanamaria.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/1845","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gkanamaria.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gkanamaria.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gkanamaria.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gkanamaria.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1845"}],"version-history":[{"count":17,"href":"https:\/\/gkanamaria.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/1845\/revisions"}],"predecessor-version":[{"id":1862,"href":"https:\/\/gkanamaria.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/1845\/revisions\/1862"}],"wp:attachment":[{"href":"https:\/\/gkanamaria.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1845"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gkanamaria.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1845"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gkanamaria.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1845"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}