\u0393\u03bb\u03c9\u03c3\u03c3\u03ac\u03c1\u03b9 \u0393\u03bb\u03ce\u03c3\u03c3\u03b1\u03c2 – \u039f\u03bd\u03bf\u03bc\u03b1\u03c4\u03b9\u03ba\u03ad\u03c2 \u03ba\u03b1\u03b9 \u03a1\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ad\u03c2 \u03a6\u03c1\u03ac\u03c3\u03b5\u03b9\u03c2<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <style>\n body {\n box-sizing: border-box;\n }\n \n @import url('https:\/\/fonts.googleapis.com\/css2?family=Fredoka:wght@400;600;700&display=swap');\n \n * {\n font-family: 'Fredoka', Arial, sans-serif;\n }\n \n .card-container {\n perspective: 1000px;\n }\n \n .card {\n transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);\n transform-style: preserve-3d;\n }\n \n .card.flipped {\n transform: rotateY(180deg);\n }\n \n .card-front, .card-back {\n backface-visibility: hidden;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n \n .card-back {\n transform: rotateY(180deg);\n }\n \n .emoji-float {\n animation: float 3s ease-in-out infinite;\n }\n \n @keyframes float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n }\n \n .fade-in {\n animation: fadeIn 0.5s ease-in forwards;\n opacity: 0;\n }\n \n @keyframes fadeIn {\n to { opacity: 1; }\n }\n \n .card:hover {\n transform: scale(1.02);\n }\n \n .card.flipped:hover {\n transform: rotateY(180deg) scale(1.02);\n }\n \n body {\n background: #FFF9E6;\n min-height: 100vh;\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 <\/head>\n <body>\n <div class=\"w-full min-h-screen py-8 px-4\">\n <div class=\"max-w-6xl mx-auto\">\n <div class=\"text-center mb-8\">\n <div class=\"inline-block\">\n <h1 class=\"text-5xl font-bold mb-2 text-pink-500\">\u0393\u03bb\u03c9\u03c3\u03c3\u03ac\u03c1\u03b9 \u0393\u03bb\u03ce\u03c3\u03c3\u03b1\u03c2 – \u0395’ \u0394\u03b7\u03bc\u03bf\u03c4\u03b9\u03ba\u03bf\u03cd<\/h1>\n <div class=\"h-2 rounded-full mt-3\" style=\"background: linear-gradient(to right, #FF6B9D, #3B82F6, #F59E0B);\"><\/div>\n <\/div>\n <p class=\"text-2xl mt-4 text-gray-600\">\u039f\u03bd\u03bf\u03bc\u03b1\u03c4\u03b9\u03ba\u03ad\u03c2 \u03ba\u03b1\u03b9 \u03a1\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ad\u03c2 \u03a6\u03c1\u03ac\u03c3\u03b5\u03b9\u03c2<\/p>\n <div class=\"flex justify-center gap-4 mt-4\"><span class=\"text-4xl emoji-float\">\ud83d\udcda<\/span> <span class=\"text-4xl emoji-float\" style=\"animation-delay: 0.5s;\">\u2728<\/span> <span class=\"text-4xl emoji-float\" style=\"animation-delay: 1s;\">\ud83c\udfaf<\/span>\n <\/div>\n <\/div>\n <div class=\"text-center mb-8 p-4 rounded-2xl shadow-md bg-sky-100\">\n <p class=\"text-xl font-semibold text-sky-700\">\ud83c\udfae \u039a\u03bb\u03b9\u03ba \u03c3\u03c4\u03b9\u03c2 \u03ba\u03b1\u03c1\u03c4\u03ad\u03bb\u03b5\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b4\u03b5\u03b9\u03c2 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b5\u03c2 \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2! \ud83c\udfae<\/p>\n <\/div>\n <div id=\"cards-container\" class=\"space-y-6\"><\/div>\n <div class=\"text-center mt-8\"><button id=\"show-more-btn\" class=\"px-8 py-4 rounded-2xl font-bold text-xl shadow-lg transition-all transform hover:scale-105 active:scale-95 bg-purple-600 text-white\"> \u0395\u03bc\u03c6\u03ac\u03bd\u03b9\u03c3\u03b7 \u0395\u03c0\u03cc\u03bc\u03b5\u03bd\u03c9\u03bd \ud83c\udfb2 <\/button>\n <\/div>\n <\/div>\n <\/div>\n <script>\n const cardData = [\n {\n id: 1,\n icon: \"\ud83d\udcdd\",\n title: \"\u039f\u03bd\u03bf\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03a6\u03c1\u03ac\u03c3\u03b7\",\n bg: \"#FFE5EC\",\n border: \"#FF6B9D\",\n content: [\n \"\u039f\u03bc\u03ac\u03b4\u03b1 \u03bb\u03ad\u03be\u03b5\u03c9\u03bd \u03c0\u03bf\u03c5 \u03ad\u03c7\u03b5\u03b9 \u03c9\u03c2 \u03ba\u03cd\u03c1\u03b9\u03b1 \u03bb\u03ad\u03be\u03b7 \u03ad\u03bd\u03b1 \u03bf\u03c5\u03c3\u03b9\u03b1\u03c3\u03c4\u03b9\u03ba\u03cc. \u03a4\u03bf \u03bf\u03c5\u03c3\u03b9\u03b1\u03c3\u03c4\u03b9\u03ba\u03cc \u03bc\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03c3\u03c5\u03bd\u03bf\u03b4\u03b5\u03cd\u03b5\u03c4\u03b1\u03b9 \u03b1\u03c0\u03cc \u03ac\u03c1\u03b8\u03c1\u03bf, \u03b5\u03c0\u03af\u03b8\u03b5\u03c4\u03bf \u03ae \u03ac\u03bb\u03bb\u03b5\u03c2 \u03bb\u03ad\u03be\u03b5\u03b9\u03c2.\",\n \"\u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1: \u03c4\u03bf \u03bc\u03b5\u03b3\u03ac\u03bb\u03bf \u03c3\u03c0\u03af\u03c4\u03b9\"\n ]\n },\n {\n id: 2,\n icon: \"\ud83c\udfad\",\n title: \"\u03a1\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03a6\u03c1\u03ac\u03c3\u03b7\",\n bg: \"#E0F2FE\",\n border: \"#3B82F6\",\n content: [\n \"\u039f\u03bc\u03ac\u03b4\u03b1 \u03bb\u03ad\u03be\u03b5\u03c9\u03bd \u03c0\u03bf\u03c5 \u03ad\u03c7\u03b5\u03b9 \u03c9\u03c2 \u03ba\u03cd\u03c1\u03b9\u03b1 \u03bb\u03ad\u03be\u03b7 \u03ad\u03bd\u03b1 \u03c1\u03ae\u03bc\u03b1. \u03a4\u03bf \u03c1\u03ae\u03bc\u03b1 \u03bc\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03c3\u03c5\u03bd\u03bf\u03b4\u03b5\u03cd\u03b5\u03c4\u03b1\u03b9 \u03b1\u03c0\u03cc \u03b5\u03c0\u03b9\u03c1\u03c1\u03ae\u03bc\u03b1\u03c4\u03b1 \u03ae \u03ac\u03bb\u03bb\u03b5\u03c2 \u03bb\u03ad\u03be\u03b5\u03b9\u03c2 \u03c0\u03bf\u03c5 \u03c4\u03bf \u03c3\u03c5\u03bc\u03c0\u03bb\u03b7\u03c1\u03ce\u03bd\u03bf\u03c5\u03bd.\",\n \"\u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1: \u03c4\u03c1\u03ad\u03c7\u03b5\u03b9 \u03b3\u03c1\u03ae\u03b3\u03bf\u03c1\u03b1\"\n ]\n },\n {\n id: 3,\n icon: \"\ud83c\udf1f\",\n title: \"\u03a0\u03b1\u03c1\u03b1\u03b4\u03b5\u03af\u03b3\u03bc\u03b1\u03c4\u03b1 \u039f\u03bd\u03bf\u03bc\u03b1\u03c4\u03b9\u03ba\u03ce\u03bd \u03a6\u03c1\u03ac\u03c3\u03b5\u03c9\u03bd\",\n bg: \"#FEF3C7\",\n border: \"#F59E0B\",\n content: [\n \"\ud83c\udf92 \u03bf \u03b3\u03bb\u03c5\u03ba\u03cc\u03c2 \u03bc\u03b1\u03b8\u03b7\u03c4\u03ae\u03c2\",\n \"\ud83d\ude97 \u03c4\u03bf \u03ba\u03cc\u03ba\u03ba\u03b9\u03bd\u03bf \u03b1\u03c5\u03c4\u03bf\u03ba\u03af\u03bd\u03b7\u03c4\ufffd\ufffd\",\n \"\ud83e\udd8b \u03b7 \u03cc\u03bc\u03bf\u03c1\u03c6\u03b7 \u03c0\u03b5\u03c4\u03b1\u03bb\u03bf\u03cd\u03b4\u03b1\"\n ]\n },\n {\n id: 4,\n icon: \"\ud83d\ude80\",\n title: \"\u03a0\u03b1\u03c1\u03b1\u03b4\u03b5\u03af\u03b3\u03bc\u03b1\u03c4\u03b1 \u03a1\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ce\u03bd \u03a6\u03c1\u03ac\u03c3\u03b5\u03c9\u03bd\",\n bg: \"#D1FAE5\",\n border: \"#10B981\",\n content: [\n \"\ud83d\udcd6 \u03b4\u03b9\u03b1\u03b2\u03ac\u03b6\u03b5\u03b9 \u03bc\u03b5 \u03c0\u03c1\u03bf\u03c3\u03bf\u03c7\u03ae\",\n \"\u26bd \u03c0\u03b1\u03af\u03b6\u03b5\u03b9 \u03c3\u03c4\u03b7\u03bd \u03b1\u03c5\u03bb\u03ae\",\n \"\u270d\ufe0f \u03b3\u03c1\u03ac\u03c6\u03b5\u03b9 \u03c3\u03c4\u03bf \u03c4\u03b5\u03c4\u03c1\u03ac\u03b4\u03b9\u03bf\"\n ]\n }\n ];\n\n let currentPairIndex = 0;\n let flippedStates = {};\n\n function createCardHTML(card) {\n return `\n <div class=\"card-container fade-in\">\n <div id=\"card-${card.id}\" class=\"card relative h-64 rounded-2xl shadow-xl cursor-pointer\" \n style=\"background: ${card.bg}; border: 4px solid ${card.border};\">\n \n <div class=\"card-front flex flex-col items-center justify-center p-6 rounded-2xl h-full\">\n <span class=\"text-6xl mb-4\">${card.icon}<\/span>\n <h3 class=\"text-3xl font-bold text-center text-pink-500\">\n ${card.title}\n <\/h3>\n <p class=\"mt-4 text-lg font-semibold text-gray-600\">\n \ud83d\udc46 \u039a\u03bb\u03b9\u03ba \u03b3\u03b9\u03b1 \u03bb\u03b5\u03c0\u03c4\u03bf\u03bc\u03ad\u03c1\u03b5\u03b9\u03b5\u03c2\n <\/p>\n <\/div>\n \n <div class=\"card-back flex flex-col justify-center p-6 rounded-2xl h-full overflow-y-auto\" style=\"background: ${card.bg};\">\n <div class=\"space-y-4\">\n ${card.content.map(text => `\n <p class=\"text-base leading-relaxed text-gray-800 font-medium\">\n ${text}\n <\/p>\n `).join('')}\n <\/div>\n <p class=\"mt-6 text-center text-base font-semibold text-gray-700\">\n \ud83d\udc46 \u039a\u03bb\u03b9\u03ba \u03b3\u03b9\u03b1 \u03b5\u03c0\u03b9\u03c3\u03c4\u03c1\u03bf\u03c6\u03ae\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n `;\n }\n\n function showNextPair() {\n const container = document.getElementById('cards-container');\n const startIndex = currentPairIndex * 2;\n const endIndex = Math.min(startIndex + 2, cardData.length);\n \n if (startIndex >= cardData.length) {\n return;\n }\n\n const pairDiv = document.createElement('div');\n pairDiv.className = 'grid grid-cols-1 md:grid-cols-2 gap-6';\n \n for (let i = startIndex; i < endIndex; i++) {\n pairDiv.innerHTML += createCardHTML(cardData[i]);\n }\n \n container.appendChild(pairDiv);\n \n for (let i = startIndex; i < endIndex; i++) {\n const cardElement = document.getElementById(`card-${cardData[i].id}`);\n cardElement.addEventListener('click', () => toggleCard(cardData[i].id));\n }\n \n currentPairIndex++;\n \n const showMoreBtn = document.getElementById('show-more-btn');\n if (currentPairIndex * 2 >= cardData.length) {\n showMoreBtn.style.display = 'none';\n }\n }\n\n function toggleCard(cardId) {\n const cardElement = document.getElementById(`card-${cardId}`);\n flippedStates[cardId] = !flippedStates[cardId];\n \n if (flippedStates[cardId]) {\n cardElement.classList.add('flipped');\n } else {\n cardElement.classList.remove('flipped');\n }\n }\n\n document.getElementById('show-more-btn').addEventListener('click', showNextPair);\n \n \/\/ \u0395\u03bc\u03c6\u03ac\u03bd\u03b9\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03c0\u03c1\u03ce\u03c4\u03b7\u03c2 \u03b6\u03b5\u03cd\u03b3\u03bf\u03c5\u03c2 \u03ba\u03b1\u03c1\u03c4\u03ce\u03bd \u03ba\u03b1\u03c4\u03ac \u03c4\u03b7\u03bd \u03b5\u03ba\u03ba\u03af\u03bd\u03b7\u03c3\u03b7\n showNextPair();\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:'9b5b1ddf73cc6f67',t:'MTc2NzAzMDM4NC4wMDAwMDA='};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\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>\u039f\u03bd\u03bf\u03bc\u03b1\u03c4\u03b9\u03ba\u03ad\u03c2 \u03ba\u03b1\u03b9 \u03a1\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ad\u03c2 \u03a6\u03c1\u03ac\u03c3\u03b5\u03b9\u03c2<\/title>\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\n <style>\n body {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: #2d3748;\n overflow-x: hidden;\n }\n\n html, body {\n height: 100%;\n width: 100%;\n }\n\n .container {\n width: 100%;\n height: 100%;\n overflow-y: auto;\n padding: 40px 20px;\n }\n\n .content-wrapper {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n header {\n text-align: center;\n margin-bottom: 50px;\n color: white;\n }\n\n h1 {\n font-size: 48px;\n margin: 0 0 15px 0;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.2);\n }\n\n .subtitle {\n font-size: 24px;\n opacity: 0.95;\n }\n\n .section {\n background: white;\n border-radius: 20px;\n padding: 40px;\n margin-bottom: 40px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n }\n\n .section-title {\n font-size: 32px;\n color: #667eea;\n margin-bottom: 30px;\n text-align: center;\n border-bottom: 3px solid #667eea;\n padding-bottom: 15px;\n }\n\n .theory-content {\n line-height: 1.8;\n font-size: 18px;\n }\n\n .theory-content h3 {\n color: #764ba2;\n font-size: 24px;\n margin-top: 25px;\n margin-bottom: 15px;\n }\n\n .theory-content ul {\n margin: 15px 0;\n padding-left: 30px;\n }\n\n .theory-content li {\n margin: 10px 0;\n }\n\n .example-box {\n background: #f7fafc;\n border-left: 4px solid #667eea;\n padding: 20px;\n margin: 20px 0;\n border-radius: 8px;\n }\n\n .cards-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-top: 30px;\n }\n\n @media (max-width: 768px) {\n .cards-grid {\n grid-template-columns: 1fr;\n }\n }\n\n .exercise-card {\n background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);\n color: white;\n padding: 30px;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.2);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .exercise-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(0,0,0,0.3);\n }\n\n .exercise-card h4 {\n font-size: 20px;\n margin: 0 0 15px 0;\n }\n\n .exercise-card p {\n font-size: 16px;\n margin: 10px 0;\n line-height: 1.6;\n }\n\n .input-answer {\n width: 100%;\n padding: 12px;\n border: 2px solid white;\n border-radius: 8px;\n font-size: 16px;\n margin: 15px 0;\n background: rgba(255,255,255,0.9);\n }\n\n .check-btn {\n background: white;\n color: #f5576c;\n border: none;\n padding: 12px 30px;\n border-radius: 25px;\n font-size: 16px;\n font-weight: bold;\n cursor: pointer;\n transition: all 0.3s ease;\n width: 100%;\n margin-top: 10px;\n }\n\n .check-btn:hover {\n background: #f7fafc;\n transform: scale(1.05);\n }\n\n .check-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n }\n\n .feedback {\n margin-top: 15px;\n padding: 12px;\n border-radius: 8px;\n font-weight: bold;\n text-align: center;\n display: none;\n }\n\n .feedback.correct {\n background: rgba(72, 187, 120, 0.3);\n display: block;\n }\n\n .feedback.incorrect {\n background: rgba(245, 101, 101, 0.3);\n display: block;\n }\n\n .quiz-card {\n background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);\n color: white;\n padding: 30px;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.2);\n }\n\n .quiz-card h4 {\n font-size: 20px;\n margin: 0 0 20px 0;\n }\n\n .quiz-options {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n\n .quiz-option {\n background: rgba(255,255,255,0.9);\n color: #2d3748;\n border: 2px solid white;\n padding: 15px;\n border-radius: 10px;\n font-size: 16px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-align: left;\n }\n\n .quiz-option:hover {\n background: white;\n transform: translateX(5px);\n }\n\n .quiz-option.selected {\n background: #667eea;\n color: white;\n border-color: #667eea;\n }\n\n .quiz-option.correct-answer {\n background: #48bb78;\n color: white;\n border-color: #48bb78;\n }\n\n .quiz-option.wrong-answer {\n background: #f56565;\n color: white;\n border-color: #f56565;\n }\n\n .score-display {\n text-align: center;\n font-size: 28px;\n color: #667eea;\n margin-top: 30px;\n padding: 25px;\n background: #f7fafc;\n border-radius: 15px;\n font-weight: bold;\n }\n\n .emoji {\n font-size: 40px;\n margin: 0 10px;\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=\"container\">\n <div class=\"content-wrapper\">\n <header>\n <h1 id=\"main-title\">\u039f\u03bd\u03bf\u03bc\u03b1\u03c4\u03b9\u03ba\u03ad\u03c2 \u03ba\u03b1\u03b9 \u03a1\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ad\u03c2 \u03a6\u03c1\u03ac\u03c3\u03b5\u03b9\u03c2<\/h1>\n <p class=\"subtitle\" id=\"subtitle\">\u0394\u03b9\u03b1\u03b4\u03c1\u03b1\u03c3\u03c4\u03b9\u03ba\u03ae \u03c0\u03b1\u03c1\u03bf\u03c5\u03c3\u03af\u03b1\u03c3\u03b7 \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u0395’ \u0394\u03b7\u03bc\u03bf\u03c4\u03b9\u03ba\u03bf\u03cd<\/p>\n <\/header>\n <section class=\"section\">\n <h2 class=\"section-title\" id=\"theory-title\">\ud83d\udcda \u0398\u03b5\u03c9\u03c1\u03af\u03b1<\/h2>\n <div class=\"theory-content\">\n <h3>\u03a4\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b7 \u039f\u03bd\u03bf\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03a6\u03c1\u03ac\u03c3\u03b7;<\/h3>\n <p>\u0397 <strong>\u03bf\u03bd\u03bf\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03c6\u03c1\u03ac\u03c3\u03b7<\/strong> \u03b5\u03af\u03bd\u03b1\u03b9 \u03bc\u03b9\u03b1 \u03bf\u03bc\u03ac\u03b4\u03b1 \u03bb\u03ad\u03be\u03b5\u03c9\u03bd \u03c0\u03bf\u03c5 \u03ad\u03c7\u03b5\u03b9 \u03c9\u03c2 \u03ba\u03cd\u03c1\u03b9\u03b1 \u03bb\u03ad\u03be\u03b7 \u03ad\u03bd\u03b1 <strong>\u03bf\u03c5\u03c3\u03b9\u03b1\u03c3\u03c4\u03b9\u03ba\u03cc<\/strong> \u03ae \u03bc\u03b9\u03b1 <strong>\u03b1\u03bd\u03c4\u03c9\u03bd\u03c5\u03bc\u03af\u03b1<\/strong>.<\/p>\n <div class=\"example-box\"><strong>\u03a0\u03b1\u03c1\u03b1\u03b4\u03b5\u03af\u03b3\u03bc\u03b1\u03c4\u03b1:<\/strong>\n <ul>\n <li><strong>\u03a4\u03bf \u03bc\u03b9\u03ba\u03c1\u03cc \u03c0\u03b1\u03b9\u03b4\u03af<\/strong> \u03c0\u03b1\u03af\u03b6\u03b5\u03b9 \u03c3\u03c4\u03b7\u03bd \u03b1\u03c5\u03bb\u03ae.<\/li>\n <li>\u0395\u03af\u03b4\u03b1 <strong>\u03ad\u03bd\u03b1\u03bd \u03cc\u03bc\u03bf\u03c1\u03c6\u03bf \u03ba\u03ae\u03c0\u03bf<\/strong>.<\/li>\n <li><strong>\u0397 \u03b4\u03b1\u03c3\u03ba\u03ac\u03bb\u03b1 \u03bc\u03b1\u03c2<\/strong> \u03b5\u03af\u03bd\u03b1\u03b9 \u03c0\u03bf\u03bb\u03cd \u03ba\u03b1\u03bb\u03ae.<\/li>\n <\/ul>\n <\/div>\n <h3>\u03a4\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b7 \u03a1\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03a6\u03c1\u03ac\u03c3\u03b7;<\/h3>\n <p>\u0397 <strong>\u03c1\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03c6\u03c1\u03ac\u03c3\u03b7<\/strong> \u03b5\u03af\u03bd\u03b1\u03b9 \u03bc\u03b9\u03b1 \u03bf\u03bc\u03ac\u03b4\u03b1 \u03bb\u03ad\u03be\u03b5\u03c9\u03bd \u03c0\u03bf\u03c5 \u03ad\u03c7\u03b5\u03b9 \u03c9\u03c2 \u03ba\u03cd\u03c1\u03b9\u03b1 \u03bb\u03ad\u03be\u03b7 \u03ad\u03bd\u03b1 <strong>\u03c1\u03ae\u03bc\u03b1<\/strong>.<\/p>\n <div class=\"example-box\"><strong>\u03a0\u03b1\u03c1\u03b1\u03b4\u03b5\u03af\u03b3\u03bc\u03b1\u03c4\u03b1:<\/strong>\n <ul>\n <li>\u03a4\u03bf \u03c0\u03b1\u03b9\u03b4\u03af <strong>\u03c0\u03b1\u03af\u03b6\u03b5\u03b9 \u03c3\u03c4\u03b7\u03bd \u03b1\u03c5\u03bb\u03ae<\/strong>.<\/li>\n <li>\u039f \u03bc\u03b1\u03b8\u03b7\u03c4\u03ae\u03c2 <strong>\u03b4\u03b9\u03b1\u03b2\u03ac\u03b6\u03b5\u03b9 \u03c0\u03c1\u03bf\u03c3\u03b5\u03ba\u03c4\u03b9\u03ba\u03ac<\/strong>.<\/li>\n <li>\u0395\u03bc\u03b5\u03af\u03c2 <strong>\u03b8\u03b1 \u03c0\u03ac\u03bc\u03b5 \u03b5\u03ba\u03b4\u03c1\u03bf\u03bc\u03ae \u03b1\u03cd\u03c1\u03b9\u03bf<\/strong>.<\/li>\n <\/ul>\n <\/div>\n <h3>\u03a0\u03ce\u03c2 \u03c4\u03b9\u03c2 \u03be\u03b5\u03c7\u03c9\u03c1\u03af\u03b6\u03bf\u03c5\u03bc\u03b5;<\/h3>\n <ul>\n <li>\ud83d\udd35 <strong>\u039f\u03bd\u03bf\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03c6\u03c1\u03ac\u03c3\u03b7:<\/strong> \u0391\u03c0\u03b1\u03bd\u03c4\u03ac \u03c3\u03c4\u03b9\u03c2 \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 “\u03a0\u03bf\u03b9\u03bf\u03c2;” “\u03a0\u03bf\u03b9\u03b1;” “\u03a0\u03bf\u03b9\u03bf;” “\u03a4\u03b9;”<\/li>\n <li>\ud83d\udd34 <strong>\u03a1\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03c6\u03c1\u03ac\u03c3\u03b7:<\/strong> \u0391\u03c0\u03b1\u03bd\u03c4\u03ac \u03c3\u03c4\u03b9\u03c2 \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 “\u03a4\u03b9 \u03ba\u03ac\u03bd\u03b5\u03b9;” “\u03a4\u03b9 \u03c3\u03c5\u03bc\u03b2\u03b1\u03af\u03bd\u03b5\u03b9;”<\/li>\n <\/ul>\n <\/div>\n <\/section>\n <section class=\"section\">\n <h2 class=\"section-title\" id=\"exercises-title\">\u270f\ufe0f \u0391\u03c3\u03ba\u03ae\u03c3\u03b5\u03b9\u03c2 \u0395\u03be\u03ac\u03c3\u03ba\u03b7\u03c3\u03b7\u03c2<\/h2>\n <div class=\"cards-grid\">\n <div class=\"exercise-card\">\n <h4>\u0386\u03c3\u03ba\u03b7\u03c3\u03b7 1<\/h4>\n <p>\u0392\u03c1\u03b5\u03c2 \u03c4\u03b7\u03bd <strong>\u03bf\u03bd\u03bf\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03c6\u03c1\u03ac\u03c3\u03b7<\/strong> \u03c3\u03c4\u03b7\u03bd \u03c0\u03c1\u03cc\u03c4\u03b1\u03c3\u03b7:<\/p>\n <p><em>“\u039f \u03ad\u03be\u03c5\u03c0\u03bd\u03bf\u03c2 \u03bc\u03b1\u03b8\u03b7\u03c4\u03ae\u03c2 \u03bb\u03cd\u03bd\u03b5\u03b9 \u03c4\u03bf \u03c0\u03c1\u03cc\u03b2\u03bb\u03b7\u03bc\u03b1.”<\/em><\/p><input type=\"text\" class=\"input-answer\" id=\"ex1-input\" placeholder=\"\u0393\u03c1\u03ac\u03c8\u03b5 \u03c4\u03b7\u03bd \u03b1\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03ae \u03c3\u03bf\u03c5...\"> <button class=\"check-btn\" onclick=\"checkExercise(1, '\u03bf \u03ad\u03be\u03c5\u03c0\u03bd\u03bf\u03c2 \u03bc\u03b1\u03b8\u03b7\u03c4\u03ae\u03c2')\">\u0388\u03bb\u03b5\u03b3\u03c7\u03bf\u03c2<\/button>\n <div class=\"feedback\" id=\"feedback1\"><\/div>\n <\/div>\n <div class=\"exercise-card\">\n <h4>\u0386\u03c3\u03ba\u03b7\u03c3\u03b7 2<\/h4>\n <p>\u0392\u03c1\u03b5\u03c2 \u03c4\u03b7 <strong>\u03c1\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03c6\u03c1\u03ac\u03c3\u03b7<\/strong> \u03c3\u03c4\u03b7\u03bd \u03c0\u03c1\u03cc\u03c4\u03b1\u03c3\u03b7:<\/p>\n <p><em>“\u03a4\u03b1 \u03c0\u03b1\u03b9\u03b4\u03b9\u03ac \u03c4\u03c1\u03ad\u03c7\u03bf\u03c5\u03bd \u03b3\u03c1\u03ae\u03b3\u03bf\u03c1\u03b1 \u03c3\u03c4\u03bf \u03b3\u03ae\u03c0\u03b5\u03b4\u03bf.”<\/em><\/p><input type=\"text\" class=\"input-answer\" id=\"ex2-input\" placeholder=\"\u0393\u03c1\u03ac\u03c8\u03b5 \u03c4\u03b7\u03bd \u03b1\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03ae \u03c3\u03bf\u03c5...\"> <button class=\"check-btn\" onclick=\"checkExercise(2, '\u03c4\u03c1\u03ad\u03c7\u03bf\u03c5\u03bd \u03b3\u03c1\u03ae\u03b3\u03bf\u03c1\u03b1 \u03c3\u03c4\u03bf \u03b3\u03ae\u03c0\u03b5\u03b4\u03bf')\">\u0388\u03bb\u03b5\u03b3\u03c7\u03bf\u03c2<\/button>\n <div class=\"feedback\" id=\"feedback2\"><\/div>\n <\/div>\n <div class=\"exercise-card\">\n <h4>\u0386\u03c3\u03ba\u03b7\u03c3\u03b7 3<\/h4>\n <p>\u0392\u03c1\u03b5\u03c2 \u03c4\u03b7\u03bd <strong>\u03bf\u03bd\u03bf\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03c6\u03c1\u03ac\u03c3\u03b7<\/strong> \u03c3\u03c4\u03b7\u03bd \u03c0\u03c1\u03cc\u03c4\u03b1\u03c3\u03b7:<\/p>\n <p><em>“\u0397 \u03bc\u03b9\u03ba\u03c1\u03ae \u03b3\u03ac\u03c4\u03b1 \u03ba\u03bf\u03b9\u03bc\u03ac\u03c4\u03b1\u03b9 \u03ae\u03c3\u03c5\u03c7\u03b1.”<\/em><\/p><input type=\"text\" class=\"input-answer\" id=\"ex3-input\" placeholder=\"\u0393\u03c1\u03ac\u03c8\u03b5 \u03c4\u03b7\u03bd \u03b1\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03ae \u03c3\u03bf\u03c5...\"> <button class=\"check-btn\" onclick=\"checkExercise(3, '\u03b7 \u03bc\u03b9\u03ba\u03c1\u03ae \u03b3\u03ac\u03c4\u03b1')\">\u0388\u03bb\u03b5\u03b3\u03c7\u03bf\u03c2<\/button>\n <div class=\"feedback\" id=\"feedback3\"><\/div>\n <\/div>\n <div class=\"exercise-card\">\n <h4>\u0386\u03c3\u03ba\u03b7\u03c3\u03b7 4<\/h4>\n <p>\u0392\u03c1\u03b5\u03c2 \u03c4\u03b7 <strong>\u03c1\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03c6\u03c1\u03ac\u03c3\u03b7<\/strong> \u03c3\u03c4\u03b7\u03bd \u03c0\u03c1\u03cc\u03c4\u03b1\u03c3\u03b7:<\/p>\n <p><em>“\u039f \u03b4\u03ac\u03c3\u03ba\u03b1\u03bb\u03bf\u03c2 \u03b5\u03be\u03b7\u03b3\u03b5\u03af \u03c4\u03bf \u03bc\u03ac\u03b8\u03b7\u03bc\u03b1 \u03bc\u03b5 \u03c5\u03c0\u03bf\u03bc\u03bf\u03bd\u03ae.”<\/em><\/p><input type=\"text\" class=\"input-answer\" id=\"ex4-input\" placeholder=\"\u0393\u03c1\u03ac\u03c8\u03b5 \u03c4\u03b7\u03bd \u03b1\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03ae \u03c3\u03bf\u03c5...\"> <button class=\"check-btn\" onclick=\"checkExercise(4, '\u03b5\u03be\u03b7\u03b3\u03b5\u03af \u03c4\u03bf \u03bc\u03ac\u03b8\u03b7\u03bc\u03b1 \u03bc\u03b5 \u03c5\u03c0\u03bf\u03bc\u03bf\u03bd\u03ae')\">\u0388\u03bb\u03b5\u03b3\u03c7\u03bf\u03c2<\/button>\n <div class=\"feedback\" id=\"feedback4\"><\/div>\n <\/div>\n <\/div>\n <\/section>\n <section class=\"section\">\n <h2 class=\"section-title\" id=\"quiz-title\">\ud83c\udfaf \u039a\u03bf\u03c5\u03af\u03b6 \u0391\u03be\u03b9\u03bf\u03bb\u03cc\u03b3\u03b7\u03c3\u03b7\u03c2<\/h2>\n <div class=\"cards-grid\" id=\"quiz-container\">\n <div class=\"quiz-card\">\n <h4>\u0395\u03c1\u03ce\u03c4\u03b7\u03c3\u03b7 1<\/h4>\n <p>\u03a0\u03bf\u03b9\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b7 \u03bf\u03bd\u03bf\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03c6\u03c1\u03ac\u03c3\u03b7;<\/p>\n <p><em>“\u03a4\u03bf \u03ba\u03b1\u03b9\u03bd\u03bf\u03cd\u03c1\u03b3\u03b9\u03bf \u03b2\u03b9\u03b2\u03bb\u03af\u03bf \u03b5\u03af\u03bd\u03b1\u03b9 \u03b5\u03bd\u03b4\u03b9\u03b1\u03c6\u03ad\u03c1\u03bf\u03bd.”<\/em><\/p>\n <div class=\"quiz-options\"><button class=\"quiz-option\" onclick=\"selectAnswer(1, 0, true)\">\u03a4\u03bf \u03ba\u03b1\u03b9\u03bd\u03bf\u03cd\u03c1\u03b3\u03b9\u03bf \u03b2\u03b9\u03b2\u03bb\u03af\u03bf<\/button> <button class=\"quiz-option\" onclick=\"selectAnswer(1, 1, false)\">\u03b5\u03af\u03bd\u03b1\u03b9 \u03b5\u03bd\u03b4\u03b9\u03b1\u03c6\u03ad\u03c1\u03bf\u03bd<\/button>\n <\/div>\n <div class=\"feedback\" id=\"quiz-feedback1\"><\/div>\n <\/div>\n <div class=\"quiz-card\">\n <h4>\u0395\u03c1\u03ce\u03c4\u03b7\u03c3\u03b7 2<\/h4>\n <p>\u03a0\u03bf\u03b9\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b7 \u03c1\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03c6\u03c1\u03ac\u03c3\u03b7;<\/p>\n <p><em>“\u039f \u03c3\u03ba\u03cd\u03bb\u03bf\u03c2 \u03b3\u03b1\u03b2\u03b3\u03af\u03b6\u03b5\u03b9 \u03b4\u03c5\u03bd\u03b1\u03c4\u03ac.”<\/em><\/p>\n <div class=\"quiz-options\"><button class=\"quiz-option\" onclick=\"selectAnswer(2, 0, false)\">\u039f \u03c3\u03ba\u03cd\u03bb\u03bf\u03c2<\/button> <button class=\"quiz-option\" onclick=\"selectAnswer(2, 1, true)\">\u03b3\u03b1\u03b2\u03b3\u03af\u03b6\u03b5\u03b9 \u03b4\u03c5\u03bd\u03b1\u03c4\u03ac<\/button>\n <\/div>\n <div class=\"feedback\" id=\"quiz-feedback2\"><\/div>\n <\/div>\n <div class=\"quiz-card\">\n <h4>\u0395\u03c1\u03ce\u03c4\u03b7\u03c3\u03b7 3<\/h4>\n <p>\u03a4\u03b9 \u03b5\u03af\u03b4\u03bf\u03c5\u03c2 \u03c6\u03c1\u03ac\u03c3\u03b7 \u03b5\u03af\u03bd\u03b1\u03b9; “\u039f\u03b9 \u03c6\u03af\u03bb\u03bf\u03b9 \u03bc\u03bf\u03c5”<\/p>\n <div class=\"quiz-options\"><button class=\"quiz-option\" onclick=\"selectAnswer(3, 0, true)\">\u039f\u03bd\u03bf\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03c6\u03c1\u03ac\u03c3\u03b7<\/button> <button class=\"quiz-option\" onclick=\"selectAnswer(3, 1, false)\">\u03a1\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03c6\u03c1\u03ac\u03c3\u03b7<\/button>\n <\/div>\n <div class=\"feedback\" id=\"quiz-feedback3\"><\/div>\n <\/div>\n <div class=\"quiz-card\">\n <h4>\u0395\u03c1\u03ce\u03c4\u03b7\u03c3\u03b7 4<\/h4>\n <p>\u03a4\u03b9 \u03b5\u03af\u03b4\u03bf\u03c5\u03c2 \u03c6\u03c1\u03ac\u03c3\u03b7 \u03b5\u03af\u03bd\u03b1\u03b9; “\u03b4\u03b9\u03b1\u03b2\u03ac\u03b6\u03bf\u03c5\u03bd \u03c3\u03c4\u03b7 \u03b2\u03b9\u03b2\u03bb\u03b9\u03bf\u03b8\u03ae\u03ba\u03b7”<\/p>\n <div class=\"quiz-options\"><button class=\"quiz-option\" onclick=\"selectAnswer(4, 0, false)\">\u039f\u03bd\u03bf\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03c6\u03c1\u03ac\u03c3\u03b7<\/button> <button class=\"quiz-option\" onclick=\"selectAnswer(4, 1, true)\">\u03a1\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03c6\u03c1\u03ac\u03c3\u03b7<\/button>\n <\/div>\n <div class=\"feedback\" id=\"quiz-feedback4\"><\/div>\n <\/div>\n <\/div>\n <div class=\"score-display\" id=\"score-display\" style=\"display: none;\"><\/div>\n <\/section>\n <\/div>\n <\/div>\n <script>\n const defaultConfig = {\n main_title: \"\u039f\u03bd\u03bf\u03bc\u03b1\u03c4\u03b9\u03ba\u03ad\u03c2 \u03ba\u03b1\u03b9 \u03a1\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ad\u03c2 \u03a6\u03c1\u03ac\u03c3\u03b5\u03b9\u03c2\",\n subtitle: \"\u0394\u03b9\u03b1\u03b4\u03c1\u03b1\u03c3\u03c4\u03b9\u03ba\u03ae \u03c0\u03b1\u03c1\u03bf\u03c5\u03c3\u03af\u03b1\u03c3\u03b7 \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u0395' \u0394\u03b7\u03bc\u03bf\u03c4\u03b9\u03ba\u03bf\u03cd\",\n theory_title: \"\ud83d\udcda \u0398\u03b5\u03c9\u03c1\u03af\u03b1\",\n exercises_title: \"\u270f\ufe0f \u0391\u03c3\u03ba\u03ae\u03c3\u03b5\u03b9\u03c2 \u0395\u03be\u03ac\u03c3\u03ba\u03b7\u03c3\u03b7\u03c2\",\n quiz_title: \"\ud83c\udfaf \u039a\u03bf\u03c5\u03af\u03b6 \u0391\u03be\u03b9\u03bf\u03bb\u03cc\u03b3\u03b7\u03c3\u03b7\u03c2\"\n };\n\n let quizScore = 0;\n let quizAnswered = 0;\n\n function checkExercise(num, correctAnswer) {\n const input = document.getElementById(`ex${num}-input`);\n const feedback = document.getElementById(`feedback${num}`);\n const userAnswer = input.value.trim().toLowerCase();\n const correct = correctAnswer.toLowerCase();\n\n feedback.className = 'feedback';\n \n if (userAnswer === correct) {\n feedback.className = 'feedback correct';\n feedback.textContent = '\u2705 \u03a3\u03c9\u03c3\u03c4\u03ac! \u039c\u03c0\u03c1\u03ac\u03b2\u03bf!';\n } else {\n feedback.className = 'feedback incorrect';\n feedback.textContent = `\u274c \u03a0\u03c1\u03bf\u03c3\u03c0\u03ac\u03b8\u03b7\u03c3\u03b5 \u03be\u03b1\u03bd\u03ac! \u03a3\u03ba\u03ad\u03c8\u03bf\u03c5: ${correctAnswer}`;\n }\n }\n\n function selectAnswer(questionNum, optionIndex, isCorrect) {\n const quizCard = document.querySelectorAll('.quiz-card')[questionNum - 1];\n const options = quizCard.querySelectorAll('.quiz-option');\n const feedback = document.getElementById(`quiz-feedback${questionNum}`);\n\n if (options[0].classList.contains('correct-answer') || options[0].classList.contains('wrong-answer')) {\n return;\n }\n\n quizAnswered++;\n\n options.forEach((opt, idx) => {\n opt.style.pointerEvents = 'none';\n if (idx === optionIndex) {\n if (isCorrect) {\n opt.classList.add('correct-answer');\n feedback.className = 'feedback correct';\n feedback.textContent = '\u2705 \u03a3\u03c9\u03c3\u03c4\u03ae \u03b1\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b7!';\n quizScore++;\n } else {\n opt.classList.add('wrong-answer');\n feedback.className = 'feedback incorrect';\n feedback.textContent = '\u274c \u039b\u03ac\u03b8\u03bf\u03c2 \u03b1\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b7!';\n }\n } else {\n if ((questionNum === 1 && idx === 0) || \n (questionNum === 2 && idx === 1) || \n (questionNum === 3 && idx === 0) || \n (questionNum === 4 && idx === 1)) {\n opt.classList.add('correct-answer');\n }\n }\n });\n\n if (quizAnswered === 4) {\n setTimeout(() => {\n const scoreDisplay = document.getElementById('score-display');\n let emoji = '';\n if (quizScore === 4) emoji = '\ud83c\udf1f\ud83c\udf1f\ud83c\udf1f';\n else if (quizScore >= 3) emoji = '\ud83c\udf1f\ud83c\udf1f';\n else if (quizScore >= 2) emoji = '\ud83c\udf1f';\n else emoji = '\ud83d\udcaa';\n \n scoreDisplay.innerHTML = `${emoji} \u03a4\u03bf \u03c3\u03ba\u03bf\u03c1 \u03c3\u03bf\u03c5: ${quizScore}\/4 ${emoji}`;\n scoreDisplay.style.display = 'block';\n scoreDisplay.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n }, 500);\n }\n }\n\n async function onConfigChange(config) {\n document.getElementById('main-title').textContent = config.main_title || defaultConfig.main_title;\n document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n document.getElementById('theory-title').textContent = config.theory_title || defaultConfig.theory_title;\n document.getElementById('exercises-title').textContent = config.exercises_title || defaultConfig.exercises_title;\n document.getElementById('quiz-title').textContent = config.quiz_title || defaultConfig.quiz_title;\n }\n\n function mapToEditPanelValues(config) {\n return new Map([\n [\"main_title\", config.main_title || defaultConfig.main_title],\n [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n [\"theory_title\", config.theory_title || defaultConfig.theory_title],\n [\"exercises_title\", config.exercises_title || defaultConfig.exercises_title],\n [\"quiz_title\", config.quiz_title || defaultConfig.quiz_title]\n ]);\n }\n\n if (window.elementSdk) {\n window.elementSdk.init({\n defaultConfig,\n onConfigChange,\n mapToCapabilities: () => ({\n recolorables: [],\n borderables: [],\n fontEditable: undefined,\n fontSizeable: undefined\n }),\n mapToEditPanelValues\n });\n }\n <\/script>\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9b5b244a515b6f67',t:'MTc2NzAzMDY0Ny4wMDAwMDA='};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","protected":false},"excerpt":{"rendered":"<p>\u03c0\u03b7\u03b3\u03ae : https:\/\/kokologos.sites.sch.gr\/ . \u0393\u03bb\u03c9\u03c3\u03c3\u03ac\u03c1\u03b9 \u0393\u03bb\u03ce\u03c3\u03c3\u03b1\u03c2 – \u039f\u03bd\u03bf\u03bc\u03b1\u03c4\u03b9\u03ba\u03ad\u03c2 \u03ba\u03b1\u03b9 \u03a1\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ad\u03c2 \u03a6\u03c1\u03ac\u03c3\u03b5\u03b9\u03c2 \u0393\u03bb\u03c9\u03c3\u03c3\u03ac\u03c1\u03b9 \u0393\u03bb\u03ce\u03c3\u03c3\u03b1\u03c2 – \u0395’ \u0394\u03b7\u03bc\u03bf\u03c4\u03b9\u03ba\u03bf\u03cd \u039f\u03bd\u03bf\u03bc\u03b1\u03c4\u03b9\u03ba\u03ad\u03c2 \u03ba\u03b1\u03b9 \u03a1\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ad\u03c2 \u03a6\u03c1\u03ac\u03c3\u03b5\u03b9\u03c2 \ud83d\udcda \u2728 \ud83c\udfaf \ud83c\udfae \u039a\u03bb\u03b9\u03ba \u03c3\u03c4\u03b9\u03c2 \u03ba\u03b1\u03c1\u03c4\u03ad\u03bb\u03b5\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b4\u03b5\u03b9\u03c2 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b5\u03c2 \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2! \ud83c\udfae \u0395\u03bc\u03c6\u03ac\u03bd\u03b9\u03c3\u03b7 \u0395\u03c0\u03cc\u03bc\u03b5\u03bd\u03c9\u03bd \ud83c\udfb2 . \u039f\u03bd\u03bf\u03bc\u03b1\u03c4\u03b9\u03ba\u03ad\u03c2 \u03ba\u03b1\u03b9 \u03a1\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ad\u03c2 \u03a6\u03c1\u03ac\u03c3\u03b5\u03b9\u03c2 \u039f\u03bd\u03bf\u03bc\u03b1\u03c4\u03b9\u03ba\u03ad\u03c2 \u03ba\u03b1\u03b9 \u03a1\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ad\u03c2 \u03a6\u03c1\u03ac\u03c3\u03b5\u03b9\u03c2 \u0394\u03b9\u03b1\u03b4\u03c1\u03b1\u03c3\u03c4\u03b9\u03ba\u03ae \u03c0\u03b1\u03c1\u03bf\u03c5\u03c3\u03af\u03b1\u03c3\u03b7 \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u0395’ \u0394\u03b7\u03bc\u03bf\u03c4\u03b9\u03ba\u03bf\u03cd \ud83d\udcda \u0398\u03b5\u03c9\u03c1\u03af\u03b1 \u03a4\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 … <a href=\"https:\/\/prokopidis.sites.sch.gr\/?p=4686\" class=\"more-link\">\u0394\u03b9\u03b1\u03b2\u03ac\u03c3\u03c4\u03b5 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1<span class=\"screen-reader-text\"> “\u03a0\u03bf\u03b9\u03bf\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 \u03bf\u03b9 \u03c3\u03c5\u03b3\u03b3\u03c1\u03b1\u03c6\u03b5\u03af\u03c2;”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-4686","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\/4686","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=4686"}],"version-history":[{"count":6,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/4686\/revisions"}],"predecessor-version":[{"id":5666,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/4686\/revisions\/5666"}],"wp:attachment":[{"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4686"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4686"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4686"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}