{"id":1,"date":"2016-05-10T03:48:21","date_gmt":"2016-05-10T03:48:21","guid":{"rendered":"https:\/\/mkouvela.sites.sch.gr\/?p=1"},"modified":"2025-11-13T20:16:31","modified_gmt":"2025-11-13T18:16:31","slug":"hello-world","status":"publish","type":"post","link":"https:\/\/mkouvela.sites.sch.gr\/?p=1","title":{"rendered":"Hello world!"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\tWelcome to WordPress. This is your first post. Edit or delete it, then start writing!\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\u00a0 \u00a0 \r\n\u00a0 \u00a0 \r\n\u00a0 \u00a0 \u03a6\u03cd\u03bb\u03bb\u03bf \u0395\u03c1\u03b3\u03b1\u03c3\u03af\u03b1\u03c2: \u0397 \u039c\u03ad\u03b8\u03bf\u03b4\u03bf\u03c2 \u03c4\u03bf\u03c5 \u03a0\u03b9\u03ac\u03c4\u03bf\u03c5 (50-25-25)<\/title>\r\n\u00a0 \u00a0 <!-- \u03a6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b7 Tailwind CSS \u03a0\u03a1\u03a9\u03a4\u0391 -->\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n\u00a0 \u00a0 <style>\r\n \/* \u0395\u03bb\u03bb\u03b7\u03bd\u03b9\u03ba\u03ae \u03b3\u03c1\u03b1\u03bc\u03bc\u03b1\u03c4\u03bf\u03c3\u03b5\u03b9\u03c1\u03ac *\/\r\n body {\r\n \/* \u03a4\u03bf Inter \u03b5\u03af\u03bd\u03b1\u03b9 \u03b7 \u03c0\u03c1\u03bf\u03b5\u03c0\u03b9\u03bb\u03b5\u03b3\u03bc\u03ad\u03bd\u03b7 \u03b3\u03c1\u03b1\u03bc\u03bc\u03b1\u03c4\u03bf\u03c3\u03b5\u03b9\u03c1\u03ac \u03c3\u03c4\u03bf \u03c0\u03b5\u03c1\u03b9\u03b2\u03ac\u03bb\u03bb\u03bf\u03bd *\/\r\n font-family: 'Inter', sans-serif; \r\n background-color: #f0f4f8; \/* \u03a0\u03bf\u03bb\u03cd \u03b1\u03bd\u03bf\u03b9\u03c7\u03c4\u03cc \u03b3\u03ba\u03c1\u03b9-\u03bc\u03c0\u03bb\u03b5 \u03c6\u03cc\u03bd\u03c4\u03bf *\/\r\n line-height: 1.6;\r\n }\r\n \/* \u0393\u03b5\u03bd\u03b9\u03ba\u03cc \u03c3\u03c4\u03c5\u03bb \u03b3\u03b9\u03b1 \u03c4\u03bf \u03c6\u03cd\u03bb\u03bb\u03bf \u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1\u03c2 (Canva style card) *\/\r\n .worksheet-container {\r\n max-width: 1000px;\r\n margin: 2rem auto;\r\n padding: 2.5rem;\r\n background-color: #ffffff;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n border-radius: 20px;\r\n }\r\n\r\n \/* \u03a3\u03c4\u03c5\u03bb \u03b3\u03b9\u03b1 \u03b5\u03ba\u03c4\u03cd\u03c0\u03c9\u03c3\u03b7 *\/\r\n @media print {\r\n body { background-color: #ffffff !important; }\r\n .worksheet-container { box-shadow: none; border: 1px solid #ccc; margin: 0; padding: 1rem; max-width: none; width: 100%; min-height: 100vh; }\r\n .no-print { display: none !important; }\r\n textarea, input { border-color: #000 !important; border-width: 1px !important; }\r\n .card-section { break-inside: avoid; } \/* \u0391\u03c0\u03bf\u03c6\u03c5\u03b3\u03ae \u03b4\u03b9\u03b1\u03c7\u03c9\u03c1\u03b9\u03c3\u03bc\u03bf\u03cd \u03ba\u03b1\u03c1\u03c4\u03ce\u03bd \u03c3\u03c4\u03b7\u03bd \u03b5\u03ba\u03c4\u03cd\u03c0\u03c9\u03c3\u03b7 *\/\r\n \/* \u0395\u03c0\u03b1\u03bd\u03b1\u03c6\u03bf\u03c1\u03ac \u03c7\u03c1\u03ce\u03bc\u03b1\u03c4\u03bf\u03c2 \u03ba\u03bf\u03c5\u03bc\u03c0\u03b9\u03bf\u03cd \u03c3\u03c4\u03b7\u03bd \u03b5\u03ba\u03c4\u03cd\u03c0\u03c9\u03c3\u03b7 \u03b3\u03b9\u03b1 \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03bf \u03b1\u03c0\u03bf\u03c4\u03ad\u03bb\u03b5\u03c3\u03bc\u03b1 *\/\r\n .action-button { background-color: #3b82f6 !important; print-color-adjust: exact; -webkit-print-color-adjust: exact; } \r\n \r\n \/* \u0395\u03b9\u03b4\u03b9\u03ba\u03bf\u03af \u03ba\u03b1\u03bd\u03cc\u03bd\u03b5\u03c2 \u03b3\u03b9\u03b1 \u03ba\u03b1\u03b8\u03b1\u03c1\u03ae \u03b5\u03ba\u03c4\u03cd\u03c0\u03c9\u03c3\u03b7 \u0395\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03c9\u03bd\/\u0391\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03b5\u03c9\u03bd *\/\r\n .print-hidden-text { display: none !important; }\r\n .answer-area {\r\n border-style: solid !important; \/* \u03a3\u03c4\u03b1\u03b8\u03b5\u03c1\u03ae \u03b3\u03c1\u03b1\u03bc\u03bc\u03ae \u03c3\u03c4\u03b7\u03bd \u03b5\u03ba\u03c4\u03cd\u03c0\u03c9\u03c3\u03b7 *\/\r\n border-width: 1px !important;\r\n background-color: #fff !important;\r\n padding: 5px; \/* \u039c\u03b9\u03ba\u03c1\u03ae \u03c0\u03c1\u03bf\u03c3\u03b1\u03c1\u03bc\u03bf\u03b3\u03ae padding \u03b3\u03b9\u03b1 \u03b5\u03ba\u03c4\u03cd\u03c0\u03c9\u03c3\u03b7 *\/\r\n min-height: 80px; \/* \u039c\u03b9\u03ba\u03c1\u03ae \u03c0\u03c1\u03bf\u03c3\u03b1\u03c1\u03bc\u03bf\u03b3\u03ae \u03cd\u03c8\u03bf\u03c5\u03c2 *\/\r\n }\r\n .print-id-fields {\r\n padding-bottom: 10px;\r\n margin-bottom: 20px;\r\n border-bottom: 2px solid #333;\r\n }\r\n }\r\n\r\n \/* \u03a0\u03c1\u03bf\u03c3\u03b1\u03c1\u03bc\u03bf\u03c3\u03bc\u03ad\u03bd\u03bf \u03c3\u03c4\u03c5\u03bb \u03b3\u03b9\u03b1 \u03c0\u03b5\u03b4\u03af\u03b1 \u03b1\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b7\u03c2 *\/\r\n .answer-area {\r\n width: 100%;\r\n padding: 0.75rem;\r\n margin-top: 0.5rem;\r\n border: 2px dashed #a7a7a7;\r\n border-radius: 8px;\r\n resize: vertical;\r\n min-height: 100px;\r\n font-size: 1rem;\r\n background-color: #fefefe;\r\n transition: border-color 0.2s;\r\n }\r\n .answer-area:focus {\r\n border-color: #f97316; \/* \u03a0\u03bf\u03c1\u03c4\u03bf\u03ba\u03b1\u03bb\u03af \u03ad\u03bc\u03c6\u03b1\u03c3\u03b7 \u03c3\u03c4\u03bf focus *\/\r\n outline: none;\r\n background-color: #ffffff;\r\n }\r\n .plate-image-container {\r\n position: relative;\r\n width: 280px; \/* \u039c\u03b5\u03b9\u03c9\u03bc\u03ad\u03bd\u03bf \u03bc\u03ad\u03b3\u03b5\u03b8\u03bf\u03c2 *\/\r\n height: 280px;\r\n margin: 0 auto;\r\n border-radius: 50%;\r\n background-color: #f0f0f0; \/* \u0391\u03bd\u03bf\u03b9\u03c7\u03c4\u03cc \u03b3\u03ba\u03c1\u03b9 \u03c6\u03cc\u03bd\u03c4\u03bf \u03c0\u03b9\u03ac\u03c4\u03bf\u03c5 *\/\r\n border: 5px solid #10b981;\r\n box-shadow: 0 4px 15px rgba(16, 185, 129, 0.4);\r\n overflow: hidden; \/* \u039a\u03c1\u03cd\u03b2\u03b5\u03b9 \u03bf\u03c4\u03b9\u03b4\u03ae\u03c0\u03bf\u03c4\u03b5 \u03b2\u03b3\u03b1\u03af\u03bd\u03b5\u03b9 \u03ad\u03be\u03c9 \u03b1\u03c0\u03cc \u03c4\u03bf \u03ba\u03c5\u03ba\u03bb\u03b9\u03ba\u03cc \u03c0\u03b9\u03ac\u03c4\u03bf *\/\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n \/* \u0393\u03c1\u03b1\u03bc\u03bc\u03ad\u03c2 \u03b4\u03b9\u03b1\u03c7\u03c9\u03c1\u03b9\u03c3\u03bc\u03bf\u03cd *\/\r\n .plate-image-container::before,\r\n .plate-image-container::after {\r\n content: '';\r\n position: absolute;\r\n background-color: #ccc; \/* \u03a7\u03c1\u03ce\u03bc\u03b1 \u03b3\u03c1\u03b1\u03bc\u03bc\u03ce\u03bd *\/\r\n z-index: 1; \/* \u03a0\u03ac\u03bd\u03c9 \u03b1\u03c0\u03cc \u03c4\u03b1 \u03c7\u03c1\u03ce\u03bc\u03b1\u03c4\u03b1, \u03ba\u03ac\u03c4\u03c9 \u03b1\u03c0\u03cc \u03c4\u03bf \u03ba\u03b5\u03af\u03bc\u03b5\u03bd\u03bf *\/\r\n }\r\n \/* \u039f\u03c1\u03b9\u03b6\u03cc\u03bd\u03c4\u03b9\u03b1 \u03b3\u03c1\u03b1\u03bc\u03bc\u03ae - \u03c7\u03c9\u03c1\u03af\u03b6\u03b5\u03b9 \u03c4\u03bf 50% \u03b1\u03c0\u03cc \u03c4\u03b1 \u03b4\u03cd\u03bf 25% *\/\r\n .plate-image-container::before {\r\n width: 100%;\r\n height: 2px;\r\n top: 50%;\r\n transform: translateY(-55%); \/* \u0395\u03bb\u03b1\u03c6\u03c1\u03ce\u03c2 \u03c8\u03b7\u03bb\u03cc\u03c4\u03b5\u03c1\u03b1 \u03b3\u03b9\u03b1 \u03bf\u03c0\u03c4\u03b9\u03ba\u03ae \u03b9\u03c3\u03bf\u03c1\u03c1\u03bf\u03c0\u03af\u03b1 *\/\r\n }\r\n \/* \u039a\u03ac\u03b8\u03b5\u03c4\u03b7 \u03b3\u03c1\u03b1\u03bc\u03bc\u03ae - \u03c7\u03c9\u03c1\u03af\u03b6\u03b5\u03b9 \u03c4\u03b1 \u03b4\u03cd\u03bf 25% \u03bc\u03b5\u03c4\u03b1\u03be\u03cd \u03c4\u03bf\u03c5\u03c2 *\/\r\n .plate-image-container::after {\r\n width: 2px;\r\n height: 50%; \/* \u0395\u03c0\u03b7\u03c1\u03b5\u03ac\u03b6\u03b5\u03b9 \u03bc\u03cc\u03bd\u03bf \u03c4\u03bf \u03ba\u03ac\u03c4\u03c9 \u03bc\u03b9\u03c3\u03cc *\/\r\n left: 50%; \/* \u03a4\u03bf\u03c0\u03bf\u03b8\u03ad\u03c4\u03b7\u03c3\u03b7 \u03b1\u03ba\u03c1\u03b9\u03b2\u03ce\u03c2 \u03c3\u03c4\u03b7 \u03bc\u03ad\u03c3\u03b7 *\/\r\n top: 50%; \/* \u039e\u03b5\u03ba\u03b9\u03bd\u03ac\u03b5\u03b9 \u03b1\u03c0\u03cc \u03c4\u03b7 \u03bc\u03ad\u03c3\u03b7 *\/\r\n transform: translateX(-50%);\r\n }\r\n\r\n \/* \u039a\u03b5\u03af\u03bc\u03b5\u03bd\u03bf \u03c0\u03bf\u03c3\u03bf\u03c3\u03c4\u03ce\u03bd *\/\r\n .plate-text {\r\n position: absolute;\r\n font-weight: bold;\r\n color: #555;\r\n font-size: 1.2rem;\r\n text-align: center;\r\n line-height: 1.2;\r\n pointer-events: none; \/* \u0394\u03b5\u03bd \u03b5\u03c0\u03b7\u03c1\u03b5\u03ac\u03b6\u03b5\u03b9 \u03b1\u03bb\u03bb\u03b7\u03bb\u03b5\u03c0\u03af\u03b4\u03c1\u03b1\u03c3\u03b7 *\/\r\n z-index: 10; \/* \u0395\u03be\u03b1\u03c3\u03c6\u03b1\u03bb\u03af\u03b6\u03b5\u03b9 \u03cc\u03c4\u03b9 \u03c4\u03bf \u03ba\u03b5\u03af\u03bc\u03b5\u03bd\u03bf \u03b5\u03af\u03bd\u03b1\u03b9 \u03c0\u03ac\u03bd\u03c9 \u03b1\u03c0\u03cc \u03c4\u03b1 \u03c7\u03c1\u03ce\u03bc\u03b1\u03c4\u03b1 *\/\r\n }\r\n \/* \u0398\u03ad\u03c3\u03b7 \u03b3\u03b9\u03b1 \u03c4\u03bf 50% *\/\r\n .plate-text.salad { top: 25%; left: 50%; transform: translate(-50%, -50%); color: #15803d; }\r\n \/* \u0398\u03ad\u03c3\u03b7 \u03b3\u03b9\u03b1 \u03c4\u03b1 \u03b4\u03cd\u03bf 25% *\/\r\n .plate-text.protein { bottom: 25%; left: 25%; transform: translate(-50%, 50%); color: #be123c; } \/* \u0391\u03c1\u03b9\u03c3\u03c4\u03b5\u03c1\u03cc 25% *\/\r\n .plate-text.carbs { bottom: 25%; right: 25%; transform: translate(50%, 50%); color: #ca8a04; } \/* \u0394\u03b5\u03be\u03b9\u03cc 25% *\/\r\n\r\n \/* \u03a7\u03c1\u03c9\u03bc\u03b1\u03c4\u03b9\u03c3\u03bc\u03cc\u03c2 \u03c4\u03bc\u03b7\u03bc\u03ac\u03c4\u03c9\u03bd \u03c0\u03b9\u03ac\u03c4\u03bf\u03c5 (Absolute overlays) *\/\r\n .plate-color-salad {\r\n position: absolute;\r\n width: 100%;\r\n height: 50%;\r\n top: 0;\r\n background-color: #dcfce7; \/* Light Green *\/\r\n opacity: 0.7; \/* \u0395\u03bb\u03b1\u03c6\u03c1\u03ce\u03c2 \u03b4\u03b9\u03b1\u03c6\u03b1\u03bd\u03ad\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c6\u03b1\u03af\u03bd\u03b5\u03c4\u03b1\u03b9 \u03b7 \u03b2\u03ac\u03c3\u03b7 \u03c4\u03bf\u03c5 \u03c0\u03b9\u03ac\u03c4\u03bf\u03c5 *\/\r\n }\r\n .plate-color-protein {\r\n position: absolute;\r\n width: 50%;\r\n height: 50%;\r\n bottom: 0;\r\n left: 0;\r\n background-color: #fee2e2; \/* Light Red\/Pink *\/\r\n opacity: 0.7;\r\n }\r\n .plate-color-carbs {\r\n position: absolute;\r\n width: 50%;\r\n height: 50%;\r\n bottom: 0;\r\n right: 0;\r\n background-color: #fef9c3; \/* Light Yellow *\/\r\n opacity: 0.7;\r\n }\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"worksheet-container\">\r\n \r\n <!-- \u039d\u0395\u0391 \u039a\u03b5\u03c6\u03b1\u03bb\u03af\u03b4\u03b1 \u03b3\u03b9\u03b1 \u03c4\u03b1\u03c5\u03c4\u03cc\u03c4\u03b7\u03c4\u03b1 (\u03a0\u03ac\u03bd\u03c4\u03b1 \u03bf\u03c1\u03b1\u03c4\u03ae \u03c3\u03b5 \u03bf\u03b8\u03cc\u03bd\u03b7 \u03ba\u03b1\u03b9 \u03b5\u03ba\u03c4\u03cd\u03c0\u03c9\u03c3\u03b7) -->\r\n <div class=\"mb-6 flex justify-between text-base text-gray-600 print-id-fields\">\r\n <p><strong>\u038c\u03bd\u03bf\u03bc\u03b1 \u03ba\u03b1\u03b9 \u03a4\u03bc\u03ae\u03bc\u03b1:<\/strong> <input id=\"studentName\" type=\"text\" class=\"border-b-2 border-lime-300 p-1 w-48 bg-transparent focus:border-lime-500 transition\" placeholder=\"\u038c\u03bd\u03bf\u03bc\u03b1 \/ \u03a4\u03bc\u03ae\u03bc\u03b1\"><\/p>\r\n <p><strong>\u0397\u03bc\u03b5\u03c1\u03bf\u03bc\u03b7\u03bd\u03af\u03b1:<\/strong> <input id=\"currentDate\" type=\"date\" class=\"border-b-2 border-lime-300 p-1 bg-transparent focus:border-lime-500 transition\"><\/p>\r\n <\/div>\r\n\r\n <!-- \u0394\u03b9\u03b1\u03ba\u03bf\u03c3\u03bc\u03b7\u03c4\u03b9\u03ba\u03ae \u039a\u03b5\u03c6\u03b1\u03bb\u03af\u03b4\u03b1 (\u039a\u03a1\u03a5\u03a6\u0397 \u03a3\u03a4\u0397\u039d \u0395\u039a\u03a4\u03a5\u03a0\u03a9\u03a3\u0397) --><header class=\"text-center mb-10 pb-6 border-b-4 border-lime-500 bg-lime-50 rounded-t-xl p-6 no-print\">\r\n <h1 class=\"text-5xl font-extrabold text-gray-800 tracking-tight\">\ud83c\udf7d\ufe0f \u0397 \u039c\u0395\u0398\u039f\u0394\u039f\u03a3 \u03a4\u039f\u03a5 \u03a0\u0399\u0391\u03a4\u039f\u03a5<\/h1>\r\n <p class=\"text-2xl text-lime-700 mt-2 font-light\">\u039f\u03b4\u03b7\u03b3\u03cc\u03c2 \u0399\u03c3\u03bf\u03c1\u03c1\u03bf\u03c0\u03b7\u03bc\u03ad\u03bd\u03b7\u03c2 \u0394\u03b9\u03b1\u03c4\u03c1\u03bf\u03c6\u03ae\u03c2 (50-25-25)<\/p>\r\n <\/header>\r\n\r\n <!-- \u0395\u039d\u039f\u03a4\u0397\u03a4\u0391 \u0391\u03a6\u039f\u03a1\u039c\u0397\u03a3\u0397\u03a3: \u0391\u03c2 \u0398\u03c5\u03bc\u03b7\u03b8\u03bf\u03cd\u03bc\u03b5 (\u039f\u03a1\u0391\u03a4\u0397 \u03a3\u03a4\u0397\u039d \u039f\u0398\u039f\u039d\u0397 \/ \u039a\u03a1\u03a5\u03a6\u0397 \u03a3\u03a4\u0397\u039d \u0395\u039a\u03a4\u03a5\u03a0\u03a9\u03a3\u0397) -->\r\n <section class=\"mb-10 p-6 bg-yellow-50 rounded-xl border-4 border-yellow-300 print-hidden-text\">\r\n <h2 class=\"text-3xl font-bold text-yellow-700 mb-4 border-b-2 pb-2 border-yellow-400\">\ud83e\udde0 \u0391\u03c2 \u0398\u03c5\u03bc\u03b7\u03b8\u03bf\u03cd\u03bc\u03b5 \u03b1\u03c0\u03cc \u03c4\u03bf \u03a0\u03c1\u03bf\u03b7\u03b3\u03bf\u03cd\u03bc\u03b5\u03bd\u03bf \u039c\u03ac\u03b8\u03b7\u03bc\u03b1<\/h2>\r\n \r\n <p class=\"text-gray-700 mb-6 font-semibold\">\r\n \u039e\u03ad\u03c1\u03bf\u03c5\u03bc\u03b5 \u03cc\u03c4\u03b9\u2026 \u03ba\u03ac\u03b8\u03b5 \u03bf\u03bc\u03ac\u03b4\u03b1 \u03c4\u03c1\u03bf\u03c6\u03af\u03bc\u03c9\u03bd \u03c0\u03b5\u03c1\u03b9\u03ad\u03c7\u03b5\u03b9 \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03ac \u03b8\u03c1\u03b5\u03c0\u03c4\u03b9\u03ba\u03ac \u03c3\u03c5\u03c3\u03c4\u03b1\u03c4\u03b9\u03ba\u03ac \u03ba\u03b1\u03b9 \u03ba\u03ac\u03b8\u03b5 \u03b8\u03c1\u03b5\u03c0\u03c4\u03b9\u03ba\u03cc \u03c3\u03c5\u03c3\u03c4\u03b1\u03c4\u03b9\u03ba\u03cc \u03ad\u03c7\u03b5\u03b9 \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03ae \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03af\u03b1 \u03b3\u03b9\u03b1 \u03c4\u03bf \u03c3\u03ce\u03bc\u03b1!\r\n <\/p>\r\n \r\n <!-- NEW COMPACT CARD LAYOUT -->\r\n <div class=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-3\">\r\n \r\n <!-- 1. \u0393\u03ac\u03bb\u03b1 & \u0393\u03b1\u03bb\u03b1\u03ba\u03c4\u03bf\u03ba\u03bf\u03bc\u03b9\u03ba\u03ac -->\r\n <div class=\"p-2 bg-blue-100 border-2 border-blue-300 rounded-lg shadow-md\">\r\n <p class=\"text-lg font-extrabold text-blue-800 mb-0.5\">\ud83e\udd5b 1\u03b7: \u0393\u03ac\u03bb\u03b1 & \u0393\u03b1\u03bb\u03b1\u03ba\u03c4\u03bf\u03ba\u03bf\u03bc\u03b9\u03ba\u03ac<\/p>\r\n <p class=\"text-xs text-blue-700 mb-1\">\u03a3\u03c5\u03c3\u03c4\u03b1\u03c4\u03b9\u03ba\u03cc: \u0391\u03c3\u03b2\u03ad\u03c3\u03c4\u03b9\u03bf<\/p>\r\n <p class=\"text-xs text-gray-700\">**\u03a1\u03cc\u03bb\u03bf\u03c2:** \u03a5\u03b3\u03b5\u03af\u03b1 \u03bf\u03c3\u03c4\u03ce\u03bd \u03ba\u03b1\u03b9 \u03b4\u03bf\u03bd\u03c4\u03b9\u03ce\u03bd.<\/p>\r\n <\/div>\r\n\r\n <!-- 2. \u03a6\u03c1\u03bf\u03cd\u03c4\u03b1 & \u039b\u03b1\u03c7\u03b1\u03bd\u03b9\u03ba\u03ac -->\r\n <div class=\"p-2 bg-green-100 border-2 border-green-300 rounded-lg shadow-md\">\r\n <p class=\"text-lg font-extrabold text-green-800 mb-0.5\">\ud83e\udd66 2\u03b7: \u03a6\u03c1\u03bf\u03cd\u03c4\u03b1 & \u039b\u03b1\u03c7\u03b1\u03bd\u03b9\u03ba\u03ac<\/p>\r\n <p class=\"text-xs text-green-700 mb-1\">\u03a3\u03c5\u03c3\u03c4\u03b1\u03c4\u03b9\u03ba\u03ac: \u0392\u03b9\u03c4\u03b1\u03bc\u03af\u03bd\u03b5\u03c2, \u038a\u03bd\u03b5\u03c2<\/p>\r\n <p class=\"text-xs text-gray-700\">**\u03a1\u03cc\u03bb\u03bf\u03c2:** \u03a0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c3\u03af\u03b1, \u03b1\u03bd\u03bf\u03c3\u03bf\u03c0\u03bf\u03b9\u03b7\u03c4\u03b9\u03ba\u03cc, \u03c0\u03ad\u03c8\u03b7.<\/p>\r\n <\/div>\r\n\r\n <!-- 3. \u0394\u03b7\u03bc\u03b7\u03c4\u03c1\u03b9\u03b1\u03ba\u03ac & \u03a8\u03c9\u03bc\u03af -->\r\n <div class=\"p-2 bg-yellow-100 border-2 border-yellow-300 rounded-lg shadow-md\">\r\n <p class=\"text-lg font-extrabold text-yellow-800 mb-0.5\">\ud83c\udf5e 3\u03b7: \u0394\u03b7\u03bc\u03b7\u03c4\u03c1\u03b9\u03b1\u03ba\u03ac & \u03a8\u03c9\u03bc\u03af<\/p>\r\n <p class=\"text-xs text-yellow-700 mb-1\">\u03a3\u03c5\u03c3\u03c4\u03b1\u03c4\u03b9\u03ba\u03cc: \u03a5\u03b4\u03b1\u03c4\u03ac\u03bd\u03b8\u03c1\u03b1\u03ba\u03b5\u03c2<\/p>\r\n <p class=\"text-xs text-gray-700\">**\u03a1\u03cc\u03bb\u03bf\u03c2:** \u03a0\u03b1\u03c1\u03bf\u03c7\u03ae \u03ba\u03cd\u03c1\u03b9\u03b1\u03c2 \u03b5\u03bd\u03ad\u03c1\u03b3\u03b5\u03b9\u03b1\u03c2.<\/p>\r\n <\/div>\r\n\r\n <!-- 4. \u039a\u03c1\u03ad\u03b1\u03c2 \u2013 \u03a8\u03ac\u03c1\u03b9 \u2013 \u038c\u03c3\u03c0\u03c1\u03b9\u03b1 -->\r\n <div class=\"p-2 bg-red-100 border-2 border-red-300 rounded-lg shadow-md\">\r\n <p class=\"text-lg font-extrabold text-red-800 mb-0.5\">\ud83e\udd69 4\u03b7: \u039a\u03c1\u03ad\u03b1\u03c2, \u03a8\u03ac\u03c1\u03b9, \u038c\u03c3\u03c0\u03c1\u03b9\u03b1<\/p>\r\n <p class=\"text-xs text-red-700 mb-1\">\u03a3\u03c5\u03c3\u03c4\u03b1\u03c4\u03b9\u03ba\u03cc: \u03a0\u03c1\u03c9\u03c4\u03b5\u0390\u03bd\u03b7<\/p>\r\n <p class=\"text-xs text-gray-700\">**\u03a1\u03cc\u03bb\u03bf\u03c2:** \u0391\u03bd\u03ac\u03c0\u03c4\u03c5\u03be\u03b7, \u03b5\u03c0\u03b9\u03b4\u03b9\u03cc\u03c1\u03b8\u03c9\u03c3\u03b7 \u03b9\u03c3\u03c4\u03ce\u03bd, \u03bc\u03cd\u03b5\u03c2.<\/p>\r\n <\/div>\r\n\r\n <!-- 5. \u039b\u03af\u03c0\u03b7 \u2013 \u0388\u03bb\u03b1\u03b9\u03b1 -->\r\n <div class=\"p-2 bg-gray-100 border-2 border-gray-300 rounded-lg shadow-md\">\r\n <p class=\"text-lg font-extrabold text-gray-800 mb-0.5\">\ud83c\udf30 5\u03b7: \u039b\u03af\u03c0\u03b7 & \u0388\u03bb\u03b1\u03b9\u03b1<\/p>\r\n <p class=\"text-xs text-gray-700 mb-1\">\u03a3\u03c5\u03c3\u03c4\u03b1\u03c4\u03b9\u03ba\u03cc: \u039b\u03b9\u03c0\u03af\u03b4\u03b9\u03b1<\/p>\r\n <p class=\"text-xs text-gray-700\">**\u03a1\u03cc\u03bb\u03bf\u03c2:** \u0395\u03bd\u03ad\u03c1\u03b3\u03b5\u03b9\u03b1, \u03b1\u03c0\u03bf\u03c1\u03c1\u03cc\u03c6\u03b7\u03c3\u03b7 \u03b2\u03b9\u03c4\u03b1\u03bc\u03b9\u03bd\u03ce\u03bd (A, D, E, K).<\/p>\r\n <\/div>\r\n <\/div>\r\n <!-- END NEW COMPACT CARD LAYOUT -->\r\n \r\n <\/section>\r\n\r\n <!-- \u0395\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1 \u0394\u03c1\u03b1\u03c3\u03c4\u03b7\u03c1\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2 1 --><section id=\"activity1\" class=\"mb-10 p-6 bg-blue-50 rounded-xl border-4 border-blue-300 card-section\">\r\n <h2 class=\"text-3xl font-bold text-blue-700 mb-4 border-b-2 pb-2 border-blue-400\">\ud83d\udcdd \u0394\u03c1\u03b1\u03c3\u03c4\u03b7\u03c1\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1 1: \u0397 \u0399\u03c3\u03bf\u03c1\u03c1\u03bf\u03c0\u03af\u03b1 \u03c4\u03bf\u03c5 \u03a0\u03b9\u03ac\u03c4\u03bf\u03c5<\/h2>\r\n \r\n <!-- \u0391\u03c6\u03cc\u03c1\u03bc\u03b7\u03c3\u03b7\/Motivation (print-hidden-text) -->\r\n <div class=\"mb-6 p-4 border-l-4 border-orange-500 bg-orange-100 rounded print-hidden-text\">\r\n <p class=\"font-bold text-orange-800 text-lg mb-2\">\u0391\u03a3\u039a\u0397\u03a3\u0397 \u03a3\u039a\u0395\u03a8\u0397\u03a3<\/p>\r\n <p class=\"text-gray-700\"><strong>\u03a0\u03ce\u03c2 \u03cc\u03bc\u03c9\u03c2 \u03bc\u03c0\u03bf\u03c1\u03bf\u03cd\u03bc\u03b5 \u03bd\u03b1 \u03be\u03ad\u03c1\u03bf\u03c5\u03bc\u03b5 \u03cc\u03c4\u03b9 \u03c5\u03c0\u03ac\u03c1\u03c7\u03b5\u03b9 \u03b1\u03c1\u03ba\u03b5\u03c4\u03ae \u03c0\u03bf\u03c3\u03cc\u03c4\u03b7\u03c4\u03b1 \u03b1\u03c0\u03cc \u03ba\u03ac\u03b8\u03b5 \u03b8\u03c1\u03b5\u03c0\u03c4\u03b9\u03ba\u03cc \u03c3\u03c5\u03c3\u03c4\u03b1\u03c4\u03b9\u03ba\u03cc \u03c3\u03c4\u03bf \u03c0\u03b9\u03ac\u03c4\u03bf \u03bc\u03b1\u03c2; <\/strong><\/p>\r\n <p class=\"text-gray-700 mt-2\">\u0397 <strong>\u039c\u0395\u0398\u039f\u0394\u039f\u03a3 \u03a4\u039f\u03a5 \u03a0\u0399\u0391\u03a4\u039f\u03a5<\/strong> \u03b8\u03b1 \u03bc\u03b1\u03c2 \u03b2\u03bf\u03b7\u03b8\u03ae\u03c3\u03b5\u03b9 \u03bd\u03b1 \u03c4\u03bf \u03b1\u03bd\u03b1\u03ba\u03b1\u03bb\u03cd\u03c8\u03bf\u03c5\u03bc\u03b5! \u03a0\u03c1\u03bf\u03c3\u03c0\u03ac\u03b8\u03b7\u03c3\u03b5 \u03bd\u03b1 \u03b1\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c0\u03c1\u03bf\u03c3\u03b5\u03ba\u03c4\u03b9\u03ba\u03ac \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03bc\u03ac\u03b8\u03b5\u03b9\u03c2!<\/p>\r\n <\/div>\r\n \r\n <!-- iSpring Link (\u039a\u03a1\u03a5\u03a6\u039f \u03a3\u03a4\u0397\u039d \u0395\u039a\u03a4\u03a5\u03a0\u03a9\u03a3\u0397) --><div class=\"text-center mb-8 no-print\">\r\n <h3 class=\"text-xl font-bold text-gray-700 mb-3\">\u0392\u0397\u039c\u0391 1: \u0394\u03bf\u03ba\u03af\u03bc\u03b1\u03c3\u03b5 \u03c4\u03b7\u03bd iSpring \u0394\u03c1\u03b1\u03c3\u03c4\u03b7\u03c1\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1<\/h3>\r\n <a href=\"https:\/\/users.sch.gr\/mkouvela\/oo\/oo32b\/index.html\" target=\"_blank\" class=\"action-button inline-block bg-orange-600 hover:bg-orange-700 text-white font-bold py-3 px-6 rounded-lg shadow-xl transition duration-200 transform hover:scale-105\">\r\n \u0395\u039a\u03a4\u0395\u039b\u0395\u03a3\u0397 iSpring \u0394\u03c1\u03b1\u03c3\u03c4\u03b7\u03c1\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2! (\u039a\u039b\u0399\u039a)\r\n <\/a>\r\n <p class=\"text-sm text-gray-500 mt-2\">\u0395\u03ba\u03c4\u03ad\u03bb\u03b5\u03c3\u03b5 \u03c4\u03b7\u03bd \u03ac\u03c3\u03ba\u03b7\u03c3\u03b7 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b1\u03bd\u03b1\u03ba\u03b1\u03bb\u03cd\u03c8\u03b5\u03b9\u03c2 \u03c4\u03bf\u03bd \u03ba\u03b1\u03bd\u03cc\u03bd\u03b1 50-25-25.<\/p>\r\n <\/div>\r\n \r\n <hr class=\"border-blue-200 my-6 no-print\">\r\n\r\n <h3 class=\"text-xl font-bold text-gray-700 mb-4\">\u0392\u0397\u039c\u0391 2: \u039a\u03b1\u03c4\u03b1\u03bd\u03cc\u03b7\u03c3\u03b7 \u03c4\u03bf\u03c5 \u039a\u03b1\u03bd\u03cc\u03bd\u03b1<\/h3>\r\n \r\n <div class=\"md:flex md:space-x-8 items-start\">\r\n \r\n <!-- Questions (Visible) --><div class=\"md:w-2\/3\">\r\n <ul class=\"list-disc ml-6 space-y-4\">\r\n <li>\r\n <p class=\"font-semibold text-gray-700\" data-question=\"activity1-q1\">\u03a0\u03bf\u03b9\u03bf \u03c4\u03bc\u03ae\u03bc\u03b1 \u03c4\u03bf\u03c5 \u03c0\u03b9\u03ac\u03c4\u03bf\u03c5 \u03c0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c4\u03bf \u03bc\u03b5\u03b3\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03bf (50%) \u03ba\u03b1\u03b9 \u03b3\u03b9\u03b1\u03c4\u03af;<\/p>\r\n <textarea id=\"activity1-q1-answer\" class=\"answer-area\" placeholder=\"\u0391\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b7... (\u039f\u03bc\u03ac\u03b4\u03b1 \u03c4\u03c1\u03bf\u03c6\u03af\u03bc\u03c9\u03bd \u03ba\u03b1\u03b9 \u03bf \u03c1\u03cc\u03bb\u03bf\u03c2 \u03c4\u03b7\u03c2;)\"><\/textarea>\r\n <\/li>\r\n <li>\r\n <p class=\"font-semibold text-gray-700\" data-question=\"activity1-q2\">\u03a0\u03bf\u03b9\u03bf\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 \u03bf\u03b9 \u03c1\u03cc\u03bb\u03bf\u03b9 \u03c4\u03c9\u03bd \u03b4\u03cd\u03bf \u03bc\u03b9\u03ba\u03c1\u03cc\u03c4\u03b5\u03c1\u03c9\u03bd \u03c4\u03bc\u03b7\u03bc\u03ac\u03c4\u03c9\u03bd (25% \u03c4\u03bf \u03ba\u03b1\u03b8\u03ad\u03bd\u03b1) \u03b3\u03b9\u03b1 \u03c4\u03bf\u03bd \u03bf\u03c1\u03b3\u03b1\u03bd\u03b9\u03c3\u03bc\u03cc \u03bc\u03b1\u03c2;<\/p>\r\n <textarea id=\"activity1-q2-answer\" class=\"answer-area\" placeholder=\"\u0391\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b7... (\u03a1\u03cc\u03bb\u03bf\u03c2 \u03a0\u03c1\u03c9\u03c4\u03b5\u0390\u03bd\u03b7\u03c2 \u03ba\u03b1\u03b9 \u03a1\u03cc\u03bb\u03bf\u03c2 \u03a5\u03b4\u03b1\u03c4\u03b1\u03bd\u03b8\u03c1\u03ac\u03ba\u03c9\u03bd)\"><\/textarea>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Plate Diagram (\u039a\u03a1\u03a5\u03a6\u039f \u03a3\u03a4\u0397\u039d \u0395\u039a\u03a4\u03a5\u03a0\u03a9\u03a3\u0397) --><div class=\"md:w-1\/3 text-center mb-6 md:mb-0 no-print\">\r\n <div class=\"plate-image-container\">\r\n <!-- \u03a7\u03c1\u03c9\u03bc\u03b1\u03c4\u03b9\u03c3\u03bc\u03bf\u03af -->\r\n <div class=\"plate-color-salad\"><\/div>\r\n <div class=\"plate-color-protein\"><\/div>\r\n <div class=\"plate-color-carbs\"><\/div>\r\n <!-- \u039a\u03b5\u03af\u03bc\u03b5\u03bd\u03b1 -->\r\n <div class=\"plate-text salad\" style=\"top: 25%;\">50% <br> \u039b\u0391\u03a7\u0391\u039d\u0399\u039a\u0391<\/div>\r\n <div class=\"plate-text protein\" style=\"left: 25%; bottom: 25%;\">25% <br> \u03a0\u03a1\u03a9\u03a4\u0395\u03aa\u039d\u0397<\/div>\r\n <div class=\"plate-text carbs\" style=\"right: 25%; bottom: 25%;\">25% <br> \u03a5\u0394\u0391\u03a4\u0391\u039d\u0398\u03a1\u0391\u039a\u0391\u03a3<\/div>\r\n <\/div>\r\n <p class=\"mt-2 text-sm text-gray-600 font-medium\">\u0391\u03c5\u03c4\u03cc \u03b5\u03af\u03bd\u03b1\u03b9 \u03c4\u03bf \u03b4\u03b9\u03ac\u03b3\u03c1\u03b1\u03bc\u03bc\u03b1 \u03c4\u03bf\u03c5 \u03c3\u03c9\u03c3\u03c4\u03ac \u03b9\u03c3\u03bf\u03c1\u03c1\u03bf\u03c0\u03b7\u03bc\u03ad\u03bd\u03bf\u03c5 \u03c0\u03b9\u03ac\u03c4\u03bf\u03c5.<\/p>\r\n <\/div>\r\n \r\n <\/div>\r\n <\/section>\r\n\r\n <!-- \u0395\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1 \u0394\u03c1\u03b1\u03c3\u03c4\u03b7\u03c1\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2 2 & 3 --><section id=\"activity2-3\" class=\"mb-10 p-6 bg-red-50 rounded-xl border-4 border-red-300 card-section\">\r\n <h2 class=\"text-3xl font-bold text-red-700 mb-4 border-b-2 pb-2 border-red-400\">\ud83e\udde0 \u0394\u03c1\u03b1\u03c3\u03c4\u03b7\u03c1\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1 2 & 3: \u0391\u03bd\u03ac\u03bb\u03c5\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03a3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03cc\u03c2<\/h2>\r\n\r\n <!-- \u03a5\u03c0\u03bf\u03b5\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1 2: \u0391\u03bd\u03ac\u03bb\u03c5\u03c3\u03b7 \u03a0\u03b9\u03ac\u03c4\u03c9\u03bd --><div class=\"mb-6\">\r\n <h3 class=\"text-xl font-semibold text-red-600 mb-3\">2. \u0391\u03bd\u03ac\u03bb\u03c5\u03c3\u03b7 \u03a0\u03b9\u03ac\u03c4\u03c9\u03bd (\u0394\u03b5\u03c2 \u03a0\u03b1\u03c1\u03b1\u03b4\u03b5\u03af\u03b3\u03bc\u03b1\u03c4\u03b1)<\/h3>\r\n \r\n <!-- \u039f\u03b4\u03b7\u03b3\u03af\u03b5\u03c2 Padlet (\u039a\u03a1\u03a5\u03a6\u0395\u03a3 \u03a3\u03a4\u0397\u039d \u0395\u039a\u03a4\u03a5\u03a0\u03a9\u03a3\u0397) --><p class=\"mb-4 text-gray-700 no-print\">\u0395\u03c0\u03b9\u03c3\u03ba\u03ad\u03c8\u03bf\u03c5 \u03c4\u03bf Padlet \u03bc\u03b5 \u03c4\u03b9\u03c2 \u03c6\u03c9\u03c4\u03bf\u03b3\u03c1\u03b1\u03c6\u03af\u03b5\u03c2 \u03c4\u03c9\u03bd \u03c0\u03b1\u03bb\u03b1\u03b9\u03cc\u03c4\u03b5\u03c1\u03c9\u03bd \u03bc\u03b1\u03b8\u03b7\u03c4\u03ce\u03bd \u03ba\u03b1\u03b9 \u03b1\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b5 \u03c3\u03c4\u03b9\u03c2 \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2:<\/p>\r\n <a href=\"https:\/\/padlet.com\/sxolikiauli\/50-25-25-pmqd8vqtwf7mqvs5\" target=\"_blank\" class=\"action-button inline-block bg-pink-600 hover:bg-pink-700 text-white font-bold py-2 px-4 rounded-lg shadow-md transition duration-200 no-print\">\r\n \u0394\u03b5\u03c2 \u03c4\u03b1 \u03a0\u03b9\u03ac\u03c4\u03b1 \u03c4\u03c9\u03bd \u0386\u03bb\u03bb\u03c9\u03bd (Padlet)\r\n <\/a>\r\n \r\n <ul class=\"list-disc ml-6 mt-4 space-y-3\">\r\n <li>\r\n <p class=\"font-semibold text-gray-700\" data-question=\"activity2-q1\">\u03a0\u03bf\u03b9\u03bf \u03c0\u03b9\u03ac\u03c4\u03bf \u03b8\u03b5\u03c9\u03c1\u03b5\u03af\u03c2 \u03cc\u03c4\u03b9 \u03b1\u03ba\u03bf\u03bb\u03bf\u03c5\u03b8\u03b5\u03af \u03a3\u03a9\u03a3\u03a4\u0391 \u03c4\u03bf\u03bd \u03ba\u03b1\u03bd\u03cc\u03bd\u03b1 50-25-25; (\u0391\u03b9\u03c4\u03b9\u03bf\u03bb\u03cc\u03b3\u03b7\u03c3\u03b5)<\/p>\r\n <textarea id=\"activity2-q1-answer\" class=\"answer-area\" placeholder=\"\u0391\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b7...\"><\/textarea>\r\n <\/li>\r\n <li>\r\n <p class=\"font-semibold text-gray-700\" data-question=\"activity2-q2\">\u03a0\u03bf\u03b9\u03bf \u03c0\u03b9\u03ac\u03c4\u03bf \u0394\u0395\u039d \u03b1\u03ba\u03bf\u03bb\u03bf\u03c5\u03b8\u03b5\u03af \u03c4\u03bf\u03bd \u03ba\u03b1\u03bd\u03cc\u03bd\u03b1; \u03a4\u03b9 \u03b8\u03b1 \u03c0\u03c1\u03cc\u03c4\u03b5\u03b9\u03bd\u03b5\u03c2 \u03bd\u03b1 \u03b4\u03b9\u03bf\u03c1\u03b8\u03c9\u03b8\u03b5\u03af;<\/p>\r\n <textarea id=\"activity2-q2-answer\" class=\"answer-area\" placeholder=\"\u0391\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b7...\"><\/textarea>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- \u03a5\u03c0\u03bf\u03b5\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1 3: \u03a3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03cc\u03c2 \u03a0\u03b9\u03ac\u03c4\u03bf\u03c5 --><div>\r\n <h3 class=\"text-xl font-semibold text-red-600 mb-3\">3. \u03a4\u03bf \u0394\u03b9\u03ba\u03cc \u03bc\u03bf\u03c5 \u03a3\u03c7\u03ad\u03b4\u03b9\u03bf \u03a0\u03b9\u03ac\u03c4\u03bf\u03c5<\/h3>\r\n \r\n <!-- Homework\/Video box (\u039a\u03a1\u03a5\u03a6\u039f \u03a3\u03a4\u0397\u039d \u0395\u039a\u03a4\u03a5\u03a0\u03a9\u03a3\u0397) --><div class=\"p-4 bg-white rounded-lg shadow border border-red-200 mb-4 text-center no-print\">\r\n <p class=\"text-lg font-bold text-red-800 mb-2\">\ud83d\udd34 \u0395\u03c1\u03b3\u03b1\u03c3\u03af\u03b1 \u03b3\u03b9\u03b1 \u03c4\u03bf \u03c3\u03c0\u03af\u03c4\u03b9: \u03c0\u03b5\u03c1\u03b9\u03bc\u03ad\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7 \u03c6\u03c9\u03c4\u03bf\u03b3\u03c1\u03b1\u03c6\u03af\u03b1 \u03c3\u03bf\u03c5!<\/p>\r\n <h4 class=\"text-xl font-semibold text-red-600 mb-3\">\u0392\u0399\u039d\u03a4\u0395\u039f: \u0397 \u039c\u03ad\u03b8\u03bf\u03b4\u03bf\u03c2 \u03c4\u03bf\u03c5 \u03a0\u03b9\u03ac\u03c4\u03bf\u03c5 (\u03a5\u03c0\u03b5\u03bd\u03b8\u03cd\u03bc\u03b9\u03c3\u03b7)<\/h4>\r\n <!-- \u0395\u03bd\u03c3\u03c9\u03bc\u03b1\u03c4\u03c9\u03bc\u03ad\u03bd\u03bf \u03b2\u03af\u03bd\u03c4\u03b5\u03bf --><video class=\"wp-video-shortcode w-full max-w-sm mx-auto rounded-md mt-2\" width=\"100%\" height=\"auto\" preload=\"metadata\" controls=\"controls\">\r\n <source type=\"video\/mp4\" src=\"https:\/\/blogs.sch.gr\/mkouvela\/files\/2025\/10\/Whisk_diet.mp4\" \/>\r\n \u03a4\u03bf \u03c0\u03c1\u03cc\u03b3\u03c1\u03b1\u03bc\u03bc\u03b1 \u03c0\u03b5\u03c1\u03b9\u03ae\u03b3\u03b7\u03c3\u03ae\u03c2 \u03c3\u03b1\u03c2 \u03b4\u03b5\u03bd \u03c5\u03c0\u03bf\u03c3\u03c4\u03b7\u03c1\u03af\u03b6\u03b5\u03b9 \u03c4\u03b7\u03bd \u03b5\u03c4\u03b9\u03ba\u03ad\u03c4\u03b1 \u03b2\u03af\u03bd\u03c4\u03b5\u03bf.\r\n <\/video>\r\n <\/div>\r\n \r\n <!-- \u039f\u03b4\u03b7\u03b3\u03af\u03b5\u03c2 (\u039a\u03a1\u03a5\u03a6\u0395\u03a3 \u03a3\u03a4\u0397\u039d \u0395\u039a\u03a4\u03a5\u03a0\u03a9\u03a3\u0397) --><p class=\"mb-4 text-gray-700 no-print\">\u03a3\u03c7\u03b5\u03b4\u03af\u03b1\u03c3\u03b5 \u03c4\u03bf \u03b4\u03b9\u03ba\u03cc \u03c3\u03bf\u03c5 \u03b9\u03b4\u03b1\u03bd\u03b9\u03ba\u03cc \u03c0\u03b9\u03ac\u03c4\u03bf \u03b3\u03b9\u03b1 \u03c4\u03bf \u03c3\u03c0\u03af\u03c4\u03b9.<\/p>\r\n\r\n <table class=\"w-full text-left border-collapse border border-red-400\">\r\n <thead>\r\n <tr class=\"bg-red-200 text-red-800\">\r\n <th class=\"p-3 border border-red-300 w-1\/4\">\u03a4\u03bc\u03ae\u03bc\u03b1 \u03a0\u03b9\u03ac\u03c4\u03bf\u03c5<\/th>\r\n <th class=\"p-3 border border-red-300 w-3\/4\">\u03a4\u03c1\u03cc\u03c6\u03b9\u03bc\u03b1 \u03c0\u03bf\u03c5 \u03b8\u03b1 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03c9<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td class=\"p-3 border border-red-300 bg-red-50 font-semibold\">50% (\u039b\u03b1\u03c7\u03b1\u03bd\u03b9\u03ba\u03ac\/\u03a6\u03c1\u03bf\u03cd\u03c4\u03b1)<\/td>\r\n <td class=\"p-3 border border-red-300\">\r\n <input type=\"text\" id=\"plan-50-answer\" class=\"w-full p-1 border-b border-red-300 bg-transparent\" placeholder=\"\u03a0.\u03c7. \u03a3\u03b1\u03bb\u03ac\u03c4\u03b1 \u03b5\u03c0\u03bf\u03c7\u03ae\u03c2\">\r\n <\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"p-3 border border-red-300 bg-red-50 font-semibold\">25% (\u03a0\u03c1\u03c9\u03c4\u03b5\u0390\u03bd\u03b7)<\/td>\r\n <td class=\"p-3 border border-red-300\">\r\n <input type=\"text\" id=\"plan-25p-answer\" class=\"w-full p-1 border-b border-red-300 bg-transparent\" placeholder=\"\u03a0.\u03c7. \u039a\u03bf\u03c4\u03cc\u03c0\u03bf\u03c5\u03bb\u03bf \u03ae \u038c\u03c3\u03c0\u03c1\u03b9\u03b1\">\r\n <\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"p-3 border border-red-300 bg-red-50 font-semibold\">25% (\u0394\u03b7\u03bc\u03b7\u03c4\u03c1\u03b9\u03b1\u03ba\u03ac\/\u03a5\u03b4\u03b1\u03c4\u03ac\u03bd\u03b8\u03c1\u03b1\u03ba\u03b1\u03c2)<\/td>\r\n <td class=\"p-3 border border-red-300\">\r\n <input type=\"text\" id=\"plan-25c-answer\" class=\"w-full p-1 border-b border-red-300 bg-transparent\" placeholder=\"\u03a0.\u03c7. \u039a\u03b1\u03c3\u03c4\u03b1\u03bd\u03cc \u03c1\u03cd\u03b6\u03b9 \u03ae \u03c8\u03c9\u03bc\u03af \u03bf\u03bb\u03b9\u03ba\u03ae\u03c2\">\r\n <\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n <!-- \u039a\u03bf\u03c5\u03bc\u03c0\u03b9\u03ac \u0395\u03ba\u03c4\u03cd\u03c0\u03c9\u03c3\u03b7\u03c2 (\u039a\u03a1\u03a5\u03a6\u0391 \u03a3\u03a4\u0397\u039d \u0395\u039a\u03a4\u03a5\u03a0\u03a9\u03a3\u0397) --><div class=\"no-print text-center pt-6 border-t border-gray-200 flex flex-col md:flex-row justify-center gap-4\">\r\n <!-- \u039a\u03bf\u03c5\u03bc\u03c0\u03af \u0395\u03ba\u03c4\u03cd\u03c0\u03c9\u03c3\u03b7\u03c2 \u039f\u03bb\u03bf\u03ba\u03bb\u03b7\u03c1\u03c9\u03bc\u03ad\u03bd\u03bf\u03c5 \u03a6\u03cd\u03bb\u03bb\u03bf\u03c5 -->\r\n <button onclick=\"window.print()\" class=\"bg-lime-600 hover:bg-lime-700 text-white font-bold py-4 px-8 rounded-full shadow-xl transition duration-300 ease-in-out transform hover:scale-105\">\r\n \ud83d\udda8\ufe0f \u0395\u03ba\u03c4\u03cd\u03c0\u03c9\u03c3\u03b7 \u039f\u039b\u039f\u039a\u039b\u0397\u03a1\u039f\u03a5 \u03a6\u03cd\u03bb\u03bb\u03bf\u03c5\r\n <\/button>\r\n\r\n <!-- \u039d\u0395\u039f \u039a\u03bf\u03c5\u03bc\u03c0\u03af \u0395\u03ba\u03c4\u03cd\u03c0\u03c9\u03c3\u03b7\u03c2 \u039c\u039f\u039d\u039f \u0391\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03b5\u03c9\u03bd -->\r\n <button onclick=\"printDataOnly()\" class=\"bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-4 px-8 rounded-full shadow-xl transition duration-300 ease-in-out transform hover:scale-105\">\r\n \ud83d\udccb \u0395\u03ba\u03c4\u03cd\u03c0\u03c9\u03c3\u03b7 \u039c\u039f\u039d\u039f \u0391\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03b5\u03c9\u03bd\r\n <\/button>\r\n <\/div>\r\n <div class=\"no-print text-center mt-3\">\r\n <p class=\"text-sm text-gray-500\">\u03a3\u03c5\u03bc\u03c0\u03bb\u03b7\u03c1\u03ce\u03c3\u03c4\u03b5 \u03cc\u03bb\u03b5\u03c2 \u03c4\u03b9\u03c2 \u03b1\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c8\u03b7\u03c6\u03b9\u03b1\u03ba\u03ac \u03c0\u03c1\u03b9\u03bd \u03c0\u03b1\u03c4\u03ae\u03c3\u03b5\u03c4\u03b5 \u03c4\u03bf \u03ba\u03bf\u03c5\u03bc\u03c0\u03af!<\/p>\r\n <p class=\"text-xs text-red-500 mt-1\">\r\n **\u03a3\u03b7\u03bc\u03b5\u03af\u03c9\u03c3\u03b7:** \u0391\u03bd \u03b7 \u03b5\u03ba\u03c4\u03cd\u03c0\u03c9\u03c3\u03b7 \u03b4\u03b5\u03bd \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03ae\u03c3\u03b5\u03b9 \u03bc\u03b5 \u03c4\u03b1 \u03ba\u03bf\u03c5\u03bc\u03c0\u03b9\u03ac, \u03c0\u03b1\u03c4\u03ae\u03c3\u03c4\u03b5 **Ctrl + P** (\u03ae **Cmd + P** \u03c3\u03b5 Mac).\r\n <\/p>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- \u0395\u03bd\u03c3\u03c9\u03bc\u03ac\u03c4\u03c9\u03c3\u03b7 JavaScript \u03b3\u03b9\u03b1 \u0395\u03ba\u03c4\u03cd\u03c0\u03c9\u03c3\u03b7 \u039c\u03cc\u03bd\u03bf \u0394\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03c9\u03bd -->\r\n<script>\r\n function printDataOnly() {\r\n \/\/ 1. \u03a3\u03c5\u03bb\u03bb\u03bf\u03b3\u03ae \u0394\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03c9\u03bd\r\n const nameInput = document.getElementById('studentName').value.trim();\r\n const dateInput = document.getElementById('currentDate').value;\r\n\r\n \/\/ \u039f\u03c1\u03b9\u03c3\u03bc\u03cc\u03c2 \u03c4\u03c9\u03bd \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03c9\u03bd\r\n const textAreas = [\r\n { id: 'activity1-q1-answer', title: '\u0394\u03c1\u03b1\u03c3\u03c4\u03b7\u03c1\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1 1, \u0395\u03c1. 1: \u03a0\u03bf\u03b9\u03bf \u03c4\u03bc\u03ae\u03bc\u03b1 \u03c4\u03bf\u03c5 \u03c0\u03b9\u03ac\u03c4\u03bf\u03c5 \u03c0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c4\u03bf \u03bc\u03b5\u03b3\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03bf (50%) \u03ba\u03b1\u03b9 \u03b3\u03b9\u03b1\u03c4\u03af;' },\r\n { id: 'activity1-q2-answer', title: '\u0394\u03c1\u03b1\u03c3\u03c4\u03b7\u03c1\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1 1, \u0395\u03c1. 2: \u03a0\u03bf\u03b9\u03bf\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 \u03bf\u03b9 \u03c1\u03cc\u03bb\u03bf\u03b9 \u03c4\u03c9\u03bd \u03b4\u03cd\u03bf \u03bc\u03b9\u03ba\u03c1\u03cc\u03c4\u03b5\u03c1\u03c9\u03bd \u03c4\u03bc\u03b7\u03bc\u03ac\u03c4\u03c9\u03bd (25% \u03c4\u03bf \u03ba\u03b1\u03b8\u03ad\u03bd\u03b1) \u03b3\u03b9\u03b1 \u03c4\u03bf\u03bd \u03bf\u03c1\u03b3\u03b1\u03bd\u03b9\u03c3\u03bc\u03cc \u03bc\u03b1\u03c2;' },\r\n { id: 'activity2-q1-answer', title: '\u0394\u03c1\u03b1\u03c3\u03c4\u03b7\u03c1\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1 2, \u0395\u03c1. 1: \u03a0\u03bf\u03b9\u03bf \u03c0\u03b9\u03ac\u03c4\u03bf \u03b8\u03b5\u03c9\u03c1\u03b5\u03af\u03c2 \u03cc\u03c4\u03b9 \u03b1\u03ba\u03bf\u03bb\u03bf\u03c5\u03b8\u03b5\u03af \u03a3\u03a9\u03a3\u03a4\u0391 \u03c4\u03bf\u03bd \u03ba\u03b1\u03bd\u03cc\u03bd\u03b1 50-25-25; (\u0391\u03b9\u03c4\u03b9\u03bf\u03bb\u03cc\u03b3\u03b7\u03c3\u03b5)' },\r\n { id: 'activity2-q2-answer', title: '\u0394\u03c1\u03b1\u03c3\u03c4\u03b7\u03c1\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1 2, \u0395\u03c1. 2: \u03a0\u03bf\u03b9\u03bf \u03c0\u03b9\u03ac\u03c4\u03bf \u0394\u0395\u039d \u03b1\u03ba\u03bf\u03bb\u03bf\u03c5\u03b8\u03b5\u03af \u03c4\u03bf\u03bd \u03ba\u03b1\u03bd\u03cc\u03bd\u03b1; \u03a4\u03b9 \u03b8\u03b1 \u03c0\u03c1\u03cc\u03c4\u03b5\u03b9\u03bd\u03b5\u03c2 \u03bd\u03b1 \u03b4\u03b9\u03bf\u03c1\u03b8\u03c9\u03b8\u03b5\u03af;' }\r\n ];\r\n\r\n \/\/ \u039f\u03c1\u03b9\u03c3\u03bc\u03cc\u03c2 \u03c4\u03c9\u03bd \u03c4\u03bc\u03b7\u03bc\u03ac\u03c4\u03c9\u03bd \u03c4\u03bf\u03c5 \u03c0\u03af\u03bd\u03b1\u03ba\u03b1\r\n const tableInputs = [\r\n { id: 'plan-50-answer', title: '50% (\u039b\u03b1\u03c7\u03b1\u03bd\u03b9\u03ba\u03ac\/\u03a6\u03c1\u03bf\u03cd\u03c4\u03b1)' },\r\n { id: 'plan-25p-answer', title: '25% (\u03a0\u03c1\u03c9\u03c4\u03b5\u0390\u03bd\u03b7)' },\r\n { id: 'plan-25c-answer', title: '25% (\u0394\u03b7\u03bc\u03b7\u03c4\u03c1\u03b9\u03b1\u03ba\u03ac\/\u03a5\u03b4\u03b1\u03c4\u03ac\u03bd\u03b8\u03c1\u03b1\u03ba\u03b1\u03c2)' }\r\n ];\r\n\r\n \/\/ 2. \u0394\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03af\u03b1 HTML \u03c0\u03b5\u03c1\u03b9\u03b5\u03c7\u03bf\u03bc\u03ad\u03bd\u03bf\u03c5\r\n let printContent = `\r\n <style>\r\n body { font-family: 'Inter', sans-serif; margin: 30px; line-height: 1.6; }\r\n .answer-box { border: 1px solid #ddd; padding: 12px; margin-top: 5px; background-color: #f9f9f9; white-space: pre-wrap; word-break: break-word; border-radius: 4px; }\r\n h1 { font-size: 24px; color: #1f2937; margin-bottom: 10px; border-bottom: 2px solid #ccc; padding-bottom: 5px; }\r\n h3 { font-size: 18px; color: #1f2937; margin-top: 20px; margin-bottom: 5px; border-bottom: 1px solid #ccc; padding-bottom: 3px; }\r\n table { width: 100%; border-collapse: collapse; margin-top: 10px; }\r\n th, td { border: 1px solid #ccc; padding: 10px; text-align: left; }\r\n th { background-color: #eee; font-weight: bold; }\r\n .info { margin-bottom: 20px; }\r\n .question-block { margin-bottom: 15px; }\r\n <\/style>\r\n <h1>\u03a6\u03cd\u03bb\u03bb\u03bf \u0395\u03c1\u03b3\u03b1\u03c3\u03af\u03b1\u03c2: \u0391\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u039c\u03b1\u03b8\u03b7\u03c4\u03ae (50-25-25)<\/h1>\r\n <div class=\"info\">\r\n <strong>\u038c\u03bd\u03bf\u03bc\u03b1 \/ \u03a4\u03bc\u03ae\u03bc\u03b1:<\/strong> ${nameInput || '\u0394\u03b5\u03bd \u03c3\u03c5\u03bc\u03c0\u03bb\u03b7\u03c1\u03ce\u03b8\u03b7\u03ba\u03b5'} <br>\r\n <strong>\u0397\u03bc\u03b5\u03c1\u03bf\u03bc\u03b7\u03bd\u03af\u03b1:<\/strong> ${dateInput || '\u0394\u03b5\u03bd \u03c3\u03c5\u03bc\u03c0\u03bb\u03b7\u03c1\u03ce\u03b8\u03b7\u03ba\u03b5'}\r\n <\/div>\r\n \r\n <h3>\u0394\u03c1\u03b1\u03c3\u03c4\u03b7\u03c1\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1 1 & 2: \u0391\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2<\/h3>\r\n `;\r\n\r\n \/\/ \u03a0\u03c1\u03bf\u03c3\u03b8\u03ae\u03ba\u03b7 \u03b1\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03b5\u03c9\u03bd \u03b1\u03c0\u03cc Textareas\r\n textAreas.forEach(item => {\r\n const answer = document.getElementById(item.id).value.trim();\r\n if (answer) {\r\n printContent += `\r\n <div class=\"question-block\">\r\n <strong>${item.title}<\/strong>\r\n <div class=\"answer-box\">${answer}<\/div>\r\n <\/div>\r\n `;\r\n }\r\n });\r\n \r\n \/\/ \u03a0\u03c1\u03bf\u03c3\u03b8\u03ae\u03ba\u03b7 \u03b1\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03b5\u03c9\u03bd \u03b1\u03c0\u03cc \u03c4\u03bf\u03bd \u03a0\u03af\u03bd\u03b1\u03ba\u03b1\r\n printContent += `\r\n <h3>\u0394\u03c1\u03b1\u03c3\u03c4\u03b7\u03c1\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1 3: \u03a4\u03bf \u0394\u03b9\u03ba\u03cc \u03bc\u03bf\u03c5 \u03a3\u03c7\u03ad\u03b4\u03b9\u03bf \u03a0\u03b9\u03ac\u03c4\u03bf\u03c5<\/h3>\r\n <table>\r\n <tr>\r\n <th>\u03a4\u03bc\u03ae\u03bc\u03b1 \u03a0\u03b9\u03ac\u03c4\u03bf\u03c5<\/th>\r\n <th>\u03a4\u03c1\u03cc\u03c6\u03b9\u03bc\u03b1 \u03c0\u03bf\u03c5 \u03b8\u03b1 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03c9<\/th>\r\n <\/tr>\r\n `;\r\n tableInputs.forEach(item => {\r\n const food = document.getElementById(item.id).value.trim() || '\u2014';\r\n printContent += `\r\n <tr>\r\n <td>${item.title}<\/td>\r\n <td>${food}<\/td>\r\n <\/tr>\r\n `;\r\n });\r\n printContent += `<\/table>`;\r\n\r\n \/\/ 3. \u0395\u03ba\u03c4\u03ad\u03bb\u03b5\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03b5\u03ba\u03c4\u03cd\u03c0\u03c9\u03c3\u03b7\u03c2 \u03c3\u03b5 \u03bd\u03ad\u03bf \u03c0\u03b1\u03c1\u03ac\u03b8\u03c5\u03c1\u03bf\r\n const printWindow = window.open('', '_blank');\r\n\r\n if (printWindow) {\r\n printWindow.document.write(`\r\n <html>\r\n <head>\r\n <title>\u0395\u03ba\u03c4\u03cd\u03c0\u03c9\u03c3\u03b7 \u0391\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03b5\u03c9\u03bd<\/title>\r\n <\/head>\r\n <body>\r\n ${printContent}\r\n <\/body>\r\n <\/html>\r\n `);\r\n printWindow.document.close();\r\n printWindow.focus();\r\n printWindow.print();\r\n \r\n \/\/ \u03a4\u03bf \u03ba\u03bb\u03b5\u03af\u03c3\u03b9\u03bc\u03bf \u03c4\u03bf\u03c5 \u03c0\u03b1\u03c1\u03b1\u03b8\u03cd\u03c1\u03bf\u03c5 \u03bc\u03b5\u03c4\u03ac \u03c4\u03b7\u03bd \u03b5\u03ba\u03c4\u03cd\u03c0\u03c9\u03c3\u03b7 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c0\u03c1\u03bf\u03b1\u03b9\u03c1\u03b5\u03c4\u03b9\u03ba\u03cc, \u03b1\u03bb\u03bb\u03ac \u03b2\u03b5\u03bb\u03c4\u03b9\u03ce\u03bd\u03b5\u03b9 \u03c4\u03b7\u03bd \u03b5\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b1\r\n \/\/ printWindow.close(); \r\n } else {\r\n \/\/ \u039c\u03ae\u03bd\u03c5\u03bc\u03b1 \u03c3\u03b5 \u03c0\u03b5\u03c1\u03af\u03c0\u03c4\u03c9\u03c3\u03b7 \u03c0\u03bf\u03c5 \u03bf browser \u03bc\u03c0\u03bb\u03bf\u03ba\u03ac\u03c1\u03b5\u03b9 \u03c4\u03bf window.open\r\n alert(\"\u03a0\u03b1\u03c1\u03b1\u03ba\u03b1\u03bb\u03ce \u03b5\u03c0\u03b9\u03c4\u03c1\u03ad\u03c8\u03c4\u03b5 \u03c4\u03b1 pop-up \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03ae\u03c3\u03b5\u03b9 \u03b7 \u03b5\u03ba\u03c4\u03cd\u03c0\u03c9\u03c3\u03b7 \u03b1\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03b5\u03c9\u03bd.\");\r\n }\r\n }\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Welcome to WordPress. This is your first post. Edit or delete it, then start writing!<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/mkouvela.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/1","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mkouvela.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mkouvela.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mkouvela.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mkouvela.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1"}],"version-history":[{"count":2,"href":"https:\/\/mkouvela.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/1\/revisions"}],"predecessor-version":[{"id":770,"href":"https:\/\/mkouvela.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/1\/revisions\/770"}],"wp:attachment":[{"href":"https:\/\/mkouvela.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mkouvela.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mkouvela.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}