{"id":4179,"date":"2024-07-11T20:43:07","date_gmt":"2024-07-11T20:43:07","guid":{"rendered":"https:\/\/prokopidis.sites.sch.gr\/?p=4179"},"modified":"2026-02-20T16:32:45","modified_gmt":"2026-02-20T16:32:45","slug":"%cf%80%cf%81%cf%8c%cf%83%ce%b8%ce%b5%cf%83%ce%b7-%ce%ba%ce%b1%ce%b9-%ce%b1%cf%86%ce%b1%ce%af%cf%81%ce%b5%cf%83%ce%b7-%ce%ba%ce%bb%ce%b1%cf%83%ce%bc%ce%ac%cf%84%cf%89%ce%bd","status":"publish","type":"post","link":"https:\/\/prokopidis.sites.sch.gr\/?p=4179","title":{"rendered":"\u03a0\u03c1\u03cc\u03c3\u03b8\u03b5\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03b1\u03c6\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03ba\u03bb\u03b1\u03c3\u03bc\u03ac\u03c4\u03c9\u03bd"},"content":{"rendered":"<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a42c62917b87&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a42c62917b87\" class=\"aligncenter size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"568\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/prokopidis.sites.sch.gr\/wp-content\/uploads\/2024\/07\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-\u03bf\u03b8\u03cc\u03bd\u03b7\u03c2-2026-01-06-170007-1024x568.png\" alt=\"\" class=\"wp-image-5945\" srcset=\"https:\/\/prokopidis.sites.sch.gr\/wp-content\/uploads\/2024\/07\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-\u03bf\u03b8\u03cc\u03bd\u03b7\u03c2-2026-01-06-170007-1024x568.png 1024w, https:\/\/prokopidis.sites.sch.gr\/wp-content\/uploads\/2024\/07\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-\u03bf\u03b8\u03cc\u03bd\u03b7\u03c2-2026-01-06-170007-300x167.png 300w, https:\/\/prokopidis.sites.sch.gr\/wp-content\/uploads\/2024\/07\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-\u03bf\u03b8\u03cc\u03bd\u03b7\u03c2-2026-01-06-170007-768x426.png 768w, https:\/\/prokopidis.sites.sch.gr\/wp-content\/uploads\/2024\/07\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-\u03bf\u03b8\u03cc\u03bd\u03b7\u03c2-2026-01-06-170007.png 1090w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"\u039c\u03b5\u03b3\u03ad\u03b8\u03c5\u03bd\u03c3\u03b7\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">\u03ba\u03bb\u03b9\u03ba  \u03c3\u03c4\u03b7\u03bd \u03b5\u03b9\u03ba\u03cc\u03bd\u03b1 \u03b3\u03b9\u03b1 \u03bc\u03b5\u03b3\u03ad\u03b8\u03c5\u03bd\u03c3\u03b7<\/figcaption><\/figure>\n<\/div>\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 is-resized\"><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\" style=\"width:335px;height:auto\"\/><\/figure>\n<\/div>\n\n\n<div class=\"_df_book df-lite\" id=\"df_5918\"  _slug=\"5918\" data-title=\"%ce%b7-%cf%80%ce%b5%cf%81%ce%b9%cf%80%ce%ad%cf%84%ce%b5%ce%b9%ce%b1-%cf%84%cf%89%ce%bd-%ce%ba%ce%bb%ce%b1%cf%83%ce%bc%ce%ac%cf%84%cf%89%ce%bd\" wpoptions=\"true\" thumbtype=\"\" ><\/div><script class=\"df-shortcode-script\" nowprocket type=\"application\/javascript\">window.option_df_5918 = {\"outline\":[],\"autoEnableOutline\":\"false\",\"autoEnableThumbnail\":\"false\",\"overwritePDFOutline\":\"false\",\"enableDownload\":\"false\",\"direction\":\"1\",\"pageSize\":\"1\",\"maxTextureSize\":\"1024\",\"source\":\"https:\\\/\\\/prokopidis.sites.sch.gr\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/\\u0397_\\u03a0\\u03b5\\u03c1\\u03b9\\u03c0\\u03ad\\u03c4\\u03b5\\u03b9\\u03b1_\\u03c4\\u03c9\\u03bd_\\u039a\\u03bb\\u03b1\\u03c3\\u03bc\\u03ac\\u03c4\\u03c9\\u03bd_\\u039e\\u03b5\\u03ba\\u03b9\\u03bd\\u03ac.pdf\",\"wpOptions\":\"true\"}; if(window.DFLIP && window.DFLIP.parseBooks){window.DFLIP.parseBooks();}<\/script>\n\n\n\n<p>\u03ba\u03bb\u03b9\u03ba \u03c3\u03c4\u03b9\u03c2 \u03c4\u03c1\u03b5\u03b9\u03c2 \u03c4\u03b5\u03bb\u03b5\u03af\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03bc\u03b5\u03c4\u03ac Single Page Mode<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"193\" height=\"16\" src=\"https:\/\/prokopidis.sites.sch.gr\/wp-content\/uploads\/2024\/06\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-\u03bf\u03b8\u03cc\u03bd\u03b7\u03c2-2025-12-30-203202.png\" alt=\"\" class=\"wp-image-5725\"\/><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-medium is-resized\"><a href=\"https:\/\/gemini.google.com\/share\/39ff7ef16614\" target=\"_blank\" rel=\" noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"182\" src=\"https:\/\/prokopidis.sites.sch.gr\/wp-content\/uploads\/2024\/07\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-\u03bf\u03b8\u03cc\u03bd\u03b7\u03c2-2025-12-24-194418-300x182.png\" alt=\"\" class=\"wp-image-5522\" style=\"aspect-ratio:1.6500064861007617;width:620px;height:auto\" srcset=\"https:\/\/prokopidis.sites.sch.gr\/wp-content\/uploads\/2024\/07\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-\u03bf\u03b8\u03cc\u03bd\u03b7\u03c2-2025-12-24-194418-300x182.png 300w, https:\/\/prokopidis.sites.sch.gr\/wp-content\/uploads\/2024\/07\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-\u03bf\u03b8\u03cc\u03bd\u03b7\u03c2-2025-12-24-194418-768x465.png 768w, https:\/\/prokopidis.sites.sch.gr\/wp-content\/uploads\/2024\/07\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-\u03bf\u03b8\u03cc\u03bd\u03b7\u03c2-2025-12-24-194418.png 1023w\" sizes=\"auto, (max-width: 300px) 85vw, 300px\" \/><\/a><figcaption class=\"wp-element-caption\">\u0393\u03b9\u03b1 \u03b1\u03c0\u03bf\u03c1\u03af\u03b5\u03c2 \u03ba\u03bb\u03b9\u03ba \u03c3\u03c4\u03b7\u03bd \u03b5\u03b9\u03ba\u03cc\u03bd\u03b1<\/figcaption><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"193\" height=\"16\" src=\"https:\/\/prokopidis.sites.sch.gr\/wp-content\/uploads\/2024\/06\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-\u03bf\u03b8\u03cc\u03bd\u03b7\u03c2-2025-12-30-203202.png\" alt=\"\" class=\"wp-image-5725\"\/><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<!doctype html>\n<html lang=\"el\">\n <head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>\u0393\u03bb\u03c9\u03c3\u03c3\u03ac\u03c1\u03b9 \u039a\u03bb\u03b1\u03c3\u03bc\u03ac\u03c4\u03c9\u03bd<\/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 {\n            height: 100%;\n            width: 100%;\n        }\n\n        body {\n            font-family: 'Comic Sans MS', 'Segoe UI', Tahoma, sans-serif;\n            overflow-x: hidden;\n        }\n\n        .main-wrapper {\n            width: 100%;\n            min-height: 100%;\n            overflow-auto;\n            padding: 40px 20px;\n        }\n\n        .container {\n            max-width: 900px;\n            margin: 0 auto;\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 40px;\n            padding: 30px;\n            border-radius: 20px;\n        }\n\n        .main-title {\n            font-size: 48px;\n            font-weight: bold;\n            margin-bottom: 10px;\n            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);\n        }\n\n        .subtitle {\n            font-size: 24px;\n            opacity: 0.9;\n        }\n\n        .emoji-decoration {\n            font-size: 40px;\n            margin: 0 10px;\n        }\n\n        .glossary-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 20px;\n            margin-bottom: 40px;\n        }\n\n        .term-card {\n            border-radius: 15px;\n            padding: 25px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            border: 3px solid transparent;\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n        }\n\n        .term-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);\n        }\n\n        .term-card.active {\n            border-color: #fff;\n            transform: scale(1.02);\n        }\n\n        .term-emoji {\n            font-size: 50px;\n            margin-bottom: 15px;\n            text-align: center;\n        }\n\n        .term-title {\n            font-size: 24px;\n            font-weight: bold;\n            margin-bottom: 10px;\n            text-align: center;\n        }\n\n        .term-short {\n            font-size: 16px;\n            text-align: center;\n            margin-bottom: 15px;\n            line-height: 1.4;\n        }\n\n        .term-detail {\n            font-size: 15px;\n            line-height: 1.6;\n            margin-top: 15px;\n            padding-top: 15px;\n            border-top: 2px dashed rgba(255, 255, 255, 0.5);\n            display: none;\n        }\n\n        .term-card.active .term-detail {\n            display: block;\n            animation: fadeIn 0.3s ease;\n        }\n\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n                transform: translateY(-10px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        .example-box {\n            padding: 12px;\n            border-radius: 8px;\n            margin-top: 10px;\n            font-family: 'Courier New', monospace;\n            font-size: 16px;\n            text-align: center;\n        }\n\n        .footer {\n            text-align: center;\n            padding: 25px;\n            border-radius: 15px;\n            margin-top: 30px;\n            font-size: 18px;\n            font-weight: bold;\n        }\n\n        .instruction {\n            text-align: center;\n            font-size: 18px;\n            margin-bottom: 30px;\n            padding: 15px;\n            border-radius: 10px;\n            font-weight: 600;\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 class=\"header\">\n     <div><span class=\"emoji-decoration\">\ud83c\udfaf<\/span> <span class=\"main-title\" id=\"mainTitle\">\u0393\u03bb\u03c9\u03c3\u03c3\u03ac\u03c1\u03b9 \u039a\u03bb\u03b1\u03c3\u03bc\u03ac\u03c4\u03c9\u03bd<\/span> <span class=\"emoji-decoration\">\ud83d\udcda<\/span>\n     <\/div>\n     <div class=\"subtitle\" id=\"subtitle\">\n      \u03a0\u03c1\u03cc\u03c3\u03b8\u03b5\u03c3\u03b7 \u03ba\u03b1\u03b9 \u0391\u03c6\u03b1\u03af\u03c1\u03b5\u03c3\u03b7\n     <\/div>\n    <\/header>\n    <div class=\"instruction\" id=\"instruction\">\n     \ud83d\udc46 \u039a\u03ac\u03bd\u03b5 \u03ba\u03bb\u03b9\u03ba \u03c3\u03b5 \u03ba\u03ac\u03b8\u03b5 \u03ba\u03ac\u03c1\u03c4\u03b1 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b4\u03b5\u03b9\u03c2 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b5\u03c2 \u03bb\u03b5\u03c0\u03c4\u03bf\u03bc\u03ad\u03c1\u03b5\u03b9\u03b5\u03c2!\n    <\/div>\n    <div class=\"glossary-grid\" id=\"glossaryGrid\"><\/div>\n    <footer class=\"footer\" id=\"footer\">\n     \u039a\u03b1\u03bb\u03ae \u03bc\u03b5\u03bb\u03ad\u03c4\u03b7! \ud83c\udf1f\n    <\/footer>\n   <\/div>\n  <\/div>\n  <script>\n        const defaultConfig = {\n            main_title: \"\u0393\u03bb\u03c9\u03c3\u03c3\u03ac\u03c1\u03b9 \u039a\u03bb\u03b1\u03c3\u03bc\u03ac\u03c4\u03c9\u03bd\",\n            subtitle: \"\u03a0\u03c1\u03cc\u03c3\u03b8\u03b5\u03c3\u03b7 \u03ba\u03b1\u03b9 \u0391\u03c6\u03b1\u03af\u03c1\u03b5\u03c3\u03b7\",\n            footer_text: \"\u039a\u03b1\u03bb\u03ae \u03bc\u03b5\u03bb\u03ad\u03c4\u03b7! \ud83c\udf1f\",\n            background_color: \"#FFE5F4\",\n            header_color: \"#FF6B9D\",\n            card_color: \"#FFB347\",\n            text_color: \"#2D3748\",\n            instruction_color: \"#A78BFA\",\n            font_family: \"Comic Sans MS\",\n            font_size: 16\n        };\n\n        const terms = [\n            {\n                emoji: \"\ud83c\udf55\",\n                title: \"\u039a\u03bb\u03ac\u03c3\u03bc\u03b1\",\n                short: \"\u0388\u03bd\u03b1 \u03bc\u03ad\u03c1\u03bf\u03c2 \u03b1\u03c0\u03cc \u03ad\u03bd\u03b1 \u03c3\u03cd\u03bd\u03bf\u03bb\u03bf\",\n                detail: \"\u03a4\u03bf \u03ba\u03bb\u03ac\u03c3\u03bc\u03b1 \u03b4\u03b5\u03af\u03c7\u03bd\u03b5\u03b9 \u03c0\u03cc\u03c3\u03b1 \u03ba\u03bf\u03bc\u03bc\u03ac\u03c4\u03b9\u03b1 \u03ad\u03c7\u03bf\u03c5\u03bc\u03b5 \u03b1\u03c0\u03cc \u03ad\u03bd\u03b1 \u03cc\u03bb\u03bf \u03c0\u03bf\u03c5 \u03c7\u03c9\u03c1\u03af\u03c3\u03c4\u03b7\u03ba\u03b5 \u03c3\u03b5 \u03af\u03c3\u03b1 \u03bc\u03ad\u03c1\u03b7. \u03a0.\u03c7., \u03b7 \u00bd \u03c3\u03b7\u03bc\u03b1\u03af\u03bd\u03b5\u03b9 1 \u03ba\u03bf\u03bc\u03bc\u03ac\u03c4\u03b9 \u03b1\u03c0\u03cc \u03c4\u03b1 2 \u03c0\u03bf\u03c5 \u03c7\u03c9\u03c1\u03af\u03c3\u03b1\u03bc\u03b5 \u03ba\u03ac\u03c4\u03b9.\",\n                example: \"3\/4 = 3 \u03bc\u03ad\u03c1\u03b7 \u03b1\u03c0\u03cc 4\"\n            },\n            {\n                emoji: \"\u2b06\ufe0f\",\n                title: \"\u0391\u03c1\u03b9\u03b8\u03bc\u03b7\u03c4\u03ae\u03c2\",\n                short: \"\u039f \u03b1\u03c1\u03b9\u03b8\u03bc\u03cc\u03c2 \u03c0\u03ac\u03bd\u03c9 \u03b1\u03c0\u03cc \u03c4\u03b7 \u03b3\u03c1\u03b1\u03bc\u03bc\u03ae\",\n                detail: \"\u039f \u03b1\u03c1\u03b9\u03b8\u03bc\u03b7\u03c4\u03ae\u03c2 \u03bc\u03b1\u03c2 \u03b4\u03b5\u03af\u03c7\u03bd\u03b5\u03b9 \u03c0\u03cc\u03c3\u03b1 \u03ba\u03bf\u03bc\u03bc\u03ac\u03c4\u03b9\u03b1 \u03c0\u03b1\u03af\u03c1\u03bd\u03bf\u03c5\u03bc\u03b5 \u03ae \u03ad\u03c7\u03bf\u03c5\u03bc\u03b5. \u0395\u03af\u03bd\u03b1\u03b9 \u03bf \u03b1\u03c1\u03b9\u03b8\u03bc\u03cc\u03c2 \u03c0\u03bf\u03c5 \u03b2\u03c1\u03af\u03c3\u03ba\u03b5\u03c4\u03b1\u03b9 \u03c3\u03c4\u03b7\u03bd \u03ba\u03bf\u03c1\u03c5\u03c6\u03ae \u03c4\u03bf\u03c5 \u03ba\u03bb\u03ac\u03c3\u03bc\u03b1\u03c4\u03bf\u03c2.\",\n                example: \"\u03a3\u03c4\u03bf 3\/4 \u03bf \u03b1\u03c1\u03b9\u03b8\u03bc\u03b7\u03c4\u03ae\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c4\u03bf 3\"\n            },\n            {\n                emoji: \"\u2b07\ufe0f\",\n                title: \"\u03a0\u03b1\u03c1\u03bf\u03bd\u03bf\u03bc\u03b1\u03c3\u03c4\u03ae\u03c2\",\n                short: \"\u039f \u03b1\u03c1\u03b9\u03b8\u03bc\u03cc\u03c2 \u03ba\u03ac\u03c4\u03c9 \u03b1\u03c0\u03cc \u03c4\u03b7 \u03b3\u03c1\u03b1\u03bc\u03bc\u03ae\",\n                detail: \"\u039f \u03c0\u03b1\u03c1\u03bf\u03bd\u03bf\u03bc\u03b1\u03c3\u03c4\u03ae\u03c2 \u03bc\u03b1\u03c2 \u03bb\u03ad\u03b5\u03b9 \u03c3\u03b5 \u03c0\u03cc\u03c3\u03b1 \u03af\u03c3\u03b1 \u03bc\u03ad\u03c1\u03b7 \u03c7\u03c9\u03c1\u03af\u03c3\u03c4\u03b7\u03ba\u03b5 \u03c4\u03bf \u03c3\u03cd\u03bd\u03bf\u03bb\u03bf. \u0395\u03af\u03bd\u03b1\u03b9 \u03bf \u03b1\u03c1\u03b9\u03b8\u03bc\u03cc\u03c2 \u03c0\u03bf\u03c5 \u03b2\u03c1\u03af\u03c3\u03ba\u03b5\u03c4\u03b1\u03b9 \u03c3\u03c4\u03bf \u03ba\u03ac\u03c4\u03c9 \u03bc\u03ad\u03c1\u03bf\u03c2 \u03c4\u03bf\u03c5 \u03ba\u03bb\u03ac\u03c3\u03bc\u03b1\u03c4\u03bf\u03c2.\",\n                example: \"\u03a3\u03c4\u03bf 3\/4 \u03bf \u03c0\u03b1\u03c1\u03bf\u03bd\u03bf\u03bc\u03b1\u03c3\u03c4\u03ae\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c4\u03bf 4\"\n            },\n            {\n                emoji: \"\ud83c\udfaf\",\n                title: \"\u039f\u03bc\u03ce\u03bd\u03c5\u03bc\u03b1 \u039a\u03bb\u03ac\u03c3\u03bc\u03b1\u03c4\u03b1\",\n                short: \"\u039a\u03bb\u03ac\u03c3\u03bc\u03b1\u03c4\u03b1 \u03bc\u03b5 \u03af\u03b4\u03b9\u03bf \u03c0\u03b1\u03c1\u03bf\u03bd\u03bf\u03bc\u03b1\u03c3\u03c4\u03ae\",\n                detail: \"\u038c\u03c4\u03b1\u03bd \u03b4\u03cd\u03bf \u03ae \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1 \u03ba\u03bb\u03ac\u03c3\u03bc\u03b1\u03c4\u03b1 \u03ad\u03c7\u03bf\u03c5\u03bd \u03c4\u03bf\u03bd \u03af\u03b4\u03b9\u03bf \u03c0\u03b1\u03c1\u03bf\u03bd\u03bf\u03bc\u03b1\u03c3\u03c4\u03ae, \u03c4\u03b1 \u03bb\u03ad\u03bc\u03b5 \u03bf\u03bc\u03ce\u03bd\u03c5\u03bc\u03b1. \u0395\u03af\u03bd\u03b1\u03b9 \u03c0\u03b9\u03bf \u03b5\u03cd\u03ba\u03bf\u03bb\u03bf \u03bd\u03b1 \u03c4\u03b1 \u03c0\u03c1\u03bf\u03c3\u03b8\u03ad\u03c3\u03bf\u03c5\u03bc\u03b5 \u03ae \u03bd\u03b1 \u03c4\u03b1 \u03b1\u03c6\u03b1\u03b9\u03c1\u03ad\u03c3\u03bf\u03c5\u03bc\u03b5!\",\n                example: \"2\/5 \u03ba\u03b1\u03b9 3\/5 \u03b5\u03af\u03bd\u03b1\u03b9 \u03bf\u03bc\u03ce\u03bd\u03c5\u03bc\u03b1\"\n            },\n            {\n                emoji: \"\ud83d\udd04\",\n                title: \"\u0395\u03c4\u03b5\u03c1\u03ce\u03bd\u03c5\u03bc\u03b1 \u039a\u03bb\u03ac\u03c3\u03bc\u03b1\u03c4\u03b1\",\n                short: \"\u039a\u03bb\u03ac\u03c3\u03bc\u03b1\u03c4\u03b1 \u03bc\u03b5 \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03cc \u03c0\u03b1\u03c1\u03bf\u03bd\u03bf\u03bc\u03b1\u03c3\u03c4\u03ae\",\n                detail: \"\u038c\u03c4\u03b1\u03bd \u03c4\u03b1 \u03ba\u03bb\u03ac\u03c3\u03bc\u03b1\u03c4\u03b1 \u03ad\u03c7\u03bf\u03c5\u03bd \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03bf\u03cd\u03c2 \u03c0\u03b1\u03c1\u03bf\u03bd\u03bf\u03bc\u03b1\u03c3\u03c4\u03ad\u03c2, \u03c4\u03b1 \u03bb\u03ad\u03bc\u03b5 \u03b5\u03c4\u03b5\u03c1\u03ce\u03bd\u03c5\u03bc\u03b1. \u03a0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03c0\u03c1\u03ce\u03c4\u03b1 \u03bd\u03b1 \u03c4\u03b1 \u03ba\u03ac\u03bd\u03bf\u03c5\u03bc\u03b5 \u03bf\u03bc\u03ce\u03bd\u03c5\u03bc\u03b1 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c4\u03b1 \u03c5\u03c0\u03bf\u03bb\u03bf\u03b3\u03af\u03c3\u03bf\u03c5\u03bc\u03b5!\",\n                example: \"1\/2 \u03ba\u03b1\u03b9 1\/3 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b5\u03c4\u03b5\u03c1\u03ce\u03bd\u03c5\u03bc\u03b1\"\n            },\n            {\n                emoji: \"\u2795\",\n                title: \"\u03a0\u03c1\u03cc\u03c3\u03b8\u03b5\u03c3\u03b7 \u039f\u03bc\u03ce\u03bd\u03c5\u03bc\u03c9\u03bd\",\n                short: \"\u03a0\u03c1\u03bf\u03c3\u03b8\u03ad\u03c4\u03bf\u03c5\u03bc\u03b5 \u03bc\u03cc\u03bd\u03bf \u03c4\u03bf\u03c5\u03c2 \u03b1\u03c1\u03b9\u03b8\u03bc\u03b7\u03c4\u03ad\u03c2\",\n                detail: \"\u0393\u03b9\u03b1 \u03bd\u03b1 \u03c0\u03c1\u03bf\u03c3\u03b8\u03ad\u03c3\u03bf\u03c5\u03bc\u03b5 \u03bf\u03bc\u03ce\u03bd\u03c5\u03bc\u03b1 \u03ba\u03bb\u03ac\u03c3\u03bc\u03b1\u03c4\u03b1, \u03c0\u03c1\u03bf\u03c3\u03b8\u03ad\u03c4\u03bf\u03c5\u03bc\u03b5 \u03bc\u03cc\u03bd\u03bf \u03c4\u03bf\u03c5\u03c2 \u03b1\u03c1\u03b9\u03b8\u03bc\u03b7\u03c4\u03ad\u03c2 \u03ba\u03b1\u03b9 \u03ba\u03c1\u03b1\u03c4\u03ac\u03bc\u03b5 \u03c4\u03bf\u03bd \u03af\u03b4\u03b9\u03bf \u03c0\u03b1\u03c1\u03bf\u03bd\u03bf\u03bc\u03b1\u03c3\u03c4\u03ae. \u0395\u03cd\u03ba\u03bf\u03bb\u03bf!\",\n                example: \"1\/4 + 2\/4 = 3\/4\"\n            },\n            {\n                emoji: \"\u2796\",\n                title: \"\u0391\u03c6\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u039f\u03bc\u03ce\u03bd\u03c5\u03bc\u03c9\u03bd\",\n                short: \"\u0391\u03c6\u03b1\u03b9\u03c1\u03bf\u03cd\u03bc\u03b5 \u03bc\u03cc\u03bd\u03bf \u03c4\u03bf\u03c5\u03c2 \u03b1\u03c1\u03b9\u03b8\u03bc\u03b7\u03c4\u03ad\u03c2\",\n                detail: \"\u0393\u03b9\u03b1 \u03bd\u03b1 \u03b1\u03c6\u03b1\u03b9\u03c1\u03ad\u03c3\u03bf\u03c5\u03bc\u03b5 \u03bf\u03bc\u03ce\u03bd\u03c5\u03bc\u03b1 \u03ba\u03bb\u03ac\u03c3\u03bc\u03b1\u03c4\u03b1, \u03b1\u03c6\u03b1\u03b9\u03c1\u03bf\u03cd\u03bc\u03b5 \u03c4\u03bf\u03c5\u03c2 \u03b1\u03c1\u03b9\u03b8\u03bc\u03b7\u03c4\u03ad\u03c2 \u03ba\u03b1\u03b9 \u03ba\u03c1\u03b1\u03c4\u03ac\u03bc\u03b5 \u03c4\u03bf\u03bd \u03af\u03b4\u03b9\u03bf \u03c0\u03b1\u03c1\u03bf\u03bd\u03bf\u03bc\u03b1\u03c3\u03c4\u03ae. \u03a0\u03c1\u03bf\u03c3\u03bf\u03c7\u03ae \u03c3\u03c4\u03b7 \u03c3\u03b5\u03b9\u03c1\u03ac!\",\n                example: \"3\/5 - 1\/5 = 2\/5\"\n            },\n            {\n                emoji: \"\ud83d\udd22\",\n                title: \"\u0395\u03bb\u03ac\u03c7\u03b9\u03c3\u03c4\u03bf \u039a\u03bf\u03b9\u03bd\u03cc \u03a0\u03bf\u03bb\u03bb\u03b1\u03c0\u03bb\u03ac\u03c3\u03b9\u03bf (\u0395\u039a\u03a0)\",\n                short: \"\u039c\u03b1\u03c2 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bc\u03b5 \u03c4\u03b1 \u03b5\u03c4\u03b5\u03c1\u03ce\u03bd\u03c5\u03bc\u03b1\",\n                detail: \"\u03a4\u03bf \u0395\u039a\u03a0 \u03b5\u03af\u03bd\u03b1\u03b9 \u03bf \u03bc\u03b9\u03ba\u03c1\u03cc\u03c4\u03b5\u03c1\u03bf\u03c2 \u03b1\u03c1\u03b9\u03b8\u03bc\u03cc\u03c2 \u03c0\u03bf\u03c5 \u03b4\u03b9\u03b1\u03b9\u03c1\u03b5\u03af\u03c4\u03b1\u03b9 \u03b1\u03ba\u03c1\u03b9\u03b2\u03ce\u03c2 \u03b1\u03c0\u03cc \u03b4\u03cd\u03bf \u03ae \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03bf\u03c5\u03c2 \u03b1\u03c1\u03b9\u03b8\u03bc\u03bf\u03cd\u03c2. \u03a4\u03bf \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03bf\u03cd\u03bc\u03b5 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03ba\u03ac\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b1 \u03ba\u03bb\u03ac\u03c3\u03bc\u03b1\u03c4\u03b1 \u03bf\u03bc\u03ce\u03bd\u03c5\u03bc\u03b1!\",\n                example: \"\u0395\u039a\u03a0 \u03c4\u03bf\u03c5 2 \u03ba\u03b1\u03b9 3 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c4\u03bf 6\"\n            },\n            {\n                emoji: \"\u2696\ufe0f\",\n                title: \"\u0399\u03c3\u03bf\u03b4\u03cd\u03bd\u03b1\u03bc\u03b1 \u039a\u03bb\u03ac\u03c3\u03bc\u03b1\u03c4\u03b1\",\n                short: \"\u0394\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03ae \u03bc\u03bf\u03c1\u03c6\u03ae, \u03af\u03b4\u03b9\u03b1 \u03b1\u03be\u03af\u03b1\",\n                detail: \"\u0399\u03c3\u03bf\u03b4\u03cd\u03bd\u03b1\u03bc\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c4\u03b1 \u03ba\u03bb\u03ac\u03c3\u03bc\u03b1\u03c4\u03b1 \u03c0\u03bf\u03c5 \u03b4\u03b5\u03af\u03c7\u03bd\u03bf\u03c5\u03bd \u03c4\u03bf \u03af\u03b4\u03b9\u03bf \u03bc\u03ad\u03b3\u03b5\u03b8\u03bf\u03c2 \u03bc\u03b5 \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03cc \u03c4\u03c1\u03cc\u03c0\u03bf. \u03a4\u03b1 \u03c6\u03c4\u03b9\u03ac\u03c7\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c0\u03bf\u03bb\u03bb\u03b1\u03c0\u03bb\u03b1\u03c3\u03b9\u03ac\u03b6\u03bf\u03bd\u03c4\u03b1\u03c2 \u03ae \u03b4\u03b9\u03b1\u03b9\u03c1\u03ce\u03bd\u03c4\u03b1\u03c2 \u03b1\u03c1\u03b9\u03b8\u03bc\u03b7\u03c4\u03ae \u03ba\u03b1\u03b9 \u03c0\u03b1\u03c1\u03bf\u03bd\u03bf\u03bc\u03b1\u03c3\u03c4\u03ae \u03bc\u03b5 \u03c4\u03bf\u03bd \u03af\u03b4\u03b9\u03bf \u03b1\u03c1\u03b9\u03b8\u03bc\u03cc.\",\n                example: \"1\/2 = 2\/4 = 3\/6\"\n            }\n        ];\n\n        function renderGlossary(config) {\n            const grid = document.getElementById('glossaryGrid');\n            grid.innerHTML = '';\n\n            const colors = [config.card_color, '#FF85A2', '#FFD93D', '#6BCF7F', '#A78BFA', '#60D5F5'];\n\n            terms.forEach((term, index) => {\n                const card = document.createElement('div');\n                card.className = 'term-card';\n                card.style.backgroundColor = colors[index % colors.length];\n                card.style.color = config.text_color;\n\n                card.innerHTML = `\n                    <div class=\"term-emoji\">${term.emoji}<\/div>\n                    <div class=\"term-title\">${term.title}<\/div>\n                    <div class=\"term-short\">${term.short}<\/div>\n                    <div class=\"term-detail\">\n                        ${term.detail}\n                        <div class=\"example-box\" style=\"background-color: rgba(255, 255, 255, 0.3);\">\n                            ${term.example}\n                        <\/div>\n                    <\/div>\n                `;\n\n                card.addEventListener('click', function() {\n                    const wasActive = this.classList.contains('active');\n                    document.querySelectorAll('.term-card').forEach(c => c.classList.remove('active'));\n                    if (!wasActive) {\n                        this.classList.add('active');\n                    }\n                });\n\n                grid.appendChild(card);\n            });\n        }\n\n        async function onConfigChange(config) {\n            const wrapper = document.querySelector('.main-wrapper');\n            const header = document.querySelector('.header');\n            const footer = document.querySelector('.footer');\n            const instruction = document.querySelector('.instruction');\n            const mainTitle = document.getElementById('mainTitle');\n            const subtitle = document.getElementById('subtitle');\n            const footerText = document.getElementById('footer');\n\n            const baseFontSize = config.font_size || defaultConfig.font_size;\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Segoe UI, Tahoma, sans-serif';\n\n            wrapper.style.backgroundColor = config.background_color || defaultConfig.background_color;\n            header.style.backgroundColor = config.header_color || defaultConfig.header_color;\n            footer.style.backgroundColor = config.header_color || defaultConfig.header_color;\n            instruction.style.backgroundColor = config.instruction_color || defaultConfig.instruction_color;\n\n            mainTitle.textContent = config.main_title || defaultConfig.main_title;\n            subtitle.textContent = config.subtitle || defaultConfig.subtitle;\n            footerText.textContent = config.footer_text || defaultConfig.footer_text;\n\n            document.body.style.fontFamily = `${customFont}, ${baseFontStack}`;\n            mainTitle.style.fontSize = `${baseFontSize * 3}px`;\n            subtitle.style.fontSize = `${baseFontSize * 1.5}px`;\n            instruction.style.fontSize = `${baseFontSize * 1.125}px`;\n            footerText.style.fontSize = `${baseFontSize * 1.125}px`;\n\n            const textColor = config.text_color || defaultConfig.text_color;\n            header.style.color = textColor;\n            footer.style.color = textColor;\n            instruction.style.color = textColor;\n\n            renderGlossary(config);\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) => ({\n                    recolorables: [\n                        {\n                            get: () => config.background_color || defaultConfig.background_color,\n                            set: (value) => {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () => config.header_color || defaultConfig.header_color,\n                            set: (value) => {\n                                config.header_color = value;\n                                window.elementSdk.setConfig({ header_color: value });\n                            }\n                        },\n                        {\n                            get: () => config.card_color || defaultConfig.card_color,\n                            set: (value) => {\n                                config.card_color = value;\n                                window.elementSdk.setConfig({ card_color: value });\n                            }\n                        },\n                        {\n                            get: () => config.text_color || defaultConfig.text_color,\n                            set: (value) => {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        },\n                        {\n                            get: () => config.instruction_color || defaultConfig.instruction_color,\n                            set: (value) => {\n                                config.instruction_color = value;\n                                window.elementSdk.setConfig({ instruction_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () => config.font_family || defaultConfig.font_family,\n                        set: (value) => {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () => config.font_size || defaultConfig.font_size,\n                        set: (value) => {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) => new Map([\n                    [\"main_title\", config.main_title || defaultConfig.main_title],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"footer_text\", config.footer_text || defaultConfig.footer_text]\n                ])\n            });\n        }\n\n        renderGlossary(defaultConfig);\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:'9b53805fc17d6f67',t:'MTc2Njk1MDUzMy4wMDAwMDA='};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<!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>\u039a\u03bb\u03ac\u03c3\u03bc\u03b1\u03c4\u03b1 &#8211; \u03a0\u03c1\u03cc\u03c3\u03b8\u03b5\u03c3\u03b7 \u03ba\u03b1\u03b9 \u0391\u03c6\u03b1\u03af\u03c1\u03b5\u03c3\u03b7<\/title>\n  <style>\n    * {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n    \n    body {\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n      min-height: 100vh;\n      padding: 20px;\n    }\n    \n    .container {\n      max-width: 900px;\n      margin: 0 auto;\n      background: white;\n      padding: 40px;\n      border-radius: 20px;\n      box-shadow: 0 20px 60px rgba(0,0,0,0.3);\n    }\n    \n    h1 {\n      color: #667eea;\n      text-align: center;\n      font-size: 2.5em;\n      margin-bottom: 10px;\n    }\n    \n    .subtitle {\n      text-align: center;\n      color: #666;\n      font-size: 1.2em;\n      margin-bottom: 30px;\n    }\n    \n    .instructions {\n      background: #f0f4ff;\n      padding: 20px;\n      border-radius: 15px;\n      text-align: center;\n      margin-bottom: 30px;\n      font-size: 1.1em;\n      color: #333;\n    }\n    \n    .exercise-buttons {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 20px;\n      margin-bottom: 30px;\n    }\n    \n    .exercise-btn {\n      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n      color: white;\n      border: none;\n      padding: 30px;\n      border-radius: 15px;\n      font-size: 1.1em;\n      font-weight: bold;\n      cursor: pointer;\n      transition: transform 0.3s, box-shadow 0.3s;\n      box-shadow: 0 5px 15px rgba(0,0,0,0.2);\n    }\n    \n    .exercise-btn:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 10px 25px rgba(0,0,0,0.3);\n    }\n    \n    .exercise-btn .emoji {\n      font-size: 3em;\n      display: block;\n      margin-bottom: 10px;\n    }\n    \n    .name-input-container {\n      text-align: center;\n      margin-top: 30px;\n    }\n    \n    .name-input-container label {\n      display: block;\n      font-weight: bold;\n      font-size: 1.2em;\n      margin-bottom: 10px;\n      color: #333;\n    }\n    \n    .name-input-container input {\n      padding: 15px;\n      font-size: 1.1em;\n      border: 2px solid #667eea;\n      border-radius: 10px;\n      width: 100%;\n      max-width: 400px;\n    }\n    \n    .fraction {\n      display: inline-flex;\n      flex-direction: column;\n      align-items: center;\n      vertical-align: middle;\n      margin: 0 10px;\n    }\n    \n    .numerator {\n      border-bottom: 3px solid #333;\n      padding: 0 15px 5px;\n      font-size: 2em;\n      font-weight: bold;\n    }\n    \n    .denominator {\n      padding: 5px 15px 0;\n      font-size: 2em;\n      font-weight: bold;\n    }\n    \n    .exercise-area {\n      background: #f0f4ff;\n      padding: 40px;\n      border-radius: 15px;\n      text-align: center;\n      margin: 30px 0;\n    }\n    \n    .exercise-question {\n      font-size: 1.3em;\n      font-weight: bold;\n      margin-bottom: 30px;\n      color: #333;\n    }\n    \n    .fraction-math {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-wrap: wrap;\n      gap: 20px;\n      margin: 30px 0;\n    }\n    \n    .operator {\n      font-size: 3em;\n      font-weight: bold;\n      color: #667eea;\n    }\n    \n    .fraction input {\n      width: 80px;\n      text-align: center;\n      border: none;\n      border-bottom: 3px solid #667eea;\n      background: transparent;\n      font-size: 2em;\n      font-weight: bold;\n      color: #333;\n    }\n    \n    .fraction input:focus {\n      outline: none;\n      border-bottom-color: #764ba2;\n    }\n    \n    .button-container {\n      display: flex;\n      justify-content: center;\n      gap: 15px;\n      margin: 20px 0;\n    }\n    \n    .btn {\n      padding: 15px 30px;\n      font-size: 1.2em;\n      font-weight: bold;\n      border: none;\n      border-radius: 10px;\n      cursor: pointer;\n      transition: all 0.3s;\n    }\n    \n    .btn-primary {\n      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n      color: white;\n    }\n    \n    .btn-success {\n      background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);\n      color: white;\n    }\n    \n    .btn:hover {\n      transform: scale(1.05);\n      box-shadow: 0 5px 15px rgba(0,0,0,0.3);\n    }\n    \n    .feedback {\n      padding: 20px;\n      border-radius: 10px;\n      font-size: 1.3em;\n      font-weight: bold;\n      margin: 20px 0;\n      display: none;\n    }\n    \n    .feedback.correct {\n      background: #d1fae5;\n      color: #065f46;\n    }\n    \n    .feedback.wrong {\n      background: #fee2e2;\n      color: #991b1b;\n    }\n    \n    .feedback.warning {\n      background: #fef3c7;\n      color: #92400e;\n    }\n    \n    .score-display {\n      background: #f0f4ff;\n      padding: 15px;\n      border-radius: 10px;\n      text-align: center;\n      font-size: 1.2em;\n      font-weight: bold;\n      color: #667eea;\n    }\n    \n    .header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 30px;\n    }\n    \n    .progress {\n      font-size: 1.1em;\n      color: #666;\n      font-weight: bold;\n    }\n    \n    .results-container {\n      text-align: center;\n    }\n    \n    .results-emoji {\n      font-size: 5em;\n      margin: 20px 0;\n    }\n    \n    .results-score {\n      background: #f0f4ff;\n      padding: 30px;\n      border-radius: 15px;\n      margin: 30px 0;\n    }\n    \n    .results-score .score {\n      font-size: 3em;\n      font-weight: bold;\n      color: #667eea;\n      margin-bottom: 10px;\n    }\n    \n    .results-score .percentage {\n      font-size: 2em;\n      color: #666;\n    }\n    \n    .results-message {\n      background: #f0f4ff;\n      padding: 20px;\n      border-radius: 15px;\n      font-size: 1.2em;\n      margin: 20px 0;\n    }\n    \n    .hidden {\n      display: none;\n    }\n    \n    @keyframes shake {\n      0%, 100% { transform: translateX(0); }\n      25% { transform: translateX(-10px); }\n      75% { transform: translateX(10px); }\n    }\n    \n    .shake {\n      animation: shake 0.5s;\n    }\n    \n    @keyframes pulse {\n      0%, 100% { transform: scale(1); }\n      50% { transform: scale(1.05); }\n    }\n    \n    .pulse {\n      animation: pulse 0.5s;\n    }\n\n    @media (max-width: 768px) {\n      .container {\n        padding: 20px;\n      }\n      \n      h1 {\n        font-size: 2em;\n      }\n      \n      .fraction-math {\n        font-size: 0.8em;\n      }\n      \n      .exercise-buttons {\n        grid-template-columns: 1fr;\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=\"\/_sdk\/element_sdk.js\" type=\"text\/javascript\"><\/script>\n  <script src=\"https:\/\/cdn.tailwindcss.com\" type=\"text\/javascript\"><\/script>\n <\/head>\n <body>\n  <div class=\"container\">\n   <div id=\"app\"><!-- \u0397 \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ae \u03b8\u03b1 \u03b5\u03bc\u03c6\u03b1\u03bd\u03b9\u03c3\u03c4\u03b5\u03af \u03b5\u03b4\u03ce -->\n   <\/div>\n  <\/div>\n  <script>\n    let currentView = 'home';\n    let currentExerciseType = null;\n    let currentExercises = [];\n    let currentExerciseIndex = 0;\n    let studentName = '';\n    let score = 0;\n    let attemptedQuestions = 0;\n\n    const exercises = {\n      addition: [\n        { num1: 1, den1: 4, num2: 2, den2: 4, answer_num: 3, answer_den: 4 },\n        { num1: 2, den1: 5, num2: 1, den2: 5, answer_num: 3, answer_den: 5 },\n        { num1: 3, den1: 8, num2: 4, den2: 8, answer_num: 7, answer_den: 8 },\n        { num1: 1, den1: 6, num2: 3, den2: 6, answer_num: 4, answer_den: 6 },\n        { num1: 5, den1: 12, num2: 3, den2: 12, answer_num: 8, answer_den: 12 }\n      ],\n      subtraction: [\n        { num1: 3, den1: 4, num2: 1, den2: 4, answer_num: 2, answer_den: 4 },\n        { num1: 4, den1: 5, num2: 2, den2: 5, answer_num: 2, answer_den: 5 },\n        { num1: 7, den1: 8, num2: 3, den2: 8, answer_num: 4, answer_den: 8 },\n        { num1: 5, den1: 6, num2: 2, den2: 6, answer_num: 3, answer_den: 6 },\n        { num1: 11, den1: 12, num2: 5, den2: 12, answer_num: 6, answer_den: 12 }\n      ],\n      mixed: [\n        { num1: 2, den1: 3, num2: 1, den2: 3, operation: '+', answer_num: 3, answer_den: 3 },\n        { num1: 5, den1: 7, num2: 2, den2: 7, operation: '-', answer_num: 3, answer_den: 7 },\n        { num1: 3, den1: 10, num2: 4, den2: 10, operation: '+', answer_num: 7, answer_den: 10 },\n        { num1: 8, den1: 9, num2: 5, den2: 9, operation: '-', answer_num: 3, answer_den: 9 },\n        { num1: 4, den1: 11, num2: 6, den2: 11, operation: '+', answer_num: 10, answer_den: 11 }\n      ]\n    };\n\n    function render() {\n      const app = document.getElementById('app');\n\n      if (currentView === 'home') {\n        app.innerHTML = `\n          <h1>\u03a0\u03c1\u03cc\u03c3\u03b8\u03b5\u03c3\u03b7 \u03ba\u03b1\u03b9 \u0391\u03c6\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u039a\u03bb\u03b1\u03c3\u03bc\u03ac\u03c4\u03c9\u03bd<\/h1>\n          <p class=\"subtitle\">\u039c\u03b1\u03b8\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ac \u0395' \u0394\u03b7\u03bc\u03bf\u03c4\u03b9\u03ba\u03bf\u03cd<\/p>\n          \n          <div class=\"instructions\">\n            \u0395\u03c0\u03ad\u03bb\u03b5\u03be\u03b5 \u03ad\u03bd\u03b1\u03bd \u03c4\u03cd\u03c0\u03bf \u03ac\u03c3\u03ba\u03b7\u03c3\u03b7\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03be\u03b5\u03ba\u03b9\u03bd\u03ae\u03c3\u03b5\u03b9\u03c2!\n          <\/div>\n\n          <div class=\"exercise-buttons\">\n            <button class=\"exercise-btn\" onclick=\"startExercise('addition')\">\n              <span class=\"emoji\">\u2795<\/span>\n              <div>\u03a0\u03c1\u03cc\u03c3\u03b8\u03b5\u03c3\u03b7<\/div>\n              <small>\u038c\u03bc\u03bf\u03b9\u03bf\u03b9 \u03c0\u03b1\u03c1\u03bf\u03bd\u03bf\u03bc\u03b1\u03c3\u03c4\u03ad\u03c2<\/small>\n            <\/button>\n\n            <button class=\"exercise-btn\" onclick=\"startExercise('subtraction')\">\n              <span class=\"emoji\">\u2796<\/span>\n              <div>\u0391\u03c6\u03b1\u03af\u03c1\u03b5\u03c3\u03b7<\/div>\n              <small>\u038c\u03bc\u03bf\u03b9\u03bf\u03b9 \u03c0\u03b1\u03c1\u03bf\u03bd\u03bf\u03bc\u03b1\u03c3\u03c4\u03ad\u03c2<\/small>\n            <\/button>\n\n            <button class=\"exercise-btn\" onclick=\"startExercise('mixed')\">\n              <span class=\"emoji\">\ud83c\udfaf<\/span>\n              <div>\u039c\u03b9\u03ba\u03c4\u03ad\u03c2 \u0391\u03c3\u03ba\u03ae\u03c3\u03b5\u03b9\u03c2<\/div>\n              <small>\u03a0\u03c1\u03cc\u03c3\u03b8\u03b5\u03c3\u03b7 & \u0391\u03c6\u03b1\u03af\u03c1\u03b5\u03c3\u03b7<\/small>\n            <\/button>\n          <\/div>\n\n          <div class=\"name-input-container\">\n            <label for=\"student-name\">\u03a4\u03bf \u03cc\u03bd\u03bf\u03bc\u03ac \u03c3\u03bf\u03c5:<\/label>\n            <input type=\"text\" id=\"student-name\" placeholder=\"\u03c0.\u03c7. \u039c\u03b1\u03c1\u03af\u03b1 \u03a0\u03b1\u03c0\u03b1\u03b4\u03bf\u03c0\u03bf\u03cd\u03bb\u03bf\u03c5\" \/>\n            <div id=\"name-warning\" class=\"feedback warning\" style=\"margin-top: 15px;\"><\/div>\n          <\/div>\n        `;\n      } else if (currentView === 'exercise') {\n        const exercise = currentExercises[currentExerciseIndex];\n        const operation = currentExerciseType === 'addition' ? '+' : \n                         currentExerciseType === 'subtraction' ? '-' : \n                         exercise.operation;\n        \n        app.innerHTML = `\n          <div class=\"header\">\n            <button class=\"btn btn-primary\" onclick=\"goHome()\">\u2190 \u03a0\u03af\u03c3\u03c9<\/button>\n            <div class=\"progress\">\u0395\u03c1\u03ce\u03c4\u03b7\u03c3\u03b7 ${currentExerciseIndex + 1} \u03b1\u03c0\u03cc ${currentExercises.length}<\/div>\n          <\/div>\n\n          <div class=\"exercise-area\">\n            <div class=\"exercise-question\">\u03a5\u03c0\u03bf\u03bb\u03cc\u03b3\u03b9\u03c3\u03b5 \u03c4\u03bf \u03b1\u03c0\u03bf\u03c4\u03ad\u03bb\u03b5\u03c3\u03bc\u03b1:<\/div>\n            \n            <div class=\"fraction-math\">\n              <div class=\"fraction\">\n                <div class=\"numerator\">${exercise.num1}<\/div>\n                <div class=\"denominator\">${exercise.den1}<\/div>\n              <\/div>\n              \n              <span class=\"operator\">${operation}<\/span>\n              \n              <div class=\"fraction\">\n                <div class=\"numerator\">${exercise.num2}<\/div>\n                <div class=\"denominator\">${exercise.den2}<\/div>\n              <\/div>\n              \n              <span class=\"operator\">=<\/span>\n              \n              <div class=\"fraction\">\n                <div class=\"numerator\">\n                  <input type=\"number\" id=\"answer-num\" min=\"0\" \/>\n                <\/div>\n                <div class=\"denominator\">\n                  <input type=\"number\" id=\"answer-den\" min=\"1\" \/>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div id=\"feedback\" class=\"feedback\"><\/div>\n\n          <div class=\"button-container\">\n            <button id=\"check-btn\" class=\"btn btn-success\" onclick=\"checkAnswer()\">\n              \u0388\u03bb\u03b5\u03b3\u03c7\u03bf\u03c2 \u0391\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b7\u03c2\n            <\/button>\n            <button id=\"next-btn\" class=\"btn btn-primary hidden\" onclick=\"nextExercise()\">\n              \u0395\u03c0\u03cc\u03bc\u03b5\u03bd\u03b7 \u0386\u03c3\u03ba\u03b7\u03c3\u03b7 \u2192\n            <\/button>\n          <\/div>\n\n          <div class=\"score-display\">\n            \u03a3\u03ba\u03bf\u03c1: ${score} \/ ${attemptedQuestions}\n          <\/div>\n        `;\n      } else if (currentView === 'results') {\n        const percentage = Math.round((score \/ attemptedQuestions) * 100);\n        const emoji = percentage >= 80 ? '\ud83c\udf1f' : percentage >= 60 ? '\ud83d\udc4d' : '\ud83d\udcaa';\n        const message = percentage >= 80 ? '\u0395\u03be\u03b1\u03b9\u03c1\u03b5\u03c4\u03b9\u03ba\u03ae \u03b4\u03bf\u03c5\u03bb\u03b5\u03b9\u03ac! \u03a4\u03b1 \u03ba\u03b1\u03c4\u03ac\u03c6\u03b5\u03c1\u03b5\u03c2 \u03c5\u03c0\u03ad\u03c1\u03bf\u03c7\u03b1!' :\n                       percentage >= 60 ? '\u03a0\u03bf\u03bb\u03cd \u03ba\u03b1\u03bb\u03ae \u03c0\u03c1\u03bf\u03c3\u03c0\u03ac\u03b8\u03b5\u03b9\u03b1! \u03a3\u03c5\u03bd\u03ad\u03c7\u03b9\u03c3\u03b5 \u03ad\u03c4\u03c3\u03b9!' :\n                       '\u039a\u03b1\u03bb\u03ae \u03c0\u03c1\u03bf\u03c3\u03c0\u03ac\u03b8\u03b5\u03b9\u03b1! \u039c\u03b5 \u03bb\u03af\u03b3\u03b7 \u03ac\u03c3\u03ba\u03b7\u03c3\u03b7 \u03b8\u03b1 \u03c4\u03b1 \u03c0\u03b1\u03c2 \u03c4\u03ad\u03bb\u03b5\u03b9\u03b1!';\n        \n        app.innerHTML = `\n          <div class=\"results-container\">\n            <div class=\"results-emoji\">${emoji}<\/div>\n            <h1>\u03a3\u03c5\u03b3\u03c7\u03b1\u03c1\u03b7\u03c4\u03ae\u03c1\u03b9\u03b1, ${studentName}!<\/h1>\n            \n            <div class=\"results-score\">\n              <div class=\"score\">${score} \/ ${attemptedQuestions}<\/div>\n              <div class=\"percentage\">\u03a0\u03bf\u03c3\u03bf\u03c3\u03c4\u03cc: ${percentage}%<\/div>\n            <\/div>\n\n            <div class=\"results-message\">\n              ${message}\n            <\/div>\n\n            <div class=\"button-container\">\n              <button class=\"btn btn-success\" onclick=\"retry()\">\n                \ud83d\udd04 \u0394\u03bf\u03ba\u03af\u03bc\u03b1\u03c3\u03b5 \u039e\u03b1\u03bd\u03ac\n              <\/button>\n              <button class=\"btn btn-primary\" onclick=\"goHome()\">\n                \ud83c\udfe0 \u0391\u03c1\u03c7\u03b9\u03ba\u03ae \u03a3\u03b5\u03bb\u03af\u03b4\u03b1\n              <\/button>\n            <\/div>\n          <\/div>\n        `;\n      }\n    }\n\n    function startExercise(type) {\n      const nameInput = document.getElementById('student-name');\n      studentName = nameInput ? nameInput.value.trim() : '';\n      \n      if (!studentName) {\n        const warning = document.getElementById('name-warning');\n        warning.textContent = '\u03a0\u03b1\u03c1\u03b1\u03ba\u03b1\u03bb\u03ce \u03b3\u03c1\u03ac\u03c8\u03b5 \u03c4\u03bf \u03cc\u03bd\u03bf\u03bc\u03ac \u03c3\u03bf\u03c5 \u03c0\u03c1\u03ce\u03c4\u03b1! \ud83d\ude0a';\n        warning.style.display = 'block';\n        warning.classList.add('shake');\n        setTimeout(() => warning.classList.remove('shake'), 500);\n        return;\n      }\n\n      currentExerciseType = type;\n      currentExercises = [...exercises[type]];\n      currentExerciseIndex = 0;\n      score = 0;\n      attemptedQuestions = 0;\n      currentView = 'exercise';\n      render();\n    }\n\n    function checkAnswer() {\n      const numInput = document.getElementById('answer-num');\n      const denInput = document.getElementById('answer-den');\n      const feedback = document.getElementById('feedback');\n      const checkBtn = document.getElementById('check-btn');\n      const nextBtn = document.getElementById('next-btn');\n      \n      const userNum = parseInt(numInput.value);\n      const userDen = parseInt(denInput.value);\n      \n      if (isNaN(userNum) || isNaN(userDen)) {\n        feedback.textContent = '\u26a0\ufe0f \u03a3\u03c5\u03bc\u03c0\u03bb\u03ae\u03c1\u03c9\u03c3\u03b5 \u03ba\u03b1\u03b9 \u03c4\u03b1 \u03b4\u03cd\u03bf \u03bc\u03ad\u03c1\u03b7 \u03c4\u03bf\u03c5 \u03ba\u03bb\u03ac\u03c3\u03bc\u03b1\u03c4\u03bf\u03c2!';\n        feedback.className = 'feedback warning';\n        feedback.style.display = 'block';\n        feedback.classList.add('shake');\n        setTimeout(() => feedback.classList.remove('shake'), 500);\n        return;\n      }\n\n      const exercise = currentExercises[currentExerciseIndex];\n      const isCorrect = userNum === exercise.answer_num && userDen === exercise.answer_den;\n      \n      attemptedQuestions++;\n      if (isCorrect) {\n        score++;\n        feedback.textContent = '\u2705 \u03a3\u03c9\u03c3\u03c4\u03ac! \u039c\u03c0\u03c1\u03ac\u03b2\u03bf!';\n        feedback.className = 'feedback correct pulse';\n      } else {\n        feedback.textContent = `\u274c \u039b\u03ac\u03b8\u03bf\u03c2. \u0397 \u03c3\u03c9\u03c3\u03c4\u03ae \u03b1\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b7 \u03b5\u03af\u03bd\u03b1\u03b9 ${exercise.answer_num}\/${exercise.answer_den}`;\n        feedback.className = 'feedback wrong shake';\n      }\n      \n      feedback.style.display = 'block';\n      checkBtn.classList.add('hidden');\n      nextBtn.classList.remove('hidden');\n      numInput.disabled = true;\n      denInput.disabled = true;\n    }\n\n    function nextExercise() {\n      currentExerciseIndex++;\n      if (currentExerciseIndex >= currentExercises.length) {\n        currentView = 'results';\n      }\n      render();\n    }\n\n    function retry() {\n      startExercise(currentExerciseType);\n    }\n\n    function goHome() {\n      currentView = 'home';\n      currentExerciseIndex = 0;\n      score = 0;\n      attemptedQuestions = 0;\n      render();\n    }\n\n    \/\/ \u0395\u03ba\u03ba\u03af\u03bd\u03b7\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ae\u03c2\n    render();\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:'9b53f12c94786f67',t:'MTc2Njk1NTE1My4wMDAwMDA='};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-medium is-resized\"><a href=\"https:\/\/gemini.google.com\/share\/c478f71a5f6d\" target=\"_blank\" rel=\" noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"152\" src=\"https:\/\/prokopidis.sites.sch.gr\/wp-content\/uploads\/2024\/07\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-\u03bf\u03b8\u03cc\u03bd\u03b7\u03c2-2026-02-20-183058-300x152.png\" alt=\"\" class=\"wp-image-6096\" style=\"aspect-ratio:1.9724483783308375;width:604px;height:auto\" srcset=\"https:\/\/prokopidis.sites.sch.gr\/wp-content\/uploads\/2024\/07\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-\u03bf\u03b8\u03cc\u03bd\u03b7\u03c2-2026-02-20-183058-300x152.png 300w, https:\/\/prokopidis.sites.sch.gr\/wp-content\/uploads\/2024\/07\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-\u03bf\u03b8\u03cc\u03bd\u03b7\u03c2-2026-02-20-183058-768x389.png 768w, https:\/\/prokopidis.sites.sch.gr\/wp-content\/uploads\/2024\/07\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-\u03bf\u03b8\u03cc\u03bd\u03b7\u03c2-2026-02-20-183058.png 860w\" sizes=\"auto, (max-width: 300px) 85vw, 300px\" \/><\/a><figcaption class=\"wp-element-caption\">\u03ba\u03bb\u03b9\u03ba \u03c3\u03c4\u03b7\u03bd \u03b5\u03b9\u03ba\u03cc\u03bd\u03b1<\/figcaption><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>\u03ba\u03bb\u03b9\u03ba \u03c3\u03c4\u03b9\u03c2 \u03c4\u03c1\u03b5\u03b9\u03c2 \u03c4\u03b5\u03bb\u03b5\u03af\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03bc\u03b5\u03c4\u03ac Single Page Mode \u0393\u03bb\u03c9\u03c3\u03c3\u03ac\u03c1\u03b9 \u039a\u03bb\u03b1\u03c3\u03bc\u03ac\u03c4\u03c9\u03bd \ud83c\udfaf \u0393\u03bb\u03c9\u03c3\u03c3\u03ac\u03c1\u03b9 \u039a\u03bb\u03b1\u03c3\u03bc\u03ac\u03c4\u03c9\u03bd \ud83d\udcda \u03a0\u03c1\u03cc\u03c3\u03b8\u03b5\u03c3\u03b7 \u03ba\u03b1\u03b9 \u0391\u03c6\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \ud83d\udc46 \u039a\u03ac\u03bd\u03b5 \u03ba\u03bb\u03b9\u03ba \u03c3\u03b5 \u03ba\u03ac\u03b8\u03b5 \u03ba\u03ac\u03c1\u03c4\u03b1 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b4\u03b5\u03b9\u03c2 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b5\u03c2 \u03bb\u03b5\u03c0\u03c4\u03bf\u03bc\u03ad\u03c1\u03b5\u03b9\u03b5\u03c2! \u039a\u03b1\u03bb\u03ae \u03bc\u03b5\u03bb\u03ad\u03c4\u03b7! \ud83c\udf1f . . \u039a\u03bb\u03ac\u03c3\u03bc\u03b1\u03c4\u03b1 &#8211; \u03a0\u03c1\u03cc\u03c3\u03b8\u03b5\u03c3\u03b7 \u03ba\u03b1\u03b9 \u0391\u03c6\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 . .<\/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-4179","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\/4179","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=4179"}],"version-history":[{"count":33,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/4179\/revisions"}],"predecessor-version":[{"id":6099,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/4179\/revisions\/6099"}],"wp:attachment":[{"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4179"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4179"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}