AI Tutor – \u0394\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd (\u0395’ \u0394\u03b7\u03bc\u03bf\u03c4\u03b9\u03ba\u03bf\u03cd)<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Comfortaa:wght@400;700&display=swap');\n body { font-family: 'Comfortaa', cursive; background-color: #f0f9ff; }\n .chat-container { height: 400px; overflow-y: auto; border-radius: 15px; background: white; box-shadow: inset 0 2px 4px rgba(0,0,0,0.06); }\n .theory-card { background: #ffffff; border-left: 5px solid #3b82f6; }\n .math-box { background: #fef3c7; border: 1px dashed #d97706; padding: 10px; border-radius: 8px; margin: 10px 0; }\n .loading-dots:after { content: ' .'; animation: dots 1s steps(5, end) infinite; }\n @keyframes dots { 0%, 20% { content: ' .'; } 40% { content: ' ..'; } 60% { content: ' ...'; } 80%, 100% { content: ''; } }\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 AI \u0394\u03ac\u03c3\u03ba\u03b1\u03bb\u03bf\u03c2 \u03c4\u03b7\u03c2 \u0395’ \u03a4\u03ac\u03be\u03b7\u03c2<\/h1>\n <p class=\"text-gray-600 italic\">“\u039c\u03b1\u03b8\u03b1\u03af\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7 \u03b4\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd \u03b5\u03cd\u03ba\u03bf\u03bb\u03b1 \u03ba\u03b1\u03b9 \u03b3\u03c1\u03ae\u03b3\u03bf\u03c1\u03b1!”<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n \n \n <div class=\"space-y-4\">\n <div class=\"theory-card p-5 shadow-sm\">\n <h2 class=\"text-xl font-bold text-blue-800 mb-3\">\ud83d\udcda \u0397 \u0398\u03b5\u03c9\u03c1\u03af\u03b1 \u03bc\u03b1\u03c2<\/h2>\n <div class=\"text-sm text-gray-700 leading-relaxed\">\n <p class=\"mb-2\"><strong>1. \u0394\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03cd \u03bc\u03b5 \u0391\u03ba\u03ad\u03c1\u03b1\u03b9\u03bf:<\/strong><\/p>\n <p>\u039a\u03ac\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7 \u03b4\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03ba\u03b1\u03bd\u03bf\u03bd\u03b9\u03ba\u03ac. \u039c\u03cc\u03bb\u03b9\u03c2 \u03c6\u03c4\u03ac\u03c3\u03bf\u03c5\u03bc\u03b5 \u03c3\u03c4\u03b7\u03bd \u03c5\u03c0\u03bf\u03b4\u03b9\u03b1\u03c3\u03c4\u03bf\u03bb\u03ae \u03c4\u03bf\u03c5 \u03bc\u03b5\u03c1\u03b9\u03c3\u03c4\u03ad\u03bf\u03c5, \u03c4\u03b7 \u03b2\u03ac\u03b6\u03bf\u03c5\u03bc\u03b5 \u03ba\u03b1\u03b9 \u03c3\u03c4\u03bf \u03c0\u03b7\u03bb\u03af\u03ba\u03bf!<\/p>\n \n <div class=\"math-box\">\n \u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1: 12,5 : 5 = 2,5\n <\/div>\n\n <p class=\"mb-2\"><strong>2. \u0394\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03bc\u03b5 10, 100, 1000:<\/strong><\/p>\n <p>\u039c\u03b5\u03c4\u03b1\u03c6\u03ad\u03c1\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7\u03bd \u03c5\u03c0\u03bf\u03b4\u03b9\u03b1\u03c3\u03c4\u03bf\u03bb\u03ae \u03c0\u03c1\u03bf\u03c2 \u03c4\u03b1 <strong>\u03b1\u03c1\u03b9\u03c3\u03c4\u03b5\u03c1\u03ac<\/strong> \u03c4\u03cc\u03c3\u03b5\u03c2 \u03b8\u03ad\u03c3\u03b5\u03b9\u03c2 \u03cc\u03c3\u03b1 \u03ba\u03b1\u03b9 \u03c4\u03b1 \u03bc\u03b7\u03b4\u03b5\u03bd\u03b9\u03ba\u03ac.<\/p>\n \n <div class=\"math-box\">\n \u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1: 45,6 : 10 = 4,56\n <\/div>\n\n <p class=\"mb-2\"><strong>3. \u0394\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03bc\u03b5 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03cc \u0394\u03b9\u03b1\u03b9\u03c1\u03ad\u03c4\u03b7:<\/strong><\/p>\n <p>\u03a0\u03bf\u03bb\u03bb\u03b1\u03c0\u03bb\u03b1\u03c3\u03b9\u03ac\u03b6\u03bf\u03c5\u03bc\u03b5 \u03ba\u03b1\u03b9 \u03c4\u03bf\u03c5\u03c2 \u03b4\u03cd\u03bf \u03b1\u03c1\u03b9\u03b8\u03bc\u03bf\u03cd\u03c2 \u03bc\u03b5 \u03c4\u03bf 10, 100 \u03ae 1000 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b3\u03af\u03bd\u03b5\u03b9 \u03bf \u03b4\u03b9\u03b1\u03b9\u03c1\u03ad\u03c4\u03b7\u03c2 <strong>\u03b1\u03ba\u03ad\u03c1\u03b1\u03b9\u03bf\u03c2<\/strong>!<\/p>\n <\/div>\n <\/div>\n \n <div class=\"bg-green-100 p-4 rounded-xl text-sm border-b-4 border-green-500\">\n \ud83d\udca1 <strong>\u03a3\u03c5\u03bc\u03b2\u03bf\u03c5\u03bb\u03ae:<\/strong> \u039c\u03b7\u03bd \u03c6\u03bf\u03b2\u03ac\u03c3\u03b1\u03b9 \u03c4\u03b1 \u03bb\u03ac\u03b8\u03b7! \u0391\u03ba\u03cc\u03bc\u03b1 \u03ba\u03b9 \u03b1\u03bd \u03b3\u03c1\u03ac\u03c8\u03b5\u03b9\u03c2 \u03bc\u03c0\u03b5\u03c1\u03b4\u03b5\u03bc\u03ad\u03bd\u03b1, \u03b5\u03b3\u03ce \u03b8\u03b1 \u03c3\u03b5 \u03ba\u03b1\u03c4\u03b1\u03bb\u03ac\u03b2\u03c9!\n <\/div>\n <\/div>\n\n \n <div class=\"flex flex-col h-full\">\n <div id=\"chat-window\" class=\"chat-container p-4 mb-4 border border-gray-200\">\n <div class=\"bg-blue-100 p-3 rounded-lg mb-4 text-sm max-w-[85%]\">\n \u0393\u03b5\u03b9\u03b1 \u03c3\u03bf\u03c5! \u0395\u03af\u03bc\u03b1\u03b9 \u03bf \u03c8\u03b7\u03c6\u03b9\u03b1\u03ba\u03cc\u03c2 \u03c3\u03bf\u03c5 \u03b2\u03bf\u03b7\u03b8\u03cc\u03c2. \u0388\u03c7\u03b5\u03b9\u03c2 \u03ba\u03ac\u03c0\u03bf\u03b9\u03b1 \u03b1\u03c0\u03bf\u03c1\u03af\u03b1 \u03b3\u03b9\u03b1 \u03c4\u03b7 \u03b4\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03c4\u03c9\u03bd \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd; \u03a1\u03ce\u03c4\u03b1 \u03bc\u03b5 \u03cc,\u03c4\u03b9 \u03b8\u03ad\u03bb\u03b5\u03b9\u03c2, \u03b1\u03ba\u03cc\u03bc\u03b1 \u03ba\u03b9 \u03b1\u03bd \u03b4\u03b5\u03bd \u03b5\u03af\u03c3\u03b1\u03b9 \u03c3\u03af\u03b3\u03bf\u03c5\u03c1\u03bf\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u03bf\u03c1\u03b8\u03bf\u03b3\u03c1\u03b1\u03c6\u03af\u03b1!\n <\/div>\n <\/div>\n\n <div class=\"relative\">\n <textarea id=\"user-input\" rows=\"3\" \n class=\"w-full p-3 border-2 border-blue-300 rounded-xl focus:outline-none focus:border-blue-500 transition-colors\"\n placeholder=\"\u03a0\u03ce\u03c2 \u03ba\u03ac\u03bd\u03c9 \u03b4\u03b9\u03ad\u03c1\u03b5\u03c3\u03b7 \u03bc\u03b5 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03cc;\"><\/textarea>\n <button id=\"send-btn\" \n class=\"mt-2 w-full bg-blue-600 text-white font-bold py-3 rounded-xl hover:bg-blue-700 transition-transform active:scale-95 shadow-lg\">\n \u03a1\u03ce\u03c4\u03b7\u03c3\u03b5 \u03c4\u03bf\u03bd \u0394\u03ac\u03c3\u03ba\u03b1\u03bb\u03bf!\n <\/button>\n <\/div>\n <p id=\"status-msg\" class=\"text-xs text-gray-400 mt-2 text-center\"><\/p>\n <\/div>\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 chatWindow = document.getElementById('chat-window');\n const userInput = document.getElementById('user-input');\n const sendBtn = document.getElementById('send-btn');\n const statusMsg = document.getElementById('status-msg');\n\n \/\/ \u039f\u03b4\u03b7\u03b3\u03af\u03b5\u03c2 \u03c3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03bf\u03c2 (System Prompt)\n const systemPrompt = `\n \u0395\u03af\u03c3\u03b1\u03b9 \u03ad\u03bd\u03b1\u03c2 \u03ad\u03bc\u03c0\u03b5\u03b9\u03c1\u03bf\u03c2 \u03ba\u03b1\u03b9 \u03b5\u03c5\u03b3\u03b5\u03bd\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 \u03c3\u03c4\u03b7\u03bd \u0395\u03bb\u03bb\u03ac\u03b4\u03b1. \n \u03a4\u03bf \u03cc\u03bd\u03bf\u03bc\u03ac \u03c3\u03bf\u03c5 \u03b5\u03af\u03bd\u03b1\u03b9 \"\u03a8\u03b7\u03c6\u03b9\u03b1\u03ba\u03cc\u03c2 \u0394\u03ac\u03c3\u03ba\u03b1\u03bb\u03bf\u03c2\".\n \u0395\u03b9\u03b4\u03b9\u03ba\u03b5\u03cd\u03b5\u03c3\u03b1\u03b9 \u03c3\u03c4\u03b7 \"\u0394\u03b9\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\u03a1\u0399\u03a3\u0399\u039c\u0395\u03a3 \u039f\u0394\u0397\u0393\u0399\u0395\u03a3:\n 1. \u039f\u03b9 \u03bc\u03b1\u03b8\u03b7\u03c4\u03ad\u03c2 \u03c3\u03bf\u03c5 \u03b5\u03af\u03bd\u03b1\u03b9 10-11 \u03b5\u03c4\u03ce\u03bd. \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 \u03ba\u03b1\u03b9 \u03b5\u03bd\u03b8\u03ac\u03c1\u03c1\u03c5\u03bd\u03c3\u03b7.\n 2. \u039f \u03bc\u03b1\u03b8\u03b7\u03c4\u03ae\u03c2 \u03bc\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03ba\u03ac\u03bd\u03b5\u03b9 \u03bf\u03c1\u03b8\u03bf\u03b3\u03c1\u03b1\u03c6\u03b9\u03ba\u03ac \u03bb\u03ac\u03b8\u03b7 (\u03c0.\u03c7. \"\u03b4\u03b9\u03ad\u03c1\u03b5\u03c3\u03b7\" \u03b1\u03bd\u03c4\u03af \u03b3\u03b9\u03b1 \"\u03b4\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7\", \"\u03af\u03bd\u03b1\u03b9\" \u03b1\u03bd\u03c4\u03af \u03b3\u03b9\u03b1 \"\u03b5\u03af\u03bd\u03b1\u03b9\"). \n \u039c\u0397\u039d \u03c4\u03bf\u03bd \u03bc\u03b1\u03bb\u03ce\u03c3\u03b5\u03b9\u03c2. \u039a\u03b1\u03c4\u03ac\u03bb\u03b1\u03b2\u03b5 \u03c4\u03b9 \u03b5\u03bd\u03bd\u03bf\u03b5\u03af \u03ba\u03b1\u03b9 \u03b1\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b5 \u03ba\u03b1\u03bd\u03bf\u03bd\u03b9\u03ba\u03ac.\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\u03ac\u03c6\u03b5\u03c1\u03b5 \u03b5\u03c5\u03b3\u03b5\u03bd\u03b9\u03ba\u03ac \u03c4\u03b7 \u03c3\u03c5\u03b6\u03ae\u03c4\u03b7\u03c3\u03b7 \u03c3\u03c4\u03b7 \u03b4\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd.\n 4. \u03a7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b5 LaTeX \u03b3\u03b9\u03b1 \u03bc\u03b1\u03b8\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ac \u03c3\u03cd\u03bc\u03b2\u03bf\u03bb\u03b1 (\u03c0.\u03c7. $12,5 \\div 5$).\n 5. \u0391\u03bd \u03bf \u03bc\u03b1\u03b8\u03b7\u03c4\u03ae\u03c2 \u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9 \"\u03a4\u03b7 \u03af\u03bd\u03b1\u03b9 \u03b9 \u03b4\u03b9\u03b1\u03c4\u03b1\u03be\u03b9 \u03ba\u03bb\u03b1\u03c3\u03bc\u03b1\u03c4\u03bf\u03bd\", \u03ba\u03b1\u03c4\u03ac\u03bb\u03b1\u03b2\u03b5 \u03cc\u03c4\u03b9 \u03b5\u03bd\u03bd\u03bf\u03b5\u03af \"\u03a4\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b7 \u03b4\u03b9\u03ac\u03c4\u03b1\u03be\u03b7 \u03ba\u03bb\u03b1\u03c3\u03bc\u03ac\u03c4\u03c9\u03bd\" \u03ba\u03b1\u03b9 \u03b5\u03be\u03ae\u03b3\u03b7\u03c3\u03ad \u03c4\u03bf \u03b1\u03c0\u03bb\u03ac, \u03b1\u03bb\u03bb\u03ac \u03b8\u03cd\u03bc\u03b9\u03c3\u03ad \u03c4\u03bf\u03c5 \u03cc\u03c4\u03b9 \u03c3\u03ae\u03bc\u03b5\u03c1\u03b1 \u03bc\u03b5\u03bb\u03b5\u03c4\u03ac\u03bc\u03b5 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03cd\u03c2.\n `;\n\n async function callGemini(prompt) {\n const url = `https:\/\/generativelanguage.googleapis.com\/v1beta\/models\/gemini-2.5-flash-preview-09-2025:generateContent?key=${apiKey}`;\n \n const payload = {\n contents: [{ parts: [{ text: prompt }] }],\n systemInstruction: { parts: [{ text: systemPrompt }] }\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(url, {\n method: 'POST',\n headers: { 'Content-Type': 'application\/json' },\n body: JSON.stringify(payload)\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 (error) {\n await new Promise(res => setTimeout(res, delays[retries]));\n retries++;\n }\n }\n return \"\u03a9\u03c7, \u03ba\u03ac\u03c4\u03b9 \u03c0\u03ae\u03b3\u03b5 \u03c3\u03c4\u03c1\u03b1\u03b2\u03ac \u03bc\u03b5 \u03c4\u03b7 \u03c3\u03cd\u03bd\u03b4\u03b5\u03c3\u03ae \u03bc\u03bf\u03c5. \u0394\u03bf\u03ba\u03af\u03bc\u03b1\u03c3\u03b5 \u03be\u03b1\u03bd\u03ac \u03c3\u03b5 \u03bb\u03af\u03b3\u03bf!\";\n }\n\n function appendMessage(text, isUser) {\n const msgDiv = document.createElement('div');\n msgDiv.className = isUser \n ? \"bg-blue-600 text-white p-3 rounded-lg mb-4 text-sm self-end ml-auto max-w-[85%]\" \n : \"bg-gray-100 text-gray-800 p-3 rounded-lg mb-4 text-sm mr-auto max-w-[85%] border border-gray-200 shadow-sm\";\n msgDiv.innerText = text;\n chatWindow.appendChild(msgDiv);\n chatWindow.scrollTop = chatWindow.scrollHeight;\n }\n\n async function handleSend() {\n const text = userInput.value.trim();\n if (!text) return;\n\n appendMessage(text, true);\n userInput.value = \"\";\n \n const loadingDiv = document.createElement('div');\n loadingDiv.className = \"text-gray-400 text-xs italic mb-4 loading-dots\";\n loadingDiv.innerText = \"\u039f \u03b4\u03ac\u03c3\u03ba\u03b1\u03bb\u03bf\u03c2 \u03c3\u03ba\u03ad\u03c6\u03c4\u03b5\u03c4\u03b1\u03b9\";\n chatWindow.appendChild(loadingDiv);\n\n const response = await callGemini(text);\n \n chatWindow.removeChild(loadingDiv);\n appendMessage(response, false);\n }\n\n sendBtn.addEventListener('click', handleSend);\n userInput.addEventListener('keypress', (e) => {\n if (e.key === 'Enter' && !e.shiftKey) {\n e.preventDefault();\n handleSend();\n }\n });\n <\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\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<!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>\u0393\u03bb\u03c9\u03c3\u03c3\u03ac\u03c1\u03b9 \u039c\u03b1\u03b8\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ce\u03bd – \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03af \u0391\u03c1\u03b9\u03b8\u03bc\u03bf\u03af<\/title>\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\n <style>\n body {\n box-sizing: border-box;\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html, body, .main-wrapper {\n height: 100%;\n width: 100%;\n }\n\n .main-wrapper {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n overflow-auto;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 40px 20px;\n }\n\n header {\n text-align: center;\n margin-bottom: 50px;\n animation: slideDown 0.8s ease-out;\n }\n\n .title {\n font-size: 48px;\n font-weight: bold;\n color: #ffffff;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n }\n\n .subtitle {\n font-size: 24px;\n color: #f0f0f0;\n font-weight: 500;\n }\n\n .emoji-decoration {\n font-size: 60px;\n margin: 20px 0;\n }\n\n .cards-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 40px;\n }\n\n .term-card {\n background: #ffffff;\n border-radius: 20px;\n padding: 30px;\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);\n cursor: pointer;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n animation: fadeInUp 0.6s ease-out;\n }\n\n .term-card:nth-child(1) { animation-delay: 0.1s; }\n .term-card:nth-child(2) { animation-delay: 0.2s; }\n .term-card:nth-child(3) { animation-delay: 0.3s; }\n .term-card:nth-child(4) { animation-delay: 0.4s; }\n .term-card:nth-child(5) { animation-delay: 0.5s; }\n .term-card:nth-child(6) { animation-delay: 0.6s; }\n\n .term-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 5px;\n background: linear-gradient(90deg, #ff6b6b, #feca57, #48dbfb, #1dd1a1);\n }\n\n .term-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);\n }\n\n .term-card.flipped .card-front {\n transform: rotateY(180deg);\n }\n\n .term-card.flipped .card-back {\n transform: rotateY(0deg);\n }\n\n .card-front, .card-back {\n transition: transform 0.6s;\n backface-visibility: hidden;\n position: relative;\n }\n\n .card-back {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n transform: rotateY(-180deg);\n padding: 30px;\n overflow-y: auto;\n }\n\n .term-emoji {\n font-size: 48px;\n margin-bottom: 15px;\n display: block;\n }\n\n .term-title {\n font-size: 28px;\n font-weight: bold;\n color: #2d3436;\n margin-bottom: 15px;\n }\n\n .term-definition {\n font-size: 18px;\n color: #636e72;\n line-height: 1.6;\n }\n\n .term-example {\n margin-top: 15px;\n padding: 15px;\n background: #f8f9fa;\n border-radius: 10px;\n border-left: 4px solid #ff6b6b;\n }\n\n .example-label {\n font-weight: bold;\n color: #ff6b6b;\n margin-bottom: 8px;\n font-size: 16px;\n }\n\n .example-text {\n color: #2d3436;\n font-size: 17px;\n font-family: 'Courier New', monospace;\n }\n\n .flip-hint {\n text-align: center;\n color: #ffffff;\n font-size: 18px;\n margin-top: 30px;\n opacity: 0.9;\n animation: pulse 2s ease-in-out infinite;\n }\n\n @keyframes slideDown {\n from {\n opacity: 0;\n transform: translateY(-50px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes pulse {\n 0%, 100% {\n opacity: 0.9;\n }\n 50% {\n opacity: 0.6;\n }\n }\n\n @media (max-width: 768px) {\n .cards-grid {\n grid-template-columns: 1fr;\n }\n\n .title {\n font-size: 36px;\n }\n\n .subtitle {\n font-size: 20px;\n }\n\n .term-title {\n font-size: 24px;\n }\n\n .term-definition {\n font-size: 16px;\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=\"main-wrapper\">\n <div class=\"container\">\n <header>\n <div class=\"emoji-decoration\">\n \ud83d\udd22 \u2797 \u2728\n <\/div>\n <h1 class=\"title\" id=\"mainTitle\">\u0393\u03bb\u03c9\u03c3\u03c3\u03ac\u03c1\u03b9 \u039c\u03b1\u03b8\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ce\u03bd<\/h1>\n <p class=\"subtitle\" id=\"subtitle\">\u0397 \u03b4\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03c3\u03c4\u03bf\u03c5\u03c2 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03cd\u03c2 \u03b1\u03c1\u03b9\u03b8\u03bc\u03bf\u03cd\u03c2<\/p>\n <\/header>\n <div class=\"cards-grid\">\n <div class=\"term-card\" onclick=\"flipCard(this)\">\n <div class=\"card-front\"><span class=\"term-emoji\">\ud83c\udfaf<\/span>\n <h2 class=\"term-title\">\u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03cc\u03c2 \u0391\u03c1\u03b9\u03b8\u03bc\u03cc\u03c2<\/h2>\n <p class=\"term-definition\">\u03a0\u03ac\u03c4\u03b7\u03c3\u03b5 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b4\u03b5\u03b9\u03c2 \u03c4\u03b7\u03bd \u03b5\u03be\u03ae\u03b3\u03b7\u03c3\u03b7!<\/p>\n <\/div>\n <div class=\"card-back\">\n <h2 class=\"term-title\">\u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03cc\u03c2 \u0391\u03c1\u03b9\u03b8\u03bc\u03cc\u03c2<\/h2>\n <p class=\"term-definition\">\u0391\u03c1\u03b9\u03b8\u03bc\u03cc\u03c2 \u03c0\u03bf\u03c5 \u03ad\u03c7\u03b5\u03b9 \u03b1\u03ba\u03ad\u03c1\u03b1\u03b9\u03bf \u03ba\u03b1\u03b9 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03cc \u03bc\u03ad\u03c1\u03bf\u03c2, \u03c7\u03c9\u03c1\u03b9\u03c3\u03bc\u03ad\u03bd\u03b1 \ufffd\ufffd\ufffd\ufffd\u03b5 \u03ba\u03cc\u03bc\u03bc\u03b1 (,) \u03ae \u03c4\u03b5\u03bb\u03b5\u03af\u03b1 (.).<\/p>\n <div class=\"term-example\">\n <div class=\"example-label\">\n \u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1:\n <\/div>\n <div class=\"example-text\">\n 3,5 = 3 \u03bc\u03bf\u03bd\u03ac\u03b4\u03b5\u03c2 \u03ba\u03b1\u03b9 5 \u03b4\u03ad\u03ba\u03b1\u03c4\u03b1\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"term-card\" onclick=\"flipCard(this)\">\n <div class=\"card-front\"><span class=\"term-emoji\">\u2797<\/span>\n <h2 class=\"term-title\">\u0394\u03b9\u03b1\u03b9\u03c1\u03b5\u03c4\u03ad\u03bf\u03c2<\/h2>\n <p class=\"term-definition\">\u03a0\u03ac\u03c4\u03b7\u03c3\u03b5 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b4\u03b5\u03b9\u03c2 \u03c4\u03b7\u03bd \u03b5\u03be\u03ae\u03b3\u03b7\u03c3\u03b7!<\/p>\n <\/div>\n <div class=\"card-back\">\n <h2 class=\"term-title\">\u0394\u03b9\u03b1\u03b9\u03c1\u03b5\u03c4\u03ad\u03bf\u03c2<\/h2>\n <p class=\"term-definition\">\u039f \u03b1\u03c1\u03b9\u03b8\u03bc\u03cc\u03c2 \u03c0\u03bf\u03c5 \u03b4\u03b9\u03b1\u03b9\u03c1\ufffd\ufffd\u03cd\u03bc\u03b5. \u03a3\u03c4\u03b7 \u03b4\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03b2\u03c1\u03af\u03c3\u03ba\u03b5\u03c4\u03b1\u03b9 \u03c0\u03c1\u03b9\u03bd \u03c4\u03bf \u03c3\u03cd\u03bc\u03b2\u03bf\u03bb\u03bf \u03c4\u03b7\u03c2 \u03b4\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7\u03c2.<\/p>\n <div class=\"term-example\">\n <div class=\"example-label\">\n \u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1:\n <\/div>\n <div class=\"example-text\">\n 8,4 \u00f7 2 \u2192 \u039f 8,4 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b4\u03b9\u03b1\u03b9\u03c1\u03b5\u03c4\u03ad\u03bf\u03c2\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"term-card\" onclick=\"flipCard(this)\">\n <div class=\"card-front\"><span class=\"term-emoji\">\ud83c\udfb2<\/span>\n <h2 class=\"term-title\">\u0394\u03b9\u03b1\u03b9\u03c1\u03ad\u03c4\u03b7\u03c2<\/h2>\n <p class=\"term-definition\">\u03a0\u03ac\u03c4\u03b7\u03c3\u03b5 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b4\u03b5\u03b9\u03c2 \u03c4\u03b7\u03bd \u03b5\u03be\u03ae\u03b3\u03b7\u03c3\u03b7!<\/p>\n <\/div>\n <div class=\"card-back\">\n <h2 class=\"term-title\">\u0394\u03b9\u03b1\u03b9\u03c1\u03ad\u03c4\u03b7\u03c2<\/h2>\n <p class=\"term-definition\">\u039f \u03b1\ufffd\ufffd\u03b9\u03b8\u03bc\u03cc\u03c2 \u03bc\u03b5 \u03c4\u03bf\u03bd \u03bf\u03c0\u03bf\u03af\u03bf \u03b4\u03b9\u03b1\u03b9\u03c1\u03bf\u03cd\u03bc\u03b5. \u0392\u03c1\u03af\u03c3\u03ba\u03b5\u03c4\u03b1\u03b9 \u03bc\u03b5\u03c4\u03ac \u03c4\u03bf \u03c3\u03cd\u03bc\u03b2\u03bf\u03bb\u03bf \u03c4\u03b7\u03c2 \u03b4\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7\u03c2.<\/p>\n <div class=\"term-example\">\n <div class=\"example-label\">\n \u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1:\n <\/div>\n <div class=\"example-text\">\n 8,4 \u00f7 2 \u2192 \u039f 2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b4\u03b9\u03b1\u03b9\u03c1\u03ad\u03c4\u03b7\u03c2\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"term-card\" onclick=\"flipCard(this)\">\n <div class=\"card-front\"><span class=\"term-emoji\">\u2b50<\/span>\n <h2 class=\"term-title\">\u03a0\u03b7\u03bb\u03af\u03ba\u03bf<\/h2>\n <p class=\"term-definition\">\u03a0\u03ac\u03c4\u03b7\u03c3\u03b5 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b4\u03b5\u03b9\u03c2 \u03c4\u03b7\u03bd \u03b5\u03be\u03ae\u03b3\u03b7\u03c3\u03b7!<\/p>\n <\/div>\n <div class=\"card-back\">\n <h2 class=\"term-title\">\u03a0\u03b7\u03bb\u03af\u03ba\u03bf<\/h2>\n <p class=\"term-definition\">\u03a4\u03bf \u03b1\u03c0\u03bf\u03c4\u03ad\u03bb\u03b5\u03c3\u03bc\u03b1 \u03c4\u03b7\u03c2 \u03b4\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7\u03c2. \u039c\u03b1\u03c2 \u03b4\u03b5\u03af\u03c7\u03bd\u03b5\u03b9 \u03c0\u03cc\u03c3\u03b5\u03c2 \u03c6\u03bf\u03c1\u03ad\u03c2 \u03c7\u03c9\u03c1\u03ac\u03b5\u03b9 \u03bf \u03b4\u03b9\u03b1\u03b9\u03c1\u03ad\u03c4\u03b7\u03c2 \u03c3\u03c4\u03bf\u03bd \u03b4\u03b9\u03b1\u03b9\u03c1\u03b5\u03c4\u03ad\u03bf.<\/p>\n <div class=\"term-example\">\n <div class=\"example-label\">\n \u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1:\n <\/div>\n <div class=\"example-text\">\n 8,4 \u00f7 2 = 4,2 \u2192 \u03a4\u03bf 4,2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c4\u03bf \u03c0\u03b7\u03bb\u03af\u03ba\u03bf\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"term-card\" onclick=\"flipCard(this)\">\n <div class=\"card-front\"><span class=\"term-emoji\">\ud83d\udd04<\/span>\n <h2 class=\"term-title\">\u03a5\u03c0\u03cc\u03bb\u03bf\u03b9\u03c0\u03bf<\/h2>\n <p class=\"term-definition\">\u03a0\u03ac\u03c4\u03b7\u03c3\u03b5 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b4\u03b5\u03b9\u03c2 \u03c4\u03b7\u03bd \u03b5\u03be\u03ae\u03b3\u03b7\u03c3\u03b7!<\/p>\n <\/div>\n <div class=\"card-back\">\n <h2 class=\"term-title\">\u03a5\u03c0\u03cc\u03bb\u03bf\ufffd\ufffd\u03c0\u03bf<\/h2>\n <p class=\"term-definition\">\u038c,\u03c4\u03b9 \u03bc\u03ad\u03bd\u03b5\u03b9 \u03bc\u03b5\u03c4\u03ac \u03c4\u03b7 \u03b4\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03cc\u03c4\u03b1\u03bd \u03b4\u03b5\u03bd \u03b4\u03b9\u03b1\u03b9\u03c1\u03b5\u03af\u03c4\u03b1\u03b9 \u03c4\u03ad\u03bb\u03b5\u03b9\u03b1. \u03a3\u03c4\u03bf\u03c5\u03c2 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03cd\u03c2 \u03c3\u03c5\u03bd\u03b5\u03c7\u03af\u03b6\u03bf\u03c5\u03bc\u03b5 \u03bc\u03b5 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ac \u03c8\u03b7\u03c6\u03af\u03b1.<\/p>\n <div class=\"term-example\">\n <div class=\"example-label\">\n \u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1:\n <\/div>\n <div class=\"example-text\">\n 7 \u00f7 2 = 3,5 (\u03cc\u03c7\u03b9 3 \u03bc\u03b5 \u03c5\u03c0\u03cc\u03bb\u03bf\u03b9\u03c0\u03bf 1)\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"term-card\" onclick=\"flipCard(this)\">\n <div class=\"card-front\"><span class=\"term-emoji\">\ud83d\udca1<\/span>\n <h2 class=\"term-title\">\u039a\u03ac\u03b8\u03b5\u03c4\u03b7 \u0394\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7<\/h2>\n <p class=\"term-definition\">\u03a0\u03ac\u03c4\u03b7\u03c3\u03b5 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b4\u03b5\u03b9\u03c2 \u03c4\u03b7\u03bd \u03b5\u03be\u03ae\u03b3\u03b7\u03c3\u03b7!<\/p>\n <\/div>\n <div class=\"card-back\">\n <h2 class=\"term-title\">\u039a\u03ac\u03b8\u03b5\u03c4\u03b7 \u0394\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7<\/h2>\n <p class=\"term-definition\">\u039f \u03c4\u03c1\u03cc\u03c0\u03bf\u03c2 \u03c0\u03bf\u03c5 \u03b3\u03c1\u03ac\u03c6\u03bf\u03c5\u03bc\u03b5 \u03ba\u03b1\u03b9 \u03bb\u03cd\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7 \u03b4\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03ba\u03ac\u03b8\u03b5\u03c4\u03b1, \u03b2\u03ae\u03bc\u03b1-\u03b2\u03ae\u03bc\u03b1. \u03a4\u03bf \u03ba\u03cc\u03bc\u03bc\u03b1 \u03c4\u03bf\u03c5 \u03c0\u03b7\u03bb\u03af\u03ba\u03bf\u03c5 \u03bc\u03c0\u03b1\u03af\u03bd\u03b5\u03b9 \u03b1\u03ba\u03c1\u03b9\u03b2\u03ce\u03c2 \u03c0\u03ac\u03bd\u03c9 \u03b1\u03c0\u03cc \u03c4\u03bf \u03ba\u03cc\u03bc\u03bc\u03b1 \u03c4\u03bf\u03c5 \u03b4\u03b9\u03b1\u03b9\u03c1\u03b5\u03c4\u03ad\u03bf\u03c5.<\/p>\n <div class=\"term-example\">\n <div class=\"example-label\">\n \u03a3\u03c5\u03bc\u03b2\u03bf\u03c5\u03bb\u03ae:\n <\/div>\n <div class=\"example-text\">\n \u03a0\u03c1\u03cc\u03c3\u03b5\u03c7\u03b5 \u03c0\u03bf\u03cd \u03b8\u03b1 \u03b2\u03ac\u03bb\u03b5\u03b9\u03c2 \u03c4\u03bf \u03ba\u03cc\u03bc\u03bc\u03b1! \ud83d\udccd\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"flip-hint\">\n \ud83d\udc46 \u03a0\u03ac\u03c4\u03b1 \u03c4\u03b9\u03c2 \u03ba\u03ac\u03c1\u03c4\u03b5\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b4\u03b5\u03b9\u03c2 \u03c4\u03b9\u03c2 \u03b5\u03be\u03b7\u03b3\u03ae\u03c3\u03b5\u03b9\u03c2!\n <\/div>\n <\/div>\n <\/div>\n <script>\n const defaultConfig = {\n main_title: \"\u0393\u03bb\u03c9\u03c3\u03c3\u03ac\u03c1\u03b9 \u039c\u03b1\u03b8\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ce\u03bd\",\n subtitle: \"\u0397 \u03b4\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03c3\u03c4\u03bf\u03c5\u03c2 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03cd\u03c2 \u03b1\u03c1\u03b9\u03b8\u03bc\u03bf\u03cd\u03c2\"\n };\n\n function flipCard(card) {\n card.classList.toggle('flipped');\n }\n\n async function onConfigChange(config) {\n const mainTitle = document.getElementById('mainTitle');\n const subtitle = document.getElementById('subtitle');\n \n if (mainTitle) {\n mainTitle.textContent = config.main_title || defaultConfig.main_title;\n }\n if (subtitle) {\n subtitle.textContent = config.subtitle || defaultConfig.subtitle;\n }\n }\n\n function mapToCapabilities(config) {\n return {\n recolorables: [],\n borderables: [],\n fontEditable: undefined,\n fontSizeable: undefined\n };\n }\n\n function mapToEditPanelValues(config) {\n return new Map([\n [\"main_title\", config.main_title || defaultConfig.main_title],\n [\"subtitle\", config.subtitle || defaultConfig.subtitle]\n ]);\n }\n\n if (window.elementSdk) {\n window.elementSdk.init({\n defaultConfig,\n onConfigChange,\n mapToCapabilities,\n mapToEditPanelValues\n });\n }\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:'9b7b8af586e16f67',t:'MTc2NzM3MDM5Ny4wMDAwMDA='};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\n<p><\/p>\n\n\n\n<p><\/p>\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<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\/DAG9SMtUVtk\/gD7ariJzdRrsVBYD7ihhtg\/view?embed\" allowfullscreen=\"allowfullscreen\" allow=\"fullscreen\">\n <\/iframe>\n<\/div>\n<a href=\"https://www.canva.com/design/DAG9SMtUVtk/gD7ariJzdRrsVBYD7ihhtg/view?utm_content=DAG9SMtUVtk&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\u03b9\u03b1\u03b9\u03c1\u03ad\u03c3\u03b5\u03c9\u03bd \u03bc\u03b5 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03cd\u03c2 \u03b3\u03b9\u03b1 \u0395’ \u0394\u03b7\u03bc\u03bf\u03c4\u03b9\u03ba\u03bf\u03cd \u03c3\u03b5 WordPress<\/a> by \u039d\u03b9\u03ba\u03cc\u03bb\u03b1\u03bf\u03c2 \u03a0\u03c1\u03bf\u03ba\u03bf\u03c0\u03af\u03b4\u03b7\u03c2\n","protected":false},"excerpt":{"rendered":"<p>AI Tutor – \u0394\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd (\u0395’ \u0394\u03b7\u03bc\u03bf\u03c4\u03b9\u03ba\u03bf\u03cd) \ud83e\udd16 \u039f AI \u0394\u03ac\u03c3\u03ba\u03b1\u03bb\u03bf\u03c2 \u03c4\u03b7\u03c2 \u0395’ \u03a4\u03ac\u03be\u03b7\u03c2 “\u039c\u03b1\u03b8\u03b1\u03af\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7 \u03b4\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd \u03b5\u03cd\u03ba\u03bf\u03bb\u03b1 \u03ba\u03b1\u03b9 \u03b3\u03c1\u03ae\u03b3\u03bf\u03c1\u03b1!” \ud83d\udcda \u0397 \u0398\u03b5\u03c9\u03c1\u03af\u03b1 \u03bc\u03b1\u03c2 1. \u0394\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03cd \u03bc\u03b5 \u0391\u03ba\u03ad\u03c1\u03b1\u03b9\u03bf: \u039a\u03ac\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7 \u03b4\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03ba\u03b1\u03bd\u03bf\u03bd\u03b9\u03ba\u03ac. \u039c\u03cc\u03bb\u03b9\u03c2 \u03c6\u03c4\u03ac\u03c3\u03bf\u03c5\u03bc\u03b5 \u03c3\u03c4\u03b7\u03bd \u03c5\u03c0\u03bf\u03b4\u03b9\u03b1\u03c3\u03c4\u03bf\u03bb\u03ae \u03c4\u03bf\u03c5 \u03bc\u03b5\u03c1\u03b9\u03c3\u03c4\u03ad\u03bf\u03c5, \u03c4\u03b7 \u03b2\u03ac\u03b6\u03bf\u03c5\u03bc\u03b5 \u03ba\u03b1\u03b9 \u03c3\u03c4\u03bf \u03c0\u03b7\u03bb\u03af\u03ba\u03bf! \u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1: 12,5 : 5 = 2,5 2. \u0394\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03bc\u03b5 10, … <a href=\"https:\/\/prokopidis.sites.sch.gr\/?p=4212\" 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\"> “\u0397 \u03b4\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03c3\u03c4\u03bf\u03c5\u03c2 \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-4212","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\/4212","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=4212"}],"version-history":[{"count":9,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/4212\/revisions"}],"predecessor-version":[{"id":5885,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/4212\/revisions\/5885"}],"wp:attachment":[{"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4212"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4212"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":4212,"date":"2024-07-11T21:02:29","date_gmt":"2024-07-11T21:02:29","guid":{"rendered":"https:\/\/prokopidis.sites.sch.gr\/?p=4212"},"modified":"2026-01-02T16:20:43","modified_gmt":"2026-01-02T16:20:43","slug":"4212","status":"publish","type":"post","link":"https:\/\/prokopidis.sites.sch.gr\/?p=4212","title":{"rendered":"\u0397 \u03b4\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03c3\u03c4\u03bf\u03c5\u03c2 \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 AI Tutor – \u0394\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd (\u0395’ \u0394\u03b7\u03bc\u03bf\u03c4\u03b9\u03ba\u03bf\u03cd)<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Comfortaa:wght@400;700&display=swap');\n body { font-family: 'Comfortaa', cursive; background-color: #f0f9ff; }\n .chat-container { height: 400px; overflow-y: auto; border-radius: 15px; background: white; box-shadow: inset 0 2px 4px rgba(0,0,0,0.06); }\n .theory-card { background: #ffffff; border-left: 5px solid #3b82f6; }\n .math-box { background: #fef3c7; border: 1px dashed #d97706; padding: 10px; border-radius: 8px; margin: 10px 0; }\n .loading-dots:after { content: ' .'; animation: dots 1s steps(5, end) infinite; }\n @keyframes dots { 0%, 20% { content: ' .'; } 40% { content: ' ..'; } 60% { content: ' ...'; } 80%, 100% { content: ''; } }\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 AI \u0394\u03ac\u03c3\u03ba\u03b1\u03bb\u03bf\u03c2 \u03c4\u03b7\u03c2 \u0395’ \u03a4\u03ac\u03be\u03b7\u03c2<\/h1>\n <p class=\"text-gray-600 italic\">“\u039c\u03b1\u03b8\u03b1\u03af\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7 \u03b4\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd \u03b5\u03cd\u03ba\u03bf\u03bb\u03b1 \u03ba\u03b1\u03b9 \u03b3\u03c1\u03ae\u03b3\u03bf\u03c1\u03b1!”<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n \n \n <div class=\"space-y-4\">\n <div class=\"theory-card p-5 shadow-sm\">\n <h2 class=\"text-xl font-bold text-blue-800 mb-3\">\ud83d\udcda \u0397 \u0398\u03b5\u03c9\u03c1\u03af\u03b1 \u03bc\u03b1\u03c2<\/h2>\n <div class=\"text-sm text-gray-700 leading-relaxed\">\n <p class=\"mb-2\"><strong>1. \u0394\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03cd \u03bc\u03b5 \u0391\u03ba\u03ad\u03c1\u03b1\u03b9\u03bf:<\/strong><\/p>\n <p>\u039a\u03ac\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7 \u03b4\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03ba\u03b1\u03bd\u03bf\u03bd\u03b9\u03ba\u03ac. \u039c\u03cc\u03bb\u03b9\u03c2 \u03c6\u03c4\u03ac\u03c3\u03bf\u03c5\u03bc\u03b5 \u03c3\u03c4\u03b7\u03bd \u03c5\u03c0\u03bf\u03b4\u03b9\u03b1\u03c3\u03c4\u03bf\u03bb\u03ae \u03c4\u03bf\u03c5 \u03bc\u03b5\u03c1\u03b9\u03c3\u03c4\u03ad\u03bf\u03c5, \u03c4\u03b7 \u03b2\u03ac\u03b6\u03bf\u03c5\u03bc\u03b5 \u03ba\u03b1\u03b9 \u03c3\u03c4\u03bf \u03c0\u03b7\u03bb\u03af\u03ba\u03bf!<\/p>\n \n <div class=\"math-box\">\n \u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1: 12,5 : 5 = 2,5\n <\/div>\n\n <p class=\"mb-2\"><strong>2. \u0394\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03bc\u03b5 10, 100, 1000:<\/strong><\/p>\n <p>\u039c\u03b5\u03c4\u03b1\u03c6\u03ad\u03c1\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7\u03bd \u03c5\u03c0\u03bf\u03b4\u03b9\u03b1\u03c3\u03c4\u03bf\u03bb\u03ae \u03c0\u03c1\u03bf\u03c2 \u03c4\u03b1 <strong>\u03b1\u03c1\u03b9\u03c3\u03c4\u03b5\u03c1\u03ac<\/strong> \u03c4\u03cc\u03c3\u03b5\u03c2 \u03b8\u03ad\u03c3\u03b5\u03b9\u03c2 \u03cc\u03c3\u03b1 \u03ba\u03b1\u03b9 \u03c4\u03b1 \u03bc\u03b7\u03b4\u03b5\u03bd\u03b9\u03ba\u03ac.<\/p>\n \n <div class=\"math-box\">\n \u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1: 45,6 : 10 = 4,56\n <\/div>\n\n <p class=\"mb-2\"><strong>3. \u0394\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03bc\u03b5 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03cc \u0394\u03b9\u03b1\u03b9\u03c1\u03ad\u03c4\u03b7:<\/strong><\/p>\n <p>\u03a0\u03bf\u03bb\u03bb\u03b1\u03c0\u03bb\u03b1\u03c3\u03b9\u03ac\u03b6\u03bf\u03c5\u03bc\u03b5 \u03ba\u03b1\u03b9 \u03c4\u03bf\u03c5\u03c2 \u03b4\u03cd\u03bf \u03b1\u03c1\u03b9\u03b8\u03bc\u03bf\u03cd\u03c2 \u03bc\u03b5 \u03c4\u03bf 10, 100 \u03ae 1000 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b3\u03af\u03bd\u03b5\u03b9 \u03bf \u03b4\u03b9\u03b1\u03b9\u03c1\u03ad\u03c4\u03b7\u03c2 <strong>\u03b1\u03ba\u03ad\u03c1\u03b1\u03b9\u03bf\u03c2<\/strong>!<\/p>\n <\/div>\n <\/div>\n \n <div class=\"bg-green-100 p-4 rounded-xl text-sm border-b-4 border-green-500\">\n \ud83d\udca1 <strong>\u03a3\u03c5\u03bc\u03b2\u03bf\u03c5\u03bb\u03ae:<\/strong> \u039c\u03b7\u03bd \u03c6\u03bf\u03b2\u03ac\u03c3\u03b1\u03b9 \u03c4\u03b1 \u03bb\u03ac\u03b8\u03b7! \u0391\u03ba\u03cc\u03bc\u03b1 \u03ba\u03b9 \u03b1\u03bd \u03b3\u03c1\u03ac\u03c8\u03b5\u03b9\u03c2 \u03bc\u03c0\u03b5\u03c1\u03b4\u03b5\u03bc\u03ad\u03bd\u03b1, \u03b5\u03b3\u03ce \u03b8\u03b1 \u03c3\u03b5 \u03ba\u03b1\u03c4\u03b1\u03bb\u03ac\u03b2\u03c9!\n <\/div>\n <\/div>\n\n \n <div class=\"flex flex-col h-full\">\n <div id=\"chat-window\" class=\"chat-container p-4 mb-4 border border-gray-200\">\n <div class=\"bg-blue-100 p-3 rounded-lg mb-4 text-sm max-w-[85%]\">\n \u0393\u03b5\u03b9\u03b1 \u03c3\u03bf\u03c5! \u0395\u03af\u03bc\u03b1\u03b9 \u03bf \u03c8\u03b7\u03c6\u03b9\u03b1\u03ba\u03cc\u03c2 \u03c3\u03bf\u03c5 \u03b2\u03bf\u03b7\u03b8\u03cc\u03c2. \u0388\u03c7\u03b5\u03b9\u03c2 \u03ba\u03ac\u03c0\u03bf\u03b9\u03b1 \u03b1\u03c0\u03bf\u03c1\u03af\u03b1 \u03b3\u03b9\u03b1 \u03c4\u03b7 \u03b4\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03c4\u03c9\u03bd \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd; \u03a1\u03ce\u03c4\u03b1 \u03bc\u03b5 \u03cc,\u03c4\u03b9 \u03b8\u03ad\u03bb\u03b5\u03b9\u03c2, \u03b1\u03ba\u03cc\u03bc\u03b1 \u03ba\u03b9 \u03b1\u03bd \u03b4\u03b5\u03bd \u03b5\u03af\u03c3\u03b1\u03b9 \u03c3\u03af\u03b3\u03bf\u03c5\u03c1\u03bf\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u03bf\u03c1\u03b8\u03bf\u03b3\u03c1\u03b1\u03c6\u03af\u03b1!\n <\/div>\n <\/div>\n\n <div class=\"relative\">\n <textarea id=\"user-input\" rows=\"3\" \n class=\"w-full p-3 border-2 border-blue-300 rounded-xl focus:outline-none focus:border-blue-500 transition-colors\"\n placeholder=\"\u03a0\u03ce\u03c2 \u03ba\u03ac\u03bd\u03c9 \u03b4\u03b9\u03ad\u03c1\u03b5\u03c3\u03b7 \u03bc\u03b5 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03cc;\"><\/textarea>\n <button id=\"send-btn\" \n class=\"mt-2 w-full bg-blue-600 text-white font-bold py-3 rounded-xl hover:bg-blue-700 transition-transform active:scale-95 shadow-lg\">\n \u03a1\u03ce\u03c4\u03b7\u03c3\u03b5 \u03c4\u03bf\u03bd \u0394\u03ac\u03c3\u03ba\u03b1\u03bb\u03bf!\n <\/button>\n <\/div>\n <p id=\"status-msg\" class=\"text-xs text-gray-400 mt-2 text-center\"><\/p>\n <\/div>\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 chatWindow = document.getElementById('chat-window');\n const userInput = document.getElementById('user-input');\n const sendBtn = document.getElementById('send-btn');\n const statusMsg = document.getElementById('status-msg');\n\n \/\/ \u039f\u03b4\u03b7\u03b3\u03af\u03b5\u03c2 \u03c3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03bf\u03c2 (System Prompt)\n const systemPrompt = `\n \u0395\u03af\u03c3\u03b1\u03b9 \u03ad\u03bd\u03b1\u03c2 \u03ad\u03bc\u03c0\u03b5\u03b9\u03c1\u03bf\u03c2 \u03ba\u03b1\u03b9 \u03b5\u03c5\u03b3\u03b5\u03bd\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 \u03c3\u03c4\u03b7\u03bd \u0395\u03bb\u03bb\u03ac\u03b4\u03b1. \n \u03a4\u03bf \u03cc\u03bd\u03bf\u03bc\u03ac \u03c3\u03bf\u03c5 \u03b5\u03af\u03bd\u03b1\u03b9 \"\u03a8\u03b7\u03c6\u03b9\u03b1\u03ba\u03cc\u03c2 \u0394\u03ac\u03c3\u03ba\u03b1\u03bb\u03bf\u03c2\".\n \u0395\u03b9\u03b4\u03b9\u03ba\u03b5\u03cd\u03b5\u03c3\u03b1\u03b9 \u03c3\u03c4\u03b7 \"\u0394\u03b9\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\u03a1\u0399\u03a3\u0399\u039c\u0395\u03a3 \u039f\u0394\u0397\u0393\u0399\u0395\u03a3:\n 1. \u039f\u03b9 \u03bc\u03b1\u03b8\u03b7\u03c4\u03ad\u03c2 \u03c3\u03bf\u03c5 \u03b5\u03af\u03bd\u03b1\u03b9 10-11 \u03b5\u03c4\u03ce\u03bd. \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 \u03ba\u03b1\u03b9 \u03b5\u03bd\u03b8\u03ac\u03c1\u03c1\u03c5\u03bd\u03c3\u03b7.\n 2. \u039f \u03bc\u03b1\u03b8\u03b7\u03c4\u03ae\u03c2 \u03bc\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03ba\u03ac\u03bd\u03b5\u03b9 \u03bf\u03c1\u03b8\u03bf\u03b3\u03c1\u03b1\u03c6\u03b9\u03ba\u03ac \u03bb\u03ac\u03b8\u03b7 (\u03c0.\u03c7. \"\u03b4\u03b9\u03ad\u03c1\u03b5\u03c3\u03b7\" \u03b1\u03bd\u03c4\u03af \u03b3\u03b9\u03b1 \"\u03b4\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7\", \"\u03af\u03bd\u03b1\u03b9\" \u03b1\u03bd\u03c4\u03af \u03b3\u03b9\u03b1 \"\u03b5\u03af\u03bd\u03b1\u03b9\"). \n \u039c\u0397\u039d \u03c4\u03bf\u03bd \u03bc\u03b1\u03bb\u03ce\u03c3\u03b5\u03b9\u03c2. \u039a\u03b1\u03c4\u03ac\u03bb\u03b1\u03b2\u03b5 \u03c4\u03b9 \u03b5\u03bd\u03bd\u03bf\u03b5\u03af \u03ba\u03b1\u03b9 \u03b1\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b5 \u03ba\u03b1\u03bd\u03bf\u03bd\u03b9\u03ba\u03ac.\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\u03ac\u03c6\u03b5\u03c1\u03b5 \u03b5\u03c5\u03b3\u03b5\u03bd\u03b9\u03ba\u03ac \u03c4\u03b7 \u03c3\u03c5\u03b6\u03ae\u03c4\u03b7\u03c3\u03b7 \u03c3\u03c4\u03b7 \u03b4\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd.\n 4. \u03a7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b5 LaTeX \u03b3\u03b9\u03b1 \u03bc\u03b1\u03b8\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ac \u03c3\u03cd\u03bc\u03b2\u03bf\u03bb\u03b1 (\u03c0.\u03c7. $12,5 \\div 5$).\n 5. \u0391\u03bd \u03bf \u03bc\u03b1\u03b8\u03b7\u03c4\u03ae\u03c2 \u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9 \"\u03a4\u03b7 \u03af\u03bd\u03b1\u03b9 \u03b9 \u03b4\u03b9\u03b1\u03c4\u03b1\u03be\u03b9 \u03ba\u03bb\u03b1\u03c3\u03bc\u03b1\u03c4\u03bf\u03bd\", \u03ba\u03b1\u03c4\u03ac\u03bb\u03b1\u03b2\u03b5 \u03cc\u03c4\u03b9 \u03b5\u03bd\u03bd\u03bf\u03b5\u03af \"\u03a4\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b7 \u03b4\u03b9\u03ac\u03c4\u03b1\u03be\u03b7 \u03ba\u03bb\u03b1\u03c3\u03bc\u03ac\u03c4\u03c9\u03bd\" \u03ba\u03b1\u03b9 \u03b5\u03be\u03ae\u03b3\u03b7\u03c3\u03ad \u03c4\u03bf \u03b1\u03c0\u03bb\u03ac, \u03b1\u03bb\u03bb\u03ac \u03b8\u03cd\u03bc\u03b9\u03c3\u03ad \u03c4\u03bf\u03c5 \u03cc\u03c4\u03b9 \u03c3\u03ae\u03bc\u03b5\u03c1\u03b1 \u03bc\u03b5\u03bb\u03b5\u03c4\u03ac\u03bc\u03b5 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03cd\u03c2.\n `;\n\n async function callGemini(prompt) {\n const url = `https:\/\/generativelanguage.googleapis.com\/v1beta\/models\/gemini-2.5-flash-preview-09-2025:generateContent?key=${apiKey}`;\n \n const payload = {\n contents: [{ parts: [{ text: prompt }] }],\n systemInstruction: { parts: [{ text: systemPrompt }] }\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(url, {\n method: 'POST',\n headers: { 'Content-Type': 'application\/json' },\n body: JSON.stringify(payload)\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 (error) {\n await new Promise(res => setTimeout(res, delays[retries]));\n retries++;\n }\n }\n return \"\u03a9\u03c7, \u03ba\u03ac\u03c4\u03b9 \u03c0\u03ae\u03b3\u03b5 \u03c3\u03c4\u03c1\u03b1\u03b2\u03ac \u03bc\u03b5 \u03c4\u03b7 \u03c3\u03cd\u03bd\u03b4\u03b5\u03c3\u03ae \u03bc\u03bf\u03c5. \u0394\u03bf\u03ba\u03af\u03bc\u03b1\u03c3\u03b5 \u03be\u03b1\u03bd\u03ac \u03c3\u03b5 \u03bb\u03af\u03b3\u03bf!\";\n }\n\n function appendMessage(text, isUser) {\n const msgDiv = document.createElement('div');\n msgDiv.className = isUser \n ? \"bg-blue-600 text-white p-3 rounded-lg mb-4 text-sm self-end ml-auto max-w-[85%]\" \n : \"bg-gray-100 text-gray-800 p-3 rounded-lg mb-4 text-sm mr-auto max-w-[85%] border border-gray-200 shadow-sm\";\n msgDiv.innerText = text;\n chatWindow.appendChild(msgDiv);\n chatWindow.scrollTop = chatWindow.scrollHeight;\n }\n\n async function handleSend() {\n const text = userInput.value.trim();\n if (!text) return;\n\n appendMessage(text, true);\n userInput.value = \"\";\n \n const loadingDiv = document.createElement('div');\n loadingDiv.className = \"text-gray-400 text-xs italic mb-4 loading-dots\";\n loadingDiv.innerText = \"\u039f \u03b4\u03ac\u03c3\u03ba\u03b1\u03bb\u03bf\u03c2 \u03c3\u03ba\u03ad\u03c6\u03c4\u03b5\u03c4\u03b1\u03b9\";\n chatWindow.appendChild(loadingDiv);\n\n const response = await callGemini(text);\n \n chatWindow.removeChild(loadingDiv);\n appendMessage(response, false);\n }\n\n sendBtn.addEventListener('click', handleSend);\n userInput.addEventListener('keypress', (e) => {\n if (e.key === 'Enter' && !e.shiftKey) {\n e.preventDefault();\n handleSend();\n }\n });\n <\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\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<!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>\u0393\u03bb\u03c9\u03c3\u03c3\u03ac\u03c1\u03b9 \u039c\u03b1\u03b8\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ce\u03bd – \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03af \u0391\u03c1\u03b9\u03b8\u03bc\u03bf\u03af<\/title>\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\n <style>\n body {\n box-sizing: border-box;\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html, body, .main-wrapper {\n height: 100%;\n width: 100%;\n }\n\n .main-wrapper {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n overflow-auto;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 40px 20px;\n }\n\n header {\n text-align: center;\n margin-bottom: 50px;\n animation: slideDown 0.8s ease-out;\n }\n\n .title {\n font-size: 48px;\n font-weight: bold;\n color: #ffffff;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n }\n\n .subtitle {\n font-size: 24px;\n color: #f0f0f0;\n font-weight: 500;\n }\n\n .emoji-decoration {\n font-size: 60px;\n margin: 20px 0;\n }\n\n .cards-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 40px;\n }\n\n .term-card {\n background: #ffffff;\n border-radius: 20px;\n padding: 30px;\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);\n cursor: pointer;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n animation: fadeInUp 0.6s ease-out;\n }\n\n .term-card:nth-child(1) { animation-delay: 0.1s; }\n .term-card:nth-child(2) { animation-delay: 0.2s; }\n .term-card:nth-child(3) { animation-delay: 0.3s; }\n .term-card:nth-child(4) { animation-delay: 0.4s; }\n .term-card:nth-child(5) { animation-delay: 0.5s; }\n .term-card:nth-child(6) { animation-delay: 0.6s; }\n\n .term-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 5px;\n background: linear-gradient(90deg, #ff6b6b, #feca57, #48dbfb, #1dd1a1);\n }\n\n .term-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);\n }\n\n .term-card.flipped .card-front {\n transform: rotateY(180deg);\n }\n\n .term-card.flipped .card-back {\n transform: rotateY(0deg);\n }\n\n .card-front, .card-back {\n transition: transform 0.6s;\n backface-visibility: hidden;\n position: relative;\n }\n\n .card-back {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n transform: rotateY(-180deg);\n padding: 30px;\n overflow-y: auto;\n }\n\n .term-emoji {\n font-size: 48px;\n margin-bottom: 15px;\n display: block;\n }\n\n .term-title {\n font-size: 28px;\n font-weight: bold;\n color: #2d3436;\n margin-bottom: 15px;\n }\n\n .term-definition {\n font-size: 18px;\n color: #636e72;\n line-height: 1.6;\n }\n\n .term-example {\n margin-top: 15px;\n padding: 15px;\n background: #f8f9fa;\n border-radius: 10px;\n border-left: 4px solid #ff6b6b;\n }\n\n .example-label {\n font-weight: bold;\n color: #ff6b6b;\n margin-bottom: 8px;\n font-size: 16px;\n }\n\n .example-text {\n color: #2d3436;\n font-size: 17px;\n font-family: 'Courier New', monospace;\n }\n\n .flip-hint {\n text-align: center;\n color: #ffffff;\n font-size: 18px;\n margin-top: 30px;\n opacity: 0.9;\n animation: pulse 2s ease-in-out infinite;\n }\n\n @keyframes slideDown {\n from {\n opacity: 0;\n transform: translateY(-50px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes pulse {\n 0%, 100% {\n opacity: 0.9;\n }\n 50% {\n opacity: 0.6;\n }\n }\n\n @media (max-width: 768px) {\n .cards-grid {\n grid-template-columns: 1fr;\n }\n\n .title {\n font-size: 36px;\n }\n\n .subtitle {\n font-size: 20px;\n }\n\n .term-title {\n font-size: 24px;\n }\n\n .term-definition {\n font-size: 16px;\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=\"main-wrapper\">\n <div class=\"container\">\n <header>\n <div class=\"emoji-decoration\">\n \ud83d\udd22 \u2797 \u2728\n <\/div>\n <h1 class=\"title\" id=\"mainTitle\">\u0393\u03bb\u03c9\u03c3\u03c3\u03ac\u03c1\u03b9 \u039c\u03b1\u03b8\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ce\u03bd<\/h1>\n <p class=\"subtitle\" id=\"subtitle\">\u0397 \u03b4\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03c3\u03c4\u03bf\u03c5\u03c2 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03cd\u03c2 \u03b1\u03c1\u03b9\u03b8\u03bc\u03bf\u03cd\u03c2<\/p>\n <\/header>\n <div class=\"cards-grid\">\n <div class=\"term-card\" onclick=\"flipCard(this)\">\n <div class=\"card-front\"><span class=\"term-emoji\">\ud83c\udfaf<\/span>\n <h2 class=\"term-title\">\u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03cc\u03c2 \u0391\u03c1\u03b9\u03b8\u03bc\u03cc\u03c2<\/h2>\n <p class=\"term-definition\">\u03a0\u03ac\u03c4\u03b7\u03c3\u03b5 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b4\u03b5\u03b9\u03c2 \u03c4\u03b7\u03bd \u03b5\u03be\u03ae\u03b3\u03b7\u03c3\u03b7!<\/p>\n <\/div>\n <div class=\"card-back\">\n <h2 class=\"term-title\">\u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03cc\u03c2 \u0391\u03c1\u03b9\u03b8\u03bc\u03cc\u03c2<\/h2>\n <p class=\"term-definition\">\u0391\u03c1\u03b9\u03b8\u03bc\u03cc\u03c2 \u03c0\u03bf\u03c5 \u03ad\u03c7\u03b5\u03b9 \u03b1\u03ba\u03ad\u03c1\u03b1\u03b9\u03bf \u03ba\u03b1\u03b9 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03cc \u03bc\u03ad\u03c1\u03bf\u03c2, \u03c7\u03c9\u03c1\u03b9\u03c3\u03bc\u03ad\u03bd\u03b1 \ufffd\ufffd\ufffd\ufffd\u03b5 \u03ba\u03cc\u03bc\u03bc\u03b1 (,) \u03ae \u03c4\u03b5\u03bb\u03b5\u03af\u03b1 (.).<\/p>\n <div class=\"term-example\">\n <div class=\"example-label\">\n \u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1:\n <\/div>\n <div class=\"example-text\">\n 3,5 = 3 \u03bc\u03bf\u03bd\u03ac\u03b4\u03b5\u03c2 \u03ba\u03b1\u03b9 5 \u03b4\u03ad\u03ba\u03b1\u03c4\u03b1\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"term-card\" onclick=\"flipCard(this)\">\n <div class=\"card-front\"><span class=\"term-emoji\">\u2797<\/span>\n <h2 class=\"term-title\">\u0394\u03b9\u03b1\u03b9\u03c1\u03b5\u03c4\u03ad\u03bf\u03c2<\/h2>\n <p class=\"term-definition\">\u03a0\u03ac\u03c4\u03b7\u03c3\u03b5 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b4\u03b5\u03b9\u03c2 \u03c4\u03b7\u03bd \u03b5\u03be\u03ae\u03b3\u03b7\u03c3\u03b7!<\/p>\n <\/div>\n <div class=\"card-back\">\n <h2 class=\"term-title\">\u0394\u03b9\u03b1\u03b9\u03c1\u03b5\u03c4\u03ad\u03bf\u03c2<\/h2>\n <p class=\"term-definition\">\u039f \u03b1\u03c1\u03b9\u03b8\u03bc\u03cc\u03c2 \u03c0\u03bf\u03c5 \u03b4\u03b9\u03b1\u03b9\u03c1\ufffd\ufffd\u03cd\u03bc\u03b5. \u03a3\u03c4\u03b7 \u03b4\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03b2\u03c1\u03af\u03c3\u03ba\u03b5\u03c4\u03b1\u03b9 \u03c0\u03c1\u03b9\u03bd \u03c4\u03bf \u03c3\u03cd\u03bc\u03b2\u03bf\u03bb\u03bf \u03c4\u03b7\u03c2 \u03b4\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7\u03c2.<\/p>\n <div class=\"term-example\">\n <div class=\"example-label\">\n \u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1:\n <\/div>\n <div class=\"example-text\">\n 8,4 \u00f7 2 \u2192 \u039f 8,4 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b4\u03b9\u03b1\u03b9\u03c1\u03b5\u03c4\u03ad\u03bf\u03c2\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"term-card\" onclick=\"flipCard(this)\">\n <div class=\"card-front\"><span class=\"term-emoji\">\ud83c\udfb2<\/span>\n <h2 class=\"term-title\">\u0394\u03b9\u03b1\u03b9\u03c1\u03ad\u03c4\u03b7\u03c2<\/h2>\n <p class=\"term-definition\">\u03a0\u03ac\u03c4\u03b7\u03c3\u03b5 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b4\u03b5\u03b9\u03c2 \u03c4\u03b7\u03bd \u03b5\u03be\u03ae\u03b3\u03b7\u03c3\u03b7!<\/p>\n <\/div>\n <div class=\"card-back\">\n <h2 class=\"term-title\">\u0394\u03b9\u03b1\u03b9\u03c1\u03ad\u03c4\u03b7\u03c2<\/h2>\n <p class=\"term-definition\">\u039f \u03b1\ufffd\ufffd\u03b9\u03b8\u03bc\u03cc\u03c2 \u03bc\u03b5 \u03c4\u03bf\u03bd \u03bf\u03c0\u03bf\u03af\u03bf \u03b4\u03b9\u03b1\u03b9\u03c1\u03bf\u03cd\u03bc\u03b5. \u0392\u03c1\u03af\u03c3\u03ba\u03b5\u03c4\u03b1\u03b9 \u03bc\u03b5\u03c4\u03ac \u03c4\u03bf \u03c3\u03cd\u03bc\u03b2\u03bf\u03bb\u03bf \u03c4\u03b7\u03c2 \u03b4\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7\u03c2.<\/p>\n <div class=\"term-example\">\n <div class=\"example-label\">\n \u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1:\n <\/div>\n <div class=\"example-text\">\n 8,4 \u00f7 2 \u2192 \u039f 2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b4\u03b9\u03b1\u03b9\u03c1\u03ad\u03c4\u03b7\u03c2\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"term-card\" onclick=\"flipCard(this)\">\n <div class=\"card-front\"><span class=\"term-emoji\">\u2b50<\/span>\n <h2 class=\"term-title\">\u03a0\u03b7\u03bb\u03af\u03ba\u03bf<\/h2>\n <p class=\"term-definition\">\u03a0\u03ac\u03c4\u03b7\u03c3\u03b5 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b4\u03b5\u03b9\u03c2 \u03c4\u03b7\u03bd \u03b5\u03be\u03ae\u03b3\u03b7\u03c3\u03b7!<\/p>\n <\/div>\n <div class=\"card-back\">\n <h2 class=\"term-title\">\u03a0\u03b7\u03bb\u03af\u03ba\u03bf<\/h2>\n <p class=\"term-definition\">\u03a4\u03bf \u03b1\u03c0\u03bf\u03c4\u03ad\u03bb\u03b5\u03c3\u03bc\u03b1 \u03c4\u03b7\u03c2 \u03b4\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7\u03c2. \u039c\u03b1\u03c2 \u03b4\u03b5\u03af\u03c7\u03bd\u03b5\u03b9 \u03c0\u03cc\u03c3\u03b5\u03c2 \u03c6\u03bf\u03c1\u03ad\u03c2 \u03c7\u03c9\u03c1\u03ac\u03b5\u03b9 \u03bf \u03b4\u03b9\u03b1\u03b9\u03c1\u03ad\u03c4\u03b7\u03c2 \u03c3\u03c4\u03bf\u03bd \u03b4\u03b9\u03b1\u03b9\u03c1\u03b5\u03c4\u03ad\u03bf.<\/p>\n <div class=\"term-example\">\n <div class=\"example-label\">\n \u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1:\n <\/div>\n <div class=\"example-text\">\n 8,4 \u00f7 2 = 4,2 \u2192 \u03a4\u03bf 4,2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c4\u03bf \u03c0\u03b7\u03bb\u03af\u03ba\u03bf\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"term-card\" onclick=\"flipCard(this)\">\n <div class=\"card-front\"><span class=\"term-emoji\">\ud83d\udd04<\/span>\n <h2 class=\"term-title\">\u03a5\u03c0\u03cc\u03bb\u03bf\u03b9\u03c0\u03bf<\/h2>\n <p class=\"term-definition\">\u03a0\u03ac\u03c4\u03b7\u03c3\u03b5 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b4\u03b5\u03b9\u03c2 \u03c4\u03b7\u03bd \u03b5\u03be\u03ae\u03b3\u03b7\u03c3\u03b7!<\/p>\n <\/div>\n <div class=\"card-back\">\n <h2 class=\"term-title\">\u03a5\u03c0\u03cc\u03bb\u03bf\ufffd\ufffd\u03c0\u03bf<\/h2>\n <p class=\"term-definition\">\u038c,\u03c4\u03b9 \u03bc\u03ad\u03bd\u03b5\u03b9 \u03bc\u03b5\u03c4\u03ac \u03c4\u03b7 \u03b4\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03cc\u03c4\u03b1\u03bd \u03b4\u03b5\u03bd \u03b4\u03b9\u03b1\u03b9\u03c1\u03b5\u03af\u03c4\u03b1\u03b9 \u03c4\u03ad\u03bb\u03b5\u03b9\u03b1. \u03a3\u03c4\u03bf\u03c5\u03c2 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03cd\u03c2 \u03c3\u03c5\u03bd\u03b5\u03c7\u03af\u03b6\u03bf\u03c5\u03bc\u03b5 \u03bc\u03b5 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ac \u03c8\u03b7\u03c6\u03af\u03b1.<\/p>\n <div class=\"term-example\">\n <div class=\"example-label\">\n \u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1:\n <\/div>\n <div class=\"example-text\">\n 7 \u00f7 2 = 3,5 (\u03cc\u03c7\u03b9 3 \u03bc\u03b5 \u03c5\u03c0\u03cc\u03bb\u03bf\u03b9\u03c0\u03bf 1)\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"term-card\" onclick=\"flipCard(this)\">\n <div class=\"card-front\"><span class=\"term-emoji\">\ud83d\udca1<\/span>\n <h2 class=\"term-title\">\u039a\u03ac\u03b8\u03b5\u03c4\u03b7 \u0394\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7<\/h2>\n <p class=\"term-definition\">\u03a0\u03ac\u03c4\u03b7\u03c3\u03b5 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b4\u03b5\u03b9\u03c2 \u03c4\u03b7\u03bd \u03b5\u03be\u03ae\u03b3\u03b7\u03c3\u03b7!<\/p>\n <\/div>\n <div class=\"card-back\">\n <h2 class=\"term-title\">\u039a\u03ac\u03b8\u03b5\u03c4\u03b7 \u0394\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7<\/h2>\n <p class=\"term-definition\">\u039f \u03c4\u03c1\u03cc\u03c0\u03bf\u03c2 \u03c0\u03bf\u03c5 \u03b3\u03c1\u03ac\u03c6\u03bf\u03c5\u03bc\u03b5 \u03ba\u03b1\u03b9 \u03bb\u03cd\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7 \u03b4\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03ba\u03ac\u03b8\u03b5\u03c4\u03b1, \u03b2\u03ae\u03bc\u03b1-\u03b2\u03ae\u03bc\u03b1. \u03a4\u03bf \u03ba\u03cc\u03bc\u03bc\u03b1 \u03c4\u03bf\u03c5 \u03c0\u03b7\u03bb\u03af\u03ba\u03bf\u03c5 \u03bc\u03c0\u03b1\u03af\u03bd\u03b5\u03b9 \u03b1\u03ba\u03c1\u03b9\u03b2\u03ce\u03c2 \u03c0\u03ac\u03bd\u03c9 \u03b1\u03c0\u03cc \u03c4\u03bf \u03ba\u03cc\u03bc\u03bc\u03b1 \u03c4\u03bf\u03c5 \u03b4\u03b9\u03b1\u03b9\u03c1\u03b5\u03c4\u03ad\u03bf\u03c5.<\/p>\n <div class=\"term-example\">\n <div class=\"example-label\">\n \u03a3\u03c5\u03bc\u03b2\u03bf\u03c5\u03bb\u03ae:\n <\/div>\n <div class=\"example-text\">\n \u03a0\u03c1\u03cc\u03c3\u03b5\u03c7\u03b5 \u03c0\u03bf\u03cd \u03b8\u03b1 \u03b2\u03ac\u03bb\u03b5\u03b9\u03c2 \u03c4\u03bf \u03ba\u03cc\u03bc\u03bc\u03b1! \ud83d\udccd\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"flip-hint\">\n \ud83d\udc46 \u03a0\u03ac\u03c4\u03b1 \u03c4\u03b9\u03c2 \u03ba\u03ac\u03c1\u03c4\u03b5\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b4\u03b5\u03b9\u03c2 \u03c4\u03b9\u03c2 \u03b5\u03be\u03b7\u03b3\u03ae\u03c3\u03b5\u03b9\u03c2!\n <\/div>\n <\/div>\n <\/div>\n <script>\n const defaultConfig = {\n main_title: \"\u0393\u03bb\u03c9\u03c3\u03c3\u03ac\u03c1\u03b9 \u039c\u03b1\u03b8\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ce\u03bd\",\n subtitle: \"\u0397 \u03b4\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03c3\u03c4\u03bf\u03c5\u03c2 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03cd\u03c2 \u03b1\u03c1\u03b9\u03b8\u03bc\u03bf\u03cd\u03c2\"\n };\n\n function flipCard(card) {\n card.classList.toggle('flipped');\n }\n\n async function onConfigChange(config) {\n const mainTitle = document.getElementById('mainTitle');\n const subtitle = document.getElementById('subtitle');\n \n if (mainTitle) {\n mainTitle.textContent = config.main_title || defaultConfig.main_title;\n }\n if (subtitle) {\n subtitle.textContent = config.subtitle || defaultConfig.subtitle;\n }\n }\n\n function mapToCapabilities(config) {\n return {\n recolorables: [],\n borderables: [],\n fontEditable: undefined,\n fontSizeable: undefined\n };\n }\n\n function mapToEditPanelValues(config) {\n return new Map([\n [\"main_title\", config.main_title || defaultConfig.main_title],\n [\"subtitle\", config.subtitle || defaultConfig.subtitle]\n ]);\n }\n\n if (window.elementSdk) {\n window.elementSdk.init({\n defaultConfig,\n onConfigChange,\n mapToCapabilities,\n mapToEditPanelValues\n });\n }\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:'9b7b8af586e16f67',t:'MTc2NzM3MDM5Ny4wMDAwMDA='};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\n<p><\/p>\n\n\n\n<p><\/p>\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<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\/DAG9SMtUVtk\/gD7ariJzdRrsVBYD7ihhtg\/view?embed\" allowfullscreen=\"allowfullscreen\" allow=\"fullscreen\">\n <\/iframe>\n<\/div>\n<a href=\"https://www.canva.com/design/DAG9SMtUVtk/gD7ariJzdRrsVBYD7ihhtg/view?utm_content=DAG9SMtUVtk&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\u03b9\u03b1\u03b9\u03c1\u03ad\u03c3\u03b5\u03c9\u03bd \u03bc\u03b5 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03cd\u03c2 \u03b3\u03b9\u03b1 \u0395’ \u0394\u03b7\u03bc\u03bf\u03c4\u03b9\u03ba\u03bf\u03cd \u03c3\u03b5 WordPress<\/a> by \u039d\u03b9\u03ba\u03cc\u03bb\u03b1\u03bf\u03c2 \u03a0\u03c1\u03bf\u03ba\u03bf\u03c0\u03af\u03b4\u03b7\u03c2\n","protected":false},"excerpt":{"rendered":"<p>AI Tutor – \u0394\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd (\u0395’ \u0394\u03b7\u03bc\u03bf\u03c4\u03b9\u03ba\u03bf\u03cd) \ud83e\udd16 \u039f AI \u0394\u03ac\u03c3\u03ba\u03b1\u03bb\u03bf\u03c2 \u03c4\u03b7\u03c2 \u0395’ \u03a4\u03ac\u03be\u03b7\u03c2 “\u039c\u03b1\u03b8\u03b1\u03af\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7 \u03b4\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd \u03b5\u03cd\u03ba\u03bf\u03bb\u03b1 \u03ba\u03b1\u03b9 \u03b3\u03c1\u03ae\u03b3\u03bf\u03c1\u03b1!” \ud83d\udcda \u0397 \u0398\u03b5\u03c9\u03c1\u03af\u03b1 \u03bc\u03b1\u03c2 1. \u0394\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03cd \u03bc\u03b5 \u0391\u03ba\u03ad\u03c1\u03b1\u03b9\u03bf: \u039a\u03ac\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7 \u03b4\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03ba\u03b1\u03bd\u03bf\u03bd\u03b9\u03ba\u03ac. \u039c\u03cc\u03bb\u03b9\u03c2 \u03c6\u03c4\u03ac\u03c3\u03bf\u03c5\u03bc\u03b5 \u03c3\u03c4\u03b7\u03bd \u03c5\u03c0\u03bf\u03b4\u03b9\u03b1\u03c3\u03c4\u03bf\u03bb\u03ae \u03c4\u03bf\u03c5 \u03bc\u03b5\u03c1\u03b9\u03c3\u03c4\u03ad\u03bf\u03c5, \u03c4\u03b7 \u03b2\u03ac\u03b6\u03bf\u03c5\u03bc\u03b5 \u03ba\u03b1\u03b9 \u03c3\u03c4\u03bf \u03c0\u03b7\u03bb\u03af\u03ba\u03bf! \u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1: 12,5 : 5 = 2,5 2. \u0394\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03bc\u03b5 10, … <a href=\"https:\/\/prokopidis.sites.sch.gr\/?p=4212\" 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\"> “\u0397 \u03b4\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03c3\u03c4\u03bf\u03c5\u03c2 \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-4212","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\/4212","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=4212"}],"version-history":[{"count":9,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/4212\/revisions"}],"predecessor-version":[{"id":5885,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/4212\/revisions\/5885"}],"wp:attachment":[{"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4212"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4212"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}