\u039c\u03b1\u03b8\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc \u0393\u03bb\u03c9\u03c3\u03c3\u03ac\u03c1\u03b9 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd<\/title>\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\n <style>\n body {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n font-family: 'Comic Sans MS', 'Arial Rounded MT Bold', sans-serif;\n }\n\n * {\n box-sizing: border-box;\n }\n\n html, body {\n height: 100%;\n width: 100%;\n }\n\n .app-wrapper {\n min-height: 100%;\n width: 100%;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n padding: 2rem 1rem;\n overflow-auto;\n }\n\n .container {\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .header {\n text-align: center;\n margin-bottom: 2rem;\n animation: slideDown 0.6s ease-out;\n }\n\n .header h1 {\n color: #ffffff;\n font-size: 2.5rem;\n margin: 0 0 0.5rem 0;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);\n }\n\n .header p {\n color: #f0e7ff;\n font-size: 1.2rem;\n margin: 0;\n }\n\n .glossary-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1.5rem;\n animation: fadeIn 0.8s ease-out;\n }\n\n .card {\n background: #ffffff;\n border-radius: 20px;\n padding: 1.5rem;\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);\n transition: all 0.3s ease;\n cursor: pointer;\n position: relative;\n overflow: hidden;\n }\n\n .card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 8px;\n background: linear-gradient(90deg, #ff6b6b, #4ecdc4, #45b7d1, #f7b731);\n border-radius: 20px 20px 0 0;\n }\n\n .card:hover {\n transform: translateY(-8px) scale(1.02);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);\n }\n\n .card-header {\n display: flex;\n align-items: center;\n margin-bottom: 1rem;\n }\n\n .card-icon {\n font-size: 2.5rem;\n margin-right: 1rem;\n }\n\n .card-title {\n font-size: 1.4rem;\n font-weight: bold;\n color: #5f27cd;\n margin: 0;\n }\n\n .card-content {\n color: #2d3436;\n font-size: 1rem;\n line-height: 1.6;\n }\n\n .example-box {\n background: #f8f9fa;\n border-left: 4px solid #4ecdc4;\n padding: 0.8rem;\n margin-top: 1rem;\n border-radius: 8px;\n font-family: 'Courier New', monospace;\n color: #2d3436;\n }\n\n .flip-indicator {\n text-align: center;\n margin-top: 1rem;\n color: #95a5a6;\n font-size: 0.9rem;\n font-style: italic;\n }\n\n .card.flipped .card-front {\n display: none;\n }\n\n .card.flipped .card-back {\n display: block;\n }\n\n .card-front {\n display: block;\n }\n\n .card-back {\n display: none;\n }\n\n @keyframes slideDown {\n from {\n opacity: 0;\n transform: translateY(-30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n\n @media (max-width: 768px) {\n .glossary-grid {\n grid-template-columns: 1fr;\n }\n\n .header h1 {\n font-size: 2rem;\n }\n\n .header p {\n font-size: 1rem;\n }\n }\n <\/style>\n <style>@view-transition { navigation: auto; }<\/style>\n <script src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"><\/script>\n <script src=\"https:\/\/cdn.tailwindcss.com\" type=\"text\/javascript\"><\/script>\n <\/head>\n <body>\n <div class=\"app-wrapper\">\n <div class=\"container\">\n <header class=\"header\">\n <h1 id=\"main-title\">\u039c\u03b1\u03b8\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc \u0393\u03bb\u03c9\u03c3\u03c3\u03ac\u03c1\u03b9 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd<\/h1>\n <p id=\"subtitle\">\u03a0\u03c1\u03cc\u03c3\u03b8\u03b5\u03c3\u03b7 \u03ba\u03b1\u03b9 \u0391\u03c6\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03bc\u03b5 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03cd\u03c2 \u0391\u03c1\u03b9\u03b8\u03bc\u03bf\u03cd\u03c2<\/p>\n <\/header>\n <div class=\"glossary-grid\" id=\"glossary-grid\"><\/div>\n <\/div>\n <\/div>\n <script>\n const glossaryTerms = [\n {\n icon: '\ud83d\udd22',\n title: '\u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03cc\u03c2 \u0391\u03c1\u03b9\u03b8\u03bc\u03cc\u03c2',\n front: '\u0388\u03bd\u03b1\u03c2 \u03b1\u03c1\u03b9\u03b8\u03bc\u03cc\u03c2 \u03c0\u03bf\u03c5 \u03ad\u03c7\u03b5\u03b9 \u03b1\u03ba\u03ad\u03c1\u03b1\u03b9\u03bf \u03bc\u03ad\u03c1\u03bf\u03c2 \u03ba\u03b1\u03b9 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03cc \u03bc\u03ad\u03c1\u03bf\u03c2, \u03c0\u03bf\u03c5 \u03c7\u03c9\u03c1\u03af\u03b6\u03bf\u03bd\u03c4\u03b1\u03b9 \u03bc\u03b5 \u03c4\u03b7\u03bd \u03c5\u03c0\u03bf\u03b4\u03b9\u03b1\u03c3\u03c4\u03bf\u03bb\u03ae (\u03ba\u03cc\u03bc\u03bc\u03b1).',\n back: '\u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1: 3,75 (3 = \u03b1\u03ba\u03ad\u03c1\u03b1\u03b9\u03bf, 75 = \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03cc \u03bc\u03ad\u03c1\u03bf\u03c2)'\n },\n {\n icon: '\ud83d\udccd',\n title: '\u03a5\u03c0\u03bf\u03b4\u03b9\u03b1\u03c3\u03c4\u03bf\u03bb\u03ae',\n front: '\u03a4\u03bf \u03ba\u03cc\u03bc\u03bc\u03b1 (,) \u03c0\u03bf\u03c5 \u03c7\u03c9\u03c1\u03af\u03b6\u03b5\u03b9 \u03c4\u03bf \u03b1\u03ba\u03ad\u03c1\u03b1\u03b9\u03bf \u03bc\u03ad\u03c1\u03bf\u03c2 \u03b1\u03c0\u03cc \u03c4\u03bf \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03cc \u03bc\u03ad\u03c1\u03bf\u03c2 \u03c4\u03bf\u03c5 \u03b1\u03c1\u03b9\u03b8\u03bc\u03bf\u03cd.',\n back: '\u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1: 12,5 (\u03c4\u03bf \u03ba\u03cc\u03bc\u03bc\u03b1 \u03bc\u03b5\u03c4\u03b1\u03be\u03cd \u03c4\u03bf\u03c5 12 \u03ba\u03b1\u03b9 \u03c4\u03bf\u03c5 5)'\n },\n {\n icon: '\u2795',\n title: '\u03a0\u03c1\u03cc\u03c3\u03b8\u03b5\u03c3\u03b7 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd',\n front: '\u038c\u03c4\u03b1\u03bd \u03c0\u03c1\u03bf\u03c3\u03b8\u03ad\u03c4\u03bf\u03c5\u03bc\u03b5 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03cd\u03c2, \u03b3\u03c1\u03ac\u03c6\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b9\u03c2 \u03c5\u03c0\u03bf\u03b4\u03b9\u03b1\u03c3\u03c4\u03bf\u03bb\u03ad\u03c2 \u03b7 \u03bc\u03af\u03b1 \u03ba\u03ac\u03c4\u03c9 \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03ac\u03bb\u03bb\u03b7 \u03ba\u03b1\u03b9 \u03c0\u03c1\u03bf\u03c3\u03b8\u03ad\u03c4\u03bf\u03c5\u03bc\u03b5 \u03ba\u03b1\u03bd\u03bf\u03bd\u03b9\u03ba\u03ac.',\n back: '\u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1: 2,3 + 1,5 = 3,8'\n },\n {\n icon: '\u2796',\n title: '\u0391\u03c6\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd',\n front: '\u038c\u03c4\u03b1\u03bd \u03b1\u03c6\u03b1\u03b9\u03c1\u03bf\u03cd\u03bc\u03b5 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03cd\u03c2, \u03b3\u03c1\u03ac\u03c6\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b9\u03c2 \u03c5\u03c0\u03bf\u03b4\u03b9\u03b1\u03c3\u03c4\u03bf\u03bb\u03ad\u03c2 \u03b7 \u03bc\u03af\u03b1 \u03ba\u03ac\u03c4\u03c9 \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03ac\u03bb\u03bb\u03b7 \u03ba\u03b1\u03b9 \u03b1\u03c6\u03b1\u03b9\u03c1\u03bf\u03cd\u03bc\u03b5 \u03ba\u03b1\u03bd\u03bf\u03bd\u03b9\u03ba\u03ac.',\n back: '\u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1: 5,7 - 2,4 = 3,3'\n },\n {\n icon: '\ud83d\udd04',\n title: '\u0395\u03c5\u03b8\u03c5\u03b3\u03c1\u03ac\u03bc\u03bc\u03b9\u03c3\u03b7',\n front: '\u03a0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03c0\u03ac\u03bd\u03c4\u03b1 \u03bd\u03b1 \u03b5\u03c5\u03b8\u03c5\u03b3\u03c1\u03b1\u03bc\u03bc\u03af\u03b6\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b9\u03c2 \u03c5\u03c0\u03bf\u03b4\u03b9\u03b1\u03c3\u03c4\u03bf\u03bb\u03ad\u03c2 \u03cc\u03c4\u03b1\u03bd \u03c0\u03c1\u03bf\u03c3\u03b8\u03ad\u03c4\u03bf\u03c5\u03bc\u03b5 \u03ae \u03b1\u03c6\u03b1\u03b9\u03c1\u03bf\u03cd\u03bc\u03b5 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03cd\u03c2 \u03b1\u03c1\u03b9\u03b8\u03bc\u03bf\u03cd\u03c2.',\n back: '\u03a3\u03c9\u03c3\u03c4\u03ac:\\n 3,25\\n+ 1,40\\n------\\n 4,65'\n },\n {\n icon: '\ud83c\udfaf',\n title: '\u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ac \u03a8\u03b7\u03c6\u03af\u03b1',\n front: '\u03a4\u03b1 \u03c8\u03b7\u03c6\u03af\u03b1 \u03c0\u03bf\u03c5 \u03b2\u03c1\u03af\u03c3\u03ba\u03bf\u03bd\u03c4\u03b1\u03b9 \u03bc\u03b5\u03c4\u03ac \u03c4\u03b7\u03bd \u03c5\u03c0\u03bf\u03b4\u03b9\u03b1\u03c3\u03c4\u03bf\u03bb\u03ae \u03bf\u03bd\u03bf\u03bc\u03ac\u03b6\u03bf\u03bd\u03c4\u03b1\u03b9 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ac \u03c8\u03b7\u03c6\u03af\u03b1.',\n back: '\u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1: \u03a3\u03c4\u03bf\u03bd \u03b1\u03c1\u03b9\u03b8\u03bc\u03cc 4,267 \u03c4\u03b1 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ac \u03c8\u03b7\u03c6\u03af\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c4\u03bf 2, 6 \u03ba\u03b1\u03b9 7'\n },\n {\n icon: '\ud83d\udd1f',\n title: '\u0394\u03ad\u03ba\u03b1\u03c4\u03b1',\n front: '\u03a4\u03bf \u03c0\u03c1\u03ce\u03c4\u03bf \u03c8\u03b7\u03c6\u03af\u03bf \u03bc\u03b5\u03c4\u03ac \u03c4\u03b7\u03bd \u03c5\u03c0\u03bf\u03b4\u03b9\u03b1\u03c3\u03c4\u03bf\u03bb\u03ae \u03b4\u03b5\u03af\u03c7\u03bd\u03b5\u03b9 \u03c4\u03b1 \u03b4\u03ad\u03ba\u03b1\u03c4\u03b1.',\n back: '\u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1: 0,7 = 7 \u03b4\u03ad\u03ba\u03b1\u03c4\u03b1 (7\/10)'\n },\n {\n icon: '\ud83d\udcaf',\n title: '\u0395\u03ba\u03b1\u03c4\u03bf\u03c3\u03c4\u03ac',\n front: '\u03a4\u03bf \u03b4\u03b5\u03cd\u03c4\u03b5\u03c1\u03bf \u03c8\u03b7\u03c6\u03af\u03bf \u03bc\u03b5\u03c4\u03ac \u03c4\u03b7\u03bd \u03c5\u03c0\u03bf\u03b4\u03b9\u03b1\u03c3\u03c4\u03bf\u03bb\u03ae \u03b4\u03b5\u03af\u03c7\u03bd\u03b5\u03b9 \u03c4\u03b1 \u03b5\u03ba\u03b1\u03c4\u03bf\u03c3\u03c4\u03ac.',\n back: '\u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1: 0,45 = 45 \u03b5\u03ba\u03b1\u03c4\u03bf\u03c3\u03c4\u03ac (45\/100)'\n },\n {\n icon: '0\ufe0f\u20e3',\n title: '\u039c\u03b7\u03b4\u03b5\u03bd\u03b9\u03ba\u03ac \u03c3\u03c4\u03bf \u03a4\u03ad\u03bb\u03bf\u03c2',\n front: '\u039c\u03c0\u03bf\u03c1\u03bf\u03cd\u03bc\u03b5 \u03bd\u03b1 \u03c0\u03c1\u03bf\u03c3\u03b8\u03ad\u03c4\u03bf\u03c5\u03bc\u03b5 \u03bc\u03b7\u03b4\u03b5\u03bd\u03b9\u03ba\u03ac \u03c3\u03c4\u03bf \u03c4\u03ad\u03bb\u03bf\u03c2 \u03c4\u03c9\u03bd \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd \u03c7\u03c9\u03c1\u03af\u03c2 \u03bd\u03b1 \u03b1\u03bb\u03bb\u03ac\u03b6\u03b5\u03b9 \u03b7 \u03b1\u03be\u03af\u03b1 \u03c4\u03bf\u03c5\u03c2.',\n back: '\u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1: 2,5 = 2,50 = 2,500'\n },\n {\n icon: '\u270f\ufe0f',\n title: '\u039a\u03ac\u03b8\u03b5\u03c4\u03b7 \u03a0\u03c1\u03cc\u03c3\u03b8\u03b5\u03c3\u03b7',\n front: '\u0393\u03c1\u03ac\u03c6\u03bf\u03c5\u03bc\u03b5 \u03c4\u03bf\u03c5\u03c2 \u03b1\u03c1\u03b9\u03b8\u03bc\u03bf\u03cd\u03c2 \u03bf \u03ad\u03bd\u03b1\u03c2 \u03ba\u03ac\u03c4\u03c9 \u03b1\u03c0\u03cc \u03c4\u03bf\u03bd \u03ac\u03bb\u03bb\u03bf, \u03bc\u03b5 \u03c4\u03b9\u03c2 \u03c5\u03c0\u03bf\u03b4\u03b9\u03b1\u03c3\u03c4\u03bf\u03bb\u03ad\u03c2 \u03b5\u03c5\u03b8\u03c5\u03b3\u03c1\u03b1\u03bc\u03bc\u03b9\u03c3\u03bc\u03ad\u03bd\u03b5\u03c2.',\n back: '\u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1:\\n 12,34\\n + 5,60\\n -------\\n 17,94'\n },\n {\n icon: '\ud83d\udcca',\n title: '\u039a\u03c1\u03b1\u03c4\u03bf\u03cd\u03bc\u03b5\u03bd\u03bf',\n front: '\u038c\u03c4\u03b1\u03bd \u03c4\u03bf \u03ac\u03b8\u03c1\u03bf\u03b9\u03c3\u03bc\u03b1 \u03bc\u03b9\u03b1\u03c2 \u03c3\u03c4\u03ae\u03bb\u03b7\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03bc\u03b5\u03b3\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03bf \u03b1\u03c0\u03cc 9, \u03ba\u03c1\u03b1\u03c4\u03ac\u03bc\u03b5 \u03c4\u03bf 1 \u03c3\u03c4\u03b7\u03bd \u03b5\u03c0\u03cc\u03bc\u03b5\u03bd\u03b7 \u03c3\u03c4\u03ae\u03bb\u03b7.',\n back: '\u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1: 0,8 + 0,7 = 1,5 (\u03ba\u03c1\u03b1\u03c4\u03ac\u03bc\u03b5 \u03c4\u03bf 1)'\n },\n {\n icon: '\ud83c\udf93',\n title: '\u0394\u03b1\u03bd\u03b5\u03b9\u03c3\u03bc\u03cc\u03c2',\n front: '\u03a3\u03c4\u03b7\u03bd \u03b1\u03c6\u03b1\u03af\u03c1\u03b5\u03c3\u03b7, \u03cc\u03c4\u03b1\u03bd \u03c7\u03c1\u03b5\u03b9\u03ac\u03b6\u03b5\u03c4\u03b1\u03b9, \u03b4\u03b1\u03bd\u03b5\u03b9\u03b6\u03cc\u03bc\u03b1\u03c3\u03c4\u03b5 \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03b5\u03c0\u03cc\u03bc\u03b5\u03bd\u03b7 \u03c3\u03c4\u03ae\u03bb\u03b7.',\n back: '\u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1: 5,2 - 1,8 = 3,4 (\u03b4\u03b1\u03bd\u03b5\u03b9\u03b6\u03cc\u03bc\u03b1\u03c3\u03c4\u03b5 \u03b1\u03c0\u03cc \u03c4\u03b1 \u03b1\u03ba\u03ad\u03c1\u03b1\u03b9\u03b1)'\n }\n ];\n\n const defaultConfig = {\n main_title: '\u039c\u03b1\u03b8\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc \u0393\u03bb\u03c9\u03c3\u03c3\u03ac\u03c1\u03b9 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd',\n subtitle: '\u03a0\u03c1\u03cc\u03c3\u03b8\u03b5\u03c3\u03b7 \u03ba\u03b1\u03b9 \u0391\u03c6\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03bc\u03b5 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03cd\u03c2 \u0391\u03c1\u03b9\u03b8\u03bc\u03bf\u03cd\u03c2',\n background_color: '#667eea',\n card_color: '#ffffff',\n title_color: '#5f27cd',\n text_color: '#2d3436',\n accent_color: '#4ecdc4',\n font_family: 'Comic Sans MS',\n font_size: 16\n };\n\n function renderGlossary() {\n const grid = document.getElementById('glossary-grid');\n grid.innerHTML = '';\n\n glossaryTerms.forEach((term, index) => {\n const card = document.createElement('div');\n card.className = 'card';\n card.innerHTML = `\n <div class=\"card-front\">\n <div class=\"card-header\">\n <div class=\"card-icon\">${term.icon}<\/div>\n <h2 class=\"card-title\">${term.title}<\/h2>\n <\/div>\n <div class=\"card-content\">\n ${term.front}\n <\/div>\n <div class=\"flip-indicator\">\ud83d\udc46 \u039a\u03ac\u03bd\u03b5 \u03ba\u03bb\u03b9\u03ba \u03b3\u03b9\u03b1 \u03c0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1<\/div>\n <\/div>\n <div class=\"card-back\">\n <div class=\"card-header\">\n <div class=\"card-icon\">${term.icon}<\/div>\n <h2 class=\"card-title\">${term.title}<\/h2>\n <\/div>\n <div class=\"example-box\">\n ${term.back.replace(\/\\n\/g, '<br>')}\n <\/div>\n <div class=\"flip-indicator\">\ud83d\udc46 \u039a\u03ac\u03bd\u03b5 \u03ba\u03bb\u03b9\u03ba \u03b3\u03b9\u03b1 \u03b5\u03c0\u03b9\u03c3\u03c4\u03c1\u03bf\u03c6\u03ae<\/div>\n <\/div>\n `;\n\n card.addEventListener('click', () => {\n card.classList.toggle('flipped');\n });\n\n grid.appendChild(card);\n });\n }\n\n async function onConfigChange(config) {\n document.getElementById('main-title').textContent = config.main_title || defaultConfig.main_title;\n document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n\n const appWrapper = document.querySelector('.app-wrapper');\n const cards = document.querySelectorAll('.card');\n const cardTitles = document.querySelectorAll('.card-title');\n const cardContents = document.querySelectorAll('.card-content');\n const exampleBoxes = document.querySelectorAll('.example-box');\n\n const customFont = config.font_family || defaultConfig.font_family;\n const baseFontStack = 'Arial, sans-serif';\n const baseSize = config.font_size || defaultConfig.font_size;\n\n document.body.style.fontFamily = `${customFont}, ${baseFontStack}`;\n document.getElementById('main-title').style.fontSize = `${baseSize * 2.5}px`;\n document.getElementById('subtitle').style.fontSize = `${baseSize * 1.2}px`;\n\n cardTitles.forEach(title => {\n title.style.fontSize = `${baseSize * 1.4}px`;\n title.style.color = config.title_color || defaultConfig.title_color;\n });\n\n cardContents.forEach(content => {\n content.style.fontSize = `${baseSize}px`;\n content.style.color = config.text_color || defaultConfig.text_color;\n });\n\n exampleBoxes.forEach(box => {\n box.style.fontSize = `${baseSize}px`;\n box.style.borderLeftColor = config.accent_color || defaultConfig.accent_color;\n box.style.color = config.text_color || defaultConfig.text_color;\n });\n\n appWrapper.style.background = `linear-gradient(135deg, ${config.background_color || defaultConfig.background_color} 0%, #764ba2 100%)`;\n\n cards.forEach(card => {\n card.style.backgroundColor = config.card_color || defaultConfig.card_color;\n });\n }\n\n if (window.elementSdk) {\n window.elementSdk.init({\n defaultConfig: defaultConfig,\n onConfigChange: onConfigChange,\n mapToCapabilities: (config) => ({\n recolorables: [\n {\n get: () => config.background_color || defaultConfig.background_color,\n set: (value) => {\n config.background_color = value;\n window.elementSdk.setConfig({ background_color: value });\n }\n },\n {\n get: () => config.card_color || defaultConfig.card_color,\n set: (value) => {\n config.card_color = value;\n window.elementSdk.setConfig({ card_color: value });\n }\n },\n {\n get: () => config.title_color || defaultConfig.title_color,\n set: (value) => {\n config.title_color = value;\n window.elementSdk.setConfig({ title_color: value });\n }\n },\n {\n get: () => config.text_color || defaultConfig.text_color,\n set: (value) => {\n config.text_color = value;\n window.elementSdk.setConfig({ text_color: value });\n }\n },\n {\n get: () => config.accent_color || defaultConfig.accent_color,\n set: (value) => {\n config.accent_color = value;\n window.elementSdk.setConfig({ accent_color: value });\n }\n }\n ],\n borderables: [],\n fontEditable: {\n get: () => config.font_family || defaultConfig.font_family,\n set: (value) => {\n config.font_family = value;\n window.elementSdk.setConfig({ font_family: value });\n }\n },\n fontSizeable: {\n get: () => config.font_size || defaultConfig.font_size,\n set: (value) => {\n config.font_size = value;\n window.elementSdk.setConfig({ font_size: value });\n }\n }\n }),\n mapToEditPanelValues: (config) => new Map([\n ['main_title', config.main_title || defaultConfig.main_title],\n ['subtitle', config.subtitle || defaultConfig.subtitle]\n ])\n });\n }\n\n renderGlossary();\n <\/script>\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9b793511e4e26f67',t:'MTc2NzM0NTkwNy4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n<\/html>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"193\" height=\"16\" src=\"https:\/\/prokopidis.sites.sch.gr\/wp-content\/uploads\/2024\/06\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-\u03bf\u03b8\u03cc\u03bd\u03b7\u03c2-2025-12-30-203202.png\" alt=\"\" class=\"wp-image-5725\"\/><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<div style=\"position: relative; width: 100%; height: 0; padding-top: 56.2225%;\n padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;\n border-radius: 8px; will-change: transform;\">\n <iframe loading=\"lazy\" style=\"position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;\"\n src=\"https:\/\/www.canva.com\/design\/DAG9QZ9kn0s\/8eLIbQIQj7gRJ7KY8D1fDw\/view?embed\" allowfullscreen=\"allowfullscreen\" allow=\"fullscreen\">\n <\/iframe>\n<\/div>\n<a href=\"https://www.canva.com/design/DAG9QZ9kn0s/8eLIbQIQj7gRJ7KY8D1fDw/view?utm_content=DAG9QZ9kn0s&utm_campaign=designshare&utm_medium=embeds&utm_source=link\" target=\"_blank\" rel=\"noopener\">Copy of \u0394\u03b9\u03b1\u03b4\u03c1\u03b1\u03c3\u03c4\u03b9\u03ba\u03ae \u03a0\u03b1\u03c1\u03bf\u03c5\u03c3\u03af\u03b1\u03c3\u03b7 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd \u03b3\u03b9\u03b1 \u03a0\u03ad\u03bc\u03c0\u03c4\u03b7 \u0394\u03b7\u03bc\u03bf\u03c4\u03b9\u03ba\u03bf\u03cd<\/a> by \u039d\u03b9\u03ba\u03cc\u03bb\u03b1\u03bf\u03c2 \u03a0\u03c1\u03bf\u03ba\u03bf\u03c0\u03af\u03b4\u03b7\u03c2\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"193\" height=\"16\" src=\"https:\/\/prokopidis.sites.sch.gr\/wp-content\/uploads\/2024\/06\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-\u03bf\u03b8\u03cc\u03bd\u03b7\u03c2-2025-12-30-203202.png\" alt=\"\" class=\"wp-image-5725\"\/><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"el\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>AI Tutor: \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03af \u0391\u03c1\u03b9\u03b8\u03bc\u03bf\u03af – \u0395’ \u0394\u03b7\u03bc\u03bf\u03c4\u03b9\u03ba\u03bf\u03cd<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Comfortaa:wght@400;700&display=swap\" rel=\"stylesheet\">\n <style>\n body { font-family: 'Comfortaa', cursive; background-color: #f0f9ff; }\n .chat-container { height: 400px; overflow-y: auto; }\n .theory-card { background: white; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }\n .bot-msg { background-color: #e0f2fe; border-radius: 15px 15px 15px 0; }\n .user-msg { background-color: #dcfce7; border-radius: 15px 15px 0 15px; }\n \/* Custom Scrollbar *\/\n ::-webkit-scrollbar { width: 6px; }\n ::-webkit-scrollbar-thumb { background: #bae6fd; border-radius: 10px; }\n <\/style>\n<\/head>\n<body class=\"p-4 md:p-8\">\n\n <div class=\"max-w-4xl mx-auto\">\n \n <div class=\"text-center mb-8\">\n <h1 class=\"text-3xl font-bold text-blue-600 mb-2\">\ud83e\udd16 \u039f \u03a8\u03b7\u03c6\u03b9\u03b1\u03ba\u03cc\u03c2 \u03c3\u03bf\u03c5 \u0392\u03bf\u03b7\u03b8\u03cc\u03c2 \u03c3\u03c4\u03b1 \u039c\u03b1\u03b8\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ac<\/h1>\n <p class=\"text-gray-600\">\u03a0\u03c1\u03cc\u03c3\u03b8\u03b5\u03c3\u03b7 \u03ba\u03b1\u03b9 \u0391\u03c6\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd \u0391\u03c1\u03b9\u03b8\u03bc\u03ce\u03bd (\u0395’ \u0394\u03b7\u03bc\u03bf\u03c4\u03b9\u03ba\u03bf\u03cd)<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n \n \n <div class=\"theory-card p-6 border-t-4 border-blue-500\">\n <h2 class=\"text-xl font-bold mb-4 flex items-center\">\n <span class=\"mr-2\">\ud83d\udcda<\/span> \u039c\u03ac\u03b8\u03b5 \u03c4\u03b7 \u0398\u03b5\u03c9\u03c1\u03af\u03b1\n <\/h2>\n <div class=\"space-y-4 text-sm text-gray-700\">\n <section>\n <h3 class=\"font-bold text-blue-500\">1. \u03a4\u03bf \u03bc\u03c5\u03c3\u03c4\u03b9\u03ba\u03cc \u03b5\u03af\u03bd\u03b1\u03b9 \u03b7 \u03a5\u03c0\u03bf\u03b4\u03b9\u03b1\u03c3\u03c4\u03bf\u03bb\u03ae!<\/h3>\n <p>\u038c\u03c4\u03b1\u03bd \u03b2\u03ac\u03b6\u03bf\u03c5\u03bc\u03b5 \u03c4\u03bf\u03c5\u03c2 \u03b1\u03c1\u03b9\u03b8\u03bc\u03bf\u03cd\u03c2 \u03c4\u03bf\u03bd \u03ad\u03bd\u03b1\u03bd \u03ba\u03ac\u03c4\u03c9 \u03b1\u03c0\u03cc \u03c4\u03bf\u03bd \u03ac\u03bb\u03bb\u03bf (\u03ba\u03ac\u03b8\u03b5\u03c4\u03b1), \u03c0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bf\u03b9 <strong>\u03c5\u03c0\u03bf\u03b4\u03b9\u03b1\u03c3\u03c4\u03bf\u03bb\u03ad\u03c2 \u03bd\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c3\u03c4\u03b7\u03bd \u03af\u03b4\u03b9\u03b1 \u03b5\u03c5\u03b8\u03b5\u03af\u03b1<\/strong>. \u038c\u03c0\u03c9\u03c2 \u03c4\u03b1 \u03ba\u03bf\u03c5\u03bc\u03c0\u03b9\u03ac \u03c3\u03b5 \u03ad\u03bd\u03b1 \u03c0\u03bf\u03c5\u03ba\u03ac\u03bc\u03b9\u03c3\u03bf!<\/p>\n <\/section>\n <section>\n <h3 class=\"font-bold text-blue-500\">2. \u03a4\u03b1 “\u03b1\u03cc\u03c1\u03b1\u03c4\u03b1” \u03bc\u03b7\u03b4\u03b5\u03bd\u03b9\u03ba\u03ac<\/h3>\n <p>\u0391\u03bd \u03ad\u03bd\u03b1\u03c2 \u03b1\u03c1\u03b9\u03b8\u03bc\u03cc\u03c2 \u03ad\u03c7\u03b5\u03b9 \u03bb\u03b9\u03b3\u03cc\u03c4\u03b5\u03c1\u03b1 \u03c8\u03b7\u03c6\u03af\u03b1 \u03bc\u03b5\u03c4\u03ac \u03c4\u03b7\u03bd \u03c5\u03c0\u03bf\u03b4\u03b9\u03b1\u03c3\u03c4\u03bf\u03bb\u03ae, \u03c3\u03c5\u03bc\u03c0\u03bb\u03b7\u03c1\u03ce\u03bd\u03bf\u03c5\u03bc\u03b5 \u03bc\u03b5 <strong>\u03bc\u03b7\u03b4\u03b5\u03bd\u03b9\u03ba\u03ac \u03c3\u03c4\u03bf \u03c4\u03ad\u03bb\u03bf\u03c2<\/strong> \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03bc\u03b7 \u03bc\u03c0\u03b5\u03c1\u03b4\u03b5\u03c5\u03c4\u03bf\u03cd\u03bc\u03b5.<\/p>\n <p class=\"bg-gray-100 p-2 rounded mt-1 italic\">\u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1: 5,2 + 1,45 \u2192 5,2<strong>0<\/strong> + 1,45<\/p>\n <\/section>\n <section>\n <h3 class=\"font-bold text-blue-500\">3. \u03a0\u03c1\u03cc\u03c3\u03b8\u03b5\u03c3\u03b7 & \u0391\u03c6\u03b1\u03af\u03c1\u03b5\u03c3\u03b7<\/h3>\n <p>\u039a\u03ac\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7\u03bd \u03c0\u03c1\u03ac\u03be\u03b7 \u03ba\u03b1\u03bd\u03bf\u03bd\u03b9\u03ba\u03ac, \u03c3\u03b1\u03bd \u03bd\u03b1 \u03ae\u03c4\u03b1\u03bd \u03b1\u03ba\u03ad\u03c1\u03b1\u03b9\u03bf\u03b9. \u03a3\u03c4\u03bf \u03c4\u03ad\u03bb\u03bf\u03c2, \u03ba\u03b1\u03c4\u03b5\u03b2\u03ac\u03b6\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7\u03bd \u03c5\u03c0\u03bf\u03b4\u03b9\u03b1\u03c3\u03c4\u03bf\u03bb\u03ae \u03c3\u03c4\u03b7\u03bd \u03af\u03b4\u03b9\u03b1 \u03b8\u03ad\u03c3\u03b7 \u03c3\u03c4\u03bf \u03b1\u03c0\u03bf\u03c4\u03ad\u03bb\u03b5\u03c3\u03bc\u03b1.<\/p>\n <\/section>\n <\/div>\n <\/div>\n\n \n <div class=\"theory-card flex flex-col border-t-4 border-green-500\">\n <div class=\"p-4 border-b bg-green-50 rounded-t-lg\">\n <h2 class=\"font-bold flex items-center\">\n <span class=\"mr-2\">\ud83d\udcac<\/span> \u03a1\u03ce\u03c4\u03b7\u03c3\u03b5 \u03c4\u03bf\u03bd \u0394\u03ac\u03c3\u03ba\u03b1\u03bb\u03bf AI\n <\/h2>\n <p class=\"text-xs text-gray-500\">\u039c\u03c0\u03bf\u03c1\u03b5\u03af\u03c2 \u03bd\u03b1 \u03b3\u03c1\u03ac\u03c6\u03b5\u03b9\u03c2 \u03cc\u03c0\u03c9\u03c2 \u03b8\u03ad\u03bb\u03b5\u03b9\u03c2, \u03b8\u03b1 \u03c3\u03b5 \u03ba\u03b1\u03c4\u03b1\u03bb\u03ac\u03b2\u03c9!<\/p>\n <\/div>\n \n <div id=\"chat-box\" class=\"chat-container p-4 space-y-4\">\n <div class=\"bot-msg p-3 max-w-[80%] text-sm\">\n \u0393\u03b5\u03b9\u03b1 \u03c3\u03bf\u03c5! \u0395\u03af\u03bc\u03b1\u03b9 \u03bf \u03b2\u03bf\u03b7\u03b8\u03cc\u03c2 \u03c3\u03bf\u03c5. \u0388\u03c7\u03b5\u03b9\u03c2 \u03ba\u03ac\u03c0\u03bf\u03b9\u03b1 \u03b1\u03c0\u03bf\u03c1\u03af\u03b1 \u03bc\u03b5 \u03c4\u03bf\u03c5\u03c2 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03cd\u03c2 \u03b1\u03c1\u03b9\u03b8\u03bc\u03bf\u03cd\u03c2; \u039c\u03b7 \u03c3\u03b5 \u03bd\u03bf\u03b9\u03ac\u03b6\u03b5\u03b9 \u03b7 \u03bf\u03c1\u03b8\u03bf\u03b3\u03c1\u03b1\u03c6\u03af\u03b1, \u03c1\u03ce\u03c4\u03b1 \u03bc\u03b5 \u03cc,\u03c4\u03b9 \u03b8\u03b5\u03c2!\n <\/div>\n <\/div>\n\n <div class=\"p-4 border-t mt-auto\">\n <div class=\"flex gap-2\">\n <input type=\"text\" id=\"user-input\" placeholder=\"\u03c0.\u03c7. \u03c0\u03c9\u03c2 \u03ba\u03b1\u03bd\u03c9 \u03b1\u03c6\u03b1\u03b9\u03c1\u03b5\u03c3\u03b7;\" \n class=\"flex-1 border rounded-full px-4 py-2 focus:outline-none focus:ring-2 focus:ring-green-400\">\n <button onclick=\"sendMessage()\" id=\"send-btn\" \n class=\"bg-green-500 text-white rounded-full p-2 hover:bg-green-600 transition\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 19l9-2-9-18-9 18 9-2zm0 0v-8\" \/>\n <\/svg>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"mt-8 text-center text-gray-400 text-xs italic\">\n \u03a3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03ad\u03bd\u03bf \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u0395’ \u03a4\u03ac\u03be\u03b7 \u0394\u03b7\u03bc\u03bf\u03c4\u03b9\u03ba\u03bf\u03cd – \u039c\u03ac\u03b8\u03b7\u03bc\u03b1 \u039c\u03b1\u03b8\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ce\u03bd\n <\/div>\n <\/div>\n\n <script>\n const apiKey = \"AIzaSyAww5b0mgRJH7TNZBgm_VgC6TNaH0n5w9I\"; \/\/ \u03a4\u03bf \u03ba\u03bb\u03b5\u03b9\u03b4\u03af \u03c0\u03b1\u03c1\u03ad\u03c7\u03b5\u03c4\u03b1\u03b9 \u03b1\u03c0\u03cc \u03c4\u03bf \u03c0\u03b5\u03c1\u03b9\u03b2\u03ac\u03bb\u03bb\u03bf\u03bd\n const chatBox = document.getElementById('chat-box');\n const userInput = document.getElementById('user-input');\n\n async function sendMessage() {\n const text = userInput.value.trim();\n if (!text) return;\n\n \/\/ Add user message to UI\n appendMessage(text, 'user');\n userInput.value = '';\n \n \/\/ Loading state\n const loadingId = 'loading-' + Date.now();\n appendMessage(\"\u03a3\u03ba\u03ad\u03c6\u03c4\u03bf\u03bc\u03b1\u03b9...\", 'bot', loadingId);\n\n try {\n const response = await callGemini(text);\n document.getElementById(loadingId).innerText = response;\n } catch (error) {\n document.getElementById(loadingId).innerText = \"\u03a9\u03c7! \u039a\u03ac\u03c4\u03b9 \u03c0\u03ae\u03b3\u03b5 \u03c3\u03c4\u03c1\u03b1\u03b2\u03ac. \u0394\u03bf\u03ba\u03af\u03bc\u03b1\u03c3\u03b5 \u03c0\u03ac\u03bb\u03b9!\";\n }\n }\n\n async function callGemini(prompt) {\n const systemPrompt = `\n \u0395\u03af\u03c3\u03b1\u03b9 \u03ad\u03bd\u03b1\u03c2 \u03c5\u03c0\u03bf\u03bc\u03bf\u03bd\u03b5\u03c4\u03b9\u03ba\u03cc\u03c2 \u03ba\u03b1\u03b9 \u03c6\u03b9\u03bb\u03b9\u03ba\u03cc\u03c2 \u03b4\u03ac\u03c3\u03ba\u03b1\u03bb\u03bf\u03c2 \u03c4\u03b7\u03c2 \u0395' \u0394\u03b7\u03bc\u03bf\u03c4\u03b9\u03ba\u03bf\u03cd. \n \u03a4\u03bf \u03b8\u03ad\u03bc\u03b1 \u03c3\u03bf\u03c5 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b1\u03c0\u03bf\u03ba\u03bb\u03b5\u03b9\u03c3\u03c4\u03b9\u03ba\u03ac \"\u03a0\u03c1\u03cc\u03c3\u03b8\u03b5\u03c3\u03b7 \u03ba\u03b1\u03b9 \u0391\u03c6\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd \u0391\u03c1\u03b9\u03b8\u03bc\u03ce\u03bd\".\n \n \u039a\u0391\u039d\u039f\u039d\u0395\u03a3:\n 1. \u03a4\u03b1 \u03c0\u03b1\u03b9\u03b4\u03b9\u03ac \u03bc\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03ba\u03ac\u03bd\u03bf\u03c5\u03bd \u03c0\u03bf\u03bb\u03bb\u03ac \u03bf\u03c1\u03b8\u03bf\u03b3\u03c1\u03b1\u03c6\u03b9\u03ba\u03ac \u03bb\u03ac\u03b8\u03b7 (\u03c0.\u03c7. \"\u03c4\u03b9 \u03af\u03bd\u03b1\u03b9 \u03b9 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03af\"). \u03a0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03b1\u03b3\u03bd\u03bf\u03b5\u03af\u03c2 \u03c4\u03b1 \u03bb\u03ac\u03b8\u03b7, \u03bd\u03b1 \u03ba\u03b1\u03c4\u03b1\u03bb\u03b1\u03b2\u03b1\u03af\u03bd\u03b5\u03b9\u03c2 \u03c4\u03bf \u03bd\u03cc\u03b7\u03bc\u03b1 \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03b1\u03c0\u03b1\u03bd\u03c4\u03ac\u03c2 \u03c3\u03c9\u03c3\u03c4\u03ac, \u03b1\u03bb\u03bb\u03ac \u03c3\u03c4\u03b7\u03bd \u03b1\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03ae \u03c3\u03bf\u03c5 \u03bd\u03b1 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03b5\u03af\u03c2 \u03a3\u03a9\u03a3\u03a4\u0397 \u03bf\u03c1\u03b8\u03bf\u03b3\u03c1\u03b1\u03c6\u03af\u03b1 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b2\u03bb\u03ad\u03c0\u03bf\u03c5\u03bd \u03c4\u03bf \u03c3\u03c9\u03c3\u03c4\u03cc \u03c0\u03c1\u03cc\u03c4\u03c5\u03c0\u03bf.\n 2. \u03a7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b5 \u03b1\u03c0\u03bb\u03ac \u03bb\u03cc\u03b3\u03b9\u03b1, \u03c0\u03b1\u03c1\u03b1\u03b4\u03b5\u03af\u03b3\u03bc\u03b1\u03c4\u03b1 \u03bc\u03b5 \u03c6\u03c1\u03bf\u03cd\u03c4\u03b1, \u03c7\u03c1\u03ae\u03bc\u03b1\u03c4\u03b1 \u03ae \u03c0\u03b1\u03b9\u03c7\u03bd\u03af\u03b4\u03b9\u03b1.\n 3. \u0391\u03bd \u03b7 \u03b5\u03c1\u03ce\u03c4\u03b7\u03c3\u03b7 \u03b5\u03af\u03bd\u03b1\u03b9 \u03ac\u03c3\u03c7\u03b5\u03c4\u03b7 \u03bc\u03b5 \u03c4\u03b1 \u03bc\u03b1\u03b8\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ac, \u03b5\u03c0\u03b1\u03bd\u03ad\u03c6\u03b5\u03c1\u03b5 \u03c4\u03bf \u03c0\u03b1\u03b9\u03b4\u03af \u03b5\u03c5\u03b3\u03b5\u03bd\u03b9\u03ba\u03ac \u03c3\u03c4\u03bf \u03b8\u03ad\u03bc\u03b1 \u03c4\u03c9\u03bd \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd.\n 4. \u0391\u03bd \u03ad\u03bd\u03b1 \u03c0\u03b1\u03b9\u03b4\u03af \u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9 \"\u03a4\u03b7 \u03af\u03bd\u03b1\u03b9 \u03b9 \u03b4\u03b9\u03b1\u03c4\u03b1\u03be\u03b9\", \u03b5\u03be\u03ae\u03b3\u03b7\u03c3\u03b5 \u03c4\u03b7 \u03b4\u03b9\u03ac\u03c4\u03b1\u03be\u03b7 (\u03c3\u03cd\u03b3\u03ba\u03c1\u03b9\u03c3\u03b7) \u03b1\u03c1\u03b9\u03b8\u03bc\u03ce\u03bd, \u03b1\u03ba\u03cc\u03bc\u03b1 \u03ba\u03b9 \u03b1\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u03b3\u03c1\u03b1\u03bc\u03bc\u03ad\u03bd\u03bf \u03bb\u03ac\u03b8\u03bf\u03c2.\n 5. \u039c\u03b7\u03bd \u03b4\u03af\u03bd\u03b5\u03b9\u03c2 \u03c0\u03bf\u03bb\u03cd \u03bc\u03b5\u03b3\u03ac\u03bb\u03b5\u03c2 \u03b1\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2. 3-4 \u03c0\u03c1\u03bf\u03c4\u03ac\u03c3\u03b5\u03b9\u03c2 \u03b1\u03c1\u03ba\u03bf\u03cd\u03bd.\n `;\n\n let retries = 0;\n const delays = [1000, 2000, 4000, 8000, 16000];\n\n while (retries < 5) {\n try {\n const response = await fetch(`https:\/\/generativelanguage.googleapis.com\/v1beta\/models\/gemini-2.5-flash-preview-09-2025:generateContent?key=${apiKey}`, {\n method: 'POST',\n headers: { 'Content-Type': 'application\/json' },\n body: JSON.stringify({\n contents: [{ parts: [{ text: prompt }] }],\n systemInstruction: { parts: [{ text: systemPrompt }] }\n })\n });\n\n if (!response.ok) throw new Error('API Error');\n \n const data = await response.json();\n return data.candidates[0].content.parts[0].text;\n } catch (e) {\n if (retries === 4) throw e;\n await new Promise(res => setTimeout(res, delays[retries]));\n retries++;\n }\n }\n }\n\n function appendMessage(text, side, id = null) {\n const msgDiv = document.createElement('div');\n msgDiv.className = side === 'user' ? 'user-msg p-3 ml-auto max-w-[80%] text-sm' : 'bot-msg p-3 max-w-[80%] text-sm';\n if (id) msgDiv.id = id;\n msgDiv.innerText = text;\n chatBox.appendChild(msgDiv);\n chatBox.scrollTop = chatBox.scrollHeight;\n }\n\n \/\/ Allow Enter key\n userInput.addEventListener(\"keypress\", function(event) {\n if (event.key === \"Enter\") {\n event.preventDefault();\n sendMessage();\n }\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u039c\u03b1\u03b8\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc \u0393\u03bb\u03c9\u03c3\u03c3\u03ac\u03c1\u03b9 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd \u039c\u03b1\u03b8\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc \u0393\u03bb\u03c9\u03c3\u03c3\u03ac\u03c1\u03b9 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd \u03a0\u03c1\u03cc\u03c3\u03b8\u03b5\u03c3\u03b7 \u03ba\u03b1\u03b9 \u0391\u03c6\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03bc\u03b5 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03cd\u03c2 \u0391\u03c1\u03b9\u03b8\u03bc\u03bf\u03cd\u03c2 Copy of \u0394\u03b9\u03b1\u03b4\u03c1\u03b1\u03c3\u03c4\u03b9\u03ba\u03ae \u03a0\u03b1\u03c1\u03bf\u03c5\u03c3\u03af\u03b1\u03c3\u03b7 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd \u03b3\u03b9\u03b1 \u03a0\u03ad\u03bc\u03c0\u03c4\u03b7 \u0394\u03b7\u03bc\u03bf\u03c4\u03b9\u03ba\u03bf\u03cd by \u039d\u03b9\u03ba\u03cc\u03bb\u03b1\u03bf\u03c2 \u03a0\u03c1\u03bf\u03ba\u03bf\u03c0\u03af\u03b4\u03b7\u03c2 AI Tutor: \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03af \u0391\u03c1\u03b9\u03b8\u03bc\u03bf\u03af – \u0395’ \u0394\u03b7\u03bc\u03bf\u03c4\u03b9\u03ba\u03bf\u03cd \ud83e\udd16 \u039f \u03a8\u03b7\u03c6\u03b9\u03b1\u03ba\u03cc\u03c2 \u03c3\u03bf\u03c5 \u0392\u03bf\u03b7\u03b8\u03cc\u03c2 \u03c3\u03c4\u03b1 \u039c\u03b1\u03b8\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ac \u03a0\u03c1\u03cc\u03c3\u03b8\u03b5\u03c3\u03b7 \u03ba\u03b1\u03b9 \u0391\u03c6\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd \u0391\u03c1\u03b9\u03b8\u03bc\u03ce\u03bd (\u0395’ \u0394\u03b7\u03bc\u03bf\u03c4\u03b9\u03ba\u03bf\u03cd) \ud83d\udcda \u039c\u03ac\u03b8\u03b5 \u03c4\u03b7 \u0398\u03b5\u03c9\u03c1\u03af\u03b1 1. \u03a4\u03bf \u03bc\u03c5\u03c3\u03c4\u03b9\u03ba\u03cc \u03b5\u03af\u03bd\u03b1\u03b9 \u03b7 \u03a5\u03c0\u03bf\u03b4\u03b9\u03b1\u03c3\u03c4\u03bf\u03bb\u03ae! \u038c\u03c4\u03b1\u03bd … <a href=\"https:\/\/prokopidis.sites.sch.gr\/?p=4205\" class=\"more-link\">\u0394\u03b9\u03b1\u03b2\u03ac\u03c3\u03c4\u03b5 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1<span class=\"screen-reader-text\"> “\u03a0\u03c1\u03cc\u03c3\u03b8\u03b5\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03b1\u03c6\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03bc\u03b5 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03cd\u03c2 \u03b1\u03c1\u03b9\u03b8\u03bc\u03bf\u03cd\u03c2”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-4205","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"featured_image_src":null,"featured_image_src_square":null,"author_info":{"display_name":"nikos","author_link":"https:\/\/prokopidis.sites.sch.gr\/?author=1"},"_links":{"self":[{"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/4205","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4205"}],"version-history":[{"count":8,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/4205\/revisions"}],"predecessor-version":[{"id":5867,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/4205\/revisions\/5867"}],"wp:attachment":[{"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4205"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4205"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4205"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":4205,"date":"2024-07-11T20:58:02","date_gmt":"2024-07-11T20:58:02","guid":{"rendered":"https:\/\/prokopidis.sites.sch.gr\/?p=4205"},"modified":"2026-01-02T13:56:21","modified_gmt":"2026-01-02T13:56:21","slug":"4205","status":"publish","type":"post","link":"https:\/\/prokopidis.sites.sch.gr\/?p=4205","title":{"rendered":"\u03a0\u03c1\u03cc\u03c3\u03b8\u03b5\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03b1\u03c6\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03bc\u03b5 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03cd\u03c2 \u03b1\u03c1\u03b9\u03b8\u03bc\u03bf\u03cd\u03c2"},"content":{"rendered":"\n\n\n \n \n \n \u039c\u03b1\u03b8\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc \u0393\u03bb\u03c9\u03c3\u03c3\u03ac\u03c1\u03b9 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd<\/title>\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\n <style>\n body {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n font-family: 'Comic Sans MS', 'Arial Rounded MT Bold', sans-serif;\n }\n\n * {\n box-sizing: border-box;\n }\n\n html, body {\n height: 100%;\n width: 100%;\n }\n\n .app-wrapper {\n min-height: 100%;\n width: 100%;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n padding: 2rem 1rem;\n overflow-auto;\n }\n\n .container {\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .header {\n text-align: center;\n margin-bottom: 2rem;\n animation: slideDown 0.6s ease-out;\n }\n\n .header h1 {\n color: #ffffff;\n font-size: 2.5rem;\n margin: 0 0 0.5rem 0;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);\n }\n\n .header p {\n color: #f0e7ff;\n font-size: 1.2rem;\n margin: 0;\n }\n\n .glossary-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1.5rem;\n animation: fadeIn 0.8s ease-out;\n }\n\n .card {\n background: #ffffff;\n border-radius: 20px;\n padding: 1.5rem;\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);\n transition: all 0.3s ease;\n cursor: pointer;\n position: relative;\n overflow: hidden;\n }\n\n .card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 8px;\n background: linear-gradient(90deg, #ff6b6b, #4ecdc4, #45b7d1, #f7b731);\n border-radius: 20px 20px 0 0;\n }\n\n .card:hover {\n transform: translateY(-8px) scale(1.02);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);\n }\n\n .card-header {\n display: flex;\n align-items: center;\n margin-bottom: 1rem;\n }\n\n .card-icon {\n font-size: 2.5rem;\n margin-right: 1rem;\n }\n\n .card-title {\n font-size: 1.4rem;\n font-weight: bold;\n color: #5f27cd;\n margin: 0;\n }\n\n .card-content {\n color: #2d3436;\n font-size: 1rem;\n line-height: 1.6;\n }\n\n .example-box {\n background: #f8f9fa;\n border-left: 4px solid #4ecdc4;\n padding: 0.8rem;\n margin-top: 1rem;\n border-radius: 8px;\n font-family: 'Courier New', monospace;\n color: #2d3436;\n }\n\n .flip-indicator {\n text-align: center;\n margin-top: 1rem;\n color: #95a5a6;\n font-size: 0.9rem;\n font-style: italic;\n }\n\n .card.flipped .card-front {\n display: none;\n }\n\n .card.flipped .card-back {\n display: block;\n }\n\n .card-front {\n display: block;\n }\n\n .card-back {\n display: none;\n }\n\n @keyframes slideDown {\n from {\n opacity: 0;\n transform: translateY(-30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n\n @media (max-width: 768px) {\n .glossary-grid {\n grid-template-columns: 1fr;\n }\n\n .header h1 {\n font-size: 2rem;\n }\n\n .header p {\n font-size: 1rem;\n }\n }\n <\/style>\n <style>@view-transition { navigation: auto; }<\/style>\n <script src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"><\/script>\n <script src=\"https:\/\/cdn.tailwindcss.com\" type=\"text\/javascript\"><\/script>\n <\/head>\n <body>\n <div class=\"app-wrapper\">\n <div class=\"container\">\n <header class=\"header\">\n <h1 id=\"main-title\">\u039c\u03b1\u03b8\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc \u0393\u03bb\u03c9\u03c3\u03c3\u03ac\u03c1\u03b9 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd<\/h1>\n <p id=\"subtitle\">\u03a0\u03c1\u03cc\u03c3\u03b8\u03b5\u03c3\u03b7 \u03ba\u03b1\u03b9 \u0391\u03c6\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03bc\u03b5 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03cd\u03c2 \u0391\u03c1\u03b9\u03b8\u03bc\u03bf\u03cd\u03c2<\/p>\n <\/header>\n <div class=\"glossary-grid\" id=\"glossary-grid\"><\/div>\n <\/div>\n <\/div>\n <script>\n const glossaryTerms = [\n {\n icon: '\ud83d\udd22',\n title: '\u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03cc\u03c2 \u0391\u03c1\u03b9\u03b8\u03bc\u03cc\u03c2',\n front: '\u0388\u03bd\u03b1\u03c2 \u03b1\u03c1\u03b9\u03b8\u03bc\u03cc\u03c2 \u03c0\u03bf\u03c5 \u03ad\u03c7\u03b5\u03b9 \u03b1\u03ba\u03ad\u03c1\u03b1\u03b9\u03bf \u03bc\u03ad\u03c1\u03bf\u03c2 \u03ba\u03b1\u03b9 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03cc \u03bc\u03ad\u03c1\u03bf\u03c2, \u03c0\u03bf\u03c5 \u03c7\u03c9\u03c1\u03af\u03b6\u03bf\u03bd\u03c4\u03b1\u03b9 \u03bc\u03b5 \u03c4\u03b7\u03bd \u03c5\u03c0\u03bf\u03b4\u03b9\u03b1\u03c3\u03c4\u03bf\u03bb\u03ae (\u03ba\u03cc\u03bc\u03bc\u03b1).',\n back: '\u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1: 3,75 (3 = \u03b1\u03ba\u03ad\u03c1\u03b1\u03b9\u03bf, 75 = \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03cc \u03bc\u03ad\u03c1\u03bf\u03c2)'\n },\n {\n icon: '\ud83d\udccd',\n title: '\u03a5\u03c0\u03bf\u03b4\u03b9\u03b1\u03c3\u03c4\u03bf\u03bb\u03ae',\n front: '\u03a4\u03bf \u03ba\u03cc\u03bc\u03bc\u03b1 (,) \u03c0\u03bf\u03c5 \u03c7\u03c9\u03c1\u03af\u03b6\u03b5\u03b9 \u03c4\u03bf \u03b1\u03ba\u03ad\u03c1\u03b1\u03b9\u03bf \u03bc\u03ad\u03c1\u03bf\u03c2 \u03b1\u03c0\u03cc \u03c4\u03bf \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03cc \u03bc\u03ad\u03c1\u03bf\u03c2 \u03c4\u03bf\u03c5 \u03b1\u03c1\u03b9\u03b8\u03bc\u03bf\u03cd.',\n back: '\u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1: 12,5 (\u03c4\u03bf \u03ba\u03cc\u03bc\u03bc\u03b1 \u03bc\u03b5\u03c4\u03b1\u03be\u03cd \u03c4\u03bf\u03c5 12 \u03ba\u03b1\u03b9 \u03c4\u03bf\u03c5 5)'\n },\n {\n icon: '\u2795',\n title: '\u03a0\u03c1\u03cc\u03c3\u03b8\u03b5\u03c3\u03b7 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd',\n front: '\u038c\u03c4\u03b1\u03bd \u03c0\u03c1\u03bf\u03c3\u03b8\u03ad\u03c4\u03bf\u03c5\u03bc\u03b5 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03cd\u03c2, \u03b3\u03c1\u03ac\u03c6\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b9\u03c2 \u03c5\u03c0\u03bf\u03b4\u03b9\u03b1\u03c3\u03c4\u03bf\u03bb\u03ad\u03c2 \u03b7 \u03bc\u03af\u03b1 \u03ba\u03ac\u03c4\u03c9 \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03ac\u03bb\u03bb\u03b7 \u03ba\u03b1\u03b9 \u03c0\u03c1\u03bf\u03c3\u03b8\u03ad\u03c4\u03bf\u03c5\u03bc\u03b5 \u03ba\u03b1\u03bd\u03bf\u03bd\u03b9\u03ba\u03ac.',\n back: '\u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1: 2,3 + 1,5 = 3,8'\n },\n {\n icon: '\u2796',\n title: '\u0391\u03c6\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd',\n front: '\u038c\u03c4\u03b1\u03bd \u03b1\u03c6\u03b1\u03b9\u03c1\u03bf\u03cd\u03bc\u03b5 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03cd\u03c2, \u03b3\u03c1\u03ac\u03c6\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b9\u03c2 \u03c5\u03c0\u03bf\u03b4\u03b9\u03b1\u03c3\u03c4\u03bf\u03bb\u03ad\u03c2 \u03b7 \u03bc\u03af\u03b1 \u03ba\u03ac\u03c4\u03c9 \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03ac\u03bb\u03bb\u03b7 \u03ba\u03b1\u03b9 \u03b1\u03c6\u03b1\u03b9\u03c1\u03bf\u03cd\u03bc\u03b5 \u03ba\u03b1\u03bd\u03bf\u03bd\u03b9\u03ba\u03ac.',\n back: '\u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1: 5,7 - 2,4 = 3,3'\n },\n {\n icon: '\ud83d\udd04',\n title: '\u0395\u03c5\u03b8\u03c5\u03b3\u03c1\u03ac\u03bc\u03bc\u03b9\u03c3\u03b7',\n front: '\u03a0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03c0\u03ac\u03bd\u03c4\u03b1 \u03bd\u03b1 \u03b5\u03c5\u03b8\u03c5\u03b3\u03c1\u03b1\u03bc\u03bc\u03af\u03b6\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b9\u03c2 \u03c5\u03c0\u03bf\u03b4\u03b9\u03b1\u03c3\u03c4\u03bf\u03bb\u03ad\u03c2 \u03cc\u03c4\u03b1\u03bd \u03c0\u03c1\u03bf\u03c3\u03b8\u03ad\u03c4\u03bf\u03c5\u03bc\u03b5 \u03ae \u03b1\u03c6\u03b1\u03b9\u03c1\u03bf\u03cd\u03bc\u03b5 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03cd\u03c2 \u03b1\u03c1\u03b9\u03b8\u03bc\u03bf\u03cd\u03c2.',\n back: '\u03a3\u03c9\u03c3\u03c4\u03ac:\\n 3,25\\n+ 1,40\\n------\\n 4,65'\n },\n {\n icon: '\ud83c\udfaf',\n title: '\u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ac \u03a8\u03b7\u03c6\u03af\u03b1',\n front: '\u03a4\u03b1 \u03c8\u03b7\u03c6\u03af\u03b1 \u03c0\u03bf\u03c5 \u03b2\u03c1\u03af\u03c3\u03ba\u03bf\u03bd\u03c4\u03b1\u03b9 \u03bc\u03b5\u03c4\u03ac \u03c4\u03b7\u03bd \u03c5\u03c0\u03bf\u03b4\u03b9\u03b1\u03c3\u03c4\u03bf\u03bb\u03ae \u03bf\u03bd\u03bf\u03bc\u03ac\u03b6\u03bf\u03bd\u03c4\u03b1\u03b9 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ac \u03c8\u03b7\u03c6\u03af\u03b1.',\n back: '\u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1: \u03a3\u03c4\u03bf\u03bd \u03b1\u03c1\u03b9\u03b8\u03bc\u03cc 4,267 \u03c4\u03b1 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ac \u03c8\u03b7\u03c6\u03af\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c4\u03bf 2, 6 \u03ba\u03b1\u03b9 7'\n },\n {\n icon: '\ud83d\udd1f',\n title: '\u0394\u03ad\u03ba\u03b1\u03c4\u03b1',\n front: '\u03a4\u03bf \u03c0\u03c1\u03ce\u03c4\u03bf \u03c8\u03b7\u03c6\u03af\u03bf \u03bc\u03b5\u03c4\u03ac \u03c4\u03b7\u03bd \u03c5\u03c0\u03bf\u03b4\u03b9\u03b1\u03c3\u03c4\u03bf\u03bb\u03ae \u03b4\u03b5\u03af\u03c7\u03bd\u03b5\u03b9 \u03c4\u03b1 \u03b4\u03ad\u03ba\u03b1\u03c4\u03b1.',\n back: '\u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1: 0,7 = 7 \u03b4\u03ad\u03ba\u03b1\u03c4\u03b1 (7\/10)'\n },\n {\n icon: '\ud83d\udcaf',\n title: '\u0395\u03ba\u03b1\u03c4\u03bf\u03c3\u03c4\u03ac',\n front: '\u03a4\u03bf \u03b4\u03b5\u03cd\u03c4\u03b5\u03c1\u03bf \u03c8\u03b7\u03c6\u03af\u03bf \u03bc\u03b5\u03c4\u03ac \u03c4\u03b7\u03bd \u03c5\u03c0\u03bf\u03b4\u03b9\u03b1\u03c3\u03c4\u03bf\u03bb\u03ae \u03b4\u03b5\u03af\u03c7\u03bd\u03b5\u03b9 \u03c4\u03b1 \u03b5\u03ba\u03b1\u03c4\u03bf\u03c3\u03c4\u03ac.',\n back: '\u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1: 0,45 = 45 \u03b5\u03ba\u03b1\u03c4\u03bf\u03c3\u03c4\u03ac (45\/100)'\n },\n {\n icon: '0\ufe0f\u20e3',\n title: '\u039c\u03b7\u03b4\u03b5\u03bd\u03b9\u03ba\u03ac \u03c3\u03c4\u03bf \u03a4\u03ad\u03bb\u03bf\u03c2',\n front: '\u039c\u03c0\u03bf\u03c1\u03bf\u03cd\u03bc\u03b5 \u03bd\u03b1 \u03c0\u03c1\u03bf\u03c3\u03b8\u03ad\u03c4\u03bf\u03c5\u03bc\u03b5 \u03bc\u03b7\u03b4\u03b5\u03bd\u03b9\u03ba\u03ac \u03c3\u03c4\u03bf \u03c4\u03ad\u03bb\u03bf\u03c2 \u03c4\u03c9\u03bd \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd \u03c7\u03c9\u03c1\u03af\u03c2 \u03bd\u03b1 \u03b1\u03bb\u03bb\u03ac\u03b6\u03b5\u03b9 \u03b7 \u03b1\u03be\u03af\u03b1 \u03c4\u03bf\u03c5\u03c2.',\n back: '\u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1: 2,5 = 2,50 = 2,500'\n },\n {\n icon: '\u270f\ufe0f',\n title: '\u039a\u03ac\u03b8\u03b5\u03c4\u03b7 \u03a0\u03c1\u03cc\u03c3\u03b8\u03b5\u03c3\u03b7',\n front: '\u0393\u03c1\u03ac\u03c6\u03bf\u03c5\u03bc\u03b5 \u03c4\u03bf\u03c5\u03c2 \u03b1\u03c1\u03b9\u03b8\u03bc\u03bf\u03cd\u03c2 \u03bf \u03ad\u03bd\u03b1\u03c2 \u03ba\u03ac\u03c4\u03c9 \u03b1\u03c0\u03cc \u03c4\u03bf\u03bd \u03ac\u03bb\u03bb\u03bf, \u03bc\u03b5 \u03c4\u03b9\u03c2 \u03c5\u03c0\u03bf\u03b4\u03b9\u03b1\u03c3\u03c4\u03bf\u03bb\u03ad\u03c2 \u03b5\u03c5\u03b8\u03c5\u03b3\u03c1\u03b1\u03bc\u03bc\u03b9\u03c3\u03bc\u03ad\u03bd\u03b5\u03c2.',\n back: '\u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1:\\n 12,34\\n + 5,60\\n -------\\n 17,94'\n },\n {\n icon: '\ud83d\udcca',\n title: '\u039a\u03c1\u03b1\u03c4\u03bf\u03cd\u03bc\u03b5\u03bd\u03bf',\n front: '\u038c\u03c4\u03b1\u03bd \u03c4\u03bf \u03ac\u03b8\u03c1\u03bf\u03b9\u03c3\u03bc\u03b1 \u03bc\u03b9\u03b1\u03c2 \u03c3\u03c4\u03ae\u03bb\u03b7\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03bc\u03b5\u03b3\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03bf \u03b1\u03c0\u03cc 9, \u03ba\u03c1\u03b1\u03c4\u03ac\u03bc\u03b5 \u03c4\u03bf 1 \u03c3\u03c4\u03b7\u03bd \u03b5\u03c0\u03cc\u03bc\u03b5\u03bd\u03b7 \u03c3\u03c4\u03ae\u03bb\u03b7.',\n back: '\u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1: 0,8 + 0,7 = 1,5 (\u03ba\u03c1\u03b1\u03c4\u03ac\u03bc\u03b5 \u03c4\u03bf 1)'\n },\n {\n icon: '\ud83c\udf93',\n title: '\u0394\u03b1\u03bd\u03b5\u03b9\u03c3\u03bc\u03cc\u03c2',\n front: '\u03a3\u03c4\u03b7\u03bd \u03b1\u03c6\u03b1\u03af\u03c1\u03b5\u03c3\u03b7, \u03cc\u03c4\u03b1\u03bd \u03c7\u03c1\u03b5\u03b9\u03ac\u03b6\u03b5\u03c4\u03b1\u03b9, \u03b4\u03b1\u03bd\u03b5\u03b9\u03b6\u03cc\u03bc\u03b1\u03c3\u03c4\u03b5 \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03b5\u03c0\u03cc\u03bc\u03b5\u03bd\u03b7 \u03c3\u03c4\u03ae\u03bb\u03b7.',\n back: '\u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1: 5,2 - 1,8 = 3,4 (\u03b4\u03b1\u03bd\u03b5\u03b9\u03b6\u03cc\u03bc\u03b1\u03c3\u03c4\u03b5 \u03b1\u03c0\u03cc \u03c4\u03b1 \u03b1\u03ba\u03ad\u03c1\u03b1\u03b9\u03b1)'\n }\n ];\n\n const defaultConfig = {\n main_title: '\u039c\u03b1\u03b8\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc \u0393\u03bb\u03c9\u03c3\u03c3\u03ac\u03c1\u03b9 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd',\n subtitle: '\u03a0\u03c1\u03cc\u03c3\u03b8\u03b5\u03c3\u03b7 \u03ba\u03b1\u03b9 \u0391\u03c6\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03bc\u03b5 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03cd\u03c2 \u0391\u03c1\u03b9\u03b8\u03bc\u03bf\u03cd\u03c2',\n background_color: '#667eea',\n card_color: '#ffffff',\n title_color: '#5f27cd',\n text_color: '#2d3436',\n accent_color: '#4ecdc4',\n font_family: 'Comic Sans MS',\n font_size: 16\n };\n\n function renderGlossary() {\n const grid = document.getElementById('glossary-grid');\n grid.innerHTML = '';\n\n glossaryTerms.forEach((term, index) => {\n const card = document.createElement('div');\n card.className = 'card';\n card.innerHTML = `\n <div class=\"card-front\">\n <div class=\"card-header\">\n <div class=\"card-icon\">${term.icon}<\/div>\n <h2 class=\"card-title\">${term.title}<\/h2>\n <\/div>\n <div class=\"card-content\">\n ${term.front}\n <\/div>\n <div class=\"flip-indicator\">\ud83d\udc46 \u039a\u03ac\u03bd\u03b5 \u03ba\u03bb\u03b9\u03ba \u03b3\u03b9\u03b1 \u03c0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1<\/div>\n <\/div>\n <div class=\"card-back\">\n <div class=\"card-header\">\n <div class=\"card-icon\">${term.icon}<\/div>\n <h2 class=\"card-title\">${term.title}<\/h2>\n <\/div>\n <div class=\"example-box\">\n ${term.back.replace(\/\\n\/g, '<br>')}\n <\/div>\n <div class=\"flip-indicator\">\ud83d\udc46 \u039a\u03ac\u03bd\u03b5 \u03ba\u03bb\u03b9\u03ba \u03b3\u03b9\u03b1 \u03b5\u03c0\u03b9\u03c3\u03c4\u03c1\u03bf\u03c6\u03ae<\/div>\n <\/div>\n `;\n\n card.addEventListener('click', () => {\n card.classList.toggle('flipped');\n });\n\n grid.appendChild(card);\n });\n }\n\n async function onConfigChange(config) {\n document.getElementById('main-title').textContent = config.main_title || defaultConfig.main_title;\n document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n\n const appWrapper = document.querySelector('.app-wrapper');\n const cards = document.querySelectorAll('.card');\n const cardTitles = document.querySelectorAll('.card-title');\n const cardContents = document.querySelectorAll('.card-content');\n const exampleBoxes = document.querySelectorAll('.example-box');\n\n const customFont = config.font_family || defaultConfig.font_family;\n const baseFontStack = 'Arial, sans-serif';\n const baseSize = config.font_size || defaultConfig.font_size;\n\n document.body.style.fontFamily = `${customFont}, ${baseFontStack}`;\n document.getElementById('main-title').style.fontSize = `${baseSize * 2.5}px`;\n document.getElementById('subtitle').style.fontSize = `${baseSize * 1.2}px`;\n\n cardTitles.forEach(title => {\n title.style.fontSize = `${baseSize * 1.4}px`;\n title.style.color = config.title_color || defaultConfig.title_color;\n });\n\n cardContents.forEach(content => {\n content.style.fontSize = `${baseSize}px`;\n content.style.color = config.text_color || defaultConfig.text_color;\n });\n\n exampleBoxes.forEach(box => {\n box.style.fontSize = `${baseSize}px`;\n box.style.borderLeftColor = config.accent_color || defaultConfig.accent_color;\n box.style.color = config.text_color || defaultConfig.text_color;\n });\n\n appWrapper.style.background = `linear-gradient(135deg, ${config.background_color || defaultConfig.background_color} 0%, #764ba2 100%)`;\n\n cards.forEach(card => {\n card.style.backgroundColor = config.card_color || defaultConfig.card_color;\n });\n }\n\n if (window.elementSdk) {\n window.elementSdk.init({\n defaultConfig: defaultConfig,\n onConfigChange: onConfigChange,\n mapToCapabilities: (config) => ({\n recolorables: [\n {\n get: () => config.background_color || defaultConfig.background_color,\n set: (value) => {\n config.background_color = value;\n window.elementSdk.setConfig({ background_color: value });\n }\n },\n {\n get: () => config.card_color || defaultConfig.card_color,\n set: (value) => {\n config.card_color = value;\n window.elementSdk.setConfig({ card_color: value });\n }\n },\n {\n get: () => config.title_color || defaultConfig.title_color,\n set: (value) => {\n config.title_color = value;\n window.elementSdk.setConfig({ title_color: value });\n }\n },\n {\n get: () => config.text_color || defaultConfig.text_color,\n set: (value) => {\n config.text_color = value;\n window.elementSdk.setConfig({ text_color: value });\n }\n },\n {\n get: () => config.accent_color || defaultConfig.accent_color,\n set: (value) => {\n config.accent_color = value;\n window.elementSdk.setConfig({ accent_color: value });\n }\n }\n ],\n borderables: [],\n fontEditable: {\n get: () => config.font_family || defaultConfig.font_family,\n set: (value) => {\n config.font_family = value;\n window.elementSdk.setConfig({ font_family: value });\n }\n },\n fontSizeable: {\n get: () => config.font_size || defaultConfig.font_size,\n set: (value) => {\n config.font_size = value;\n window.elementSdk.setConfig({ font_size: value });\n }\n }\n }),\n mapToEditPanelValues: (config) => new Map([\n ['main_title', config.main_title || defaultConfig.main_title],\n ['subtitle', config.subtitle || defaultConfig.subtitle]\n ])\n });\n }\n\n renderGlossary();\n <\/script>\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9b793511e4e26f67',t:'MTc2NzM0NTkwNy4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n<\/html>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"193\" height=\"16\" src=\"https:\/\/prokopidis.sites.sch.gr\/wp-content\/uploads\/2024\/06\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-\u03bf\u03b8\u03cc\u03bd\u03b7\u03c2-2025-12-30-203202.png\" alt=\"\" class=\"wp-image-5725\"\/><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<div style=\"position: relative; width: 100%; height: 0; padding-top: 56.2225%;\n padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;\n border-radius: 8px; will-change: transform;\">\n <iframe loading=\"lazy\" style=\"position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;\"\n src=\"https:\/\/www.canva.com\/design\/DAG9QZ9kn0s\/8eLIbQIQj7gRJ7KY8D1fDw\/view?embed\" allowfullscreen=\"allowfullscreen\" allow=\"fullscreen\">\n <\/iframe>\n<\/div>\n<a href=\"https://www.canva.com/design/DAG9QZ9kn0s/8eLIbQIQj7gRJ7KY8D1fDw/view?utm_content=DAG9QZ9kn0s&utm_campaign=designshare&utm_medium=embeds&utm_source=link\" target=\"_blank\" rel=\"noopener\">Copy of \u0394\u03b9\u03b1\u03b4\u03c1\u03b1\u03c3\u03c4\u03b9\u03ba\u03ae \u03a0\u03b1\u03c1\u03bf\u03c5\u03c3\u03af\u03b1\u03c3\u03b7 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd \u03b3\u03b9\u03b1 \u03a0\u03ad\u03bc\u03c0\u03c4\u03b7 \u0394\u03b7\u03bc\u03bf\u03c4\u03b9\u03ba\u03bf\u03cd<\/a> by \u039d\u03b9\u03ba\u03cc\u03bb\u03b1\u03bf\u03c2 \u03a0\u03c1\u03bf\u03ba\u03bf\u03c0\u03af\u03b4\u03b7\u03c2\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"193\" height=\"16\" src=\"https:\/\/prokopidis.sites.sch.gr\/wp-content\/uploads\/2024\/06\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-\u03bf\u03b8\u03cc\u03bd\u03b7\u03c2-2025-12-30-203202.png\" alt=\"\" class=\"wp-image-5725\"\/><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"el\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>AI Tutor: \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03af \u0391\u03c1\u03b9\u03b8\u03bc\u03bf\u03af – \u0395’ \u0394\u03b7\u03bc\u03bf\u03c4\u03b9\u03ba\u03bf\u03cd<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Comfortaa:wght@400;700&display=swap\" rel=\"stylesheet\">\n <style>\n body { font-family: 'Comfortaa', cursive; background-color: #f0f9ff; }\n .chat-container { height: 400px; overflow-y: auto; }\n .theory-card { background: white; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }\n .bot-msg { background-color: #e0f2fe; border-radius: 15px 15px 15px 0; }\n .user-msg { background-color: #dcfce7; border-radius: 15px 15px 0 15px; }\n \/* Custom Scrollbar *\/\n ::-webkit-scrollbar { width: 6px; }\n ::-webkit-scrollbar-thumb { background: #bae6fd; border-radius: 10px; }\n <\/style>\n<\/head>\n<body class=\"p-4 md:p-8\">\n\n <div class=\"max-w-4xl mx-auto\">\n \n <div class=\"text-center mb-8\">\n <h1 class=\"text-3xl font-bold text-blue-600 mb-2\">\ud83e\udd16 \u039f \u03a8\u03b7\u03c6\u03b9\u03b1\u03ba\u03cc\u03c2 \u03c3\u03bf\u03c5 \u0392\u03bf\u03b7\u03b8\u03cc\u03c2 \u03c3\u03c4\u03b1 \u039c\u03b1\u03b8\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ac<\/h1>\n <p class=\"text-gray-600\">\u03a0\u03c1\u03cc\u03c3\u03b8\u03b5\u03c3\u03b7 \u03ba\u03b1\u03b9 \u0391\u03c6\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd \u0391\u03c1\u03b9\u03b8\u03bc\u03ce\u03bd (\u0395’ \u0394\u03b7\u03bc\u03bf\u03c4\u03b9\u03ba\u03bf\u03cd)<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n \n \n <div class=\"theory-card p-6 border-t-4 border-blue-500\">\n <h2 class=\"text-xl font-bold mb-4 flex items-center\">\n <span class=\"mr-2\">\ud83d\udcda<\/span> \u039c\u03ac\u03b8\u03b5 \u03c4\u03b7 \u0398\u03b5\u03c9\u03c1\u03af\u03b1\n <\/h2>\n <div class=\"space-y-4 text-sm text-gray-700\">\n <section>\n <h3 class=\"font-bold text-blue-500\">1. \u03a4\u03bf \u03bc\u03c5\u03c3\u03c4\u03b9\u03ba\u03cc \u03b5\u03af\u03bd\u03b1\u03b9 \u03b7 \u03a5\u03c0\u03bf\u03b4\u03b9\u03b1\u03c3\u03c4\u03bf\u03bb\u03ae!<\/h3>\n <p>\u038c\u03c4\u03b1\u03bd \u03b2\u03ac\u03b6\u03bf\u03c5\u03bc\u03b5 \u03c4\u03bf\u03c5\u03c2 \u03b1\u03c1\u03b9\u03b8\u03bc\u03bf\u03cd\u03c2 \u03c4\u03bf\u03bd \u03ad\u03bd\u03b1\u03bd \u03ba\u03ac\u03c4\u03c9 \u03b1\u03c0\u03cc \u03c4\u03bf\u03bd \u03ac\u03bb\u03bb\u03bf (\u03ba\u03ac\u03b8\u03b5\u03c4\u03b1), \u03c0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bf\u03b9 <strong>\u03c5\u03c0\u03bf\u03b4\u03b9\u03b1\u03c3\u03c4\u03bf\u03bb\u03ad\u03c2 \u03bd\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c3\u03c4\u03b7\u03bd \u03af\u03b4\u03b9\u03b1 \u03b5\u03c5\u03b8\u03b5\u03af\u03b1<\/strong>. \u038c\u03c0\u03c9\u03c2 \u03c4\u03b1 \u03ba\u03bf\u03c5\u03bc\u03c0\u03b9\u03ac \u03c3\u03b5 \u03ad\u03bd\u03b1 \u03c0\u03bf\u03c5\u03ba\u03ac\u03bc\u03b9\u03c3\u03bf!<\/p>\n <\/section>\n <section>\n <h3 class=\"font-bold text-blue-500\">2. \u03a4\u03b1 “\u03b1\u03cc\u03c1\u03b1\u03c4\u03b1” \u03bc\u03b7\u03b4\u03b5\u03bd\u03b9\u03ba\u03ac<\/h3>\n <p>\u0391\u03bd \u03ad\u03bd\u03b1\u03c2 \u03b1\u03c1\u03b9\u03b8\u03bc\u03cc\u03c2 \u03ad\u03c7\u03b5\u03b9 \u03bb\u03b9\u03b3\u03cc\u03c4\u03b5\u03c1\u03b1 \u03c8\u03b7\u03c6\u03af\u03b1 \u03bc\u03b5\u03c4\u03ac \u03c4\u03b7\u03bd \u03c5\u03c0\u03bf\u03b4\u03b9\u03b1\u03c3\u03c4\u03bf\u03bb\u03ae, \u03c3\u03c5\u03bc\u03c0\u03bb\u03b7\u03c1\u03ce\u03bd\u03bf\u03c5\u03bc\u03b5 \u03bc\u03b5 <strong>\u03bc\u03b7\u03b4\u03b5\u03bd\u03b9\u03ba\u03ac \u03c3\u03c4\u03bf \u03c4\u03ad\u03bb\u03bf\u03c2<\/strong> \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03bc\u03b7 \u03bc\u03c0\u03b5\u03c1\u03b4\u03b5\u03c5\u03c4\u03bf\u03cd\u03bc\u03b5.<\/p>\n <p class=\"bg-gray-100 p-2 rounded mt-1 italic\">\u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1: 5,2 + 1,45 \u2192 5,2<strong>0<\/strong> + 1,45<\/p>\n <\/section>\n <section>\n <h3 class=\"font-bold text-blue-500\">3. \u03a0\u03c1\u03cc\u03c3\u03b8\u03b5\u03c3\u03b7 & \u0391\u03c6\u03b1\u03af\u03c1\u03b5\u03c3\u03b7<\/h3>\n <p>\u039a\u03ac\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7\u03bd \u03c0\u03c1\u03ac\u03be\u03b7 \u03ba\u03b1\u03bd\u03bf\u03bd\u03b9\u03ba\u03ac, \u03c3\u03b1\u03bd \u03bd\u03b1 \u03ae\u03c4\u03b1\u03bd \u03b1\u03ba\u03ad\u03c1\u03b1\u03b9\u03bf\u03b9. \u03a3\u03c4\u03bf \u03c4\u03ad\u03bb\u03bf\u03c2, \u03ba\u03b1\u03c4\u03b5\u03b2\u03ac\u03b6\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7\u03bd \u03c5\u03c0\u03bf\u03b4\u03b9\u03b1\u03c3\u03c4\u03bf\u03bb\u03ae \u03c3\u03c4\u03b7\u03bd \u03af\u03b4\u03b9\u03b1 \u03b8\u03ad\u03c3\u03b7 \u03c3\u03c4\u03bf \u03b1\u03c0\u03bf\u03c4\u03ad\u03bb\u03b5\u03c3\u03bc\u03b1.<\/p>\n <\/section>\n <\/div>\n <\/div>\n\n \n <div class=\"theory-card flex flex-col border-t-4 border-green-500\">\n <div class=\"p-4 border-b bg-green-50 rounded-t-lg\">\n <h2 class=\"font-bold flex items-center\">\n <span class=\"mr-2\">\ud83d\udcac<\/span> \u03a1\u03ce\u03c4\u03b7\u03c3\u03b5 \u03c4\u03bf\u03bd \u0394\u03ac\u03c3\u03ba\u03b1\u03bb\u03bf AI\n <\/h2>\n <p class=\"text-xs text-gray-500\">\u039c\u03c0\u03bf\u03c1\u03b5\u03af\u03c2 \u03bd\u03b1 \u03b3\u03c1\u03ac\u03c6\u03b5\u03b9\u03c2 \u03cc\u03c0\u03c9\u03c2 \u03b8\u03ad\u03bb\u03b5\u03b9\u03c2, \u03b8\u03b1 \u03c3\u03b5 \u03ba\u03b1\u03c4\u03b1\u03bb\u03ac\u03b2\u03c9!<\/p>\n <\/div>\n \n <div id=\"chat-box\" class=\"chat-container p-4 space-y-4\">\n <div class=\"bot-msg p-3 max-w-[80%] text-sm\">\n \u0393\u03b5\u03b9\u03b1 \u03c3\u03bf\u03c5! \u0395\u03af\u03bc\u03b1\u03b9 \u03bf \u03b2\u03bf\u03b7\u03b8\u03cc\u03c2 \u03c3\u03bf\u03c5. \u0388\u03c7\u03b5\u03b9\u03c2 \u03ba\u03ac\u03c0\u03bf\u03b9\u03b1 \u03b1\u03c0\u03bf\u03c1\u03af\u03b1 \u03bc\u03b5 \u03c4\u03bf\u03c5\u03c2 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03cd\u03c2 \u03b1\u03c1\u03b9\u03b8\u03bc\u03bf\u03cd\u03c2; \u039c\u03b7 \u03c3\u03b5 \u03bd\u03bf\u03b9\u03ac\u03b6\u03b5\u03b9 \u03b7 \u03bf\u03c1\u03b8\u03bf\u03b3\u03c1\u03b1\u03c6\u03af\u03b1, \u03c1\u03ce\u03c4\u03b1 \u03bc\u03b5 \u03cc,\u03c4\u03b9 \u03b8\u03b5\u03c2!\n <\/div>\n <\/div>\n\n <div class=\"p-4 border-t mt-auto\">\n <div class=\"flex gap-2\">\n <input type=\"text\" id=\"user-input\" placeholder=\"\u03c0.\u03c7. \u03c0\u03c9\u03c2 \u03ba\u03b1\u03bd\u03c9 \u03b1\u03c6\u03b1\u03b9\u03c1\u03b5\u03c3\u03b7;\" \n class=\"flex-1 border rounded-full px-4 py-2 focus:outline-none focus:ring-2 focus:ring-green-400\">\n <button onclick=\"sendMessage()\" id=\"send-btn\" \n class=\"bg-green-500 text-white rounded-full p-2 hover:bg-green-600 transition\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 19l9-2-9-18-9 18 9-2zm0 0v-8\" \/>\n <\/svg>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"mt-8 text-center text-gray-400 text-xs italic\">\n \u03a3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03ad\u03bd\u03bf \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u0395’ \u03a4\u03ac\u03be\u03b7 \u0394\u03b7\u03bc\u03bf\u03c4\u03b9\u03ba\u03bf\u03cd – \u039c\u03ac\u03b8\u03b7\u03bc\u03b1 \u039c\u03b1\u03b8\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ce\u03bd\n <\/div>\n <\/div>\n\n <script>\n const apiKey = \"AIzaSyAww5b0mgRJH7TNZBgm_VgC6TNaH0n5w9I\"; \/\/ \u03a4\u03bf \u03ba\u03bb\u03b5\u03b9\u03b4\u03af \u03c0\u03b1\u03c1\u03ad\u03c7\u03b5\u03c4\u03b1\u03b9 \u03b1\u03c0\u03cc \u03c4\u03bf \u03c0\u03b5\u03c1\u03b9\u03b2\u03ac\u03bb\u03bb\u03bf\u03bd\n const chatBox = document.getElementById('chat-box');\n const userInput = document.getElementById('user-input');\n\n async function sendMessage() {\n const text = userInput.value.trim();\n if (!text) return;\n\n \/\/ Add user message to UI\n appendMessage(text, 'user');\n userInput.value = '';\n \n \/\/ Loading state\n const loadingId = 'loading-' + Date.now();\n appendMessage(\"\u03a3\u03ba\u03ad\u03c6\u03c4\u03bf\u03bc\u03b1\u03b9...\", 'bot', loadingId);\n\n try {\n const response = await callGemini(text);\n document.getElementById(loadingId).innerText = response;\n } catch (error) {\n document.getElementById(loadingId).innerText = \"\u03a9\u03c7! \u039a\u03ac\u03c4\u03b9 \u03c0\u03ae\u03b3\u03b5 \u03c3\u03c4\u03c1\u03b1\u03b2\u03ac. \u0394\u03bf\u03ba\u03af\u03bc\u03b1\u03c3\u03b5 \u03c0\u03ac\u03bb\u03b9!\";\n }\n }\n\n async function callGemini(prompt) {\n const systemPrompt = `\n \u0395\u03af\u03c3\u03b1\u03b9 \u03ad\u03bd\u03b1\u03c2 \u03c5\u03c0\u03bf\u03bc\u03bf\u03bd\u03b5\u03c4\u03b9\u03ba\u03cc\u03c2 \u03ba\u03b1\u03b9 \u03c6\u03b9\u03bb\u03b9\u03ba\u03cc\u03c2 \u03b4\u03ac\u03c3\u03ba\u03b1\u03bb\u03bf\u03c2 \u03c4\u03b7\u03c2 \u0395' \u0394\u03b7\u03bc\u03bf\u03c4\u03b9\u03ba\u03bf\u03cd. \n \u03a4\u03bf \u03b8\u03ad\u03bc\u03b1 \u03c3\u03bf\u03c5 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b1\u03c0\u03bf\u03ba\u03bb\u03b5\u03b9\u03c3\u03c4\u03b9\u03ba\u03ac \"\u03a0\u03c1\u03cc\u03c3\u03b8\u03b5\u03c3\u03b7 \u03ba\u03b1\u03b9 \u0391\u03c6\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd \u0391\u03c1\u03b9\u03b8\u03bc\u03ce\u03bd\".\n \n \u039a\u0391\u039d\u039f\u039d\u0395\u03a3:\n 1. \u03a4\u03b1 \u03c0\u03b1\u03b9\u03b4\u03b9\u03ac \u03bc\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03ba\u03ac\u03bd\u03bf\u03c5\u03bd \u03c0\u03bf\u03bb\u03bb\u03ac \u03bf\u03c1\u03b8\u03bf\u03b3\u03c1\u03b1\u03c6\u03b9\u03ba\u03ac \u03bb\u03ac\u03b8\u03b7 (\u03c0.\u03c7. \"\u03c4\u03b9 \u03af\u03bd\u03b1\u03b9 \u03b9 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03af\"). \u03a0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03b1\u03b3\u03bd\u03bf\u03b5\u03af\u03c2 \u03c4\u03b1 \u03bb\u03ac\u03b8\u03b7, \u03bd\u03b1 \u03ba\u03b1\u03c4\u03b1\u03bb\u03b1\u03b2\u03b1\u03af\u03bd\u03b5\u03b9\u03c2 \u03c4\u03bf \u03bd\u03cc\u03b7\u03bc\u03b1 \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03b1\u03c0\u03b1\u03bd\u03c4\u03ac\u03c2 \u03c3\u03c9\u03c3\u03c4\u03ac, \u03b1\u03bb\u03bb\u03ac \u03c3\u03c4\u03b7\u03bd \u03b1\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03ae \u03c3\u03bf\u03c5 \u03bd\u03b1 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03b5\u03af\u03c2 \u03a3\u03a9\u03a3\u03a4\u0397 \u03bf\u03c1\u03b8\u03bf\u03b3\u03c1\u03b1\u03c6\u03af\u03b1 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b2\u03bb\u03ad\u03c0\u03bf\u03c5\u03bd \u03c4\u03bf \u03c3\u03c9\u03c3\u03c4\u03cc \u03c0\u03c1\u03cc\u03c4\u03c5\u03c0\u03bf.\n 2. \u03a7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b5 \u03b1\u03c0\u03bb\u03ac \u03bb\u03cc\u03b3\u03b9\u03b1, \u03c0\u03b1\u03c1\u03b1\u03b4\u03b5\u03af\u03b3\u03bc\u03b1\u03c4\u03b1 \u03bc\u03b5 \u03c6\u03c1\u03bf\u03cd\u03c4\u03b1, \u03c7\u03c1\u03ae\u03bc\u03b1\u03c4\u03b1 \u03ae \u03c0\u03b1\u03b9\u03c7\u03bd\u03af\u03b4\u03b9\u03b1.\n 3. \u0391\u03bd \u03b7 \u03b5\u03c1\u03ce\u03c4\u03b7\u03c3\u03b7 \u03b5\u03af\u03bd\u03b1\u03b9 \u03ac\u03c3\u03c7\u03b5\u03c4\u03b7 \u03bc\u03b5 \u03c4\u03b1 \u03bc\u03b1\u03b8\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ac, \u03b5\u03c0\u03b1\u03bd\u03ad\u03c6\u03b5\u03c1\u03b5 \u03c4\u03bf \u03c0\u03b1\u03b9\u03b4\u03af \u03b5\u03c5\u03b3\u03b5\u03bd\u03b9\u03ba\u03ac \u03c3\u03c4\u03bf \u03b8\u03ad\u03bc\u03b1 \u03c4\u03c9\u03bd \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd.\n 4. \u0391\u03bd \u03ad\u03bd\u03b1 \u03c0\u03b1\u03b9\u03b4\u03af \u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9 \"\u03a4\u03b7 \u03af\u03bd\u03b1\u03b9 \u03b9 \u03b4\u03b9\u03b1\u03c4\u03b1\u03be\u03b9\", \u03b5\u03be\u03ae\u03b3\u03b7\u03c3\u03b5 \u03c4\u03b7 \u03b4\u03b9\u03ac\u03c4\u03b1\u03be\u03b7 (\u03c3\u03cd\u03b3\u03ba\u03c1\u03b9\u03c3\u03b7) \u03b1\u03c1\u03b9\u03b8\u03bc\u03ce\u03bd, \u03b1\u03ba\u03cc\u03bc\u03b1 \u03ba\u03b9 \u03b1\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u03b3\u03c1\u03b1\u03bc\u03bc\u03ad\u03bd\u03bf \u03bb\u03ac\u03b8\u03bf\u03c2.\n 5. \u039c\u03b7\u03bd \u03b4\u03af\u03bd\u03b5\u03b9\u03c2 \u03c0\u03bf\u03bb\u03cd \u03bc\u03b5\u03b3\u03ac\u03bb\u03b5\u03c2 \u03b1\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2. 3-4 \u03c0\u03c1\u03bf\u03c4\u03ac\u03c3\u03b5\u03b9\u03c2 \u03b1\u03c1\u03ba\u03bf\u03cd\u03bd.\n `;\n\n let retries = 0;\n const delays = [1000, 2000, 4000, 8000, 16000];\n\n while (retries < 5) {\n try {\n const response = await fetch(`https:\/\/generativelanguage.googleapis.com\/v1beta\/models\/gemini-2.5-flash-preview-09-2025:generateContent?key=${apiKey}`, {\n method: 'POST',\n headers: { 'Content-Type': 'application\/json' },\n body: JSON.stringify({\n contents: [{ parts: [{ text: prompt }] }],\n systemInstruction: { parts: [{ text: systemPrompt }] }\n })\n });\n\n if (!response.ok) throw new Error('API Error');\n \n const data = await response.json();\n return data.candidates[0].content.parts[0].text;\n } catch (e) {\n if (retries === 4) throw e;\n await new Promise(res => setTimeout(res, delays[retries]));\n retries++;\n }\n }\n }\n\n function appendMessage(text, side, id = null) {\n const msgDiv = document.createElement('div');\n msgDiv.className = side === 'user' ? 'user-msg p-3 ml-auto max-w-[80%] text-sm' : 'bot-msg p-3 max-w-[80%] text-sm';\n if (id) msgDiv.id = id;\n msgDiv.innerText = text;\n chatBox.appendChild(msgDiv);\n chatBox.scrollTop = chatBox.scrollHeight;\n }\n\n \/\/ Allow Enter key\n userInput.addEventListener(\"keypress\", function(event) {\n if (event.key === \"Enter\") {\n event.preventDefault();\n sendMessage();\n }\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u039c\u03b1\u03b8\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc \u0393\u03bb\u03c9\u03c3\u03c3\u03ac\u03c1\u03b9 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd \u039c\u03b1\u03b8\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc \u0393\u03bb\u03c9\u03c3\u03c3\u03ac\u03c1\u03b9 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd \u03a0\u03c1\u03cc\u03c3\u03b8\u03b5\u03c3\u03b7 \u03ba\u03b1\u03b9 \u0391\u03c6\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03bc\u03b5 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03cd\u03c2 \u0391\u03c1\u03b9\u03b8\u03bc\u03bf\u03cd\u03c2 Copy of \u0394\u03b9\u03b1\u03b4\u03c1\u03b1\u03c3\u03c4\u03b9\u03ba\u03ae \u03a0\u03b1\u03c1\u03bf\u03c5\u03c3\u03af\u03b1\u03c3\u03b7 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd \u03b3\u03b9\u03b1 \u03a0\u03ad\u03bc\u03c0\u03c4\u03b7 \u0394\u03b7\u03bc\u03bf\u03c4\u03b9\u03ba\u03bf\u03cd by \u039d\u03b9\u03ba\u03cc\u03bb\u03b1\u03bf\u03c2 \u03a0\u03c1\u03bf\u03ba\u03bf\u03c0\u03af\u03b4\u03b7\u03c2 AI Tutor: \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03af \u0391\u03c1\u03b9\u03b8\u03bc\u03bf\u03af – \u0395’ \u0394\u03b7\u03bc\u03bf\u03c4\u03b9\u03ba\u03bf\u03cd \ud83e\udd16 \u039f \u03a8\u03b7\u03c6\u03b9\u03b1\u03ba\u03cc\u03c2 \u03c3\u03bf\u03c5 \u0392\u03bf\u03b7\u03b8\u03cc\u03c2 \u03c3\u03c4\u03b1 \u039c\u03b1\u03b8\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ac \u03a0\u03c1\u03cc\u03c3\u03b8\u03b5\u03c3\u03b7 \u03ba\u03b1\u03b9 \u0391\u03c6\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd \u0391\u03c1\u03b9\u03b8\u03bc\u03ce\u03bd (\u0395’ \u0394\u03b7\u03bc\u03bf\u03c4\u03b9\u03ba\u03bf\u03cd) \ud83d\udcda \u039c\u03ac\u03b8\u03b5 \u03c4\u03b7 \u0398\u03b5\u03c9\u03c1\u03af\u03b1 1. \u03a4\u03bf \u03bc\u03c5\u03c3\u03c4\u03b9\u03ba\u03cc \u03b5\u03af\u03bd\u03b1\u03b9 \u03b7 \u03a5\u03c0\u03bf\u03b4\u03b9\u03b1\u03c3\u03c4\u03bf\u03bb\u03ae! \u038c\u03c4\u03b1\u03bd … <a href=\"https:\/\/prokopidis.sites.sch.gr\/?p=4205\" class=\"more-link\">\u0394\u03b9\u03b1\u03b2\u03ac\u03c3\u03c4\u03b5 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1<span class=\"screen-reader-text\"> “\u03a0\u03c1\u03cc\u03c3\u03b8\u03b5\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03b1\u03c6\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03bc\u03b5 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03cd\u03c2 \u03b1\u03c1\u03b9\u03b8\u03bc\u03bf\u03cd\u03c2”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-4205","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"featured_image_src":null,"featured_image_src_square":null,"author_info":{"display_name":"nikos","author_link":"https:\/\/prokopidis.sites.sch.gr\/?author=1"},"_links":{"self":[{"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/4205","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4205"}],"version-history":[{"count":8,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/4205\/revisions"}],"predecessor-version":[{"id":5867,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/4205\/revisions\/5867"}],"wp:attachment":[{"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4205"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4205"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4205"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}