Netiquette: \u039f\u03b4\u03b7\u03b3\u03cc\u03c2, \u03a8\u03b7\u03c6\u03bf\u03c6\u03bf\u03c1\u03af\u03b1 & Quiz<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <script type=\"module\">\n import { initializeApp } from \"https:\/\/www.gstatic.com\/firebasejs\/11.6.1\/firebase-app.js\";\n import { getAuth, signInAnonymously, signInWithCustomToken } from \"https:\/\/www.gstatic.com\/firebasejs\/11.6.1\/firebase-auth.js\";\n import { getFirestore, doc, getDoc, setDoc, runTransaction, collection, query, onSnapshot, getDocs } from \"https:\/\/www.gstatic.com\/firebasejs\/11.6.1\/firebase-firestore.js\";\n import { setLogLevel } from \"https:\/\/www.gstatic.com\/firebasejs\/11.6.1\/firebase-firestore.js\";\n\n \/\/ Global Firebase variables will be populated in initFirebase\n window.firebase = {\n isReady: false,\n db: null,\n auth: null,\n appId: 'default-app-id',\n userId: null\n };\n\n async function initFirebase() {\n try {\n \/\/ Mandatory Global Variables provided by the environment\n const appId = typeof __app_id !== 'undefined' ? __app_id : 'default-app-id';\n const firebaseConfig = typeof __firebase_config !== 'undefined' ? JSON.parse(__firebase_config) : null;\n const initialAuthToken = typeof __initial_auth_token !== 'undefined' ? __initial_auth_token : null;\n\n if (!firebaseConfig) {\n console.warn(\"Firebase configuration not found. Firestore will be disabled.\");\n \/\/ Fallback to non-Firestore mode\n window.firebase.isReady = true;\n window.dispatchEvent(new CustomEvent('firebase-ready'));\n return;\n }\n\n \/\/ setLogLevel('Debug'); \/\/ Enable for debugging\n const app = initializeApp(firebaseConfig);\n const db = getFirestore(app);\n const auth = getAuth(app);\n\n if (initialAuthToken) {\n await signInWithCustomToken(auth, initialAuthToken);\n } else {\n await signInAnonymously(auth);\n }\n\n \/\/ Store global references\n window.firebase.db = db;\n window.firebase.auth = auth;\n window.firebase.appId = appId;\n window.firebase.userId = auth.currentUser?.uid || crypto.randomUUID();\n window.firebase.isReady = true;\n\n\n console.log(`Firebase initialized. User ID: ${window.firebase.userId}`);\n\n \/\/ Proceed with app loading\n window.dispatchEvent(new CustomEvent('firebase-ready'));\n\n } catch (error) {\n console.error(\"Error during Firebase initialization or sign-in:\", error);\n \/\/ Even on error, we transition away from the loading state\n window.firebase.isReady = true;\n window.dispatchEvent(new CustomEvent('firebase-ready'));\n }\n }\n\n \/\/ Call initialization function\n initFirebase();\n <\/script>\n <style>\n \/* --- \u03a4\u03bf\u03c0\u03b9\u03ba\u03cc \u03a3\u03c4\u03c5\u03bb --- *\/\n body {\n font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif;\n background-color: #f7f9fb;\n }\n\n \/* Accordion Transitions *\/\n .accordion-content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease-out;\n }\n .accordion-content.open {\n max-height: 800px;\n transition: max-height 0.5s ease-in;\n }\n\n \/* Quiz\/Poll Button States *\/\n .option-button {\n transition: all 0.2s;\n text-align: left;\n }\n .correct {\n background-color: #10b981 !important; \/* Green 500 *\/\n color: white !important;\n border-color: #059669 !important;\n }\n .incorrect {\n background-color: #ef4444 !important; \/* Red 500 *\/\n color: white !important;\n border-color: #dc2626 !important;\n }\n .feedback {\n animation: fadeIn 0.5s;\n }\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .poll-result-bar {\n transition: width 1s ease-out;\n }\n <\/style>\n<\/head>\n<body>\n\n \n <div id=\"main-content\" class=\"max-w-4xl w-full mx-auto mt-8 mb-12 p-4\">\n \n <div id=\"loading-screen\" class=\"text-center p-12 bg-white rounded-xl shadow-xl\">\n <div class=\"animate-spin rounded-full h-12 w-12 border-4 border-indigo-500 border-t-transparent mx-auto mb-4\"><\/div>\n <p class=\"text-xl text-indigo-700 font-semibold\">\u03a6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b7 \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03c9\u03bd \u03ba\u03b1\u03b9 \u03c3\u03cd\u03bd\u03b4\u03b5\u03c3\u03b7…<\/p>\n <\/div>\n <\/div>\n\n <script>\n \/\/ ==============================================\n \/\/ \u0394\u0395\u0394\u039f\u039c\u0395\u039d\u0391 \u0395\u03a6\u0391\u03a1\u039c\u039f\u0393\u0397\u03a3\n \/\/ ==============================================\n\n const APP_STATE = {\n LOADING: 'loading',\n POLL: 'poll',\n POLL_RESULTS: 'poll_results',\n GUIDE_AND_QUIZ: 'guide_and_quiz',\n QUIZ_RESULTS: 'quiz_results'\n };\n\n let appState = APP_STATE.LOADING;\n\n \/\/ \u0394\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03b1 \u03a8\u03b7\u03c6\u03bf\u03c6\u03bf\u03c1\u03af\u03b1\u03c2 (Poll)\n const pollQuestions = [\n {\n id: 'q1_caps',\n question: \"\u0395\u03c0\u03b9\u03c4\u03c1\u03ad\u03c0\u03b5\u03c4\u03b1\u03b9 \u03bd\u03b1 \u03b3\u03c1\u03ac\u03c6\u03bf\u03c5\u03bc\u03b5 \u03bc\u03b5 \u039a\u0395\u03a6\u0391\u039b\u0391\u0399\u0391 \u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03b1 \u03b1\u03bd \u03b5\u03af\u03bc\u03b1\u03c3\u03c4\u03b5 \u03b1\u03bd\u03ce\u03bd\u03c5\u03bc\u03bf\u03b9;\",\n options: [\n { text: \"\u039d\u03b1\u03b9, \u03b5\u03c6\u03cc\u03c3\u03bf\u03bd \u03b4\u03b5\u03bd \u03bc\u03b5 \u03be\u03ad\u03c1\u03b5\u03b9 \u03ba\u03b1\u03bd\u03b5\u03af\u03c2.\", isCorrect: false, shortId: 'yes_anon' },\n { text: \"\u038c\u03c7\u03b9, \u03b5\u03af\u03bd\u03b1\u03b9 \u03c0\u03ac\u03bd\u03c4\u03b1 \u03b1\u03b3\u03b5\u03bd\u03ad\u03c2 \u03ba\u03b1\u03b9 \u03b8\u03b5\u03c9\u03c1\u03b5\u03af\u03c4\u03b1\u03b9 '\u03c6\u03c9\u03bd\u03ae'.\", isCorrect: true, shortId: 'no_caps' }\n ],\n rule: \"\u039a\u03b1\u03bd\u03cc\u03bd\u03b1\u03c2 5: \u0394\u03ce\u03c3\u03b5 \u03ba\u03b1\u03bb\u03ae \u03b5\u03b9\u03ba\u03cc\u03bd\u03b1 \u03c4\u03bf\u03c5 \u03b5\u03b1\u03c5\u03c4\u03bf\u03cd \u03c3\u03bf\u03c5 (\u0391\u03c0\u03bf\u03c6\u03c5\u03b3\u03ae \u039a\u03b5\u03c6\u03b1\u03bb\u03b1\u03af\u03c9\u03bd)\"\n },\n {\n id: 'q2_privacy',\n question: \"\u0391\u03bd \u03ba\u03ac\u03c0\u03bf\u03b9\u03bf\u03c2 \u03bc\u03bf\u03c5 \u03c3\u03c4\u03b5\u03af\u03bb\u03b5\u03b9 \u03bc\u03b9\u03b1 \u03c0\u03c1\u03bf\u03c3\u03c9\u03c0\u03b9\u03ba\u03ae \u03c6\u03c9\u03c4\u03bf\u03b3\u03c1\u03b1\u03c6\u03af\u03b1, \u03bc\u03c0\u03bf\u03c1\u03ce \u03bd\u03b1 \u03c4\u03b7 \u03b4\u03b5\u03af\u03be\u03c9 \u03c3\u03b5 \u03ad\u03bd\u03b1\u03bd \u03c6\u03af\u03bb\u03bf;\",\n options: [\n { text: \"\u039d\u03b1\u03b9, \u03bc\u03cc\u03bd\u03bf \u03b1\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u03c0\u03bf\u03bb\u03cd \u03c3\u03c4\u03b5\u03bd\u03cc\u03c2 \u03c6\u03af\u03bb\u03bf\u03c2.\", isCorrect: false, shortId: 'yes_close_friend' },\n { text: \"\u038c\u03c7\u03b9, \u03c0\u03bf\u03c4\u03ad \u03c7\u03c9\u03c1\u03af\u03c2 \u03c1\u03b7\u03c4\u03ae \u03ac\u03b4\u03b5\u03b9\u03b1 \u03c4\u03bf\u03c5 \u03b1\u03c4\u03cc\u03bc\u03bf\u03c5.\", isCorrect: true, shortId: 'no_permission' }\n ],\n rule: \"\u039a\u03b1\u03bd\u03cc\u03bd\u03b1\u03c2 8: \u03a3\u03ad\u03b2\u03b1\u03c3\u03bc\u03cc\u03c2 \u03c3\u03c4\u03b7\u03bd \u03b9\u03b4\u03b9\u03c9\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1\"\n },\n {\n id: 'q3_fakenews',\n question: \"\u0391\u03bd \u03bc\u03b9\u03b1 \u03b1\u03bd\u03ac\u03c1\u03c4\u03b7\u03c3\u03b7 \u03bc\u03bf\u03c5 \u03c6\u03b1\u03bd\u03b5\u03af \u03c3\u03c9\u03c3\u03c4\u03ae, \u03c0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03c4\u03b7\u03bd \u03ba\u03bf\u03b9\u03bd\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03c9 \u03b1\u03bc\u03ad\u03c3\u03c9\u03c2;\",\n options: [\n { text: \"\u039d\u03b1\u03b9, \u03b7 \u03b3\u03c1\u03ae\u03b3\u03bf\u03c1\u03b7 \u03b5\u03bd\u03b7\u03bc\u03ad\u03c1\u03c9\u03c3\u03b7 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c3\u03b7\u03bc\u03b1\u03bd\u03c4\u03b9\u03ba\u03ae.\", isCorrect: false, shortId: 'yes_share_fast' },\n { text: \"\u038c\u03c7\u03b9, \u03c0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03c0\u03ac\u03bd\u03c4\u03b1 \u03bd\u03b1 \u03b5\u03bb\u03ad\u03b3\u03be\u03c9 \u03c4\u03b7\u03bd \u03c0\u03b7\u03b3\u03ae \u03c0\u03c1\u03b9\u03bd \u03c4\u03b7\u03bd \u03ba\u03bf\u03b9\u03bd\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7.\", isCorrect: true, shortId: 'no_check_source' }\n ],\n rule: \"\u039a\u03b1\u03bd\u03cc\u03bd\u03b1\u03c2 13: \u039a\u03b1\u03c4\u03b1\u03c0\u03bf\u03bb\u03ad\u03bc\u03b7\u03c3\u03b7 Fake News\"\n }\n ];\n\n let userVotes = Array(pollQuestions.length).fill(null); \/\/ [null, null, null]\n let pollResults = []; \/\/ \u0398\u03b1 \u03c0\u03b5\u03c1\u03b9\u03ad\u03c7\u03b5\u03b9 \u03c4\u03b1 \u03c3\u03c5\u03bd\u03bf\u03bb\u03b9\u03ba\u03ac \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03ad\u03c3\u03bc\u03b1\u03c4\u03b1 \u03b1\u03c0\u03cc \u03c4\u03bf Firestore\n\n \/\/ \u0394\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03b1 \u03b3\u03b9\u03b1 \u03c4\u03bf\u03bd \u039f\u03b4\u03b7\u03b3\u03cc (Rules Data)\n const rulesData = [\n { icon: '\ud83e\uddd1', title: \"1. \u0398\u03c5\u03bc\u03ae\u03c3\u03bf\u03c5 \u03c4\u03bf\u03bd \u0386\u03bd\u03b8\u03c1\u03c9\u03c0\u03bf\", description: \"\u03a0\u03af\u03c3\u03c9 \u03b1\u03c0\u03cc \u03ba\u03ac\u03b8\u03b5 \u03bf\u03b8\u03cc\u03bd\u03b7 \u03c5\u03c0\u03ac\u03c1\u03c7\u03b5\u03b9 \u03ad\u03bd\u03b1\u03c2 \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc\u03c2 \u03ac\u03bd\u03b8\u03c1\u03c9\u03c0\u03bf\u03c2. \u03a3\u03c5\u03bc\u03c0\u03b5\u03c1\u03b9\u03c6\u03ad\u03c1\u03b5\u03c3\u03b1\u03b9 \u03bc\u03b5 \u03c4\u03bf\u03bd \u03af\u03b4\u03b9\u03bf \u03c3\u03b5\u03b2\u03b1\u03c3\u03bc\u03cc \u03ba\u03b1\u03b9 \u03b5\u03c5\u03b3\u03ad\u03bd\u03b5\u03b9\u03b1 \u03c0\u03bf\u03c5 \u03b8\u03b1 \u03b5\u03af\u03c7\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03c3\u03c4\u03b7\u03bd \u03ba\u03b1\u03b8\u03b7\u03bc\u03b5\u03c1\u03b9\u03bd\u03ae \u03b6\u03c9\u03ae (\u03c0\u03c1\u03cc\u03c3\u03c9\u03c0\u03bf \u03bc\u03b5 \u03c0\u03c1\u03cc\u03c3\u03c9\u03c0\u03bf).\" },\n { icon: '\u2696\ufe0f', title: \"2. \u03a4\u03ae\u03c1\u03b7\u03c3\u03b5 \u03c4\u03bf\u03c5\u03c2 \u03af\u03b4\u03b9\u03bf\u03c5\u03c2 \u03ba\u03b1\u03bd\u03cc\u03bd\u03b5\u03c2 \u03c3\u03c5\u03bc\u03c0\u03b5\u03c1\u03b9\u03c6\u03bf\u03c1\u03ac\u03c2\", description: \"\u039f\u03b9 \u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03b9\u03ba\u03bf\u03af \u03ba\u03b1\u03bd\u03cc\u03bd\u03b5\u03c2 \u03b9\u03c3\u03c7\u03cd\u03bf\u03c5\u03bd \u03ba\u03b1\u03b9 online. \u039c\u03b7\u03bd \u03ba\u03ac\u03bd\u03b5\u03b9\u03c2 \u03c0\u03c1\u03ac\u03b3\u03bc\u03b1\u03c4\u03b1 \u03c0\u03bf\u03c5 \u03b4\u03b5\u03bd \u03b8\u03b1 \u03ad\u03ba\u03b1\u03bd\u03b5\u03c2 \u03c3\u03c4\u03b7\u03bd \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1, \u03cc\u03c0\u03c9\u03c2 \u03bd\u03b1 \u03b2\u03c1\u03af\u03b6\u03b5\u03b9\u03c2 \u03ae \u03bd\u03b1 \u03c0\u03c1\u03bf\u03c3\u03b2\u03ac\u03bb\u03bb\u03b5\u03b9\u03c2.\" },\n { icon: '\ud83d\uddfa\ufe0f', title: \"3. \u039e\u03ad\u03c1\u03b5 \u03c0\u03bf\u03cd \u03b2\u03c1\u03af\u03c3\u03ba\u03b5\u03c3\u03b1\u03b9\", description: \"\u039a\u03ac\u03b8\u03b5 \u03c8\u03b7\u03c6\u03b9\u03b1\u03ba\u03cc \u03c0\u03b5\u03c1\u03b9\u03b2\u03ac\u03bb\u03bb\u03bf\u03bd (forum, chat, email) \u03ad\u03c7\u03b5\u03b9 \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03bf\u03cd\u03c2 \u03ba\u03b1\u03bd\u03cc\u03bd\u03b5\u03c2 (\u03ba\u03ce\u03b4\u03b9\u03ba\u03b1\u03c2 \u03b4\u03b5\u03bf\u03bd\u03c4\u03bf\u03bb\u03bf\u03b3\u03af\u03b1\u03c2). \u03a0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03c4\u03bf\u03c5\u03c2 \u03b4\u03b9\u03b1\u03b2\u03ac\u03b6\u03b5\u03b9\u03c2 \u03c0\u03c1\u03b9\u03bd \u03c3\u03c5\u03bc\u03bc\u03b5\u03c4\u03ac\u03c3\u03c7\u03b5\u03b9\u03c2 \u03b5\u03bd\u03b5\u03c1\u03b3\u03ac.\" },\n { icon: '\u23f1\ufe0f', title: \"4. \u03a3\u03b5\u03b2\u03ac\u03c3\u03bf\u03c5 \u03c4\u03bf\u03bd \u03c7\u03c1\u03cc\u03bd\u03bf \u03c4\u03c9\u03bd \u03ac\u03bb\u03bb\u03c9\u03bd\", description: \"\u039d\u03b1 \u03b5\u03af\u03c3\u03b1\u03b9 \u03c3\u03c5\u03bd\u03bf\u03c0\u03c4\u03b9\u03ba\u03cc\u03c2\/\u03ae \u03ba\u03b1\u03b9 \u03c0\u03b5\u03c1\u03b9\u03b5\u03ba\u03c4\u03b9\u03ba\u03cc\u03c2\/\u03ae. \u039c\u03b7\u03bd \u03c3\u03c4\u03ad\u03bb\u03bd\u03b5\u03b9\u03c2 \u03ac\u03c3\u03ba\u03bf\u03c0\u03b1 \u03ae \u03c4\u03b5\u03c1\u03ac\u03c3\u03c4\u03b9\u03b1 \u03bc\u03b7\u03bd\u03cd\u03bc\u03b1\u03c4\u03b1 \u03c0\u03bf\u03c5 \u03c3\u03c0\u03b1\u03c4\u03b1\u03bb\u03bf\u03cd\u03bd \u03c4\u03bf\u03bd \u03c7\u03c1\u03cc\u03bd\u03bf \u03c4\u03c9\u03bd \u03ac\u03bb\u03bb\u03c9\u03bd \u03c7\u03c1\u03b7\u03c3\u03c4\u03ce\u03bd.\" },\n { icon: '\ud83d\ude07', title: \"5. \u0394\u03ce\u03c3\u03b5 \u03ba\u03b1\u03bb\u03ae \u03b5\u03b9\u03ba\u03cc\u03bd\u03b1 \u03c4\u03bf\u03c5 \u03b5\u03b1\u03c5\u03c4\u03bf\u03cd \u03c3\u03bf\u03c5\", description: \"\u03a0\u03c1\u03cc\u03c3\u03b5\u03be\u03b5 \u03c0\u03ce\u03c2 \u03b3\u03c1\u03ac\u03c6\u03b5\u03b9\u03c2 (\u03bf\u03c1\u03b8\u03bf\u03b3\u03c1\u03b1\u03c6\u03af\u03b1, \u03c3\u03c4\u03af\u03be\u03b7). \u03a4\u03b1 \u039a\u0395\u03a6\u0391\u039b\u0391\u0399\u0391 \u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03b1 \u03b8\u03b5\u03c9\u03c1\u03bf\u03cd\u03bd\u03c4\u03b1\u03b9 '\u03c6\u03c9\u03bd\u03ae' \u03ba\u03b1\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b1\u03b3\u03ad\u03bd\u03b5\u03b9\u03b1. \u039c\u03b7\u03bd \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03b5\u03af\u03c2 \u03b5\u03c0\u03b9\u03b8\u03b5\u03c4\u03b9\u03ba\u03cc \u03ae \u03b1\u03ba\u03b1\u03c4\u03ac\u03bb\u03bb\u03b7\u03bb\u03bf \u03c7\u03b9\u03bf\u03cd\u03bc\u03bf\u03c1.\" },\n { icon: '\ud83e\udd1d', title: \"6. \u039c\u03bf\u03af\u03c1\u03b1\u03c3\u03b5 \u03c4\u03b7 \u03b3\u03bd\u03ce\u03c3\u03b7\", description: \"\u0395\u03ac\u03bd \u03b3\u03bd\u03c9\u03c1\u03af\u03b6\u03b5\u03b9\u03c2 \u03ba\u03ac\u03c4\u03b9 \u03c0\u03bf\u03c5 \u03b8\u03b1 \u03bc\u03c0\u03bf\u03c1\u03bf\u03cd\u03c3\u03b5 \u03bd\u03b1 \u03b2\u03bf\u03b7\u03b8\u03ae\u03c3\u03b5\u03b9 \u03c4\u03b7\u03bd \u03ba\u03bf\u03b9\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1, \u03bc\u03bf\u03b9\u03c1\u03ac\u03c3\u03bf\u03c5 \u03c4\u03bf. \u0397 \u03c0\u03c1\u03bf\u03c3\u03c6\u03bf\u03c1\u03ac \u03ba\u03b1\u03b9 \u03b7 \u03b1\u03bb\u03bb\u03b7\u03bb\u03bf\u03b2\u03bf\u03ae\u03b8\u03b5\u03b9\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c3\u03b7\u03bc\u03b1\u03bd\u03c4\u03b9\u03ba\u03ad\u03c2 \u03b1\u03be\u03af\u03b5\u03c2 \u03c3\u03c4\u03bf\u03bd \u039a\u03c5\u03b2\u03b5\u03c1\u03bd\u03bf\u03c7\u03ce\u03c1\u03bf.\" },\n { icon: '\ud83e\uddd8', title: \"7. \u0394\u03b9\u03b1\u03c7\u03b5\u03af\u03c1\u03b9\u03c3\u03b7 \u03b4\u03b9\u03b1\u03c6\u03c9\u03bd\u03b9\u03ce\u03bd\", description: \"\u03a3\u03b5 \u03c0\u03b5\u03c1\u03af\u03c0\u03c4\u03c9\u03c3\u03b7 \u03b4\u03b9\u03b1\u03c6\u03c9\u03bd\u03af\u03b1\u03c2, \u03b4\u03b9\u03b1\u03c4\u03ae\u03c1\u03b7\u03c3\u03b5 \u03c4\u03b7\u03bd \u03c8\u03c5\u03c7\u03c1\u03b1\u03b9\u03bc\u03af\u03b1 \u03c3\u03bf\u03c5 \u03ba\u03b1\u03b9 \u03b1\u03c0\u03ad\u03c6\u03c5\u03b3\u03b5 \u03c4\u03b9\u03c2 \u03b5\u03c0\u03b9\u03b8\u03ad\u03c3\u03b5\u03b9\u03c2. \u0391\u03bd \u03ba\u03ac\u03c0\u03bf\u03b9\u03bf\u03c2 \u03c3\u03b5 \u03c0\u03c1\u03bf\u03c3\u03b2\u03ac\u03bb\u03b5\u03b9, \u03bc\u03b7\u03bd \u03b1\u03bd\u03c4\u03b1\u03c0\u03bf\u03b4\u03af\u03b4\u03b5\u03b9\u03c2. \u03a7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b5 \u03c4\u03b1 \u03b5\u03c1\u03b3\u03b1\u03bb\u03b5\u03af\u03b1 \u03b1\u03bd\u03b1\u03c6\u03bf\u03c1\u03ac\u03c2 (Report) \u03ba\u03b1\u03b9 \u03b5\u03bd\u03b7\u03bc\u03ad\u03c1\u03c9\u03c3\u03b5 \u03ad\u03bd\u03b1\u03bd \u03b5\u03bd\u03ae\u03bb\u03b9\u03ba\u03b1.\" },\n { icon: '\ud83d\udd12', title: \"8. \u03a3\u03ad\u03b2\u03b1\u03c3\u03bc\u03cc\u03c2 \u03c3\u03c4\u03b7\u03bd \u03b9\u03b4\u03b9\u03c9\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1\", description: \"\u039c\u03b7\u03bd \u03b4\u03b9\u03b1\u03b2\u03ac\u03b6\u03b5\u03b9\u03c2, \u03bc\u03b7\u03bd \u03c0\u03c1\u03bf\u03c9\u03b8\u03b5\u03af\u03c2 \u03ae \u03bc\u03b7\u03bd \u03ba\u03bf\u03b9\u03bd\u03bf\u03c0\u03bf\u03b9\u03b5\u03af\u03c2 \u03c0\u03c1\u03bf\u03c3\u03c9\u03c0\u03b9\u03ba\u03ad\u03c2 \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2, \u03c6\u03c9\u03c4\u03bf\u03b3\u03c1\u03b1\u03c6\u03af\u03b5\u03c2 \u03ae \u03b2\u03af\u03bd\u03c4\u03b5\u03bf \u03ac\u03bb\u03bb\u03c9\u03bd \u03c7\u03c1\u03b7\u03c3\u03c4\u03ce\u03bd \u03c7\u03c9\u03c1\u03af\u03c2 \u03c4\u03b7 \u03c1\u03b7\u03c4\u03ae \u03c4\u03bf\u03c5\u03c2 \u03ac\u03b4\u03b5\u03b9\u03b1.\" },\n { icon: '\ud83d\udeab', title: \"9. \u038c\u03c7\u03b9 \u03ba\u03b1\u03c4\u03ac\u03c7\u03c1\u03b7\u03c3\u03b7 \u03b5\u03be\u03bf\u03c5\u03c3\u03af\u03b1\u03c2\", description: \"\u0395\u03ac\u03bd \u03ad\u03c7\u03b5\u03b9\u03c2 \u03ba\u03ac\u03c0\u03bf\u03b9\u03bf 'status' (\u03c0.\u03c7., moderator, admin), \u03bc\u03b7\u03bd \u03c4\u03bf \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03b5\u03af\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b5\u03ba\u03c6\u03bf\u03b2\u03af\u03c3\u03b5\u03b9\u03c2, \u03bd\u03b1 \u03c0\u03c1\u03bf\u03c3\u03b2\u03ac\u03bb\u03bb\u03b5\u03b9\u03c2 \u03ae \u03bd\u03b1 \u03b5\u03c0\u03b9\u03b2\u03bb\u03b7\u03b8\u03b5\u03af\u03c2 \u03c3\u03c4\u03bf\u03c5\u03c2 \u03ac\u03bb\u03bb\u03bf\u03c5\u03c2.\" },\n { icon: '\ud83d\ude4f', title: \"10. \u039d\u03b1 \u03c3\u03c5\u03b3\u03c7\u03c9\u03c1\u03b5\u03af\u03c2 \u03c4\u03b1 \u03bb\u03ac\u03b8\u03b7 \u03c4\u03c9\u03bd \u03ac\u03bb\u03bb\u03c9\u03bd\", description: \"\u038c\u03bb\u03bf\u03b9 \u03ba\u03ac\u03bd\u03bf\u03c5\u03bc\u03b5 \u03bb\u03ac\u03b8\u03b7, \u03b5\u03b9\u03b4\u03b9\u03ba\u03ac \u03bf\u03b9 \u03bd\u03ad\u03bf\u03b9 \u03c7\u03c1\u03ae\u03c3\u03c4\u03b5\u03c2. \u0391\u03bd \u03ba\u03ac\u03c0\u03bf\u03b9\u03bf\u03c2 \u03ba\u03ac\u03bd\u03b5\u03b9 \u03ad\u03bd\u03b1 \u03bb\u03ac\u03b8\u03bf\u03c2 \u03c3\u03c4\u03b7 Netiquette, \u03b4\u03b9\u03cc\u03c1\u03b8\u03c9\u03c3\u03ad \u03c4\u03bf\u03bd \u03b5\u03c5\u03b3\u03b5\u03bd\u03b9\u03ba\u03ac \u03ba\u03b1\u03b9 \u03b9\u03b4\u03b9\u03c9\u03c4\u03b9\u03ba\u03ac, \u03c7\u03c9\u03c1\u03af\u03c2 \u03bd\u03b1 \u03c4\u03bf\u03bd \u03b4\u03b9\u03b1\u03c0\u03bf\u03bc\u03c0\u03b5\u03cd\u03c3\u03b5\u03b9\u03c2.\" },\n { icon: '\ud83d\udee1\ufe0f', title: \"11. \u03a0\u03c1\u03bf\u03c3\u03bf\u03c7\u03ae \u03c3\u03c4\u03b1 \u03a0\u03c1\u03bf\u03c3\u03c9\u03c0\u03b9\u03ba\u03ac \u0394\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03b1\", description: \"\u039c\u03b7\u03bd \u03ba\u03bf\u03b9\u03bd\u03bf\u03c0\u03bf\u03b9\u03b5\u03af\u03c2 \u03c0\u03bf\u03c4\u03ad \u03b5\u03c5\u03b1\u03af\u03c3\u03b8\u03b7\u03c4\u03b5\u03c2 \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2 (\u03b4\u03b9\u03b5\u03cd\u03b8\u03c5\u03bd\u03c3\u03b7, \u03c4\u03b7\u03bb\u03ad\u03c6\u03c9\u03bd\u03bf, \u03b1\u03ba\u03c1\u03b9\u03b2\u03b5\u03af\u03c2 \u03b7\u03bc\u03b5\u03c1\u03bf\u03bc\u03b7\u03bd\u03af\u03b5\u03c2 \u03b4\u03b9\u03b1\u03ba\u03bf\u03c0\u03ce\u03bd). \u039a\u03c1\u03ac\u03c4\u03b1 \u03c4\u03b9\u03c2 \u03c1\u03c5\u03b8\u03bc\u03af\u03c3\u03b5\u03b9\u03c2 \u03b9\u03b4\u03b9\u03c9\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2 \u03c3\u03b5 '\u039a\u03bb\u03b5\u03b9\u03c3\u03c4\u03cc' (Friends only).\" },\n { icon: '\ud83d\udd75\ufe0f', title: \"12. \u0395\u03c0\u03b1\u03bb\u03ae\u03b8\u03b5\u03c5\u03c3\u03b7 \u0391\u03b9\u03c4\u03b7\u03bc\u03ac\u03c4\u03c9\u03bd \u03a6\u03b9\u03bb\u03af\u03b1\u03c2\", description: \"\u0391\u03c0\u03bf\u03b4\u03ad\u03be\u03bf\u03c5 \u03bc\u03cc\u03bd\u03bf \u03ac\u03c4\u03bf\u03bc\u03b1 \u03c0\u03bf\u03c5 \u03b3\u03bd\u03c9\u03c1\u03af\u03b6\u03b5\u03b9\u03c2 \u03c0\u03c1\u03bf\u03c3\u03c9\u03c0\u03b9\u03ba\u03ac. \u0388\u03bd\u03b1\u03c2 \u03ac\u03b3\u03bd\u03c9\u03c3\u03c4\u03bf\u03c2 \u03bb\u03bf\u03b3\u03b1\u03c1\u03b9\u03b1\u03c3\u03bc\u03cc\u03c2 \u03bc\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03ba\u03c1\u03cd\u03b2\u03b5\u03b9 \u03ba\u03b9\u03bd\u03b4\u03cd\u03bd\u03bf\u03c5\u03c2 (predators, cyberbullying).\" },\n { icon: '\ud83d\udcf0', title: \"13. \u039a\u03b1\u03c4\u03b1\u03c0\u03bf\u03bb\u03ad\u03bc\u03b7\u03c3\u03b7 Fake News\", description: \"\u03a0\u03c1\u03b9\u03bd \u03ba\u03ac\u03bd\u03b5\u03b9\u03c2 share \u03bf\u03c0\u03bf\u03b9\u03b1\u03b4\u03ae\u03c0\u03bf\u03c4\u03b5 \u03b5\u03af\u03b4\u03b7\u03c3\u03b7, \u03ad\u03bb\u03b5\u03b3\u03be\u03b5 \u03c4\u03b7\u03bd \u03c0\u03b7\u03b3\u03ae \u03c4\u03b7\u03c2. \u0397 \u03b4\u03b9\u03ac\u03b4\u03bf\u03c3\u03b7 \u03c8\u03b5\u03c5\u03b4\u03ce\u03bd \u03b5\u03b9\u03b4\u03ae\u03c3\u03b5\u03c9\u03bd (fake news) \u03b5\u03af\u03bd\u03b1\u03b9 \u03b1\u03bd\u03b5\u03cd\u03b8\u03c5\u03bd\u03b7 \u03ba\u03b1\u03b9 \u03b5\u03c0\u03b9\u03ba\u03af\u03bd\u03b4\u03c5\u03bd\u03b7 \u03c0\u03c1\u03ac\u03be\u03b7.\" }\n ];\n\n \/\/ \u0394\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03b1 Quiz (Quiz Data)\n const quizData = [\n {\n scenario: \"\u039f \u0393\u03b9\u03ce\u03c1\u03b3\u03bf\u03c2 \u03b4\u03b9\u03b1\u03c6\u03c9\u03bd\u03b5\u03af \u03ad\u03bd\u03c4\u03bf\u03bd\u03b1 \u03bc\u03b5 \u03c4\u03b7 \u03b3\u03bd\u03ce\u03bc\u03b7 \u03c3\u03bf\u03c5 \u03c3\u03b5 \u03ad\u03bd\u03b1 \u03c6\u03cc\u03c1\u03bf\u03c5\u03bc. \u03a4\u03bf\u03c5 \u03b1\u03c0\u03b1\u03bd\u03c4\u03ac\u03c2 \u03b1\u03bc\u03ad\u03c3\u03c9\u03c2 \u03b3\u03c1\u03ac\u03c6\u03bf\u03bd\u03c4\u03b1\u03c2 \u03bc\u03b5 \u039a\u0395\u03a6\u0391\u039b\u0391\u0399\u0391 \u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03b1 \u03cc\u03c4\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 \u03bb\u03ac\u03b8\u03bf\u03c2.\",\n question: \"\u0395\u03bd\u03ad\u03c1\u03b3\u03b5\u03b9\u03b1: \u03a3\u03c9\u03c3\u03c4\u03ae \u03ae \u039b\u03ac\u03b8\u03bf\u03c2;\",\n options: [\"\u03a3\u03c9\u03c3\u03c4\u03ae, \u03c0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03b4\u03b5\u03af\u03be\u03c9 \u03cc\u03c4\u03b9 \u03ad\u03c7\u03c9 \u03b4\u03af\u03ba\u03b9\u03bf.\", \"\u039b\u03ac\u03b8\u03bf\u03c2, \u03c4\u03b1 \u039a\u0395\u03a6\u0391\u039b\u0391\u0399\u0391 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c3\u03b1\u03bd \u03bd\u03b1 \u03c6\u03c9\u03bd\u03ac\u03b6\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b1\u03b3\u03b5\u03bd\u03ad\u03c2.\", \"\u03a3\u03c9\u03c3\u03c4\u03ae, \u03b5\u03c6\u03cc\u03c3\u03bf\u03bd \u03b4\u03b9\u03b1\u03c6\u03c9\u03bd\u03b5\u03af \u03ad\u03bd\u03c4\u03bf\u03bd\u03b1 \u03ba\u03b1\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b1\u03b3\u03b5\u03bd\u03ae\u03c2.\"],\n correct: 1,\n rule: \"\u0391\u03c0\u03bf\u03c6\u03c5\u03b3\u03ae \u0386\u03c3\u03c7\u03b7\u03bc\u03c9\u03bd \u0395\u03ba\u03c6\u03c1\u03ac\u03c3\u03b5\u03c9\u03bd (\u039a\u03b1\u03bd\u03cc\u03bd\u03b1\u03c2 5)\",\n explanation: \"\u03a4\u03b1 \u039a\u0395\u03a6\u0391\u039b\u0391\u0399\u0391 \u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03b1 \u03c3\u03c4\u03bf \u0394\u03b9\u03b1\u03b4\u03af\u03ba\u03c4\u03c5\u03bf \u03b8\u03b5\u03c9\u03c1\u03bf\u03cd\u03bd\u03c4\u03b1\u03b9 '\u03c6\u03c9\u03bd\u03ae' \u03ba\u03b1\u03b9 \u03b1\u03b3\u03ad\u03bd\u03b5\u03b9\u03b1. \u0394\u03b9\u03b1\u03c4\u03b7\u03c1\u03bf\u03cd\u03bc\u03b5 \u03c4\u03b7\u03bd \u03c8\u03c5\u03c7\u03c1\u03b1\u03b9\u03bc\u03af\u03b1 \u03ba\u03b1\u03b9 \u03c4\u03bf\u03bd \u03b5\u03c5\u03b3\u03b5\u03bd\u03b9\u03ba\u03cc \u03c4\u03cc\u03bd\u03bf.\"\n },\n {\n scenario: \"\u0397 \u0386\u03bd\u03bd\u03b1 \u03b4\u03b7\u03bc\u03bf\u03c3\u03b9\u03b5\u03cd\u03b5\u03b9 \u03ad\u03bd\u03b1 \u03b1\u03c3\u03c4\u03b5\u03af\u03bf \u03c3\u03c7\u03cc\u03bb\u03b9\u03bf \u03b3\u03b9\u03b1 \u03ad\u03bd\u03b1\u03bd \u03c3\u03c5\u03bc\u03bc\u03b1\u03b8\u03b7\u03c4\u03ae \u03c3\u03b1\u03c2 \u03c0\u03bf\u03c5 \u03b8\u03b5\u03c9\u03c1\u03b5\u03af\u03c2 \u03cc\u03c4\u03b9 \u03b8\u03b1 \u03c4\u03bf\u03bd \u03c3\u03c4\u03b5\u03bd\u03b1\u03c7\u03c9\u03c1\u03ae\u03c3\u03b5\u03b9. \u0395\u03af\u03c3\u03b1\u03b9 \u03ad\u03c4\u03bf\u03b9\u03bc\u03bf\u03c2\/\u03b7 \u03bd\u03b1 \u03c0\u03b1\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 'Like' \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03b3\u03b5\u03bb\u03ac\u03c3\u03b5\u03b9\u03c2.\",\n question: \"\u03a0\u03ce\u03c2 \u03c0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03b4\u03c1\u03ac\u03c3\u03b5\u03b9\u03c2;\",\n options: [\"\u039a\u03ac\u03bd\u03c9 'Like' \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b4\u03b5\u03af\u03be\u03c9 \u03cc\u03c4\u03b9 \u03ad\u03c7\u03c9 \u03c7\u03b9\u03bf\u03cd\u03bc\u03bf\u03c1.\", \"\u0391\u03b3\u03bd\u03bf\u03ce \u03c4\u03bf \u03c3\u03c7\u03cc\u03bb\u03b9\u03bf \u03ba\u03b1\u03b9 \u03b4\u03b5\u03bd \u03ba\u03ac\u03bd\u03c9 \u03c4\u03af\u03c0\u03bf\u03c4\u03b1.\", \"\u0394\u03b5\u03bd \u03ba\u03ac\u03bd\u03c9 'Like' \u03ba\u03b1\u03b9 \u03c3\u03c4\u03ad\u03bb\u03bd\u03c9 \u03c0\u03c1\u03bf\u03c3\u03c9\u03c0\u03b9\u03ba\u03cc \u03bc\u03ae\u03bd\u03c5\u03bc\u03b1 \u03c3\u03c4\u03b7\u03bd \u0386\u03bd\u03bd\u03b1 \u03cc\u03c4\u03b9 \u03c4\u03bf \u03c3\u03c7\u03cc\u03bb\u03b9\u03bf \u03b5\u03af\u03bd\u03b1\u03b9 \u03ac\u03ba\u03bf\u03bc\u03c8\u03bf.\"],\n correct: 2,\n rule: \"\u03a3\u03ba\u03ad\u03c8\u03b7 \u03a0\u03c1\u03b9\u03bd \u03c4\u03bf 'Post' (\u039a\u03b1\u03bd\u03cc\u03bd\u03b1\u03c2 2) & \u03a3\u03b5\u03b2\u03b1\u03c3\u03bc\u03cc\u03c2 (\u039a\u03b1\u03bd\u03cc\u03bd\u03b1\u03c2 1)\",\n explanation: \"\u039f\u03c6\u03b5\u03af\u03bb\u03bf\u03c5\u03bc\u03b5 \u03bd\u03b1 \u03c3\u03ba\u03b5\u03c6\u03c4\u03cc\u03bc\u03b1\u03c3\u03c4\u03b5 \u03c4\u03b9\u03c2 \u03c3\u03c5\u03bd\u03ad\u03c0\u03b5\u03b9\u03b5\u03c2 \u03c4\u03c9\u03bd \u03c0\u03c1\u03ac\u03be\u03b5\u03ce\u03bd \u03bc\u03b1\u03c2. \u0388\u03bd\u03b1 Like \u03c3\u03b5 \u03ad\u03bd\u03b1 \u03b5\u03c0\u03b9\u03b8\u03b5\u03c4\u03b9\u03ba\u03cc \u03c3\u03c7\u03cc\u03bb\u03b9\u03bf \u03b8\u03b5\u03c9\u03c1\u03b5\u03af\u03c4\u03b1\u03b9 \u03b5\u03bd\u03b8\u03ac\u03c1\u03c1\u03c5\u03bd\u03c3\u03b7. \u039f \u03c3\u03b5\u03b2\u03b1\u03c3\u03bc\u03cc\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c0\u03ac\u03bd\u03c9 \u03b1\u03c0' \u03cc\u03bb\u03b1.\"\n },\n {\n scenario: \"\u0388\u03bd\u03b1\u03c2 \u03c6\u03af\u03bb\u03bf\u03c2 \u03c3\u03bf\u03cd \u03ad\u03c3\u03c4\u03b5\u03b9\u03bb\u03b5 \u03ad\u03bd\u03b1 \u03c0\u03bf\u03bb\u03cd \u03c0\u03c1\u03bf\u03c3\u03c9\u03c0\u03b9\u03ba\u03cc \u03b2\u03af\u03bd\u03c4\u03b5\u03bf \u03bc\u03ad\u03c3\u03c9 chat. \u03a4\u03bf \u03b2\u03af\u03bd\u03c4\u03b5\u03bf \u03b5\u03af\u03bd\u03b1\u03b9 \u03b1\u03c3\u03c4\u03b5\u03af\u03bf \u03ba\u03b1\u03b9 \u03c3\u03ba\u03ad\u03c6\u03c4\u03b5\u03c3\u03b1\u03b9 \u03bd\u03b1 \u03c4\u03bf \u03c0\u03c1\u03bf\u03c9\u03b8\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c3\u03c4\u03b7\u03bd \u03bf\u03bc\u03b1\u03b4\u03b9\u03ba\u03ae \u03c3\u03b1\u03c2 \u03c3\u03c5\u03bd\u03bf\u03bc\u03b9\u03bb\u03af\u03b1.\",\n question: \"\u0395\u03c0\u03b9\u03c4\u03c1\u03ad\u03c0\u03b5\u03c4\u03b1\u03b9 \u03b7 \u03c0\u03c1\u03bf\u03ce\u03b8\u03b7\u03c3\u03b7;\",\n options: [\"\u039d\u03b1\u03b9, \u03b5\u03c6\u03cc\u03c3\u03bf\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u03c6\u03af\u03bb\u03bf\u03c2 \u03bc\u03bf\u03c5 \u03ba\u03b1\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b1\u03c3\u03c4\u03b5\u03af\u03bf.\", \"\u038c\u03c7\u03b9, \u03c0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03c0\u03c1\u03ce\u03c4\u03b1 \u03bd\u03b1 \u03b6\u03b7\u03c4\u03ae\u03c3\u03c9 \u03c4\u03b7\u03bd \u03ac\u03b4\u03b5\u03b9\u03ac \u03c4\u03bf\u03c5 \u03c1\u03b7\u03c4\u03ac.\", \"\u039d\u03b1\u03b9, \u03b1\u03bb\u03bb\u03ac \u03bc\u03cc\u03bd\u03bf \u03c3\u03b5 \u03ba\u03bb\u03b5\u03b9\u03c3\u03c4\u03ae \u03bf\u03bc\u03ac\u03b4\u03b1 \u03c3\u03c5\u03bd\u03bf\u03bc\u03b9\u03bb\u03af\u03b1\u03c2.\"],\n correct: 1,\n rule: \"\u03a3\u03b5\u03b2\u03b1\u03c3\u03bc\u03cc\u03c2 \u03c3\u03c4\u03b7\u03bd \u0399\u03b4\u03b9\u03c9\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1 \u0386\u03bb\u03bb\u03c9\u03bd (\u039a\u03b1\u03bd\u03cc\u03bd\u03b1\u03c2 8)\",\n explanation: \"\u03a0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03c0\u03ac\u03bd\u03c4\u03b1 \u03bd\u03b1 \u03bb\u03b1\u03bc\u03b2\u03ac\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7 \u03c1\u03b7\u03c4\u03ae \u03ac\u03b4\u03b5\u03b9\u03b1 \u03c4\u03bf\u03c5 \u03b1\u03c4\u03cc\u03bc\u03bf\u03c5 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c0\u03c1\u03bf\u03c9\u03b8\u03ae\u03c3\u03bf\u03c5\u03bc\u03b5, \u03bd\u03b1 \u03b4\u03b7\u03bc\u03bf\u03c3\u03b9\u03b5\u03cd\u03c3\u03bf\u03c5\u03bc\u03b5 \u03ae \u03bd\u03b1 \u03ba\u03bf\u03b9\u03bd\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03bf\u03c5\u03bc\u03b5 \u03c0\u03c1\u03bf\u03c3\u03c9\u03c0\u03b9\u03ba\u03ad\u03c2 \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2, \u03c6\u03c9\u03c4\u03bf\u03b3\u03c1\u03b1\u03c6\u03af\u03b5\u03c2 \u03ae \u03b2\u03af\u03bd\u03c4\u03b5\u03bf \u03c0\u03bf\u03c5 \u03bc\u03b1\u03c2 \u03ad\u03c3\u03c4\u03b5\u03b9\u03bb\u03b5.\"\n },\n {\n scenario: \"\u0392\u03bb\u03ad\u03c0\u03b5\u03b9\u03c2 \u03bc\u03b9\u03b1 \u03b1\u03bd\u03ac\u03c1\u03c4\u03b7\u03c3\u03b7 \u03bc\u03b5 \u03ad\u03bd\u03b1\u03bd \u03c3\u03c5\u03b3\u03ba\u03bb\u03bf\u03bd\u03b9\u03c3\u03c4\u03b9\u03ba\u03cc \u03c4\u03af\u03c4\u03bb\u03bf \u03b3\u03b9\u03b1 \u03ad\u03bd\u03b1 \u03b3\u03b5\u03b3\u03bf\u03bd\u03cc\u03c2, \u03b1\u03bb\u03bb\u03ac \u03b7 \u03c0\u03b7\u03b3\u03ae \u03c4\u03b7\u03c2 \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b1\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03ad\u03bd\u03b1\u03c2 \u03ac\u03b3\u03bd\u03c9\u03c3\u03c4\u03bf\u03c2 \u03bb\u03bf\u03b3\u03b1\u03c1\u03b9\u03b1\u03c3\u03bc\u03cc\u03c2.\",\n question: \"\u03a4\u03b9 \u03ba\u03ac\u03bd\u03b5\u03b9\u03c2 \u03c0\u03c1\u03b9\u03bd \u03c4\u03bf \u03ba\u03bf\u03b9\u03bd\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03b5\u03b9\u03c2;\",\n options: [\"\u03a4\u03bf \u03ba\u03bf\u03b9\u03bd\u03bf\u03c0\u03bf\u03b9\u03ce \u03b1\u03bc\u03ad\u03c3\u03c9\u03c2 \u03b3\u03b9\u03b1\u03c4\u03af \u03c0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03b5\u03bd\u03b7\u03bc\u03b5\u03c1\u03c9\u03b8\u03bf\u03cd\u03bd \u03cc\u03bb\u03bf\u03b9.\", \"\u03a4\u03bf \u03ba\u03bf\u03b9\u03bd\u03bf\u03c0\u03bf\u03b9\u03ce \u03bc\u03cc\u03bd\u03bf \u03c3\u03b5 \u03b9\u03b4\u03b9\u03c9\u03c4\u03b9\u03ba\u03ac \u03bc\u03b7\u03bd\u03cd\u03bc\u03b1\u03c4\u03b1.\", \"\u0395\u03bb\u03ad\u03b3\u03c7\u03c9 \u03c4\u03b7\u03bd \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b1 \u03c3\u03b5 \u03ad\u03b3\u03ba\u03c5\u03c1\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03b3\u03bd\u03c9\u03c3\u03c4\u03ad\u03c2 \u03c0\u03b7\u03b3\u03ad\u03c2 (fact-checking) \u03c0\u03c1\u03b9\u03bd \u03c4\u03b7 \u03c7\u03c1\u03ae\u03c3\u03b7.\"],\n correct: 2,\n rule: \"\u039a\u03b1\u03c4\u03b1\u03c0\u03bf\u03bb\u03ad\u03bc\u03b7\u03c3\u03b7 Fake News (\u039a\u03b1\u03bd\u03cc\u03bd\u03b1\u03c2 13)\",\n explanation: \"\u0395\u03af\u03bd\u03b1\u03b9 \u03ba\u03b1\u03b8\u03ae\u03ba\u03bf\u03bd \u03bc\u03b1\u03c2 \u03c9\u03c2 \u03c8\u03b7\u03c6\u03b9\u03b1\u03ba\u03bf\u03af \u03c0\u03bf\u03bb\u03af\u03c4\u03b5\u03c2 \u03bd\u03b1 \u03b5\u03bb\u03ad\u03b3\u03c7\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7\u03bd \u03b5\u03b3\u03ba\u03c5\u03c1\u03cc\u03c4\u03b7\u03c4\u03b1 \u03c4\u03c9\u03bd \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03b9\u03ce\u03bd. \u039c\u03b7\u03bd \u03b4\u03b9\u03b1\u03c3\u03c0\u03b5\u03af\u03c1\u03b5\u03c4\u03b5 \u03c8\u03b5\u03cd\u03c4\u03b9\u03ba\u03b5\u03c2 \u03b5\u03b9\u03b4\u03ae\u03c3\u03b5\u03b9\u03c2 (fake news).\"\n },\n {\n scenario: \"\u039b\u03b1\u03bc\u03b2\u03ac\u03bd\u03b5\u03b9\u03c2 \u03b1\u03af\u03c4\u03b7\u03bc\u03b1 \u03c6\u03b9\u03bb\u03af\u03b1\u03c2 \u03b1\u03c0\u03cc \u03ad\u03bd\u03b1\u03bd \u03c7\u03c1\u03ae\u03c3\u03c4\u03b7 \u03bc\u03b5 \u03cc\u03bd\u03bf\u03bc\u03b1 'CoolGamer99'. \u0394\u03b5\u03bd \u03c4\u03bf\u03bd \u03b3\u03bd\u03c9\u03c1\u03af\u03b6\u03b5\u03b9\u03c2 \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03ba\u03b1\u03b8\u03b7\u03bc\u03b5\u03c1\u03b9\u03bd\u03ae \u03c3\u03bf\u03c5 \u03b6\u03c9\u03ae, \u03b1\u03bb\u03bb\u03ac \u03ad\u03c7\u03b5\u03b9 \u03c0\u03bf\u03bb\u03bb\u03bf\u03cd\u03c2 \u03ba\u03bf\u03b9\u03bd\u03bf\u03cd\u03c2 \u03c6\u03af\u03bb\u03bf\u03c5\u03c2.\",\n question: \"\u03a0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03c4\u03bf \u03b1\u03c0\u03bf\u03b4\u03b5\u03c7\u03c4\u03b5\u03af\u03c2;\",\n options: [\"\u039d\u03b1\u03b9, \u03b5\u03c0\u03b5\u03b9\u03b4\u03ae \u03ad\u03c7\u03bf\u03c5\u03bc\u03b5 \u03ba\u03bf\u03b9\u03bd\u03bf\u03cd\u03c2 \u03c6\u03af\u03bb\u03bf\u03c5\u03c2 \u03ba\u03b1\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c0\u03b9\u03b8\u03b1\u03bd\u03cc \u03bd\u03b1 \u03c4\u03bf\u03bd \u03be\u03ad\u03c1\u03c9.\", \"\u038c\u03c7\u03b9, \u03b1\u03c0\u03bf\u03b4\u03ad\u03c7\u03bf\u03bc\u03b1\u03b9 \u03bc\u03cc\u03bd\u03bf \u03cc\u03c3\u03bf\u03c5\u03c2 \u03b3\u03bd\u03c9\u03c1\u03af\u03b6\u03c9 \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03ba\u03b1\u03b8\u03b7\u03bc\u03b5\u03c1\u03b9\u03bd\u03ae \u03bc\u03bf\u03c5 \u03b6\u03c9\u03ae.\", \"\u039d\u03b1\u03b9, \u03b1\u03bd \u03c4\u03bf \u03c0\u03c1\u03bf\u03c6\u03af\u03bb \u03c4\u03bf\u03c5 \u03c6\u03b1\u03af\u03bd\u03b5\u03c4\u03b1\u03b9 \u03c6\u03c5\u03c3\u03b9\u03bf\u03bb\u03bf\u03b3\u03b9\u03ba\u03cc.\"],\n correct: 1,\n rule: \"\u0395\u03c0\u03b1\u03bb\u03ae\u03b8\u03b5\u03c5\u03c3\u03b7 \u0391\u03b9\u03c4\u03b7\u03bc\u03ac\u03c4\u03c9\u03bd \u03a6\u03b9\u03bb\u03af\u03b1\u03c2 (\u039a\u03b1\u03bd\u03cc\u03bd\u03b1\u03c2 12)\",\n explanation: \"\u0393\u03b9\u03b1 \u03bb\u03cc\u03b3\u03bf\u03c5\u03c2 \u03b1\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1\u03c2, \u03b1\u03c0\u03bf\u03b4\u03ad\u03c7\u03b5\u03c3\u03c4\u03b5 \u03bc\u03cc\u03bd\u03bf \u03ac\u03c4\u03bf\u03bc\u03b1 \u03c0\u03bf\u03c5 \u03b3\u03bd\u03c9\u03c1\u03af\u03b6\u03b5\u03c4\u03b5 \u03c0\u03c1\u03bf\u03c3\u03c9\u03c0\u03b9\u03ba\u03ac \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03ba\u03b1\u03b8\u03b7\u03bc\u03b5\u03c1\u03b9\u03bd\u03ae \u03b6\u03c9\u03ae. \u0388\u03bd\u03b1\u03c2 \u03ac\u03b3\u03bd\u03c9\u03c3\u03c4\u03bf\u03c2 \u03bb\u03bf\u03b3\u03b1\u03c1\u03b9\u03b1\u03c3\u03bc\u03cc\u03c2 \u03bc\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b5\u03c0\u03b9\u03ba\u03af\u03bd\u03b4\u03c5\u03bd\u03bf\u03c2.\"\n },\n {\n scenario: \"\u039c\u03c0\u03b1\u03af\u03bd\u03b5\u03b9\u03c2 \u03c3\u03b5 \u03bc\u03b9\u03b1 \u03bd\u03ad\u03b1 \u03b5\u03ba\u03c0\u03b1\u03b9\u03b4\u03b5\u03c5\u03c4\u03b9\u03ba\u03ae \u03c0\u03bb\u03b1\u03c4\u03c6\u03cc\u03c1\u03bc\u03b1. \u039f\u03b4\u03b7\u03b3\u03af\u03b5\u03c2 \u03ae \u03ba\u03b1\u03bd\u03cc\u03bd\u03b5\u03c2 \u03ba\u03bf\u03b9\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2 \u03b4\u03b5\u03bd \u03c3\u03bf\u03c5 \u03c6\u03b1\u03af\u03bd\u03bf\u03bd\u03c4\u03b1\u03b9 \u03c3\u03b7\u03bc\u03b1\u03bd\u03c4\u03b9\u03ba\u03bf\u03af.\",\n question: \"\u03a0\u03bf\u03b9\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b7 \u03c3\u03c9\u03c3\u03c4\u03ae \u03c0\u03c1\u03bf\u03c3\u03ad\u03b3\u03b3\u03b9\u03c3\u03b7;\",\n options: [\"\u039c\u03c0\u03b1\u03af\u03bd\u03c9 \u03ba\u03b1\u03c4\u03b5\u03c5\u03b8\u03b5\u03af\u03b1\u03bd \u03ba\u03b1\u03b9 \u03ba\u03ac\u03bd\u03c9 \u03cc,\u03c4\u03b9 \u03ba\u03ac\u03bd\u03bf\u03c5\u03bd \u03bf\u03b9 \u03ac\u03bb\u03bb\u03bf\u03b9.\", \"\u0394\u03b9\u03b1\u03b2\u03ac\u03b6\u03c9 \u03c4\u03bf\u03c5\u03c2 \u03ba\u03b1\u03bd\u03cc\u03bd\u03b5\u03c2 \u03c3\u03c5\u03bc\u03c0\u03b5\u03c1\u03b9\u03c6\u03bf\u03c1\u03ac\u03c2 \u03ba\u03b1\u03b9 \u03c4\u03b9\u03c2 \u03bf\u03b4\u03b7\u03b3\u03af\u03b5\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03bc\u03b7 \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03ae\u03c3\u03c9 \u03c0\u03c1\u03cc\u03b2\u03bb\u03b7\u03bc\u03b1.\", \"\u03a1\u03c9\u03c4\u03ac\u03c9 \u03ad\u03bd\u03b1\u03bd \u03c6\u03af\u03bb\u03bf \u03c4\u03b9 \u03b5\u03c0\u03b9\u03c4\u03c1\u03ad\u03c0\u03b5\u03c4\u03b1\u03b9 \u03ba\u03b1\u03b9 \u03c4\u03b9 \u03cc\u03c7\u03b9.\"],\n correct: 1,\n rule: \"\u0391\u03bd\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7 \u039a\u03b1\u03bd\u03cc\u03bd\u03c9\u03bd \u039a\u03bf\u03b9\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2 & \u039d\u03ad\u03bf\u03c5 \u039b\u03bf\u03b3\u03b1\u03c1\u03b9\u03b1\u03c3\u03bc\u03bf\u03cd (\u039a\u03b1\u03bd\u03cc\u03bd\u03b1\u03c2 3)\",\n explanation: \"\u039a\u03ac\u03b8\u03b5 \u03ba\u03bf\u03b9\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1 \u03ad\u03c7\u03b5\u03b9 \u03c4\u03bf\u03c5\u03c2 \u03b4\u03b9\u03ba\u03bf\u03cd\u03c2 \u03c4\u03b7\u03c2 \u03ba\u03b1\u03bd\u03cc\u03bd\u03b5\u03c2 (\u03ba\u03ce\u03b4\u03b9\u03ba\u03b1\u03c2 \u03b4\u03b5\u03bf\u03bd\u03c4\u03bf\u03bb\u03bf\u03b3\u03af\u03b1\u03c2). \u0397 \u03b1\u03bd\u03ac\u03b3\u03bd\u03c9\u03c3\u03ae \u03c4\u03bf\u03c5\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b1\u03c0\u03b1\u03c1\u03b1\u03af\u03c4\u03b7\u03c4\u03b7 \u03b3\u03b9\u03b1 \u03b8\u03b5\u03c4\u03b9\u03ba\u03ae \u03b5\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b1 \u03ba\u03b1\u03b9 \u03b1\u03c0\u03bf\u03c6\u03c5\u03b3\u03ae \u03c0\u03b1\u03c1\u03b5\u03be\u03b7\u03b3\u03ae\u03c3\u03b5\u03c9\u03bd.\"\n },\n {\n scenario: \"\u0388\u03bd\u03b1\u03c2 \u03ac\u03bb\u03bb\u03bf\u03c2 \u03c7\u03c1\u03ae\u03c3\u03c4\u03b7\u03c2 \u03c3\u03b5 \u03c0\u03c1\u03bf\u03c3\u03b2\u03ac\u03bb\u03bb\u03b5\u03b9 \u03bc\u03b5 \u03c5\u03b2\u03c1\u03b9\u03c3\u03c4\u03b9\u03ba\u03ac \u03c3\u03c7\u03cc\u03bb\u03b9\u03b1. \u0398\u03ad\u03bb\u03b5\u03b9\u03c2 \u03bd\u03b1 \u03c4\u03bf\u03bd \u03c0\u03c1\u03bf\u03c3\u03b2\u03ac\u03bb\u03bb\u03b5\u03b9\u03c2 \u03ba\u03b9 \u03b5\u03c3\u03cd \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c0\u03ac\u03c1\u03b5\u03b9\u03c2 \u03b5\u03ba\u03b4\u03af\u03ba\u03b7\u03c3\u03b7.\",\n question: \"\u03a4\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c3\u03c9\u03c3\u03c4\u03cc \u03bd\u03b1 \u03ba\u03ac\u03bd\u03b5\u03b9\u03c2;\",\n options: [\"\u0391\u03c0\u03b1\u03bd\u03c4\u03ce \u03bc\u03b5 \u03c4\u03b7\u03bd \u03af\u03b4\u03b9\u03b1 \u03b3\u03bb\u03ce\u03c3\u03c3\u03b1 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c4\u03bf\u03c5 \u03b4\u03b5\u03af\u03be\u03c9 \u03cc\u03c4\u03b9 \u03b4\u03b5\u03bd \u03c6\u03bf\u03b2\u03ac\u03bc\u03b1\u03b9.\", \"\u0394\u03b9\u03b1\u03c4\u03b7\u03c1\u03ce \u03c4\u03b7\u03bd \u03c8\u03c5\u03c7\u03c1\u03b1\u03b9\u03bc\u03af\u03b1, \u03b5\u03bd\u03b7\u03bc\u03b5\u03c1\u03ce\u03bd\u03c9 \u03b5\u03bd\u03ae\u03bb\u03b9\u03ba\u03b1 \u03ba\u03b1\u03b9 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03ce \u03c4\u03b1 \u03b5\u03c1\u03b3\u03b1\u03bb\u03b5\u03af\u03b1 \u03b1\u03bd\u03b1\u03c6\u03bf\u03c1\u03ac\u03c2 (Report).\", \"\u03a4\u03bf\u03bd \u03bc\u03c0\u03bb\u03bf\u03ba\u03ac\u03c1\u03c9 \u03ba\u03b1\u03b9 \u03c4\u03b5\u03bb\u03b5\u03af\u03c9\u03c3\u03b5.\"],\n correct: 1,\n rule: \"\u0394\u03b9\u03b1\u03c4\u03ae\u03c1\u03b7\u03c3\u03b7 \u03a8\u03c5\u03c7\u03c1\u03b1\u03b9\u03bc\u03af\u03b1\u03c2 & \u0391\u03bd\u03b1\u03c6\u03bf\u03c1\u03ac (\u039a\u03b1\u03bd\u03cc\u03bd\u03b1\u03c2 7)\",\n explanation: \"\u039c\u03b7\u03bd \u03b1\u03bd\u03c4\u03b1\u03c0\u03bf\u03b4\u03af\u03b4\u03b5\u03c4\u03b5 \u03c4\u03b7\u03bd \u03b1\u03b3\u03ad\u03bd\u03b5\u03b9\u03b1. \u0394\u03b9\u03b1\u03c4\u03b7\u03c1\u03ae\u03c3\u03c4\u03b5 \u03c4\u03b7\u03bd \u03c8\u03c5\u03c7\u03c1\u03b1\u03b9\u03bc\u03af\u03b1, \u03b1\u03bd\u03b1\u03c6\u03ad\u03c1\u03b5\u03c4\u03b5 \u03c4\u03bf \u03c0\u03b5\u03c1\u03b9\u03c3\u03c4\u03b1\u03c4\u03b9\u03ba\u03cc \u03c3\u03c4\u03b7\u03bd \u03c0\u03bb\u03b1\u03c4\u03c6\u03cc\u03c1\u03bc\u03b1 \u03ba\u03b1\u03b9 \u03c3\u03b5 \u03ad\u03bd\u03b1\u03bd \u03b5\u03bd\u03ae\u03bb\u03b9\u03ba\u03b1. \u0397 \u03b5\u03ba\u03b4\u03af\u03ba\u03b7\u03c3\u03b7 \u03b1\u03c0\u03bb\u03ce\u03c2 \u03b4\u03b9\u03b1\u03b9\u03c9\u03bd\u03af\u03b6\u03b5\u03b9 \u03c4\u03bf\u03bd \u03ba\u03b1\u03ba\u03cc \u03ba\u03cd\u03ba\u03bb\u03bf.\"\n },\n {\n scenario: \"\u0394\u03b7\u03bc\u03bf\u03c3\u03b9\u03b5\u03cd\u03b5\u03b9\u03c2 \u03bc\u03b9\u03b1 \u03c6\u03c9\u03c4\u03bf\u03b3\u03c1\u03b1\u03c6\u03af\u03b1 \u03c3\u03bf\u03c5 \u03b1\u03c0\u03cc \u03c4\u03b9\u03c2 \u03b4\u03b9\u03b1\u03ba\u03bf\u03c0\u03ad\u03c2 \u03ba\u03b1\u03b9 \u03b1\u03bd\u03b1\u03c6\u03ad\u03c1\u03b5\u03b9\u03c2 \u03c4\u03bf \u03cc\u03bd\u03bf\u03bc\u03b1 \u03c4\u03bf\u03c5 \u03be\u03b5\u03bd\u03bf\u03b4\u03bf\u03c7\u03b5\u03af\u03bf\u03c5, \u03c4\u03b7\u03bd \u03c0\u03cc\u03bb\u03b7 \u03ba\u03b1\u03b9 \u03c4\u03b7\u03bd \u03b1\u03ba\u03c1\u03b9\u03b2\u03ae \u03b7\u03bc\u03b5\u03c1\u03bf\u03bc\u03b7\u03bd\u03af\u03b1 \u03b5\u03c0\u03b9\u03c3\u03c4\u03c1\u03bf\u03c6\u03ae\u03c2 \u03c3\u03bf\u03c5.\",\n question: \"\u0395\u03af\u03bd\u03b1\u03b9 \u03b1\u03c3\u03c6\u03b1\u03bb\u03ad\u03c2 \u03b1\u03c5\u03c4\u03cc;\",\n options: [\"\u039d\u03b1\u03b9, \u03b5\u03c6\u03cc\u03c3\u03bf\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u03bc\u03cc\u03bd\u03bf \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03b9\u03c2 \u03b4\u03b9\u03b1\u03ba\u03bf\u03c0\u03ad\u03c2.\", \"\u038c\u03c7\u03b9, \u03bc\u03bf\u03b9\u03c1\u03ac\u03b6\u03b5\u03c3\u03b1\u03b9 \u03c0\u03ac\u03c1\u03b1 \u03c0\u03bf\u03bb\u03bb\u03ac \u03c0\u03c1\u03bf\u03c3\u03c9\u03c0\u03b9\u03ba\u03ac \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03b1 \u03c0\u03bf\u03c5 \u03bc\u03c0\u03bf\u03c1\u03bf\u03cd\u03bd \u03bd\u03b1 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03b7\u03b8\u03bf\u03cd\u03bd \u03b1\u03c0\u03cc \u03ba\u03b1\u03ba\u03cc\u03b2\u03bf\u03c5\u03bb\u03bf\u03c5\u03c2.\", \"\u039d\u03b1\u03b9, \u03b5\u03c6\u03cc\u03c3\u03bf\u03bd \u03ad\u03c7\u03c9 \u03c4\u03bf \u03c0\u03c1\u03bf\u03c6\u03af\u03bb \u03bc\u03bf\u03c5 \u03ba\u03bb\u03b5\u03b9\u03b4\u03c9\u03bc\u03ad\u03bd\u03bf.\"],\n correct: 1,\n rule: \"\u0388\u03bb\u03b5\u03b3\u03c7\u03bf\u03c2 \u03a0\u03c1\u03bf\u03c3\u03c9\u03c0\u03b9\u03ba\u03ce\u03bd \u0394\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03c9\u03bd (\u039a\u03b1\u03bd\u03cc\u03bd\u03b1\u03c2 11)\",\n explanation: \"\u0397 \u03ba\u03bf\u03b9\u03bd\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03c4\u03bf\u03c0\u03bf\u03b8\u03b5\u03c3\u03af\u03b1\u03c2, \u03b7\u03bc\u03b5\u03c1\u03bf\u03bc\u03b7\u03bd\u03af\u03b1\u03c2 \u03b5\u03c0\u03b9\u03c3\u03c4\u03c1\u03bf\u03c6\u03ae\u03c2 \u03ba\u03b1\u03b9 \u03ac\u03bb\u03bb\u03c9\u03bd \u03c0\u03c1\u03bf\u03c3\u03c9\u03c0\u03b9\u03ba\u03ce\u03bd \u03bb\u03b5\u03c0\u03c4\u03bf\u03bc\u03b5\u03c1\u03b5\u03b9\u03ce\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u03b5\u03c0\u03b9\u03ba\u03af\u03bd\u03b4\u03c5\u03bd\u03b7. \u039a\u03c1\u03b1\u03c4\u03ae\u03c3\u03c4\u03b5 \u03c4\u03b1 \u03c0\u03c1\u03bf\u03c3\u03c9\u03c0\u03b9\u03ba\u03ac \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03b1 \u03c0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c4\u03b5\u03c5\u03bc\u03ad\u03bd\u03b1.\"\n },\n {\n scenario: \"\u0388\u03b3\u03c1\u03b1\u03c8\u03b5\u03c2 \u03ad\u03bd\u03b1 \u03b1\u03c3\u03c4\u03b5\u03af\u03bf \u03bc\u03b5 \u03c3\u03b1\u03c1\u03ba\u03b1\u03c3\u03bc\u03cc \u03c3\u03b5 \u03ad\u03bd\u03b1 \u03b4\u03b7\u03bc\u03cc\u03c3\u03b9\u03bf chat. \u039a\u03ac\u03c0\u03bf\u03b9\u03bf\u03b9 \u03c7\u03c1\u03ae\u03c3\u03c4\u03b5\u03c2 \u03c0\u03b1\u03c1\u03b5\u03be\u03ae\u03b3\u03b7\u03c3\u03b1\u03bd \u03c4\u03bf \u03bd\u03cc\u03b7\u03bc\u03b1 \u03ba\u03b1\u03b9 \u03b8\u03cd\u03bc\u03c9\u03c3\u03b1\u03bd.\",\n question: \"\u03a4\u03b9 \u03c0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03b8\u03c5\u03bc\u03ac\u03c3\u03b1\u03b9 \u03b3\u03b9\u03b1 \u03c4\u03bf \u03c7\u03b9\u03bf\u03cd\u03bc\u03bf\u03c1;\",\n options: [\"\u0394\u03b5\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u03b4\u03b9\u03ba\u03cc \u03bc\u03bf\u03c5 \u03c0\u03c1\u03cc\u03b2\u03bb\u03b7\u03bc\u03b1, \u03c4\u03bf \u03ba\u03b1\u03c4\u03ac\u03bb\u03b1\u03b2\u03b1\u03bd \u03bb\u03ac\u03b8\u03bf\u03c2.\", \"\u03a4\u03bf \u03c7\u03b9\u03bf\u03cd\u03bc\u03bf\u03c1 \u03ba\u03b1\u03b9 \u03bf \u03c3\u03b1\u03c1\u03ba\u03b1\u03c3\u03bc\u03cc\u03c2 \u03c0\u03b1\u03c1\u03b5\u03be\u03b7\u03b3\u03bf\u03cd\u03bd\u03c4\u03b1\u03b9 \u03b5\u03cd\u03ba\u03bf\u03bb\u03b1 online. \u03a7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b5 emojis (\u03c0.\u03c7. \ud83d\ude02) \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b2\u03bf\u03b7\u03b8\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c3\u03c4\u03bf\u03bd \u03c4\u03cc\u03bd\u03bf.\", \"\u03a4\u03bf \u03c7\u03b9\u03bf\u03cd\u03bc\u03bf\u03c1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03bc\u03ad\u03c1\u03bf\u03c2 \u03c4\u03b7\u03c2 \u03b5\u03bb\u03b5\u03c5\u03b8\u03b5\u03c1\u03af\u03b1\u03c2 \u03c4\u03bf\u03c5 \u03bb\u03cc\u03b3\u03bf\u03c5 \u03ba\u03b1\u03b9 \u03b4\u03b5\u03bd \u03c7\u03c1\u03b5\u03b9\u03ac\u03b6\u03b5\u03c4\u03b1\u03b9 \u03b5\u03c0\u03b5\u03be\u03ae\u03b3\u03b7\u03c3\u03b7.\"],\n correct: 1,\n rule: \"\u03a0\u03c1\u03bf\u03c3\u03bf\u03c7\u03ae \u03bc\u03b5 \u03c4\u03bf \u03a7\u03b9\u03bf\u03cd\u03bc\u03bf\u03c1 (\u039a\u03b1\u03bd\u03cc\u03bd\u03b1\u03c2 5)\",\n explanation: \"\u03a7\u03c9\u03c1\u03af\u03c2 \u03c4\u03bf\u03bd \u03c4\u03cc\u03bd\u03bf \u03c4\u03b7\u03c2 \u03c6\u03c9\u03bd\u03ae\u03c2 \u03ba\u03b1\u03b9 \u03c4\u03b7 \u03b3\u03bb\u03ce\u03c3\u03c3\u03b1 \u03c4\u03bf\u03c5 \u03c3\u03ce\u03bc\u03b1\u03c4\u03bf\u03c2, \u03c4\u03bf \u03c7\u03b9\u03bf\u03cd\u03bc\u03bf\u03c1 \u03ba\u03b1\u03b9 \u03bf \u03c3\u03b1\u03c1\u03ba\u03b1\u03c3\u03bc\u03cc\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b5\u03cd\u03ba\u03bf\u03bb\u03bf \u03bd\u03b1 \u03c0\u03b1\u03c1\u03b5\u03be\u03b7\u03b3\u03b7\u03b8\u03bf\u03cd\u03bd. \u03a7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03c4\u03b5 emojis \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03ba\u03b1\u03b8\u03bf\u03b4\u03b7\u03b3\u03ae\u03c3\u03b5\u03c4\u03b5 \u03c4\u03bf\u03bd \u03b1\u03bd\u03b1\u03b3\u03bd\u03ce\u03c3\u03c4\u03b7.\"\n },\n {\n scenario: \"\u03a0\u03bf\u03b9\u03bf\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03bf \u03c0\u03b9\u03bf \u03c3\u03b7\u03bc\u03b1\u03bd\u03c4\u03b9\u03ba\u03cc\u03c2 '\u03a7\u03c1\u03c5\u03c3\u03cc\u03c2 \u039a\u03b1\u03bd\u03cc\u03bd\u03b1\u03c2' \u03c4\u03b7\u03c2 Netiquette;\",\n question: \"\u0395\u03c0\u03af\u03bb\u03b5\u03be\u03b5 \u03c4\u03bf\u03bd \u03a7\u03c1\u03c5\u03c3\u03cc \u039a\u03b1\u03bd\u03cc\u03bd\u03b1:\",\n options: [\"\u039d\u03b1 \u03b5\u03af\u03c3\u03b1\u03b9 \u03c0\u03ac\u03bd\u03c4\u03b1 \u03b1\u03bd\u03ce\u03bd\u03c5\u03bc\u03bf\u03c2 online.\", \"\u039d\u03b1 \u03c3\u03c5\u03bc\u03c0\u03b5\u03c1\u03b9\u03c6\u03ad\u03c1\u03b5\u03c3\u03b1\u03b9 \u03c3\u03c4\u03bf\u03c5\u03c2 \u03ac\u03bb\u03bb\u03bf\u03c5\u03c2, \u03cc\u03c0\u03c9\u03c2 \u03b8\u03ad\u03bb\u03b5\u03b9\u03c2 \u03bd\u03b1 \u03c3\u03bf\u03c5 \u03c3\u03c5\u03bc\u03c0\u03b5\u03c1\u03b9\u03c6\u03ad\u03c1\u03bf\u03bd\u03c4\u03b1\u03b9 \u03ba\u03b1\u03b9 \u03b1\u03c5\u03c4\u03bf\u03af.\", \"\u039d\u03b1 \u03ad\u03c7\u03b5\u03b9\u03c2 \u03c0\u03ac\u03bd\u03c4\u03b1 \u03b4\u03af\u03ba\u03b9\u03bf \u03c3\u03c4\u03b9\u03c2 \u03c3\u03c5\u03b6\u03b7\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2.\"],\n correct: 1,\n rule: \"\u039f \u03a7\u03c1\u03c5\u03c3\u03cc\u03c2 \u039a\u03b1\u03bd\u03cc\u03bd\u03b1\u03c2 \u03c4\u03b7\u03c2 Netiquette (\u039a\u03b1\u03bd\u03cc\u03bd\u03b1\u03c2 2)\",\n explanation: \"\u0397 Netiquette \u03b2\u03b1\u03c3\u03af\u03b6\u03b5\u03c4\u03b1\u03b9 \u03c3\u03c4\u03b7\u03bd \u03b1\u03c1\u03c7\u03ae \u03cc\u03c4\u03b9 \u03c3\u03c5\u03bc\u03c0\u03b5\u03c1\u03b9\u03c6\u03b5\u03c1\u03cc\u03bc\u03b1\u03c3\u03c4\u03b5 \u03c3\u03c4\u03bf\u03bd \u03c8\u03b7\u03c6\u03b9\u03b1\u03ba\u03cc \u03ba\u03cc\u03c3\u03bc\u03bf \u03bc\u03b5 \u03c4\u03b7\u03bd \u03af\u03b4\u03b9\u03b1 \u03b5\u03c5\u03b3\u03ad\u03bd\u03b5\u03b9\u03b1, \u03b5\u03bd\u03c3\u03c5\u03bd\u03b1\u03af\u03c3\u03b8\u03b7\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03c3\u03b5\u03b2\u03b1\u03c3\u03bc\u03cc \u03c0\u03bf\u03c5 \u03ad\u03c7\u03bf\u03c5\u03bc\u03b5 \u03ba\u03b1\u03b9 \u03c3\u03c4\u03b7\u03bd \u03ba\u03b1\u03b8\u03b7\u03bc\u03b5\u03c1\u03b9\u03bd\u03ae \u03b6\u03c9\u03ae.\"\n }\n ];\n\n \/\/ ==============================================\n \/\/ \u039b\u039f\u0393\u0399\u039a\u0397 \u0395\u03a6\u0391\u03a1\u039c\u039f\u0393\u0397\u03a3 (STATE\/VIEW)\n \/\/ ==============================================\n\n const mainContent = document.getElementById('main-content');\n const POLL_COLLECTION_PATH = 'netiquette_poll_votes';\n\n function setAppState(newState) {\n appState = newState;\n renderApp();\n }\n\n function renderApp() {\n mainContent.innerHTML = ''; \/\/ \u039a\u03b1\u03b8\u03b1\u03c1\u03b9\u03c3\u03bc\u03cc\u03c2\n\n switch (appState) {\n case APP_STATE.LOADING:\n \/\/ \u0395\u03bc\u03c6\u03b1\u03bd\u03af\u03b6\u03bf\u03c5\u03bc\u03b5 \u03c4\u03bf loading \u03bc\u03cc\u03bd\u03bf \u03b1\u03bd \u03b4\u03b5\u03bd \u03ad\u03c7\u03b5\u03b9 \u03c6\u03bf\u03c1\u03c4\u03ce\u03c3\u03b5\u03b9 \u03b1\u03ba\u03cc\u03bc\u03b1 \u03c4\u03bf Firebase\n mainContent.innerHTML = `<div id=\"loading-screen\" class=\"text-center p-12 bg-white rounded-xl shadow-xl\">\n <div class=\"animate-spin rounded-full h-12 w-12 border-4 border-indigo-500 border-t-transparent mx-auto mb-4\"><\/div>\n <p class=\"text-xl text-indigo-700 font-semibold\">\u03a6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b7 \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03c9\u03bd \u03ba\u03b1\u03b9 \u03c3\u03cd\u03bd\u03b4\u03b5\u03c3\u03b7...<\/p>\n <\/div>`;\n break;\n case APP_STATE.POLL:\n renderPoll();\n break;\n case APP_STATE.POLL_RESULTS:\n renderPollResults();\n break;\n case APP_STATE.GUIDE_AND_QUIZ:\n renderGuideAndQuiz();\n break;\n case APP_STATE.QUIZ_RESULTS:\n showResults(); \/\/ \u03a7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03b5\u03af \u03c4\u03b7\u03bd \u03c0\u03b1\u03bb\u03b9\u03ac \u03c3\u03c5\u03bd\u03ac\u03c1\u03c4\u03b7\u03c3\u03b7\n break;\n }\n }\n\n \/\/ ==============================================\n \/\/ \u039b\u039f\u0393\u0399\u039a\u0397 \u03a8\u0397\u03a6\u039f\u03a6\u039f\u03a1\u0399\u0391\u03a3 (POLL)\n \/\/ ==============================================\n\n function renderPoll() {\n let html = `<section id=\"poll-section\" class=\"mb-12 border border-gray-200 rounded-xl shadow-2xl p-6 bg-white\">\n <h1 class=\"text-3xl md:text-4xl font-extrabold text-indigo-700 mb-2 text-center border-b pb-3\">\n \ud83d\uddf3\ufe0f \u03a8\u03b7\u03c6\u03bf\u03c6\u03bf\u03c1\u03af\u03b1 \u0395\u03b9\u03c3\u03b1\u03b3\u03c9\u03b3\u03ae\u03c2: \u03a4\u03b9 \u0399\u03c3\u03c7\u03cd\u03b5\u03b9 Online;\n <\/h1>\n <p class=\"text-xl text-gray-600 mb-8 text-center\">\n \u0394\u03b9\u03ac\u03bb\u03b5\u03be\u03b5 \u03c4\u03b7\u03bd \u03b1\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b7 \u03c0\u03bf\u03c5 \u03c0\u03b9\u03c3\u03c4\u03b5\u03cd\u03b5\u03b9\u03c2 \u03cc\u03c4\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c3\u03c9\u03c3\u03c4\u03ae \u03c3\u03b5 \u03b1\u03c5\u03c4\u03ac \u03c4\u03b1 3 \u03b4\u03b9\u03bb\u03ae\u03bc\u03bc\u03b1\u03c4\u03b1.\n <\/p>\n <div id=\"poll-questions-container\" class=\"space-y-10\">\n `;\n\n pollQuestions.forEach((q, qIndex) => {\n html += `\n <div id=\"poll-q-${qIndex}\" class=\"p-4 rounded-xl border border-gray-300\">\n <p class=\"text-xl font-bold text-gray-800 mb-4\">${qIndex + 1}. ${q.question}<\/p>\n <div class=\"space-y-2\">\n ${q.options.map((opt, oIndex) => `\n <button\n id=\"poll-opt-${qIndex}-${oIndex}\"\n class=\"option-button w-full p-3 text-lg text-left border border-gray-300 rounded-lg font-medium text-gray-700 bg-white hover:bg-blue-50 hover:border-blue-400 shadow-sm disabled:opacity-75 disabled:cursor-not-allowed\"\n onclick=\"submitVote(${qIndex}, ${oIndex}, '${q.id}', '${opt.shortId}', this)\">\n ${opt.text}\n <\/button>\n `).join('')}\n <\/div>\n <\/div>\n `;\n });\n\n html += `<\/div><\/section>`;\n mainContent.innerHTML = html;\n }\n\n async function submitVote(qIndex, oIndex, questionId, optionId, button) {\n \/\/ \u0391\u03c0\u03b5\u03bd\u03b5\u03c1\u03b3\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03cc\u03bb\u03c9\u03bd \u03c4\u03c9\u03bd \u03ba\u03bf\u03c5\u03bc\u03c0\u03b9\u03ce\u03bd \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u03c4\u03c1\u03ad\u03c7\u03bf\u03c5\u03c3\u03b1 \u03b5\u03c1\u03ce\u03c4\u03b7\u03c3\u03b7\n const buttons = document.querySelectorAll(`#poll-q-${qIndex} .option-button`);\n buttons.forEach(btn => btn.disabled = true);\n\n \/\/ \u03a3\u03ae\u03bc\u03b1\u03bd\u03c3\u03b7 \u03b5\u03c0\u03b9\u03bb\u03b5\u03b3\u03bc\u03ad\u03bd\u03bf\u03c5 \u03ba\u03bf\u03c5\u03bc\u03c0\u03b9\u03bf\u03cd\n button.classList.add('bg-indigo-500', 'text-white');\n button.classList.remove('bg-white', 'hover:bg-blue-50');\n\n \/\/ \u0391\u03c0\u03bf\u03b8\u03ae\u03ba\u03b5\u03c5\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03b5\u03c0\u03b9\u03bb\u03bf\u03b3\u03ae\u03c2\n userVotes[qIndex] = { questionId, optionId, isCorrect: pollQuestions[qIndex].options[oIndex].isCorrect };\n\n \/\/ \u039b\u03bf\u03b3\u03b9\u03ba\u03ae \u03ba\u03b1\u03c4\u03b1\u03bc\u03ad\u03c4\u03c1\u03b7\u03c3\u03b7\u03c2 \u03c3\u03c4\u03bf Firestore (\u039c\u03cc\u03bd\u03bf \u03b1\u03bd \u03c4\u03bf Firebase \u03b5\u03af\u03bd\u03b1\u03b9 \u03ad\u03c4\u03bf\u03b9\u03bc\u03bf)\n if (window.firebase.db) {\n const db = window.firebase.db;\n const appId = window.firebase.appId;\n const voteDocRef = doc(db, 'artifacts', appId, 'public', 'data', POLL_COLLECTION_PATH, questionId);\n\n try {\n await runTransaction(db, async (transaction) => {\n const docSnapshot = await transaction.get(voteDocRef);\n\n \/\/ \u03a0\u03c1\u03bf\u03b5\u03c4\u03bf\u03b9\u03bc\u03b1\u03c3\u03af\u03b1 \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03c9\u03bd \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u03ba\u03b1\u03c4\u03b1\u03bc\u03ad\u03c4\u03c1\u03b7\u03c3\u03b7\n let currentCounts = {};\n pollQuestions[qIndex].options.forEach(opt => {\n currentCounts[opt.shortId] = (docSnapshot.exists() && docSnapshot.data()[opt.shortId]) || 0;\n });\n\n \/\/ \u0391\u03cd\u03be\u03b7\u03c3\u03b7 \u03c4\u03bf\u03c5 \u03bc\u03b5\u03c4\u03c1\u03b7\u03c4\u03ae \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u03b5\u03c0\u03b9\u03bb\u03b5\u03b3\u03bc\u03ad\u03bd\u03b7 \u03b5\u03c0\u03b9\u03bb\u03bf\u03b3\u03ae\n currentCounts[optionId] = (currentCounts[optionId] || 0) + 1;\n\n \/\/ \u0391\u03c0\u03bf\u03b8\u03ae\u03ba\u03b5\u03c5\u03c3\u03b7 \u03c4\u03c9\u03bd \u03b5\u03bd\u03b7\u03bc\u03b5\u03c1\u03c9\u03bc\u03ad\u03bd\u03c9\u03bd \u03bc\u03b5\u03c4\u03c1\u03b7\u03c4\u03ce\u03bd\n transaction.set(voteDocRef, currentCounts);\n\n \/\/ \u0395\u03bd\u03b7\u03bc\u03ad\u03c1\u03c9\u03c3\u03b7 \u03c4\u03bf\u03c0\u03b9\u03ba\u03ce\u03bd \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03b5\u03c3\u03bc\u03ac\u03c4\u03c9\u03bd\n pollResults[qIndex] = { questionId, total: Object.values(currentCounts).reduce((a, b) => a + b, 0), counts: currentCounts };\n });\n console.log(\"Vote submitted and counts updated successfully.\");\n } catch (e) {\n console.error(\"Transaction failed: \", e);\n \/\/ \u0391\u03bd \u03b1\u03c0\u03bf\u03c4\u03cd\u03c7\u03b5\u03b9 \u03b7 \u03b5\u03b3\u03b3\u03c1\u03b1\u03c6\u03ae, \u03c0\u03c1\u03bf\u03c7\u03c9\u03c1\u03ac\u03bc\u03b5 \u03c7\u03c9\u03c1\u03af\u03c2 \u03c4\u03b1 live \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03ad\u03c3\u03bc\u03b1\u03c4\u03b1\n }\n } else {\n \/\/ \u0391\u03bd \u03c4\u03bf Firebase \u03b4\u03b5\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u03b4\u03b9\u03b1\u03b8\u03ad\u03c3\u03b9\u03bc\u03bf, \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03bf\u03cd\u03bc\u03b5 0 \u03c8\u03ae\u03c6\u03bf\u03c5\u03c2\n pollResults[qIndex] = { questionId, total: 1, counts: { [optionId]: 1 } };\n }\n\n \/\/ \u0388\u03bb\u03b5\u03b3\u03c7\u03bf\u03c2 \u03b1\u03bd \u03ad\u03c7\u03bf\u03c5\u03bd \u03b1\u03c0\u03b1\u03bd\u03c4\u03b7\u03b8\u03b5\u03af \u03cc\u03bb\u03b5\u03c2 \u03bf\u03b9 \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2\n if (userVotes.every(v => v !== null)) {\n \/\/ \u03a0\u03c1\u03bf\u03b2\u03bf\u03bb\u03ae \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03b5\u03c3\u03bc\u03ac\u03c4\u03c9\u03bd \u03bc\u03b5\u03c4\u03ac \u03b1\u03c0\u03cc \u03bc\u03b9\u03b1 \u03bc\u03b9\u03ba\u03c1\u03ae \u03ba\u03b1\u03b8\u03c5\u03c3\u03c4\u03ad\u03c1\u03b7\u03c3\u03b7\n setTimeout(() => {\n \/\/ \u03a3\u03c5\u03bc\u03c0\u03bb\u03b7\u03c1\u03ce\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c4\u03c5\u03c7\u03cc\u03bd \u03ba\u03b5\u03bd\u03ac \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03ad\u03c3\u03bc\u03b1\u03c4\u03b1 \u03bc\u03b5 0 \u03b1\u03bd \u03b4\u03b5\u03bd \u03c5\u03c0\u03ae\u03c1\u03c7\u03b5 Firestore\n pollQuestions.forEach((q, qIndex) => {\n if (!pollResults[qIndex]) {\n const initialCounts = {};\n q.options.forEach(opt => initialCounts[opt.shortId] = 0);\n initialCounts[userVotes[qIndex].optionId] = 1; \/\/ \u039f \u03b4\u03b9\u03ba\u03cc\u03c2 \u03bc\u03b1\u03c2 \u03c8\u03ae\u03c6\u03bf\u03c2\n pollResults[qIndex] = { questionId: q.id, total: 1, counts: initialCounts };\n }\n });\n setAppState(APP_STATE.POLL_RESULTS);\n }, 1000);\n }\n }\n\n function renderPollResults() {\n let html = `<section id=\"poll-results-section\" class=\"mb-12 border border-gray-200 rounded-xl shadow-2xl p-6 bg-white\">\n <h1 class=\"text-3xl md:text-4xl font-extrabold text-green-700 mb-2 text-center border-b pb-3\">\n \ud83d\udcca \u03a4\u03b1 \u0391\u03c0\u03bf\u03c4\u03b5\u03bb\u03ad\u03c3\u03bc\u03b1\u03c4\u03b1 \u03c4\u03b7\u03c2 \u03a8\u03b7\u03c6\u03bf\u03c6\u03bf\u03c1\u03af\u03b1\u03c2\n <\/h1>\n <p class=\"text-xl text-gray-600 mb-8 text-center\">\n \u0394\u03b5\u03c2 \u03c0\u03ce\u03c2 \u03b1\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b1\u03bd \u03bf\u03b9 \u03c5\u03c0\u03cc\u03bb\u03bf\u03b9\u03c0\u03bf\u03b9 \u03c7\u03c1\u03ae\u03c3\u03c4\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03c3\u03cd\u03b3\u03ba\u03c1\u03b9\u03bd\u03b5 \u03bc\u03b5 \u03c4\u03b9\u03c2 \u03b4\u03b9\u03ba\u03ad\u03c2 \u03c3\u03bf\u03c5 \u03b5\u03c0\u03b9\u03bb\u03bf\u03b3\u03ad\u03c2!\n <\/p>\n ${!window.firebase.db ? '<p class=\"text-sm text-red-500 text-center mb-4\">\u0394\u03b5\u03bd \u03ae\u03c4\u03b1\u03bd \u03b4\u03c5\u03bd\u03b1\u03c4\u03ae \u03b7 \u03c3\u03cd\u03bd\u03b4\u03b5\u03c3\u03b7 \u03c3\u03c4\u03bf \u03b4\u03b9\u03b1\u03ba\u03bf\u03bc\u03b9\u03c3\u03c4\u03ae. \u0395\u03bc\u03c6\u03b1\u03bd\u03af\u03b6\u03bf\u03bd\u03c4\u03b1\u03b9 \u03bc\u03cc\u03bd\u03bf \u03bf\u03b9 \u03b4\u03b9\u03ba\u03ad\u03c2 \u03c3\u03b1\u03c2 \u03c8\u03ae\u03c6\u03bf\u03b9.<\/p>' : ''}\n <div id=\"results-container\" class=\"space-y-10\">`;\n\n pollQuestions.forEach((q, qIndex) => {\n const results = pollResults.find(r => r.questionId === q.id);\n const totalVotes = results ? results.total : 1; \/\/ \u0391\u03c0\u03bf\u03c6\u03c5\u03b3\u03ae \u03b4\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7\u03c2 \u03bc\u03b5 \u03c4\u03bf \u03bc\u03b7\u03b4\u03ad\u03bd\n const userAnswer = userVotes[qIndex];\n \n html += `\n <div class=\"p-4 rounded-xl shadow-lg border-l-4 border-indigo-500 bg-gray-50\">\n <p class=\"text-2xl font-bold text-gray-800 mb-4\">${qIndex + 1}. ${q.question}<\/p>\n <p class=\"text-sm text-gray-600 mb-2\">\u03a3\u03cd\u03bd\u03bf\u03bb\u03bf \u0391\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03b5\u03c9\u03bd: ${totalVotes}<\/p>\n <div class=\"space-y-3\">\n ${q.options.map((opt, oIndex) => {\n const count = results ? (results.counts[opt.shortId] || 0) : 0;\n const percentage = totalVotes > 0 ? ((count \/ totalVotes) * 100).toFixed(0) : 0;\n const isUserAnswer = userAnswer && userAnswer.optionId === opt.shortId;\n const isCorrect = opt.isCorrect;\n \n let barColor = 'bg-gray-300';\n if (isCorrect) barColor = 'bg-green-500';\n else if (isUserAnswer && !isCorrect) barColor = 'bg-red-500';\n\n return `\n <div class=\"p-2 border rounded-lg ${isUserAnswer ? 'border-indigo-600 ring-2 ring-indigo-300' : 'border-gray-200'} bg-white\">\n <div class=\"flex justify-between items-center mb-1 text-sm font-semibold\">\n <span class=\"${isCorrect ? 'text-green-700 font-bold' : 'text-gray-700'}\">\n ${opt.text}\n ${isCorrect ? ' (\u03a3\u03a9\u03a3\u03a4\u039f)' : ''}\n <\/span>\n <span class=\"${isCorrect ? 'text-green-700' : 'text-gray-700'}\">${percentage}% (${count} \u03c8\u03ae\u03c6\u03bf\u03b9)<\/span>\n <\/div>\n <div class=\"w-full bg-gray-200 rounded-full h-4\">\n <div \n class=\"poll-result-bar h-4 rounded-full ${barColor}\" \n style=\"width: ${percentage}%;\">\n <\/div>\n <\/div>\n ${isUserAnswer ? `<p class=\"mt-1 text-xs font-bold ${isCorrect ? 'text-green-600' : 'text-red-600'}\">\u2b05 \u0397 \u0394\u0399\u039a\u0397 \u03a3\u039f\u03a5 \u0391\u03a0\u0391\u039d\u03a4\u0397\u03a3\u0397<\/p>` : ''}\n <\/div>\n `;\n }).join('')}\n <\/div>\n <p class=\"mt-4 text-md font-medium text-gray-700\">\ud83d\udccc ${pollQuestions[qIndex].rule}<\/p>\n <\/div>\n `;\n });\n\n html += `\n <\/div>\n <div class=\"text-center mt-10\">\n <button \n class=\"px-8 py-4 bg-indigo-600 text-white font-bold rounded-full hover:bg-indigo-700 transition duration-300 shadow-xl text-xl\"\n onclick=\"setAppState(APP_STATE.GUIDE_AND_QUIZ)\">\n \u03a3\u03c5\u03bd\u03ad\u03c7\u03b5\u03b9\u03b1 \u03c3\u03c4\u03bf\u03bd \u039f\u03b4\u03b7\u03b3\u03cc Netiquette\n <\/button>\n <\/div>\n <\/section>`;\n mainContent.innerHTML = html;\n }\n\n \/\/ ==============================================\n \/\/ \u039b\u039f\u0393\u0399\u039a\u0397 \u039f\u0394\u0397\u0393\u039f\u03a5 & QUIZ\n \/\/ ==============================================\n\n let currentQuestionIndex = 0;\n let score = 0;\n let quizCompleted = false;\n\n function renderGuideAndQuiz() {\n mainContent.innerHTML = `\n \n <section id=\"rules-guide\" class=\"mb-12 border border-gray-200 rounded-xl shadow-2xl p-6 bg-white\">\n <h1 class=\"text-3xl md:text-4xl font-extrabold text-gray-800 mb-2 text-center border-b pb-3\">\n \ud83c\udf10 \u039f\u03b9 13 \u03a7\u03c1\u03c5\u03c3\u03bf\u03af \u039a\u03b1\u03bd\u03cc\u03bd\u03b5\u03c2 \u03c4\u03b7\u03c2 Netiquette\n <\/h1>\n <p class=\"text-xl text-gray-600 mb-6 text-center\">\n \u039c\u03b5\u03bb\u03ad\u03c4\u03b7\u03c3\u03b5 \u03c4\u03bf\u03c5\u03c2 \u03ba\u03b1\u03bd\u03cc\u03bd\u03b5\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b3\u03bd\u03c9\u03c1\u03af\u03c3\u03b5\u03b9\u03c2 \u03c4\u03bf \u03c3\u03c9\u03c3\u03c4\u03cc \u03c4\u03c1\u03cc\u03c0\u03bf \u03c3\u03c5\u03bc\u03c0\u03b5\u03c1\u03b9\u03c6\u03bf\u03c1\u03ac\u03c2 \u03c3\u03c4\u03bf\u03bd \u03c8\u03b7\u03c6\u03b9\u03b1\u03ba\u03cc \u03ba\u03cc\u03c3\u03bc\u03bf.\n <\/p>\n <div id=\"accordion-container\" class=\"space-y-4\"><\/div>\n <\/section>\n\n <hr class=\"my-8 border-t-2 border-indigo-400\">\n\n \n <section id=\"quiz-section\" class=\"border border-gray-200 rounded-xl shadow-2xl p-6 bg-white\">\n <h2 class=\"text-3xl md:text-4xl font-extrabold text-indigo-700 mb-6 text-center border-b pb-3\">\n \ud83c\udfaf \u039e\u03b5\u03ba\u03af\u03bd\u03b1 \u03c4\u03bf Netiquette Challenge\n <\/h2>\n <div id=\"status-area\" class=\"flex justify-between items-center mb-6 p-4 bg-indigo-50 rounded-lg shadow-inner border border-indigo-300\">\n <span class=\"text-xl text-indigo-700 font-semibold\">\n \u0395\u03c1\u03ce\u03c4\u03b7\u03c3\u03b7: <span id=\"current-question-display\">0<\/span> \/ <span id=\"total-questions-display\">${quizData.length}<\/span>\n <\/span>\n <span class=\"text-xl text-indigo-700 font-semibold\">\n \u03a3\u03ba\u03bf\u03c1: <span id=\"score-display\" class=\"text-indigo-900 text-3xl font-bold\">0<\/span>\n <\/span>\n <\/div>\n <div id=\"quiz-area\"><\/div>\n <\/section>\n `;\n \/\/ Call initialization functions\n renderAccordion();\n loadQuiz();\n }\n\n \/\/ --- Accordion Logic ---\n function renderAccordion() {\n const container = document.getElementById('accordion-container');\n if (!container) return; \/\/ \u0388\u03bb\u03b5\u03b3\u03c7\u03bf\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03bc\u03b7 \u03c3\u03c0\u03ac\u03c3\u03b5\u03b9 \u03b1\u03bd \u03b4\u03b5\u03bd \u03ad\u03c7\u03b5\u03b9 \u03c6\u03bf\u03c1\u03c4\u03ce\u03c3\u03b5\u03b9 \u03c4\u03bf DOM\n container.innerHTML = rulesData.map((rule, index) => {\n return `\n <div class=\"border border-gray-300 rounded-xl overflow-hidden shadow-md\">\n <div class=\"w-full text-left p-4 flex justify-between items-center bg-gray-50 hover:bg-gray-100 transition duration-300\">\n <div class=\"flex items-center space-x-3 w-11\/12\">\n <span class=\"text-xl font-semibold text-gray-800 cursor-pointer\" onclick=\"toggleAccordion('content-${index}', 'arrow-${index}')\">\n ${rule.icon} <span class=\"text-indigo-600 mr-2\">${index + 1}.<\/span> ${rule.title}\n <\/span>\n <\/div>\n <button \n class=\"p-2 focus:outline-none\"\n onclick=\"toggleAccordion('content-${index}', 'arrow-${index}')\">\n <svg id=\"arrow-${index}\" class=\"w-6 h-6 text-indigo-600 transform transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\n <\/svg>\n <\/button>\n <\/div>\n <div id=\"content-${index}\" class=\"accordion-content bg-white text-gray-700\">\n <p class=\"p-4 border-t border-gray-200 text-lg leading-relaxed\">${rule.description}<\/p>\n <\/div>\n <\/div>\n `;\n }).join('');\n }\n\n window.toggleAccordion = function(contentId, arrowId) { \/\/ Global function for HTML onclick\n const content = document.getElementById(contentId);\n const arrow = document.getElementById(arrowId);\n document.querySelectorAll('.accordion-content').forEach(item => {\n const otherIndex = item.id.split('-')[1];\n const otherArrow = document.getElementById(`arrow-${otherIndex}`);\n if (item.id !== contentId && item.classList.contains('open')) {\n item.classList.remove('open');\n otherArrow?.classList.remove('rotate-180');\n }\n });\n content.classList.toggle('open');\n arrow.classList.toggle('rotate-180', content.classList.contains('open'));\n }\n\n \/\/ --- Quiz Logic ---\n function loadQuiz() {\n const quizArea = document.getElementById('quiz-area');\n if (!quizArea) return;\n\n if (currentQuestionIndex < quizData.length) {\n displayQuestion(quizData[currentQuestionIndex]);\n document.getElementById('current-question-display').textContent = currentQuestionIndex + 1;\n } else {\n setAppState(APP_STATE.QUIZ_RESULTS);\n }\n }\n\n function displayQuestion(data) {\n const quizArea = document.getElementById('quiz-area');\n if (!quizArea) return;\n\n quizArea.innerHTML = `\n <div id=\"scenario-card\" class=\"mb-6 p-5 bg-gray-100 border-l-4 border-indigo-500 rounded-xl shadow-inner\">\n <p class=\"text-xl font-bold uppercase text-indigo-600 mb-2\">\u03a3\u03b5\u03bd\u03ac\u03c1\u03b9\u03bf \u0391\u03be\u03b9\u03bf\u03bb\u03cc\u03b3\u03b7\u03c3\u03b7\u03c2<\/p>\n <p class=\"text-2xl font-medium text-gray-800\">${data.scenario}<\/p>\n <p class=\"mt-4 text-xl font-bold text-gray-700\">${data.question}<\/p>\n <\/div>\n <div id=\"options-container\" class=\"space-y-4\">\n ${data.options.map((option, index) => `\n <button\n class=\"option-button w-full p-4 text-lg md:text-xl text-left border border-gray-300 rounded-xl font-medium text-gray-700 bg-white hover:bg-indigo-50 hover:border-indigo-400 shadow-sm\"\n onclick=\"checkAnswer(${index}, this)\">\n ${option}\n <\/button>\n `).join('')}\n <\/div>\n <div id=\"feedback-area\" class=\"mt-6 p-4 rounded-xl hidden\"><\/div>\n `;\n }\n\n window.checkAnswer = function(selectedOptionIndex, button) { \/\/ Global function for HTML onclick\n if (quizCompleted) return;\n\n const data = quizData[currentQuestionIndex];\n const isCorrect = selectedOptionIndex === data.correct;\n const feedbackArea = document.getElementById('feedback-area');\n const optionsContainer = document.getElementById('options-container');\n const scoreDisplay = document.getElementById('score-display');\n\n Array.from(optionsContainer.children).forEach((btn, index) => {\n btn.disabled = true;\n if (index === data.correct) {\n btn.classList.add('correct');\n btn.classList.remove('hover:bg-indigo-50', 'hover:border-indigo-400');\n } else if (index === selectedOptionIndex) {\n btn.classList.add('incorrect');\n btn.classList.remove('hover:bg-indigo-50', 'hover:border-indigo-400');\n }\n });\n\n feedbackArea.classList.remove('hidden');\n feedbackArea.classList.add(isCorrect ? 'bg-green-100' : 'bg-red-100', 'feedback');\n\n if (isCorrect) {\n score++;\n feedbackArea.innerHTML = '<p class=\"text-2xl font-bold text-green-700\">\u2705 \u03a3\u03c9\u03c3\u03c4\u03ae \u039a\u03c1\u03af\u03c3\u03b7!<\/p>';\n } else {\n feedbackArea.innerHTML = `\n <p class=\"text-2xl font-bold text-red-700\">\u274c \u039b\u03ac\u03b8\u03bf\u03c2 \u039a\u03c1\u03af\u03c3\u03b7.<\/p>\n <p class=\"mt-2 text-red-600 font-medium text-xl\">\u039a\u03b1\u03bd\u03cc\u03bd\u03b1\u03c2: ${data.rule}<\/p>\n <p class=\"mt-1 text-lg text-red-800\">${data.explanation}<\/p>\n `;\n }\n\n scoreDisplay.textContent = score;\n\n setTimeout(() => {\n currentQuestionIndex++;\n loadQuiz();\n }, 2500);\n }\n\n function showResults() {\n const quizArea = document.getElementById('quiz-area');\n if (!quizArea) return;\n \n quizCompleted = true;\n const percentage = (score \/ quizData.length) * 100;\n let title, message;\n\n if (percentage >= 90) {\n title = \"Netiquette Master! \ud83e\udd47\";\n message = \"\u03a3\u03c5\u03b3\u03c7\u03b1\u03c1\u03b7\u03c4\u03ae\u03c1\u03b9\u03b1! \u0388\u03c7\u03b5\u03b9\u03c2 \u03ac\u03c1\u03b9\u03c3\u03c4\u03b7 \u03ba\u03c1\u03af\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03b3\u03bd\u03ce\u03c3\u03b7 \u03c4\u03c9\u03bd \u03ba\u03b1\u03bd\u03cc\u03bd\u03c9\u03bd. \u0395\u03af\u03c3\u03b1\u03b9 \u03c5\u03c0\u03cc\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1 \u03a8\u03b7\u03c6\u03b9\u03b1\u03ba\u03bf\u03cd \u03a0\u03bf\u03bb\u03af\u03c4\u03b7.\";\n } else if (percentage >= 70) {\n title = \"\u03a5\u03c0\u03b5\u03cd\u03b8\u03c5\u03bd\u03bf\u03c2 \u03a8\u03b7\u03c6\u03b9\u03b1\u03ba\u03cc\u03c2 \u03a0\u03bf\u03bb\u03af\u03c4\u03b7\u03c2 \u2b50\";\n message = \"\u03a0\u03bf\u03bb\u03cd \u03ba\u03b1\u03bb\u03ae \u03c0\u03c1\u03bf\u03c3\u03c0\u03ac\u03b8\u03b5\u03b9\u03b1! \u0388\u03c7\u03b5\u03b9\u03c2 \u03b9\u03c3\u03c7\u03c5\u03c1\u03ad\u03c2 \u03b2\u03ac\u03c3\u03b5\u03b9\u03c2, \u03b1\u03bb\u03bb\u03ac \u03c7\u03c1\u03b5\u03b9\u03ac\u03b6\u03b5\u03c4\u03b1\u03b9 \u03bb\u03af\u03b3\u03b7 \u03c0\u03c1\u03bf\u03c3\u03bf\u03c7\u03ae \u03c3\u03b5 \u03b8\u03ad\u03bc\u03b1\u03c4\u03b1 \u03b9\u03b4\u03b9\u03c9\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2 \u03ba\u03b1\u03b9 fake news.\";\n } else if (percentage >= 50) {\n title = \"\u03a8\u03b7\u03c6\u03b9\u03b1\u03ba\u03cc\u03c2 \u039c\u03b1\u03b8\u03b7\u03c4\u03b5\u03c5\u03cc\u03bc\u03b5\u03bd\u03bf\u03c2 \ud83d\udcd6\";\n message = \"\u03a7\u03c1\u03b5\u03b9\u03ac\u03b6\u03b5\u03c4\u03b1\u03b9 \u03bd\u03b1 \u03b4\u03ce\u03c3\u03b5\u03b9\u03c2 \u03bc\u03b5\u03b3\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b7 \u03c0\u03c1\u03bf\u03c3\u03bf\u03c7\u03ae \u03c3\u03c4\u03bf\u03c5\u03c2 \u03ba\u03b1\u03bd\u03cc\u03bd\u03b5\u03c2. \u0395\u03c0\u03b1\u03bd\u03ad\u03bb\u03b1\u03b2\u03b5 \u03c4\u03bf Quiz \u03b1\u03c6\u03bf\u03cd \u03bc\u03b5\u03bb\u03b5\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03be\u03b1\u03bd\u03ac \u03c4\u03bf\u03bd \u039f\u03b4\u03b7\u03b3\u03cc.\";\n } else {\n title = \"\u0391\u03c1\u03c7\u03ac\u03c1\u03b9\u03bf\u03c2\/\u03b7 \u03a7\u03c1\u03ae\u03c3\u03c4\u03b7\u03c2\/\u03c4\u03c1\u03b9\u03b1 \ud83d\uded1\";\n message = \"\u03a0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03bc\u03b5\u03bb\u03b5\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b1 \u03c4\u03bf\u03c5\u03c2 \u03ba\u03b1\u03bd\u03cc\u03bd\u03b5\u03c2 Netiquette \u03c0\u03c1\u03b9\u03bd \u03c3\u03c5\u03bd\u03b5\u03c7\u03af\u03c3\u03b5\u03b9\u03c2 \u03c4\u03b9\u03c2 online \u03b4\u03c1\u03b1\u03c3\u03c4\u03b7\u03c1\u03b9\u03cc\u03c4\u03b7\u03c4\u03ad\u03c2 \u03c3\u03bf\u03c5. \u0397 \u03b1\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03ac \u03c3\u03bf\u03c5 \u03b5\u03be\u03b1\u03c1\u03c4\u03ac\u03c4\u03b1\u03b9 \u03b1\u03c0\u03cc \u03b1\u03c5\u03c4\u03cc.\";\n }\n\n quizArea.innerHTML = `\n <div class=\"text-center p-8 bg-indigo-50 rounded-xl shadow-lg border border-indigo-400\">\n <p class=\"text-4xl font-extrabold text-indigo-700\">${title}<\/p>\n <p class=\"text-7xl font-black my-4 text-indigo-900\">${score} \/ ${quizData.length}<\/p>\n <p class=\"text-xl text-gray-700 mb-6\">${message}<\/p>\n <button \n class=\"px-8 py-4 bg-indigo-600 text-white font-bold rounded-full hover:bg-indigo-700 transition duration-300 shadow-xl text-xl\"\n onclick=\"resetQuiz()\">\n \u0395\u03c0\u03b1\u03bd\u03ac\u03bb\u03b7\u03c8\u03b7 Quiz\n <\/button>\n <\/div>\n `;\n document.getElementById('current-question-display').textContent = quizData.length;\n }\n\n window.resetQuiz = function() { \/\/ Global function for HTML onclick\n currentQuestionIndex = 0;\n score = 0;\n quizCompleted = false;\n document.getElementById('score-display').textContent = score;\n loadQuiz();\n window.scrollTo({ top: 0, behavior: 'smooth' });\n }\n\n\n \/\/ ==============================================\n \/\/ \u0395\u039a\u039a\u0399\u039d\u0397\u03a3\u0397 \u0395\u03a6\u0391\u03a1\u039c\u039f\u0393\u0397\u03a3\n \/\/ ==============================================\n\n \/\/ \u03a0\u03b5\u03c1\u03b9\u03bc\u03ad\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c4\u03bf Firebase \u03bd\u03b1 \u03bf\u03bb\u03bf\u03ba\u03bb\u03b7\u03c1\u03ce\u03c3\u03b5\u03b9 \u03c4\u03b7\u03bd \u03b1\u03c1\u03c7\u03b9\u03ba\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03c4\u03b7\u03bd \u03b1\u03c5\u03b8\u03b5\u03bd\u03c4\u03b9\u03ba\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7\n window.addEventListener('firebase-ready', () => {\n \/\/ \u039c\u03b5\u03c4\u03b1\u03b2\u03b1\u03af\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c3\u03c4\u03b7\u03bd \u03c0\u03c1\u03ce\u03c4\u03b7 \u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ae\u03c2\n setAppState(APP_STATE.POLL);\n });\n\n \/\/ \u0394\u03b9\u03b1\u03c3\u03c6\u03ac\u03bb\u03b9\u03c3\u03b7 \u03cc\u03c4\u03b9 \u03b7 \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ae \u03be\u03b5\u03ba\u03b9\u03bd\u03ac \u03c3\u03c4\u03b7\u03bd \u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 LOADING\n \/\/ \u03ba\u03b1\u03b9 \u03bc\u03b5\u03c4\u03ac \u03c4\u03bf DOMContentLoaded, \u03b1\u03bd \u03b4\u03b5\u03bd \u03ad\u03c7\u03b5\u03b9 \u03ad\u03c1\u03b8\u03b5\u03b9 \u03b1\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b7, \u03b5\u03bc\u03c6\u03b1\u03bd\u03af\u03b6\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7\u03bd \u03a8\u03b7\u03c6\u03bf\u03c6\u03bf\u03c1\u03af\u03b1 \u03c9\u03c2 fallback.\n document.addEventListener('DOMContentLoaded', () => {\n if (!window.firebase.isReady) {\n \/\/ \u0391\u03bd \u03c0\u03b5\u03c1\u03ac\u03c3\u03bf\u03c5\u03bd 2 \u03b4\u03b5\u03c5\u03c4\u03b5\u03c1\u03cc\u03bb\u03b5\u03c0\u03c4\u03b1 \u03ba\u03b1\u03b9 \u03c4\u03bf Firebase \u03b4\u03b5\u03bd \u03ad\u03c7\u03b5\u03b9 \u03b1\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03b5\u03b9, \u03c0\u03c1\u03bf\u03c7\u03c9\u03c1\u03ac\u03bc\u03b5.\n \/\/ \u0391\u03c5\u03c4\u03cc \u03b5\u03af\u03bd\u03b1\u03b9 \u03c3\u03b7\u03bc\u03b1\u03bd\u03c4\u03b9\u03ba\u03cc \u03b1\u03bd \u03b7 \u03b4\u03b9\u03b1\u03bc\u03cc\u03c1\u03c6\u03c9\u03c3\u03b7 Firebase \u03b5\u03af\u03bd\u03b1\u03b9 \u03ba\u03b5\u03bd\u03ae.\n setTimeout(() => {\n if (appState === APP_STATE.LOADING) {\n console.warn(\"Firebase timeout or failure. Starting app in non-live-poll mode.\");\n setAppState(APP_STATE.POLL);\n }\n }, 2000);\n } else if (appState === APP_STATE.LOADING) {\n \/\/ \u0391\u03bd \u03c4\u03bf Firebase \u03ae\u03c4\u03b1\u03bd \u03ae\u03b4\u03b7 \u03ad\u03c4\u03bf\u03b9\u03bc\u03bf \u03c0\u03c1\u03b9\u03bd \u03c4\u03bf DOM load\n setAppState(APP_STATE.POLL);\n }\n });\n \n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Netiquette: \u039f\u03b4\u03b7\u03b3\u03cc\u03c2, \u03a8\u03b7\u03c6\u03bf\u03c6\u03bf\u03c1\u03af\u03b1 & Quiz \u03a6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b7 \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03c9\u03bd \u03ba\u03b1\u03b9 \u03c3\u03cd\u03bd\u03b4\u03b5\u03c3\u03b7…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","ocean_post_oembed":"","ocean_post_self_hosted_media":"","ocean_post_video_embed":"","ocean_link_format":"","ocean_link_format_target":"self","ocean_quote_format":"","ocean_quote_format_link":"post","ocean_gallery_link_images":"on","ocean_gallery_id":[],"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1811","post","type-post","status-publish","format-standard","hentry","category-uncategorized","entry"],"_links":{"self":[{"href":"https:\/\/gkanamaria.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/1811","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gkanamaria.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gkanamaria.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gkanamaria.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gkanamaria.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1811"}],"version-history":[{"count":11,"href":"https:\/\/gkanamaria.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/1811\/revisions"}],"predecessor-version":[{"id":1822,"href":"https:\/\/gkanamaria.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/1811\/revisions\/1822"}],"wp:attachment":[{"href":"https:\/\/gkanamaria.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1811"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gkanamaria.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1811"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gkanamaria.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1811"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1811,"date":"2025-10-21T17:22:26","date_gmt":"2025-10-21T17:22:26","guid":{"rendered":"https:\/\/gkanamaria.sites.sch.gr\/?p=1811"},"modified":"2025-10-21T18:12:14","modified_gmt":"2025-10-21T18:12:14","slug":"netiquette","status":"publish","type":"post","link":"https:\/\/gkanamaria.sites.sch.gr\/?p=1811","title":{"rendered":"Netiquette"},"content":{"rendered":"\n\n\n\n \n \n Netiquette: \u039f\u03b4\u03b7\u03b3\u03cc\u03c2, \u03a8\u03b7\u03c6\u03bf\u03c6\u03bf\u03c1\u03af\u03b1 & Quiz<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <script type=\"module\">\n import { initializeApp } from \"https:\/\/www.gstatic.com\/firebasejs\/11.6.1\/firebase-app.js\";\n import { getAuth, signInAnonymously, signInWithCustomToken } from \"https:\/\/www.gstatic.com\/firebasejs\/11.6.1\/firebase-auth.js\";\n import { getFirestore, doc, getDoc, setDoc, runTransaction, collection, query, onSnapshot, getDocs } from \"https:\/\/www.gstatic.com\/firebasejs\/11.6.1\/firebase-firestore.js\";\n import { setLogLevel } from \"https:\/\/www.gstatic.com\/firebasejs\/11.6.1\/firebase-firestore.js\";\n\n \/\/ Global Firebase variables will be populated in initFirebase\n window.firebase = {\n isReady: false,\n db: null,\n auth: null,\n appId: 'default-app-id',\n userId: null\n };\n\n async function initFirebase() {\n try {\n \/\/ Mandatory Global Variables provided by the environment\n const appId = typeof __app_id !== 'undefined' ? __app_id : 'default-app-id';\n const firebaseConfig = typeof __firebase_config !== 'undefined' ? JSON.parse(__firebase_config) : null;\n const initialAuthToken = typeof __initial_auth_token !== 'undefined' ? __initial_auth_token : null;\n\n if (!firebaseConfig) {\n console.warn(\"Firebase configuration not found. Firestore will be disabled.\");\n \/\/ Fallback to non-Firestore mode\n window.firebase.isReady = true;\n window.dispatchEvent(new CustomEvent('firebase-ready'));\n return;\n }\n\n \/\/ setLogLevel('Debug'); \/\/ Enable for debugging\n const app = initializeApp(firebaseConfig);\n const db = getFirestore(app);\n const auth = getAuth(app);\n\n if (initialAuthToken) {\n await signInWithCustomToken(auth, initialAuthToken);\n } else {\n await signInAnonymously(auth);\n }\n\n \/\/ Store global references\n window.firebase.db = db;\n window.firebase.auth = auth;\n window.firebase.appId = appId;\n window.firebase.userId = auth.currentUser?.uid || crypto.randomUUID();\n window.firebase.isReady = true;\n\n\n console.log(`Firebase initialized. User ID: ${window.firebase.userId}`);\n\n \/\/ Proceed with app loading\n window.dispatchEvent(new CustomEvent('firebase-ready'));\n\n } catch (error) {\n console.error(\"Error during Firebase initialization or sign-in:\", error);\n \/\/ Even on error, we transition away from the loading state\n window.firebase.isReady = true;\n window.dispatchEvent(new CustomEvent('firebase-ready'));\n }\n }\n\n \/\/ Call initialization function\n initFirebase();\n <\/script>\n <style>\n \/* --- \u03a4\u03bf\u03c0\u03b9\u03ba\u03cc \u03a3\u03c4\u03c5\u03bb --- *\/\n body {\n font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif;\n background-color: #f7f9fb;\n }\n\n \/* Accordion Transitions *\/\n .accordion-content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease-out;\n }\n .accordion-content.open {\n max-height: 800px;\n transition: max-height 0.5s ease-in;\n }\n\n \/* Quiz\/Poll Button States *\/\n .option-button {\n transition: all 0.2s;\n text-align: left;\n }\n .correct {\n background-color: #10b981 !important; \/* Green 500 *\/\n color: white !important;\n border-color: #059669 !important;\n }\n .incorrect {\n background-color: #ef4444 !important; \/* Red 500 *\/\n color: white !important;\n border-color: #dc2626 !important;\n }\n .feedback {\n animation: fadeIn 0.5s;\n }\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .poll-result-bar {\n transition: width 1s ease-out;\n }\n <\/style>\n<\/head>\n<body>\n\n \n <div id=\"main-content\" class=\"max-w-4xl w-full mx-auto mt-8 mb-12 p-4\">\n \n <div id=\"loading-screen\" class=\"text-center p-12 bg-white rounded-xl shadow-xl\">\n <div class=\"animate-spin rounded-full h-12 w-12 border-4 border-indigo-500 border-t-transparent mx-auto mb-4\"><\/div>\n <p class=\"text-xl text-indigo-700 font-semibold\">\u03a6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b7 \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03c9\u03bd \u03ba\u03b1\u03b9 \u03c3\u03cd\u03bd\u03b4\u03b5\u03c3\u03b7…<\/p>\n <\/div>\n <\/div>\n\n <script>\n \/\/ ==============================================\n \/\/ \u0394\u0395\u0394\u039f\u039c\u0395\u039d\u0391 \u0395\u03a6\u0391\u03a1\u039c\u039f\u0393\u0397\u03a3\n \/\/ ==============================================\n\n const APP_STATE = {\n LOADING: 'loading',\n POLL: 'poll',\n POLL_RESULTS: 'poll_results',\n GUIDE_AND_QUIZ: 'guide_and_quiz',\n QUIZ_RESULTS: 'quiz_results'\n };\n\n let appState = APP_STATE.LOADING;\n\n \/\/ \u0394\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03b1 \u03a8\u03b7\u03c6\u03bf\u03c6\u03bf\u03c1\u03af\u03b1\u03c2 (Poll)\n const pollQuestions = [\n {\n id: 'q1_caps',\n question: \"\u0395\u03c0\u03b9\u03c4\u03c1\u03ad\u03c0\u03b5\u03c4\u03b1\u03b9 \u03bd\u03b1 \u03b3\u03c1\u03ac\u03c6\u03bf\u03c5\u03bc\u03b5 \u03bc\u03b5 \u039a\u0395\u03a6\u0391\u039b\u0391\u0399\u0391 \u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03b1 \u03b1\u03bd \u03b5\u03af\u03bc\u03b1\u03c3\u03c4\u03b5 \u03b1\u03bd\u03ce\u03bd\u03c5\u03bc\u03bf\u03b9;\",\n options: [\n { text: \"\u039d\u03b1\u03b9, \u03b5\u03c6\u03cc\u03c3\u03bf\u03bd \u03b4\u03b5\u03bd \u03bc\u03b5 \u03be\u03ad\u03c1\u03b5\u03b9 \u03ba\u03b1\u03bd\u03b5\u03af\u03c2.\", isCorrect: false, shortId: 'yes_anon' },\n { text: \"\u038c\u03c7\u03b9, \u03b5\u03af\u03bd\u03b1\u03b9 \u03c0\u03ac\u03bd\u03c4\u03b1 \u03b1\u03b3\u03b5\u03bd\u03ad\u03c2 \u03ba\u03b1\u03b9 \u03b8\u03b5\u03c9\u03c1\u03b5\u03af\u03c4\u03b1\u03b9 '\u03c6\u03c9\u03bd\u03ae'.\", isCorrect: true, shortId: 'no_caps' }\n ],\n rule: \"\u039a\u03b1\u03bd\u03cc\u03bd\u03b1\u03c2 5: \u0394\u03ce\u03c3\u03b5 \u03ba\u03b1\u03bb\u03ae \u03b5\u03b9\u03ba\u03cc\u03bd\u03b1 \u03c4\u03bf\u03c5 \u03b5\u03b1\u03c5\u03c4\u03bf\u03cd \u03c3\u03bf\u03c5 (\u0391\u03c0\u03bf\u03c6\u03c5\u03b3\u03ae \u039a\u03b5\u03c6\u03b1\u03bb\u03b1\u03af\u03c9\u03bd)\"\n },\n {\n id: 'q2_privacy',\n question: \"\u0391\u03bd \u03ba\u03ac\u03c0\u03bf\u03b9\u03bf\u03c2 \u03bc\u03bf\u03c5 \u03c3\u03c4\u03b5\u03af\u03bb\u03b5\u03b9 \u03bc\u03b9\u03b1 \u03c0\u03c1\u03bf\u03c3\u03c9\u03c0\u03b9\u03ba\u03ae \u03c6\u03c9\u03c4\u03bf\u03b3\u03c1\u03b1\u03c6\u03af\u03b1, \u03bc\u03c0\u03bf\u03c1\u03ce \u03bd\u03b1 \u03c4\u03b7 \u03b4\u03b5\u03af\u03be\u03c9 \u03c3\u03b5 \u03ad\u03bd\u03b1\u03bd \u03c6\u03af\u03bb\u03bf;\",\n options: [\n { text: \"\u039d\u03b1\u03b9, \u03bc\u03cc\u03bd\u03bf \u03b1\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u03c0\u03bf\u03bb\u03cd \u03c3\u03c4\u03b5\u03bd\u03cc\u03c2 \u03c6\u03af\u03bb\u03bf\u03c2.\", isCorrect: false, shortId: 'yes_close_friend' },\n { text: \"\u038c\u03c7\u03b9, \u03c0\u03bf\u03c4\u03ad \u03c7\u03c9\u03c1\u03af\u03c2 \u03c1\u03b7\u03c4\u03ae \u03ac\u03b4\u03b5\u03b9\u03b1 \u03c4\u03bf\u03c5 \u03b1\u03c4\u03cc\u03bc\u03bf\u03c5.\", isCorrect: true, shortId: 'no_permission' }\n ],\n rule: \"\u039a\u03b1\u03bd\u03cc\u03bd\u03b1\u03c2 8: \u03a3\u03ad\u03b2\u03b1\u03c3\u03bc\u03cc\u03c2 \u03c3\u03c4\u03b7\u03bd \u03b9\u03b4\u03b9\u03c9\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1\"\n },\n {\n id: 'q3_fakenews',\n question: \"\u0391\u03bd \u03bc\u03b9\u03b1 \u03b1\u03bd\u03ac\u03c1\u03c4\u03b7\u03c3\u03b7 \u03bc\u03bf\u03c5 \u03c6\u03b1\u03bd\u03b5\u03af \u03c3\u03c9\u03c3\u03c4\u03ae, \u03c0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03c4\u03b7\u03bd \u03ba\u03bf\u03b9\u03bd\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03c9 \u03b1\u03bc\u03ad\u03c3\u03c9\u03c2;\",\n options: [\n { text: \"\u039d\u03b1\u03b9, \u03b7 \u03b3\u03c1\u03ae\u03b3\u03bf\u03c1\u03b7 \u03b5\u03bd\u03b7\u03bc\u03ad\u03c1\u03c9\u03c3\u03b7 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c3\u03b7\u03bc\u03b1\u03bd\u03c4\u03b9\u03ba\u03ae.\", isCorrect: false, shortId: 'yes_share_fast' },\n { text: \"\u038c\u03c7\u03b9, \u03c0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03c0\u03ac\u03bd\u03c4\u03b1 \u03bd\u03b1 \u03b5\u03bb\u03ad\u03b3\u03be\u03c9 \u03c4\u03b7\u03bd \u03c0\u03b7\u03b3\u03ae \u03c0\u03c1\u03b9\u03bd \u03c4\u03b7\u03bd \u03ba\u03bf\u03b9\u03bd\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7.\", isCorrect: true, shortId: 'no_check_source' }\n ],\n rule: \"\u039a\u03b1\u03bd\u03cc\u03bd\u03b1\u03c2 13: \u039a\u03b1\u03c4\u03b1\u03c0\u03bf\u03bb\u03ad\u03bc\u03b7\u03c3\u03b7 Fake News\"\n }\n ];\n\n let userVotes = Array(pollQuestions.length).fill(null); \/\/ [null, null, null]\n let pollResults = []; \/\/ \u0398\u03b1 \u03c0\u03b5\u03c1\u03b9\u03ad\u03c7\u03b5\u03b9 \u03c4\u03b1 \u03c3\u03c5\u03bd\u03bf\u03bb\u03b9\u03ba\u03ac \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03ad\u03c3\u03bc\u03b1\u03c4\u03b1 \u03b1\u03c0\u03cc \u03c4\u03bf Firestore\n\n \/\/ \u0394\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03b1 \u03b3\u03b9\u03b1 \u03c4\u03bf\u03bd \u039f\u03b4\u03b7\u03b3\u03cc (Rules Data)\n const rulesData = [\n { icon: '\ud83e\uddd1', title: \"1. \u0398\u03c5\u03bc\u03ae\u03c3\u03bf\u03c5 \u03c4\u03bf\u03bd \u0386\u03bd\u03b8\u03c1\u03c9\u03c0\u03bf\", description: \"\u03a0\u03af\u03c3\u03c9 \u03b1\u03c0\u03cc \u03ba\u03ac\u03b8\u03b5 \u03bf\u03b8\u03cc\u03bd\u03b7 \u03c5\u03c0\u03ac\u03c1\u03c7\u03b5\u03b9 \u03ad\u03bd\u03b1\u03c2 \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc\u03c2 \u03ac\u03bd\u03b8\u03c1\u03c9\u03c0\u03bf\u03c2. \u03a3\u03c5\u03bc\u03c0\u03b5\u03c1\u03b9\u03c6\u03ad\u03c1\u03b5\u03c3\u03b1\u03b9 \u03bc\u03b5 \u03c4\u03bf\u03bd \u03af\u03b4\u03b9\u03bf \u03c3\u03b5\u03b2\u03b1\u03c3\u03bc\u03cc \u03ba\u03b1\u03b9 \u03b5\u03c5\u03b3\u03ad\u03bd\u03b5\u03b9\u03b1 \u03c0\u03bf\u03c5 \u03b8\u03b1 \u03b5\u03af\u03c7\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03c3\u03c4\u03b7\u03bd \u03ba\u03b1\u03b8\u03b7\u03bc\u03b5\u03c1\u03b9\u03bd\u03ae \u03b6\u03c9\u03ae (\u03c0\u03c1\u03cc\u03c3\u03c9\u03c0\u03bf \u03bc\u03b5 \u03c0\u03c1\u03cc\u03c3\u03c9\u03c0\u03bf).\" },\n { icon: '\u2696\ufe0f', title: \"2. \u03a4\u03ae\u03c1\u03b7\u03c3\u03b5 \u03c4\u03bf\u03c5\u03c2 \u03af\u03b4\u03b9\u03bf\u03c5\u03c2 \u03ba\u03b1\u03bd\u03cc\u03bd\u03b5\u03c2 \u03c3\u03c5\u03bc\u03c0\u03b5\u03c1\u03b9\u03c6\u03bf\u03c1\u03ac\u03c2\", description: \"\u039f\u03b9 \u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03b9\u03ba\u03bf\u03af \u03ba\u03b1\u03bd\u03cc\u03bd\u03b5\u03c2 \u03b9\u03c3\u03c7\u03cd\u03bf\u03c5\u03bd \u03ba\u03b1\u03b9 online. \u039c\u03b7\u03bd \u03ba\u03ac\u03bd\u03b5\u03b9\u03c2 \u03c0\u03c1\u03ac\u03b3\u03bc\u03b1\u03c4\u03b1 \u03c0\u03bf\u03c5 \u03b4\u03b5\u03bd \u03b8\u03b1 \u03ad\u03ba\u03b1\u03bd\u03b5\u03c2 \u03c3\u03c4\u03b7\u03bd \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1, \u03cc\u03c0\u03c9\u03c2 \u03bd\u03b1 \u03b2\u03c1\u03af\u03b6\u03b5\u03b9\u03c2 \u03ae \u03bd\u03b1 \u03c0\u03c1\u03bf\u03c3\u03b2\u03ac\u03bb\u03bb\u03b5\u03b9\u03c2.\" },\n { icon: '\ud83d\uddfa\ufe0f', title: \"3. \u039e\u03ad\u03c1\u03b5 \u03c0\u03bf\u03cd \u03b2\u03c1\u03af\u03c3\u03ba\u03b5\u03c3\u03b1\u03b9\", description: \"\u039a\u03ac\u03b8\u03b5 \u03c8\u03b7\u03c6\u03b9\u03b1\u03ba\u03cc \u03c0\u03b5\u03c1\u03b9\u03b2\u03ac\u03bb\u03bb\u03bf\u03bd (forum, chat, email) \u03ad\u03c7\u03b5\u03b9 \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03bf\u03cd\u03c2 \u03ba\u03b1\u03bd\u03cc\u03bd\u03b5\u03c2 (\u03ba\u03ce\u03b4\u03b9\u03ba\u03b1\u03c2 \u03b4\u03b5\u03bf\u03bd\u03c4\u03bf\u03bb\u03bf\u03b3\u03af\u03b1\u03c2). \u03a0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03c4\u03bf\u03c5\u03c2 \u03b4\u03b9\u03b1\u03b2\u03ac\u03b6\u03b5\u03b9\u03c2 \u03c0\u03c1\u03b9\u03bd \u03c3\u03c5\u03bc\u03bc\u03b5\u03c4\u03ac\u03c3\u03c7\u03b5\u03b9\u03c2 \u03b5\u03bd\u03b5\u03c1\u03b3\u03ac.\" },\n { icon: '\u23f1\ufe0f', title: \"4. \u03a3\u03b5\u03b2\u03ac\u03c3\u03bf\u03c5 \u03c4\u03bf\u03bd \u03c7\u03c1\u03cc\u03bd\u03bf \u03c4\u03c9\u03bd \u03ac\u03bb\u03bb\u03c9\u03bd\", description: \"\u039d\u03b1 \u03b5\u03af\u03c3\u03b1\u03b9 \u03c3\u03c5\u03bd\u03bf\u03c0\u03c4\u03b9\u03ba\u03cc\u03c2\/\u03ae \u03ba\u03b1\u03b9 \u03c0\u03b5\u03c1\u03b9\u03b5\u03ba\u03c4\u03b9\u03ba\u03cc\u03c2\/\u03ae. \u039c\u03b7\u03bd \u03c3\u03c4\u03ad\u03bb\u03bd\u03b5\u03b9\u03c2 \u03ac\u03c3\u03ba\u03bf\u03c0\u03b1 \u03ae \u03c4\u03b5\u03c1\u03ac\u03c3\u03c4\u03b9\u03b1 \u03bc\u03b7\u03bd\u03cd\u03bc\u03b1\u03c4\u03b1 \u03c0\u03bf\u03c5 \u03c3\u03c0\u03b1\u03c4\u03b1\u03bb\u03bf\u03cd\u03bd \u03c4\u03bf\u03bd \u03c7\u03c1\u03cc\u03bd\u03bf \u03c4\u03c9\u03bd \u03ac\u03bb\u03bb\u03c9\u03bd \u03c7\u03c1\u03b7\u03c3\u03c4\u03ce\u03bd.\" },\n { icon: '\ud83d\ude07', title: \"5. \u0394\u03ce\u03c3\u03b5 \u03ba\u03b1\u03bb\u03ae \u03b5\u03b9\u03ba\u03cc\u03bd\u03b1 \u03c4\u03bf\u03c5 \u03b5\u03b1\u03c5\u03c4\u03bf\u03cd \u03c3\u03bf\u03c5\", description: \"\u03a0\u03c1\u03cc\u03c3\u03b5\u03be\u03b5 \u03c0\u03ce\u03c2 \u03b3\u03c1\u03ac\u03c6\u03b5\u03b9\u03c2 (\u03bf\u03c1\u03b8\u03bf\u03b3\u03c1\u03b1\u03c6\u03af\u03b1, \u03c3\u03c4\u03af\u03be\u03b7). \u03a4\u03b1 \u039a\u0395\u03a6\u0391\u039b\u0391\u0399\u0391 \u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03b1 \u03b8\u03b5\u03c9\u03c1\u03bf\u03cd\u03bd\u03c4\u03b1\u03b9 '\u03c6\u03c9\u03bd\u03ae' \u03ba\u03b1\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b1\u03b3\u03ad\u03bd\u03b5\u03b9\u03b1. \u039c\u03b7\u03bd \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03b5\u03af\u03c2 \u03b5\u03c0\u03b9\u03b8\u03b5\u03c4\u03b9\u03ba\u03cc \u03ae \u03b1\u03ba\u03b1\u03c4\u03ac\u03bb\u03bb\u03b7\u03bb\u03bf \u03c7\u03b9\u03bf\u03cd\u03bc\u03bf\u03c1.\" },\n { icon: '\ud83e\udd1d', title: \"6. \u039c\u03bf\u03af\u03c1\u03b1\u03c3\u03b5 \u03c4\u03b7 \u03b3\u03bd\u03ce\u03c3\u03b7\", description: \"\u0395\u03ac\u03bd \u03b3\u03bd\u03c9\u03c1\u03af\u03b6\u03b5\u03b9\u03c2 \u03ba\u03ac\u03c4\u03b9 \u03c0\u03bf\u03c5 \u03b8\u03b1 \u03bc\u03c0\u03bf\u03c1\u03bf\u03cd\u03c3\u03b5 \u03bd\u03b1 \u03b2\u03bf\u03b7\u03b8\u03ae\u03c3\u03b5\u03b9 \u03c4\u03b7\u03bd \u03ba\u03bf\u03b9\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1, \u03bc\u03bf\u03b9\u03c1\u03ac\u03c3\u03bf\u03c5 \u03c4\u03bf. \u0397 \u03c0\u03c1\u03bf\u03c3\u03c6\u03bf\u03c1\u03ac \u03ba\u03b1\u03b9 \u03b7 \u03b1\u03bb\u03bb\u03b7\u03bb\u03bf\u03b2\u03bf\u03ae\u03b8\u03b5\u03b9\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c3\u03b7\u03bc\u03b1\u03bd\u03c4\u03b9\u03ba\u03ad\u03c2 \u03b1\u03be\u03af\u03b5\u03c2 \u03c3\u03c4\u03bf\u03bd \u039a\u03c5\u03b2\u03b5\u03c1\u03bd\u03bf\u03c7\u03ce\u03c1\u03bf.\" },\n { icon: '\ud83e\uddd8', title: \"7. \u0394\u03b9\u03b1\u03c7\u03b5\u03af\u03c1\u03b9\u03c3\u03b7 \u03b4\u03b9\u03b1\u03c6\u03c9\u03bd\u03b9\u03ce\u03bd\", description: \"\u03a3\u03b5 \u03c0\u03b5\u03c1\u03af\u03c0\u03c4\u03c9\u03c3\u03b7 \u03b4\u03b9\u03b1\u03c6\u03c9\u03bd\u03af\u03b1\u03c2, \u03b4\u03b9\u03b1\u03c4\u03ae\u03c1\u03b7\u03c3\u03b5 \u03c4\u03b7\u03bd \u03c8\u03c5\u03c7\u03c1\u03b1\u03b9\u03bc\u03af\u03b1 \u03c3\u03bf\u03c5 \u03ba\u03b1\u03b9 \u03b1\u03c0\u03ad\u03c6\u03c5\u03b3\u03b5 \u03c4\u03b9\u03c2 \u03b5\u03c0\u03b9\u03b8\u03ad\u03c3\u03b5\u03b9\u03c2. \u0391\u03bd \u03ba\u03ac\u03c0\u03bf\u03b9\u03bf\u03c2 \u03c3\u03b5 \u03c0\u03c1\u03bf\u03c3\u03b2\u03ac\u03bb\u03b5\u03b9, \u03bc\u03b7\u03bd \u03b1\u03bd\u03c4\u03b1\u03c0\u03bf\u03b4\u03af\u03b4\u03b5\u03b9\u03c2. \u03a7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b5 \u03c4\u03b1 \u03b5\u03c1\u03b3\u03b1\u03bb\u03b5\u03af\u03b1 \u03b1\u03bd\u03b1\u03c6\u03bf\u03c1\u03ac\u03c2 (Report) \u03ba\u03b1\u03b9 \u03b5\u03bd\u03b7\u03bc\u03ad\u03c1\u03c9\u03c3\u03b5 \u03ad\u03bd\u03b1\u03bd \u03b5\u03bd\u03ae\u03bb\u03b9\u03ba\u03b1.\" },\n { icon: '\ud83d\udd12', title: \"8. \u03a3\u03ad\u03b2\u03b1\u03c3\u03bc\u03cc\u03c2 \u03c3\u03c4\u03b7\u03bd \u03b9\u03b4\u03b9\u03c9\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1\", description: \"\u039c\u03b7\u03bd \u03b4\u03b9\u03b1\u03b2\u03ac\u03b6\u03b5\u03b9\u03c2, \u03bc\u03b7\u03bd \u03c0\u03c1\u03bf\u03c9\u03b8\u03b5\u03af\u03c2 \u03ae \u03bc\u03b7\u03bd \u03ba\u03bf\u03b9\u03bd\u03bf\u03c0\u03bf\u03b9\u03b5\u03af\u03c2 \u03c0\u03c1\u03bf\u03c3\u03c9\u03c0\u03b9\u03ba\u03ad\u03c2 \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2, \u03c6\u03c9\u03c4\u03bf\u03b3\u03c1\u03b1\u03c6\u03af\u03b5\u03c2 \u03ae \u03b2\u03af\u03bd\u03c4\u03b5\u03bf \u03ac\u03bb\u03bb\u03c9\u03bd \u03c7\u03c1\u03b7\u03c3\u03c4\u03ce\u03bd \u03c7\u03c9\u03c1\u03af\u03c2 \u03c4\u03b7 \u03c1\u03b7\u03c4\u03ae \u03c4\u03bf\u03c5\u03c2 \u03ac\u03b4\u03b5\u03b9\u03b1.\" },\n { icon: '\ud83d\udeab', title: \"9. \u038c\u03c7\u03b9 \u03ba\u03b1\u03c4\u03ac\u03c7\u03c1\u03b7\u03c3\u03b7 \u03b5\u03be\u03bf\u03c5\u03c3\u03af\u03b1\u03c2\", description: \"\u0395\u03ac\u03bd \u03ad\u03c7\u03b5\u03b9\u03c2 \u03ba\u03ac\u03c0\u03bf\u03b9\u03bf 'status' (\u03c0.\u03c7., moderator, admin), \u03bc\u03b7\u03bd \u03c4\u03bf \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03b5\u03af\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b5\u03ba\u03c6\u03bf\u03b2\u03af\u03c3\u03b5\u03b9\u03c2, \u03bd\u03b1 \u03c0\u03c1\u03bf\u03c3\u03b2\u03ac\u03bb\u03bb\u03b5\u03b9\u03c2 \u03ae \u03bd\u03b1 \u03b5\u03c0\u03b9\u03b2\u03bb\u03b7\u03b8\u03b5\u03af\u03c2 \u03c3\u03c4\u03bf\u03c5\u03c2 \u03ac\u03bb\u03bb\u03bf\u03c5\u03c2.\" },\n { icon: '\ud83d\ude4f', title: \"10. \u039d\u03b1 \u03c3\u03c5\u03b3\u03c7\u03c9\u03c1\u03b5\u03af\u03c2 \u03c4\u03b1 \u03bb\u03ac\u03b8\u03b7 \u03c4\u03c9\u03bd \u03ac\u03bb\u03bb\u03c9\u03bd\", description: \"\u038c\u03bb\u03bf\u03b9 \u03ba\u03ac\u03bd\u03bf\u03c5\u03bc\u03b5 \u03bb\u03ac\u03b8\u03b7, \u03b5\u03b9\u03b4\u03b9\u03ba\u03ac \u03bf\u03b9 \u03bd\u03ad\u03bf\u03b9 \u03c7\u03c1\u03ae\u03c3\u03c4\u03b5\u03c2. \u0391\u03bd \u03ba\u03ac\u03c0\u03bf\u03b9\u03bf\u03c2 \u03ba\u03ac\u03bd\u03b5\u03b9 \u03ad\u03bd\u03b1 \u03bb\u03ac\u03b8\u03bf\u03c2 \u03c3\u03c4\u03b7 Netiquette, \u03b4\u03b9\u03cc\u03c1\u03b8\u03c9\u03c3\u03ad \u03c4\u03bf\u03bd \u03b5\u03c5\u03b3\u03b5\u03bd\u03b9\u03ba\u03ac \u03ba\u03b1\u03b9 \u03b9\u03b4\u03b9\u03c9\u03c4\u03b9\u03ba\u03ac, \u03c7\u03c9\u03c1\u03af\u03c2 \u03bd\u03b1 \u03c4\u03bf\u03bd \u03b4\u03b9\u03b1\u03c0\u03bf\u03bc\u03c0\u03b5\u03cd\u03c3\u03b5\u03b9\u03c2.\" },\n { icon: '\ud83d\udee1\ufe0f', title: \"11. \u03a0\u03c1\u03bf\u03c3\u03bf\u03c7\u03ae \u03c3\u03c4\u03b1 \u03a0\u03c1\u03bf\u03c3\u03c9\u03c0\u03b9\u03ba\u03ac \u0394\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03b1\", description: \"\u039c\u03b7\u03bd \u03ba\u03bf\u03b9\u03bd\u03bf\u03c0\u03bf\u03b9\u03b5\u03af\u03c2 \u03c0\u03bf\u03c4\u03ad \u03b5\u03c5\u03b1\u03af\u03c3\u03b8\u03b7\u03c4\u03b5\u03c2 \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2 (\u03b4\u03b9\u03b5\u03cd\u03b8\u03c5\u03bd\u03c3\u03b7, \u03c4\u03b7\u03bb\u03ad\u03c6\u03c9\u03bd\u03bf, \u03b1\u03ba\u03c1\u03b9\u03b2\u03b5\u03af\u03c2 \u03b7\u03bc\u03b5\u03c1\u03bf\u03bc\u03b7\u03bd\u03af\u03b5\u03c2 \u03b4\u03b9\u03b1\u03ba\u03bf\u03c0\u03ce\u03bd). \u039a\u03c1\u03ac\u03c4\u03b1 \u03c4\u03b9\u03c2 \u03c1\u03c5\u03b8\u03bc\u03af\u03c3\u03b5\u03b9\u03c2 \u03b9\u03b4\u03b9\u03c9\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2 \u03c3\u03b5 '\u039a\u03bb\u03b5\u03b9\u03c3\u03c4\u03cc' (Friends only).\" },\n { icon: '\ud83d\udd75\ufe0f', title: \"12. \u0395\u03c0\u03b1\u03bb\u03ae\u03b8\u03b5\u03c5\u03c3\u03b7 \u0391\u03b9\u03c4\u03b7\u03bc\u03ac\u03c4\u03c9\u03bd \u03a6\u03b9\u03bb\u03af\u03b1\u03c2\", description: \"\u0391\u03c0\u03bf\u03b4\u03ad\u03be\u03bf\u03c5 \u03bc\u03cc\u03bd\u03bf \u03ac\u03c4\u03bf\u03bc\u03b1 \u03c0\u03bf\u03c5 \u03b3\u03bd\u03c9\u03c1\u03af\u03b6\u03b5\u03b9\u03c2 \u03c0\u03c1\u03bf\u03c3\u03c9\u03c0\u03b9\u03ba\u03ac. \u0388\u03bd\u03b1\u03c2 \u03ac\u03b3\u03bd\u03c9\u03c3\u03c4\u03bf\u03c2 \u03bb\u03bf\u03b3\u03b1\u03c1\u03b9\u03b1\u03c3\u03bc\u03cc\u03c2 \u03bc\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03ba\u03c1\u03cd\u03b2\u03b5\u03b9 \u03ba\u03b9\u03bd\u03b4\u03cd\u03bd\u03bf\u03c5\u03c2 (predators, cyberbullying).\" },\n { icon: '\ud83d\udcf0', title: \"13. \u039a\u03b1\u03c4\u03b1\u03c0\u03bf\u03bb\u03ad\u03bc\u03b7\u03c3\u03b7 Fake News\", description: \"\u03a0\u03c1\u03b9\u03bd \u03ba\u03ac\u03bd\u03b5\u03b9\u03c2 share \u03bf\u03c0\u03bf\u03b9\u03b1\u03b4\u03ae\u03c0\u03bf\u03c4\u03b5 \u03b5\u03af\u03b4\u03b7\u03c3\u03b7, \u03ad\u03bb\u03b5\u03b3\u03be\u03b5 \u03c4\u03b7\u03bd \u03c0\u03b7\u03b3\u03ae \u03c4\u03b7\u03c2. \u0397 \u03b4\u03b9\u03ac\u03b4\u03bf\u03c3\u03b7 \u03c8\u03b5\u03c5\u03b4\u03ce\u03bd \u03b5\u03b9\u03b4\u03ae\u03c3\u03b5\u03c9\u03bd (fake news) \u03b5\u03af\u03bd\u03b1\u03b9 \u03b1\u03bd\u03b5\u03cd\u03b8\u03c5\u03bd\u03b7 \u03ba\u03b1\u03b9 \u03b5\u03c0\u03b9\u03ba\u03af\u03bd\u03b4\u03c5\u03bd\u03b7 \u03c0\u03c1\u03ac\u03be\u03b7.\" }\n ];\n\n \/\/ \u0394\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03b1 Quiz (Quiz Data)\n const quizData = [\n {\n scenario: \"\u039f \u0393\u03b9\u03ce\u03c1\u03b3\u03bf\u03c2 \u03b4\u03b9\u03b1\u03c6\u03c9\u03bd\u03b5\u03af \u03ad\u03bd\u03c4\u03bf\u03bd\u03b1 \u03bc\u03b5 \u03c4\u03b7 \u03b3\u03bd\u03ce\u03bc\u03b7 \u03c3\u03bf\u03c5 \u03c3\u03b5 \u03ad\u03bd\u03b1 \u03c6\u03cc\u03c1\u03bf\u03c5\u03bc. \u03a4\u03bf\u03c5 \u03b1\u03c0\u03b1\u03bd\u03c4\u03ac\u03c2 \u03b1\u03bc\u03ad\u03c3\u03c9\u03c2 \u03b3\u03c1\u03ac\u03c6\u03bf\u03bd\u03c4\u03b1\u03c2 \u03bc\u03b5 \u039a\u0395\u03a6\u0391\u039b\u0391\u0399\u0391 \u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03b1 \u03cc\u03c4\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 \u03bb\u03ac\u03b8\u03bf\u03c2.\",\n question: \"\u0395\u03bd\u03ad\u03c1\u03b3\u03b5\u03b9\u03b1: \u03a3\u03c9\u03c3\u03c4\u03ae \u03ae \u039b\u03ac\u03b8\u03bf\u03c2;\",\n options: [\"\u03a3\u03c9\u03c3\u03c4\u03ae, \u03c0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03b4\u03b5\u03af\u03be\u03c9 \u03cc\u03c4\u03b9 \u03ad\u03c7\u03c9 \u03b4\u03af\u03ba\u03b9\u03bf.\", \"\u039b\u03ac\u03b8\u03bf\u03c2, \u03c4\u03b1 \u039a\u0395\u03a6\u0391\u039b\u0391\u0399\u0391 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c3\u03b1\u03bd \u03bd\u03b1 \u03c6\u03c9\u03bd\u03ac\u03b6\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b1\u03b3\u03b5\u03bd\u03ad\u03c2.\", \"\u03a3\u03c9\u03c3\u03c4\u03ae, \u03b5\u03c6\u03cc\u03c3\u03bf\u03bd \u03b4\u03b9\u03b1\u03c6\u03c9\u03bd\u03b5\u03af \u03ad\u03bd\u03c4\u03bf\u03bd\u03b1 \u03ba\u03b1\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b1\u03b3\u03b5\u03bd\u03ae\u03c2.\"],\n correct: 1,\n rule: \"\u0391\u03c0\u03bf\u03c6\u03c5\u03b3\u03ae \u0386\u03c3\u03c7\u03b7\u03bc\u03c9\u03bd \u0395\u03ba\u03c6\u03c1\u03ac\u03c3\u03b5\u03c9\u03bd (\u039a\u03b1\u03bd\u03cc\u03bd\u03b1\u03c2 5)\",\n explanation: \"\u03a4\u03b1 \u039a\u0395\u03a6\u0391\u039b\u0391\u0399\u0391 \u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03b1 \u03c3\u03c4\u03bf \u0394\u03b9\u03b1\u03b4\u03af\u03ba\u03c4\u03c5\u03bf \u03b8\u03b5\u03c9\u03c1\u03bf\u03cd\u03bd\u03c4\u03b1\u03b9 '\u03c6\u03c9\u03bd\u03ae' \u03ba\u03b1\u03b9 \u03b1\u03b3\u03ad\u03bd\u03b5\u03b9\u03b1. \u0394\u03b9\u03b1\u03c4\u03b7\u03c1\u03bf\u03cd\u03bc\u03b5 \u03c4\u03b7\u03bd \u03c8\u03c5\u03c7\u03c1\u03b1\u03b9\u03bc\u03af\u03b1 \u03ba\u03b1\u03b9 \u03c4\u03bf\u03bd \u03b5\u03c5\u03b3\u03b5\u03bd\u03b9\u03ba\u03cc \u03c4\u03cc\u03bd\u03bf.\"\n },\n {\n scenario: \"\u0397 \u0386\u03bd\u03bd\u03b1 \u03b4\u03b7\u03bc\u03bf\u03c3\u03b9\u03b5\u03cd\u03b5\u03b9 \u03ad\u03bd\u03b1 \u03b1\u03c3\u03c4\u03b5\u03af\u03bf \u03c3\u03c7\u03cc\u03bb\u03b9\u03bf \u03b3\u03b9\u03b1 \u03ad\u03bd\u03b1\u03bd \u03c3\u03c5\u03bc\u03bc\u03b1\u03b8\u03b7\u03c4\u03ae \u03c3\u03b1\u03c2 \u03c0\u03bf\u03c5 \u03b8\u03b5\u03c9\u03c1\u03b5\u03af\u03c2 \u03cc\u03c4\u03b9 \u03b8\u03b1 \u03c4\u03bf\u03bd \u03c3\u03c4\u03b5\u03bd\u03b1\u03c7\u03c9\u03c1\u03ae\u03c3\u03b5\u03b9. \u0395\u03af\u03c3\u03b1\u03b9 \u03ad\u03c4\u03bf\u03b9\u03bc\u03bf\u03c2\/\u03b7 \u03bd\u03b1 \u03c0\u03b1\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 'Like' \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03b3\u03b5\u03bb\u03ac\u03c3\u03b5\u03b9\u03c2.\",\n question: \"\u03a0\u03ce\u03c2 \u03c0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03b4\u03c1\u03ac\u03c3\u03b5\u03b9\u03c2;\",\n options: [\"\u039a\u03ac\u03bd\u03c9 'Like' \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b4\u03b5\u03af\u03be\u03c9 \u03cc\u03c4\u03b9 \u03ad\u03c7\u03c9 \u03c7\u03b9\u03bf\u03cd\u03bc\u03bf\u03c1.\", \"\u0391\u03b3\u03bd\u03bf\u03ce \u03c4\u03bf \u03c3\u03c7\u03cc\u03bb\u03b9\u03bf \u03ba\u03b1\u03b9 \u03b4\u03b5\u03bd \u03ba\u03ac\u03bd\u03c9 \u03c4\u03af\u03c0\u03bf\u03c4\u03b1.\", \"\u0394\u03b5\u03bd \u03ba\u03ac\u03bd\u03c9 'Like' \u03ba\u03b1\u03b9 \u03c3\u03c4\u03ad\u03bb\u03bd\u03c9 \u03c0\u03c1\u03bf\u03c3\u03c9\u03c0\u03b9\u03ba\u03cc \u03bc\u03ae\u03bd\u03c5\u03bc\u03b1 \u03c3\u03c4\u03b7\u03bd \u0386\u03bd\u03bd\u03b1 \u03cc\u03c4\u03b9 \u03c4\u03bf \u03c3\u03c7\u03cc\u03bb\u03b9\u03bf \u03b5\u03af\u03bd\u03b1\u03b9 \u03ac\u03ba\u03bf\u03bc\u03c8\u03bf.\"],\n correct: 2,\n rule: \"\u03a3\u03ba\u03ad\u03c8\u03b7 \u03a0\u03c1\u03b9\u03bd \u03c4\u03bf 'Post' (\u039a\u03b1\u03bd\u03cc\u03bd\u03b1\u03c2 2) & \u03a3\u03b5\u03b2\u03b1\u03c3\u03bc\u03cc\u03c2 (\u039a\u03b1\u03bd\u03cc\u03bd\u03b1\u03c2 1)\",\n explanation: \"\u039f\u03c6\u03b5\u03af\u03bb\u03bf\u03c5\u03bc\u03b5 \u03bd\u03b1 \u03c3\u03ba\u03b5\u03c6\u03c4\u03cc\u03bc\u03b1\u03c3\u03c4\u03b5 \u03c4\u03b9\u03c2 \u03c3\u03c5\u03bd\u03ad\u03c0\u03b5\u03b9\u03b5\u03c2 \u03c4\u03c9\u03bd \u03c0\u03c1\u03ac\u03be\u03b5\u03ce\u03bd \u03bc\u03b1\u03c2. \u0388\u03bd\u03b1 Like \u03c3\u03b5 \u03ad\u03bd\u03b1 \u03b5\u03c0\u03b9\u03b8\u03b5\u03c4\u03b9\u03ba\u03cc \u03c3\u03c7\u03cc\u03bb\u03b9\u03bf \u03b8\u03b5\u03c9\u03c1\u03b5\u03af\u03c4\u03b1\u03b9 \u03b5\u03bd\u03b8\u03ac\u03c1\u03c1\u03c5\u03bd\u03c3\u03b7. \u039f \u03c3\u03b5\u03b2\u03b1\u03c3\u03bc\u03cc\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c0\u03ac\u03bd\u03c9 \u03b1\u03c0' \u03cc\u03bb\u03b1.\"\n },\n {\n scenario: \"\u0388\u03bd\u03b1\u03c2 \u03c6\u03af\u03bb\u03bf\u03c2 \u03c3\u03bf\u03cd \u03ad\u03c3\u03c4\u03b5\u03b9\u03bb\u03b5 \u03ad\u03bd\u03b1 \u03c0\u03bf\u03bb\u03cd \u03c0\u03c1\u03bf\u03c3\u03c9\u03c0\u03b9\u03ba\u03cc \u03b2\u03af\u03bd\u03c4\u03b5\u03bf \u03bc\u03ad\u03c3\u03c9 chat. \u03a4\u03bf \u03b2\u03af\u03bd\u03c4\u03b5\u03bf \u03b5\u03af\u03bd\u03b1\u03b9 \u03b1\u03c3\u03c4\u03b5\u03af\u03bf \u03ba\u03b1\u03b9 \u03c3\u03ba\u03ad\u03c6\u03c4\u03b5\u03c3\u03b1\u03b9 \u03bd\u03b1 \u03c4\u03bf \u03c0\u03c1\u03bf\u03c9\u03b8\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c3\u03c4\u03b7\u03bd \u03bf\u03bc\u03b1\u03b4\u03b9\u03ba\u03ae \u03c3\u03b1\u03c2 \u03c3\u03c5\u03bd\u03bf\u03bc\u03b9\u03bb\u03af\u03b1.\",\n question: \"\u0395\u03c0\u03b9\u03c4\u03c1\u03ad\u03c0\u03b5\u03c4\u03b1\u03b9 \u03b7 \u03c0\u03c1\u03bf\u03ce\u03b8\u03b7\u03c3\u03b7;\",\n options: [\"\u039d\u03b1\u03b9, \u03b5\u03c6\u03cc\u03c3\u03bf\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u03c6\u03af\u03bb\u03bf\u03c2 \u03bc\u03bf\u03c5 \u03ba\u03b1\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b1\u03c3\u03c4\u03b5\u03af\u03bf.\", \"\u038c\u03c7\u03b9, \u03c0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03c0\u03c1\u03ce\u03c4\u03b1 \u03bd\u03b1 \u03b6\u03b7\u03c4\u03ae\u03c3\u03c9 \u03c4\u03b7\u03bd \u03ac\u03b4\u03b5\u03b9\u03ac \u03c4\u03bf\u03c5 \u03c1\u03b7\u03c4\u03ac.\", \"\u039d\u03b1\u03b9, \u03b1\u03bb\u03bb\u03ac \u03bc\u03cc\u03bd\u03bf \u03c3\u03b5 \u03ba\u03bb\u03b5\u03b9\u03c3\u03c4\u03ae \u03bf\u03bc\u03ac\u03b4\u03b1 \u03c3\u03c5\u03bd\u03bf\u03bc\u03b9\u03bb\u03af\u03b1\u03c2.\"],\n correct: 1,\n rule: \"\u03a3\u03b5\u03b2\u03b1\u03c3\u03bc\u03cc\u03c2 \u03c3\u03c4\u03b7\u03bd \u0399\u03b4\u03b9\u03c9\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1 \u0386\u03bb\u03bb\u03c9\u03bd (\u039a\u03b1\u03bd\u03cc\u03bd\u03b1\u03c2 8)\",\n explanation: \"\u03a0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03c0\u03ac\u03bd\u03c4\u03b1 \u03bd\u03b1 \u03bb\u03b1\u03bc\u03b2\u03ac\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7 \u03c1\u03b7\u03c4\u03ae \u03ac\u03b4\u03b5\u03b9\u03b1 \u03c4\u03bf\u03c5 \u03b1\u03c4\u03cc\u03bc\u03bf\u03c5 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c0\u03c1\u03bf\u03c9\u03b8\u03ae\u03c3\u03bf\u03c5\u03bc\u03b5, \u03bd\u03b1 \u03b4\u03b7\u03bc\u03bf\u03c3\u03b9\u03b5\u03cd\u03c3\u03bf\u03c5\u03bc\u03b5 \u03ae \u03bd\u03b1 \u03ba\u03bf\u03b9\u03bd\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03bf\u03c5\u03bc\u03b5 \u03c0\u03c1\u03bf\u03c3\u03c9\u03c0\u03b9\u03ba\u03ad\u03c2 \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2, \u03c6\u03c9\u03c4\u03bf\u03b3\u03c1\u03b1\u03c6\u03af\u03b5\u03c2 \u03ae \u03b2\u03af\u03bd\u03c4\u03b5\u03bf \u03c0\u03bf\u03c5 \u03bc\u03b1\u03c2 \u03ad\u03c3\u03c4\u03b5\u03b9\u03bb\u03b5.\"\n },\n {\n scenario: \"\u0392\u03bb\u03ad\u03c0\u03b5\u03b9\u03c2 \u03bc\u03b9\u03b1 \u03b1\u03bd\u03ac\u03c1\u03c4\u03b7\u03c3\u03b7 \u03bc\u03b5 \u03ad\u03bd\u03b1\u03bd \u03c3\u03c5\u03b3\u03ba\u03bb\u03bf\u03bd\u03b9\u03c3\u03c4\u03b9\u03ba\u03cc \u03c4\u03af\u03c4\u03bb\u03bf \u03b3\u03b9\u03b1 \u03ad\u03bd\u03b1 \u03b3\u03b5\u03b3\u03bf\u03bd\u03cc\u03c2, \u03b1\u03bb\u03bb\u03ac \u03b7 \u03c0\u03b7\u03b3\u03ae \u03c4\u03b7\u03c2 \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b1\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03ad\u03bd\u03b1\u03c2 \u03ac\u03b3\u03bd\u03c9\u03c3\u03c4\u03bf\u03c2 \u03bb\u03bf\u03b3\u03b1\u03c1\u03b9\u03b1\u03c3\u03bc\u03cc\u03c2.\",\n question: \"\u03a4\u03b9 \u03ba\u03ac\u03bd\u03b5\u03b9\u03c2 \u03c0\u03c1\u03b9\u03bd \u03c4\u03bf \u03ba\u03bf\u03b9\u03bd\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03b5\u03b9\u03c2;\",\n options: [\"\u03a4\u03bf \u03ba\u03bf\u03b9\u03bd\u03bf\u03c0\u03bf\u03b9\u03ce \u03b1\u03bc\u03ad\u03c3\u03c9\u03c2 \u03b3\u03b9\u03b1\u03c4\u03af \u03c0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03b5\u03bd\u03b7\u03bc\u03b5\u03c1\u03c9\u03b8\u03bf\u03cd\u03bd \u03cc\u03bb\u03bf\u03b9.\", \"\u03a4\u03bf \u03ba\u03bf\u03b9\u03bd\u03bf\u03c0\u03bf\u03b9\u03ce \u03bc\u03cc\u03bd\u03bf \u03c3\u03b5 \u03b9\u03b4\u03b9\u03c9\u03c4\u03b9\u03ba\u03ac \u03bc\u03b7\u03bd\u03cd\u03bc\u03b1\u03c4\u03b1.\", \"\u0395\u03bb\u03ad\u03b3\u03c7\u03c9 \u03c4\u03b7\u03bd \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b1 \u03c3\u03b5 \u03ad\u03b3\u03ba\u03c5\u03c1\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03b3\u03bd\u03c9\u03c3\u03c4\u03ad\u03c2 \u03c0\u03b7\u03b3\u03ad\u03c2 (fact-checking) \u03c0\u03c1\u03b9\u03bd \u03c4\u03b7 \u03c7\u03c1\u03ae\u03c3\u03b7.\"],\n correct: 2,\n rule: \"\u039a\u03b1\u03c4\u03b1\u03c0\u03bf\u03bb\u03ad\u03bc\u03b7\u03c3\u03b7 Fake News (\u039a\u03b1\u03bd\u03cc\u03bd\u03b1\u03c2 13)\",\n explanation: \"\u0395\u03af\u03bd\u03b1\u03b9 \u03ba\u03b1\u03b8\u03ae\u03ba\u03bf\u03bd \u03bc\u03b1\u03c2 \u03c9\u03c2 \u03c8\u03b7\u03c6\u03b9\u03b1\u03ba\u03bf\u03af \u03c0\u03bf\u03bb\u03af\u03c4\u03b5\u03c2 \u03bd\u03b1 \u03b5\u03bb\u03ad\u03b3\u03c7\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7\u03bd \u03b5\u03b3\u03ba\u03c5\u03c1\u03cc\u03c4\u03b7\u03c4\u03b1 \u03c4\u03c9\u03bd \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03b9\u03ce\u03bd. \u039c\u03b7\u03bd \u03b4\u03b9\u03b1\u03c3\u03c0\u03b5\u03af\u03c1\u03b5\u03c4\u03b5 \u03c8\u03b5\u03cd\u03c4\u03b9\u03ba\u03b5\u03c2 \u03b5\u03b9\u03b4\u03ae\u03c3\u03b5\u03b9\u03c2 (fake news).\"\n },\n {\n scenario: \"\u039b\u03b1\u03bc\u03b2\u03ac\u03bd\u03b5\u03b9\u03c2 \u03b1\u03af\u03c4\u03b7\u03bc\u03b1 \u03c6\u03b9\u03bb\u03af\u03b1\u03c2 \u03b1\u03c0\u03cc \u03ad\u03bd\u03b1\u03bd \u03c7\u03c1\u03ae\u03c3\u03c4\u03b7 \u03bc\u03b5 \u03cc\u03bd\u03bf\u03bc\u03b1 'CoolGamer99'. \u0394\u03b5\u03bd \u03c4\u03bf\u03bd \u03b3\u03bd\u03c9\u03c1\u03af\u03b6\u03b5\u03b9\u03c2 \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03ba\u03b1\u03b8\u03b7\u03bc\u03b5\u03c1\u03b9\u03bd\u03ae \u03c3\u03bf\u03c5 \u03b6\u03c9\u03ae, \u03b1\u03bb\u03bb\u03ac \u03ad\u03c7\u03b5\u03b9 \u03c0\u03bf\u03bb\u03bb\u03bf\u03cd\u03c2 \u03ba\u03bf\u03b9\u03bd\u03bf\u03cd\u03c2 \u03c6\u03af\u03bb\u03bf\u03c5\u03c2.\",\n question: \"\u03a0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03c4\u03bf \u03b1\u03c0\u03bf\u03b4\u03b5\u03c7\u03c4\u03b5\u03af\u03c2;\",\n options: [\"\u039d\u03b1\u03b9, \u03b5\u03c0\u03b5\u03b9\u03b4\u03ae \u03ad\u03c7\u03bf\u03c5\u03bc\u03b5 \u03ba\u03bf\u03b9\u03bd\u03bf\u03cd\u03c2 \u03c6\u03af\u03bb\u03bf\u03c5\u03c2 \u03ba\u03b1\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c0\u03b9\u03b8\u03b1\u03bd\u03cc \u03bd\u03b1 \u03c4\u03bf\u03bd \u03be\u03ad\u03c1\u03c9.\", \"\u038c\u03c7\u03b9, \u03b1\u03c0\u03bf\u03b4\u03ad\u03c7\u03bf\u03bc\u03b1\u03b9 \u03bc\u03cc\u03bd\u03bf \u03cc\u03c3\u03bf\u03c5\u03c2 \u03b3\u03bd\u03c9\u03c1\u03af\u03b6\u03c9 \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03ba\u03b1\u03b8\u03b7\u03bc\u03b5\u03c1\u03b9\u03bd\u03ae \u03bc\u03bf\u03c5 \u03b6\u03c9\u03ae.\", \"\u039d\u03b1\u03b9, \u03b1\u03bd \u03c4\u03bf \u03c0\u03c1\u03bf\u03c6\u03af\u03bb \u03c4\u03bf\u03c5 \u03c6\u03b1\u03af\u03bd\u03b5\u03c4\u03b1\u03b9 \u03c6\u03c5\u03c3\u03b9\u03bf\u03bb\u03bf\u03b3\u03b9\u03ba\u03cc.\"],\n correct: 1,\n rule: \"\u0395\u03c0\u03b1\u03bb\u03ae\u03b8\u03b5\u03c5\u03c3\u03b7 \u0391\u03b9\u03c4\u03b7\u03bc\u03ac\u03c4\u03c9\u03bd \u03a6\u03b9\u03bb\u03af\u03b1\u03c2 (\u039a\u03b1\u03bd\u03cc\u03bd\u03b1\u03c2 12)\",\n explanation: \"\u0393\u03b9\u03b1 \u03bb\u03cc\u03b3\u03bf\u03c5\u03c2 \u03b1\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1\u03c2, \u03b1\u03c0\u03bf\u03b4\u03ad\u03c7\u03b5\u03c3\u03c4\u03b5 \u03bc\u03cc\u03bd\u03bf \u03ac\u03c4\u03bf\u03bc\u03b1 \u03c0\u03bf\u03c5 \u03b3\u03bd\u03c9\u03c1\u03af\u03b6\u03b5\u03c4\u03b5 \u03c0\u03c1\u03bf\u03c3\u03c9\u03c0\u03b9\u03ba\u03ac \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03ba\u03b1\u03b8\u03b7\u03bc\u03b5\u03c1\u03b9\u03bd\u03ae \u03b6\u03c9\u03ae. \u0388\u03bd\u03b1\u03c2 \u03ac\u03b3\u03bd\u03c9\u03c3\u03c4\u03bf\u03c2 \u03bb\u03bf\u03b3\u03b1\u03c1\u03b9\u03b1\u03c3\u03bc\u03cc\u03c2 \u03bc\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b5\u03c0\u03b9\u03ba\u03af\u03bd\u03b4\u03c5\u03bd\u03bf\u03c2.\"\n },\n {\n scenario: \"\u039c\u03c0\u03b1\u03af\u03bd\u03b5\u03b9\u03c2 \u03c3\u03b5 \u03bc\u03b9\u03b1 \u03bd\u03ad\u03b1 \u03b5\u03ba\u03c0\u03b1\u03b9\u03b4\u03b5\u03c5\u03c4\u03b9\u03ba\u03ae \u03c0\u03bb\u03b1\u03c4\u03c6\u03cc\u03c1\u03bc\u03b1. \u039f\u03b4\u03b7\u03b3\u03af\u03b5\u03c2 \u03ae \u03ba\u03b1\u03bd\u03cc\u03bd\u03b5\u03c2 \u03ba\u03bf\u03b9\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2 \u03b4\u03b5\u03bd \u03c3\u03bf\u03c5 \u03c6\u03b1\u03af\u03bd\u03bf\u03bd\u03c4\u03b1\u03b9 \u03c3\u03b7\u03bc\u03b1\u03bd\u03c4\u03b9\u03ba\u03bf\u03af.\",\n question: \"\u03a0\u03bf\u03b9\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b7 \u03c3\u03c9\u03c3\u03c4\u03ae \u03c0\u03c1\u03bf\u03c3\u03ad\u03b3\u03b3\u03b9\u03c3\u03b7;\",\n options: [\"\u039c\u03c0\u03b1\u03af\u03bd\u03c9 \u03ba\u03b1\u03c4\u03b5\u03c5\u03b8\u03b5\u03af\u03b1\u03bd \u03ba\u03b1\u03b9 \u03ba\u03ac\u03bd\u03c9 \u03cc,\u03c4\u03b9 \u03ba\u03ac\u03bd\u03bf\u03c5\u03bd \u03bf\u03b9 \u03ac\u03bb\u03bb\u03bf\u03b9.\", \"\u0394\u03b9\u03b1\u03b2\u03ac\u03b6\u03c9 \u03c4\u03bf\u03c5\u03c2 \u03ba\u03b1\u03bd\u03cc\u03bd\u03b5\u03c2 \u03c3\u03c5\u03bc\u03c0\u03b5\u03c1\u03b9\u03c6\u03bf\u03c1\u03ac\u03c2 \u03ba\u03b1\u03b9 \u03c4\u03b9\u03c2 \u03bf\u03b4\u03b7\u03b3\u03af\u03b5\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03bc\u03b7 \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03ae\u03c3\u03c9 \u03c0\u03c1\u03cc\u03b2\u03bb\u03b7\u03bc\u03b1.\", \"\u03a1\u03c9\u03c4\u03ac\u03c9 \u03ad\u03bd\u03b1\u03bd \u03c6\u03af\u03bb\u03bf \u03c4\u03b9 \u03b5\u03c0\u03b9\u03c4\u03c1\u03ad\u03c0\u03b5\u03c4\u03b1\u03b9 \u03ba\u03b1\u03b9 \u03c4\u03b9 \u03cc\u03c7\u03b9.\"],\n correct: 1,\n rule: \"\u0391\u03bd\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7 \u039a\u03b1\u03bd\u03cc\u03bd\u03c9\u03bd \u039a\u03bf\u03b9\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2 & \u039d\u03ad\u03bf\u03c5 \u039b\u03bf\u03b3\u03b1\u03c1\u03b9\u03b1\u03c3\u03bc\u03bf\u03cd (\u039a\u03b1\u03bd\u03cc\u03bd\u03b1\u03c2 3)\",\n explanation: \"\u039a\u03ac\u03b8\u03b5 \u03ba\u03bf\u03b9\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1 \u03ad\u03c7\u03b5\u03b9 \u03c4\u03bf\u03c5\u03c2 \u03b4\u03b9\u03ba\u03bf\u03cd\u03c2 \u03c4\u03b7\u03c2 \u03ba\u03b1\u03bd\u03cc\u03bd\u03b5\u03c2 (\u03ba\u03ce\u03b4\u03b9\u03ba\u03b1\u03c2 \u03b4\u03b5\u03bf\u03bd\u03c4\u03bf\u03bb\u03bf\u03b3\u03af\u03b1\u03c2). \u0397 \u03b1\u03bd\u03ac\u03b3\u03bd\u03c9\u03c3\u03ae \u03c4\u03bf\u03c5\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b1\u03c0\u03b1\u03c1\u03b1\u03af\u03c4\u03b7\u03c4\u03b7 \u03b3\u03b9\u03b1 \u03b8\u03b5\u03c4\u03b9\u03ba\u03ae \u03b5\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b1 \u03ba\u03b1\u03b9 \u03b1\u03c0\u03bf\u03c6\u03c5\u03b3\u03ae \u03c0\u03b1\u03c1\u03b5\u03be\u03b7\u03b3\u03ae\u03c3\u03b5\u03c9\u03bd.\"\n },\n {\n scenario: \"\u0388\u03bd\u03b1\u03c2 \u03ac\u03bb\u03bb\u03bf\u03c2 \u03c7\u03c1\u03ae\u03c3\u03c4\u03b7\u03c2 \u03c3\u03b5 \u03c0\u03c1\u03bf\u03c3\u03b2\u03ac\u03bb\u03bb\u03b5\u03b9 \u03bc\u03b5 \u03c5\u03b2\u03c1\u03b9\u03c3\u03c4\u03b9\u03ba\u03ac \u03c3\u03c7\u03cc\u03bb\u03b9\u03b1. \u0398\u03ad\u03bb\u03b5\u03b9\u03c2 \u03bd\u03b1 \u03c4\u03bf\u03bd \u03c0\u03c1\u03bf\u03c3\u03b2\u03ac\u03bb\u03bb\u03b5\u03b9\u03c2 \u03ba\u03b9 \u03b5\u03c3\u03cd \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c0\u03ac\u03c1\u03b5\u03b9\u03c2 \u03b5\u03ba\u03b4\u03af\u03ba\u03b7\u03c3\u03b7.\",\n question: \"\u03a4\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c3\u03c9\u03c3\u03c4\u03cc \u03bd\u03b1 \u03ba\u03ac\u03bd\u03b5\u03b9\u03c2;\",\n options: [\"\u0391\u03c0\u03b1\u03bd\u03c4\u03ce \u03bc\u03b5 \u03c4\u03b7\u03bd \u03af\u03b4\u03b9\u03b1 \u03b3\u03bb\u03ce\u03c3\u03c3\u03b1 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c4\u03bf\u03c5 \u03b4\u03b5\u03af\u03be\u03c9 \u03cc\u03c4\u03b9 \u03b4\u03b5\u03bd \u03c6\u03bf\u03b2\u03ac\u03bc\u03b1\u03b9.\", \"\u0394\u03b9\u03b1\u03c4\u03b7\u03c1\u03ce \u03c4\u03b7\u03bd \u03c8\u03c5\u03c7\u03c1\u03b1\u03b9\u03bc\u03af\u03b1, \u03b5\u03bd\u03b7\u03bc\u03b5\u03c1\u03ce\u03bd\u03c9 \u03b5\u03bd\u03ae\u03bb\u03b9\u03ba\u03b1 \u03ba\u03b1\u03b9 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03ce \u03c4\u03b1 \u03b5\u03c1\u03b3\u03b1\u03bb\u03b5\u03af\u03b1 \u03b1\u03bd\u03b1\u03c6\u03bf\u03c1\u03ac\u03c2 (Report).\", \"\u03a4\u03bf\u03bd \u03bc\u03c0\u03bb\u03bf\u03ba\u03ac\u03c1\u03c9 \u03ba\u03b1\u03b9 \u03c4\u03b5\u03bb\u03b5\u03af\u03c9\u03c3\u03b5.\"],\n correct: 1,\n rule: \"\u0394\u03b9\u03b1\u03c4\u03ae\u03c1\u03b7\u03c3\u03b7 \u03a8\u03c5\u03c7\u03c1\u03b1\u03b9\u03bc\u03af\u03b1\u03c2 & \u0391\u03bd\u03b1\u03c6\u03bf\u03c1\u03ac (\u039a\u03b1\u03bd\u03cc\u03bd\u03b1\u03c2 7)\",\n explanation: \"\u039c\u03b7\u03bd \u03b1\u03bd\u03c4\u03b1\u03c0\u03bf\u03b4\u03af\u03b4\u03b5\u03c4\u03b5 \u03c4\u03b7\u03bd \u03b1\u03b3\u03ad\u03bd\u03b5\u03b9\u03b1. \u0394\u03b9\u03b1\u03c4\u03b7\u03c1\u03ae\u03c3\u03c4\u03b5 \u03c4\u03b7\u03bd \u03c8\u03c5\u03c7\u03c1\u03b1\u03b9\u03bc\u03af\u03b1, \u03b1\u03bd\u03b1\u03c6\u03ad\u03c1\u03b5\u03c4\u03b5 \u03c4\u03bf \u03c0\u03b5\u03c1\u03b9\u03c3\u03c4\u03b1\u03c4\u03b9\u03ba\u03cc \u03c3\u03c4\u03b7\u03bd \u03c0\u03bb\u03b1\u03c4\u03c6\u03cc\u03c1\u03bc\u03b1 \u03ba\u03b1\u03b9 \u03c3\u03b5 \u03ad\u03bd\u03b1\u03bd \u03b5\u03bd\u03ae\u03bb\u03b9\u03ba\u03b1. \u0397 \u03b5\u03ba\u03b4\u03af\u03ba\u03b7\u03c3\u03b7 \u03b1\u03c0\u03bb\u03ce\u03c2 \u03b4\u03b9\u03b1\u03b9\u03c9\u03bd\u03af\u03b6\u03b5\u03b9 \u03c4\u03bf\u03bd \u03ba\u03b1\u03ba\u03cc \u03ba\u03cd\u03ba\u03bb\u03bf.\"\n },\n {\n scenario: \"\u0394\u03b7\u03bc\u03bf\u03c3\u03b9\u03b5\u03cd\u03b5\u03b9\u03c2 \u03bc\u03b9\u03b1 \u03c6\u03c9\u03c4\u03bf\u03b3\u03c1\u03b1\u03c6\u03af\u03b1 \u03c3\u03bf\u03c5 \u03b1\u03c0\u03cc \u03c4\u03b9\u03c2 \u03b4\u03b9\u03b1\u03ba\u03bf\u03c0\u03ad\u03c2 \u03ba\u03b1\u03b9 \u03b1\u03bd\u03b1\u03c6\u03ad\u03c1\u03b5\u03b9\u03c2 \u03c4\u03bf \u03cc\u03bd\u03bf\u03bc\u03b1 \u03c4\u03bf\u03c5 \u03be\u03b5\u03bd\u03bf\u03b4\u03bf\u03c7\u03b5\u03af\u03bf\u03c5, \u03c4\u03b7\u03bd \u03c0\u03cc\u03bb\u03b7 \u03ba\u03b1\u03b9 \u03c4\u03b7\u03bd \u03b1\u03ba\u03c1\u03b9\u03b2\u03ae \u03b7\u03bc\u03b5\u03c1\u03bf\u03bc\u03b7\u03bd\u03af\u03b1 \u03b5\u03c0\u03b9\u03c3\u03c4\u03c1\u03bf\u03c6\u03ae\u03c2 \u03c3\u03bf\u03c5.\",\n question: \"\u0395\u03af\u03bd\u03b1\u03b9 \u03b1\u03c3\u03c6\u03b1\u03bb\u03ad\u03c2 \u03b1\u03c5\u03c4\u03cc;\",\n options: [\"\u039d\u03b1\u03b9, \u03b5\u03c6\u03cc\u03c3\u03bf\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u03bc\u03cc\u03bd\u03bf \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03b9\u03c2 \u03b4\u03b9\u03b1\u03ba\u03bf\u03c0\u03ad\u03c2.\", \"\u038c\u03c7\u03b9, \u03bc\u03bf\u03b9\u03c1\u03ac\u03b6\u03b5\u03c3\u03b1\u03b9 \u03c0\u03ac\u03c1\u03b1 \u03c0\u03bf\u03bb\u03bb\u03ac \u03c0\u03c1\u03bf\u03c3\u03c9\u03c0\u03b9\u03ba\u03ac \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03b1 \u03c0\u03bf\u03c5 \u03bc\u03c0\u03bf\u03c1\u03bf\u03cd\u03bd \u03bd\u03b1 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03b7\u03b8\u03bf\u03cd\u03bd \u03b1\u03c0\u03cc \u03ba\u03b1\u03ba\u03cc\u03b2\u03bf\u03c5\u03bb\u03bf\u03c5\u03c2.\", \"\u039d\u03b1\u03b9, \u03b5\u03c6\u03cc\u03c3\u03bf\u03bd \u03ad\u03c7\u03c9 \u03c4\u03bf \u03c0\u03c1\u03bf\u03c6\u03af\u03bb \u03bc\u03bf\u03c5 \u03ba\u03bb\u03b5\u03b9\u03b4\u03c9\u03bc\u03ad\u03bd\u03bf.\"],\n correct: 1,\n rule: \"\u0388\u03bb\u03b5\u03b3\u03c7\u03bf\u03c2 \u03a0\u03c1\u03bf\u03c3\u03c9\u03c0\u03b9\u03ba\u03ce\u03bd \u0394\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03c9\u03bd (\u039a\u03b1\u03bd\u03cc\u03bd\u03b1\u03c2 11)\",\n explanation: \"\u0397 \u03ba\u03bf\u03b9\u03bd\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03c4\u03bf\u03c0\u03bf\u03b8\u03b5\u03c3\u03af\u03b1\u03c2, \u03b7\u03bc\u03b5\u03c1\u03bf\u03bc\u03b7\u03bd\u03af\u03b1\u03c2 \u03b5\u03c0\u03b9\u03c3\u03c4\u03c1\u03bf\u03c6\u03ae\u03c2 \u03ba\u03b1\u03b9 \u03ac\u03bb\u03bb\u03c9\u03bd \u03c0\u03c1\u03bf\u03c3\u03c9\u03c0\u03b9\u03ba\u03ce\u03bd \u03bb\u03b5\u03c0\u03c4\u03bf\u03bc\u03b5\u03c1\u03b5\u03b9\u03ce\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u03b5\u03c0\u03b9\u03ba\u03af\u03bd\u03b4\u03c5\u03bd\u03b7. \u039a\u03c1\u03b1\u03c4\u03ae\u03c3\u03c4\u03b5 \u03c4\u03b1 \u03c0\u03c1\u03bf\u03c3\u03c9\u03c0\u03b9\u03ba\u03ac \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03b1 \u03c0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c4\u03b5\u03c5\u03bc\u03ad\u03bd\u03b1.\"\n },\n {\n scenario: \"\u0388\u03b3\u03c1\u03b1\u03c8\u03b5\u03c2 \u03ad\u03bd\u03b1 \u03b1\u03c3\u03c4\u03b5\u03af\u03bf \u03bc\u03b5 \u03c3\u03b1\u03c1\u03ba\u03b1\u03c3\u03bc\u03cc \u03c3\u03b5 \u03ad\u03bd\u03b1 \u03b4\u03b7\u03bc\u03cc\u03c3\u03b9\u03bf chat. \u039a\u03ac\u03c0\u03bf\u03b9\u03bf\u03b9 \u03c7\u03c1\u03ae\u03c3\u03c4\u03b5\u03c2 \u03c0\u03b1\u03c1\u03b5\u03be\u03ae\u03b3\u03b7\u03c3\u03b1\u03bd \u03c4\u03bf \u03bd\u03cc\u03b7\u03bc\u03b1 \u03ba\u03b1\u03b9 \u03b8\u03cd\u03bc\u03c9\u03c3\u03b1\u03bd.\",\n question: \"\u03a4\u03b9 \u03c0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03b8\u03c5\u03bc\u03ac\u03c3\u03b1\u03b9 \u03b3\u03b9\u03b1 \u03c4\u03bf \u03c7\u03b9\u03bf\u03cd\u03bc\u03bf\u03c1;\",\n options: [\"\u0394\u03b5\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u03b4\u03b9\u03ba\u03cc \u03bc\u03bf\u03c5 \u03c0\u03c1\u03cc\u03b2\u03bb\u03b7\u03bc\u03b1, \u03c4\u03bf \u03ba\u03b1\u03c4\u03ac\u03bb\u03b1\u03b2\u03b1\u03bd \u03bb\u03ac\u03b8\u03bf\u03c2.\", \"\u03a4\u03bf \u03c7\u03b9\u03bf\u03cd\u03bc\u03bf\u03c1 \u03ba\u03b1\u03b9 \u03bf \u03c3\u03b1\u03c1\u03ba\u03b1\u03c3\u03bc\u03cc\u03c2 \u03c0\u03b1\u03c1\u03b5\u03be\u03b7\u03b3\u03bf\u03cd\u03bd\u03c4\u03b1\u03b9 \u03b5\u03cd\u03ba\u03bf\u03bb\u03b1 online. \u03a7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b5 emojis (\u03c0.\u03c7. \ud83d\ude02) \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b2\u03bf\u03b7\u03b8\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c3\u03c4\u03bf\u03bd \u03c4\u03cc\u03bd\u03bf.\", \"\u03a4\u03bf \u03c7\u03b9\u03bf\u03cd\u03bc\u03bf\u03c1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03bc\u03ad\u03c1\u03bf\u03c2 \u03c4\u03b7\u03c2 \u03b5\u03bb\u03b5\u03c5\u03b8\u03b5\u03c1\u03af\u03b1\u03c2 \u03c4\u03bf\u03c5 \u03bb\u03cc\u03b3\u03bf\u03c5 \u03ba\u03b1\u03b9 \u03b4\u03b5\u03bd \u03c7\u03c1\u03b5\u03b9\u03ac\u03b6\u03b5\u03c4\u03b1\u03b9 \u03b5\u03c0\u03b5\u03be\u03ae\u03b3\u03b7\u03c3\u03b7.\"],\n correct: 1,\n rule: \"\u03a0\u03c1\u03bf\u03c3\u03bf\u03c7\u03ae \u03bc\u03b5 \u03c4\u03bf \u03a7\u03b9\u03bf\u03cd\u03bc\u03bf\u03c1 (\u039a\u03b1\u03bd\u03cc\u03bd\u03b1\u03c2 5)\",\n explanation: \"\u03a7\u03c9\u03c1\u03af\u03c2 \u03c4\u03bf\u03bd \u03c4\u03cc\u03bd\u03bf \u03c4\u03b7\u03c2 \u03c6\u03c9\u03bd\u03ae\u03c2 \u03ba\u03b1\u03b9 \u03c4\u03b7 \u03b3\u03bb\u03ce\u03c3\u03c3\u03b1 \u03c4\u03bf\u03c5 \u03c3\u03ce\u03bc\u03b1\u03c4\u03bf\u03c2, \u03c4\u03bf \u03c7\u03b9\u03bf\u03cd\u03bc\u03bf\u03c1 \u03ba\u03b1\u03b9 \u03bf \u03c3\u03b1\u03c1\u03ba\u03b1\u03c3\u03bc\u03cc\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b5\u03cd\u03ba\u03bf\u03bb\u03bf \u03bd\u03b1 \u03c0\u03b1\u03c1\u03b5\u03be\u03b7\u03b3\u03b7\u03b8\u03bf\u03cd\u03bd. \u03a7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03c4\u03b5 emojis \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03ba\u03b1\u03b8\u03bf\u03b4\u03b7\u03b3\u03ae\u03c3\u03b5\u03c4\u03b5 \u03c4\u03bf\u03bd \u03b1\u03bd\u03b1\u03b3\u03bd\u03ce\u03c3\u03c4\u03b7.\"\n },\n {\n scenario: \"\u03a0\u03bf\u03b9\u03bf\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03bf \u03c0\u03b9\u03bf \u03c3\u03b7\u03bc\u03b1\u03bd\u03c4\u03b9\u03ba\u03cc\u03c2 '\u03a7\u03c1\u03c5\u03c3\u03cc\u03c2 \u039a\u03b1\u03bd\u03cc\u03bd\u03b1\u03c2' \u03c4\u03b7\u03c2 Netiquette;\",\n question: \"\u0395\u03c0\u03af\u03bb\u03b5\u03be\u03b5 \u03c4\u03bf\u03bd \u03a7\u03c1\u03c5\u03c3\u03cc \u039a\u03b1\u03bd\u03cc\u03bd\u03b1:\",\n options: [\"\u039d\u03b1 \u03b5\u03af\u03c3\u03b1\u03b9 \u03c0\u03ac\u03bd\u03c4\u03b1 \u03b1\u03bd\u03ce\u03bd\u03c5\u03bc\u03bf\u03c2 online.\", \"\u039d\u03b1 \u03c3\u03c5\u03bc\u03c0\u03b5\u03c1\u03b9\u03c6\u03ad\u03c1\u03b5\u03c3\u03b1\u03b9 \u03c3\u03c4\u03bf\u03c5\u03c2 \u03ac\u03bb\u03bb\u03bf\u03c5\u03c2, \u03cc\u03c0\u03c9\u03c2 \u03b8\u03ad\u03bb\u03b5\u03b9\u03c2 \u03bd\u03b1 \u03c3\u03bf\u03c5 \u03c3\u03c5\u03bc\u03c0\u03b5\u03c1\u03b9\u03c6\u03ad\u03c1\u03bf\u03bd\u03c4\u03b1\u03b9 \u03ba\u03b1\u03b9 \u03b1\u03c5\u03c4\u03bf\u03af.\", \"\u039d\u03b1 \u03ad\u03c7\u03b5\u03b9\u03c2 \u03c0\u03ac\u03bd\u03c4\u03b1 \u03b4\u03af\u03ba\u03b9\u03bf \u03c3\u03c4\u03b9\u03c2 \u03c3\u03c5\u03b6\u03b7\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2.\"],\n correct: 1,\n rule: \"\u039f \u03a7\u03c1\u03c5\u03c3\u03cc\u03c2 \u039a\u03b1\u03bd\u03cc\u03bd\u03b1\u03c2 \u03c4\u03b7\u03c2 Netiquette (\u039a\u03b1\u03bd\u03cc\u03bd\u03b1\u03c2 2)\",\n explanation: \"\u0397 Netiquette \u03b2\u03b1\u03c3\u03af\u03b6\u03b5\u03c4\u03b1\u03b9 \u03c3\u03c4\u03b7\u03bd \u03b1\u03c1\u03c7\u03ae \u03cc\u03c4\u03b9 \u03c3\u03c5\u03bc\u03c0\u03b5\u03c1\u03b9\u03c6\u03b5\u03c1\u03cc\u03bc\u03b1\u03c3\u03c4\u03b5 \u03c3\u03c4\u03bf\u03bd \u03c8\u03b7\u03c6\u03b9\u03b1\u03ba\u03cc \u03ba\u03cc\u03c3\u03bc\u03bf \u03bc\u03b5 \u03c4\u03b7\u03bd \u03af\u03b4\u03b9\u03b1 \u03b5\u03c5\u03b3\u03ad\u03bd\u03b5\u03b9\u03b1, \u03b5\u03bd\u03c3\u03c5\u03bd\u03b1\u03af\u03c3\u03b8\u03b7\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03c3\u03b5\u03b2\u03b1\u03c3\u03bc\u03cc \u03c0\u03bf\u03c5 \u03ad\u03c7\u03bf\u03c5\u03bc\u03b5 \u03ba\u03b1\u03b9 \u03c3\u03c4\u03b7\u03bd \u03ba\u03b1\u03b8\u03b7\u03bc\u03b5\u03c1\u03b9\u03bd\u03ae \u03b6\u03c9\u03ae.\"\n }\n ];\n\n \/\/ ==============================================\n \/\/ \u039b\u039f\u0393\u0399\u039a\u0397 \u0395\u03a6\u0391\u03a1\u039c\u039f\u0393\u0397\u03a3 (STATE\/VIEW)\n \/\/ ==============================================\n\n const mainContent = document.getElementById('main-content');\n const POLL_COLLECTION_PATH = 'netiquette_poll_votes';\n\n function setAppState(newState) {\n appState = newState;\n renderApp();\n }\n\n function renderApp() {\n mainContent.innerHTML = ''; \/\/ \u039a\u03b1\u03b8\u03b1\u03c1\u03b9\u03c3\u03bc\u03cc\u03c2\n\n switch (appState) {\n case APP_STATE.LOADING:\n \/\/ \u0395\u03bc\u03c6\u03b1\u03bd\u03af\u03b6\u03bf\u03c5\u03bc\u03b5 \u03c4\u03bf loading \u03bc\u03cc\u03bd\u03bf \u03b1\u03bd \u03b4\u03b5\u03bd \u03ad\u03c7\u03b5\u03b9 \u03c6\u03bf\u03c1\u03c4\u03ce\u03c3\u03b5\u03b9 \u03b1\u03ba\u03cc\u03bc\u03b1 \u03c4\u03bf Firebase\n mainContent.innerHTML = `<div id=\"loading-screen\" class=\"text-center p-12 bg-white rounded-xl shadow-xl\">\n <div class=\"animate-spin rounded-full h-12 w-12 border-4 border-indigo-500 border-t-transparent mx-auto mb-4\"><\/div>\n <p class=\"text-xl text-indigo-700 font-semibold\">\u03a6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b7 \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03c9\u03bd \u03ba\u03b1\u03b9 \u03c3\u03cd\u03bd\u03b4\u03b5\u03c3\u03b7...<\/p>\n <\/div>`;\n break;\n case APP_STATE.POLL:\n renderPoll();\n break;\n case APP_STATE.POLL_RESULTS:\n renderPollResults();\n break;\n case APP_STATE.GUIDE_AND_QUIZ:\n renderGuideAndQuiz();\n break;\n case APP_STATE.QUIZ_RESULTS:\n showResults(); \/\/ \u03a7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03b5\u03af \u03c4\u03b7\u03bd \u03c0\u03b1\u03bb\u03b9\u03ac \u03c3\u03c5\u03bd\u03ac\u03c1\u03c4\u03b7\u03c3\u03b7\n break;\n }\n }\n\n \/\/ ==============================================\n \/\/ \u039b\u039f\u0393\u0399\u039a\u0397 \u03a8\u0397\u03a6\u039f\u03a6\u039f\u03a1\u0399\u0391\u03a3 (POLL)\n \/\/ ==============================================\n\n function renderPoll() {\n let html = `<section id=\"poll-section\" class=\"mb-12 border border-gray-200 rounded-xl shadow-2xl p-6 bg-white\">\n <h1 class=\"text-3xl md:text-4xl font-extrabold text-indigo-700 mb-2 text-center border-b pb-3\">\n \ud83d\uddf3\ufe0f \u03a8\u03b7\u03c6\u03bf\u03c6\u03bf\u03c1\u03af\u03b1 \u0395\u03b9\u03c3\u03b1\u03b3\u03c9\u03b3\u03ae\u03c2: \u03a4\u03b9 \u0399\u03c3\u03c7\u03cd\u03b5\u03b9 Online;\n <\/h1>\n <p class=\"text-xl text-gray-600 mb-8 text-center\">\n \u0394\u03b9\u03ac\u03bb\u03b5\u03be\u03b5 \u03c4\u03b7\u03bd \u03b1\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b7 \u03c0\u03bf\u03c5 \u03c0\u03b9\u03c3\u03c4\u03b5\u03cd\u03b5\u03b9\u03c2 \u03cc\u03c4\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c3\u03c9\u03c3\u03c4\u03ae \u03c3\u03b5 \u03b1\u03c5\u03c4\u03ac \u03c4\u03b1 3 \u03b4\u03b9\u03bb\u03ae\u03bc\u03bc\u03b1\u03c4\u03b1.\n <\/p>\n <div id=\"poll-questions-container\" class=\"space-y-10\">\n `;\n\n pollQuestions.forEach((q, qIndex) => {\n html += `\n <div id=\"poll-q-${qIndex}\" class=\"p-4 rounded-xl border border-gray-300\">\n <p class=\"text-xl font-bold text-gray-800 mb-4\">${qIndex + 1}. ${q.question}<\/p>\n <div class=\"space-y-2\">\n ${q.options.map((opt, oIndex) => `\n <button\n id=\"poll-opt-${qIndex}-${oIndex}\"\n class=\"option-button w-full p-3 text-lg text-left border border-gray-300 rounded-lg font-medium text-gray-700 bg-white hover:bg-blue-50 hover:border-blue-400 shadow-sm disabled:opacity-75 disabled:cursor-not-allowed\"\n onclick=\"submitVote(${qIndex}, ${oIndex}, '${q.id}', '${opt.shortId}', this)\">\n ${opt.text}\n <\/button>\n `).join('')}\n <\/div>\n <\/div>\n `;\n });\n\n html += `<\/div><\/section>`;\n mainContent.innerHTML = html;\n }\n\n async function submitVote(qIndex, oIndex, questionId, optionId, button) {\n \/\/ \u0391\u03c0\u03b5\u03bd\u03b5\u03c1\u03b3\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03cc\u03bb\u03c9\u03bd \u03c4\u03c9\u03bd \u03ba\u03bf\u03c5\u03bc\u03c0\u03b9\u03ce\u03bd \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u03c4\u03c1\u03ad\u03c7\u03bf\u03c5\u03c3\u03b1 \u03b5\u03c1\u03ce\u03c4\u03b7\u03c3\u03b7\n const buttons = document.querySelectorAll(`#poll-q-${qIndex} .option-button`);\n buttons.forEach(btn => btn.disabled = true);\n\n \/\/ \u03a3\u03ae\u03bc\u03b1\u03bd\u03c3\u03b7 \u03b5\u03c0\u03b9\u03bb\u03b5\u03b3\u03bc\u03ad\u03bd\u03bf\u03c5 \u03ba\u03bf\u03c5\u03bc\u03c0\u03b9\u03bf\u03cd\n button.classList.add('bg-indigo-500', 'text-white');\n button.classList.remove('bg-white', 'hover:bg-blue-50');\n\n \/\/ \u0391\u03c0\u03bf\u03b8\u03ae\u03ba\u03b5\u03c5\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03b5\u03c0\u03b9\u03bb\u03bf\u03b3\u03ae\u03c2\n userVotes[qIndex] = { questionId, optionId, isCorrect: pollQuestions[qIndex].options[oIndex].isCorrect };\n\n \/\/ \u039b\u03bf\u03b3\u03b9\u03ba\u03ae \u03ba\u03b1\u03c4\u03b1\u03bc\u03ad\u03c4\u03c1\u03b7\u03c3\u03b7\u03c2 \u03c3\u03c4\u03bf Firestore (\u039c\u03cc\u03bd\u03bf \u03b1\u03bd \u03c4\u03bf Firebase \u03b5\u03af\u03bd\u03b1\u03b9 \u03ad\u03c4\u03bf\u03b9\u03bc\u03bf)\n if (window.firebase.db) {\n const db = window.firebase.db;\n const appId = window.firebase.appId;\n const voteDocRef = doc(db, 'artifacts', appId, 'public', 'data', POLL_COLLECTION_PATH, questionId);\n\n try {\n await runTransaction(db, async (transaction) => {\n const docSnapshot = await transaction.get(voteDocRef);\n\n \/\/ \u03a0\u03c1\u03bf\u03b5\u03c4\u03bf\u03b9\u03bc\u03b1\u03c3\u03af\u03b1 \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03c9\u03bd \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u03ba\u03b1\u03c4\u03b1\u03bc\u03ad\u03c4\u03c1\u03b7\u03c3\u03b7\n let currentCounts = {};\n pollQuestions[qIndex].options.forEach(opt => {\n currentCounts[opt.shortId] = (docSnapshot.exists() && docSnapshot.data()[opt.shortId]) || 0;\n });\n\n \/\/ \u0391\u03cd\u03be\u03b7\u03c3\u03b7 \u03c4\u03bf\u03c5 \u03bc\u03b5\u03c4\u03c1\u03b7\u03c4\u03ae \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u03b5\u03c0\u03b9\u03bb\u03b5\u03b3\u03bc\u03ad\u03bd\u03b7 \u03b5\u03c0\u03b9\u03bb\u03bf\u03b3\u03ae\n currentCounts[optionId] = (currentCounts[optionId] || 0) + 1;\n\n \/\/ \u0391\u03c0\u03bf\u03b8\u03ae\u03ba\u03b5\u03c5\u03c3\u03b7 \u03c4\u03c9\u03bd \u03b5\u03bd\u03b7\u03bc\u03b5\u03c1\u03c9\u03bc\u03ad\u03bd\u03c9\u03bd \u03bc\u03b5\u03c4\u03c1\u03b7\u03c4\u03ce\u03bd\n transaction.set(voteDocRef, currentCounts);\n\n \/\/ \u0395\u03bd\u03b7\u03bc\u03ad\u03c1\u03c9\u03c3\u03b7 \u03c4\u03bf\u03c0\u03b9\u03ba\u03ce\u03bd \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03b5\u03c3\u03bc\u03ac\u03c4\u03c9\u03bd\n pollResults[qIndex] = { questionId, total: Object.values(currentCounts).reduce((a, b) => a + b, 0), counts: currentCounts };\n });\n console.log(\"Vote submitted and counts updated successfully.\");\n } catch (e) {\n console.error(\"Transaction failed: \", e);\n \/\/ \u0391\u03bd \u03b1\u03c0\u03bf\u03c4\u03cd\u03c7\u03b5\u03b9 \u03b7 \u03b5\u03b3\u03b3\u03c1\u03b1\u03c6\u03ae, \u03c0\u03c1\u03bf\u03c7\u03c9\u03c1\u03ac\u03bc\u03b5 \u03c7\u03c9\u03c1\u03af\u03c2 \u03c4\u03b1 live \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03ad\u03c3\u03bc\u03b1\u03c4\u03b1\n }\n } else {\n \/\/ \u0391\u03bd \u03c4\u03bf Firebase \u03b4\u03b5\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u03b4\u03b9\u03b1\u03b8\u03ad\u03c3\u03b9\u03bc\u03bf, \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03bf\u03cd\u03bc\u03b5 0 \u03c8\u03ae\u03c6\u03bf\u03c5\u03c2\n pollResults[qIndex] = { questionId, total: 1, counts: { [optionId]: 1 } };\n }\n\n \/\/ \u0388\u03bb\u03b5\u03b3\u03c7\u03bf\u03c2 \u03b1\u03bd \u03ad\u03c7\u03bf\u03c5\u03bd \u03b1\u03c0\u03b1\u03bd\u03c4\u03b7\u03b8\u03b5\u03af \u03cc\u03bb\u03b5\u03c2 \u03bf\u03b9 \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2\n if (userVotes.every(v => v !== null)) {\n \/\/ \u03a0\u03c1\u03bf\u03b2\u03bf\u03bb\u03ae \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03b5\u03c3\u03bc\u03ac\u03c4\u03c9\u03bd \u03bc\u03b5\u03c4\u03ac \u03b1\u03c0\u03cc \u03bc\u03b9\u03b1 \u03bc\u03b9\u03ba\u03c1\u03ae \u03ba\u03b1\u03b8\u03c5\u03c3\u03c4\u03ad\u03c1\u03b7\u03c3\u03b7\n setTimeout(() => {\n \/\/ \u03a3\u03c5\u03bc\u03c0\u03bb\u03b7\u03c1\u03ce\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c4\u03c5\u03c7\u03cc\u03bd \u03ba\u03b5\u03bd\u03ac \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03ad\u03c3\u03bc\u03b1\u03c4\u03b1 \u03bc\u03b5 0 \u03b1\u03bd \u03b4\u03b5\u03bd \u03c5\u03c0\u03ae\u03c1\u03c7\u03b5 Firestore\n pollQuestions.forEach((q, qIndex) => {\n if (!pollResults[qIndex]) {\n const initialCounts = {};\n q.options.forEach(opt => initialCounts[opt.shortId] = 0);\n initialCounts[userVotes[qIndex].optionId] = 1; \/\/ \u039f \u03b4\u03b9\u03ba\u03cc\u03c2 \u03bc\u03b1\u03c2 \u03c8\u03ae\u03c6\u03bf\u03c2\n pollResults[qIndex] = { questionId: q.id, total: 1, counts: initialCounts };\n }\n });\n setAppState(APP_STATE.POLL_RESULTS);\n }, 1000);\n }\n }\n\n function renderPollResults() {\n let html = `<section id=\"poll-results-section\" class=\"mb-12 border border-gray-200 rounded-xl shadow-2xl p-6 bg-white\">\n <h1 class=\"text-3xl md:text-4xl font-extrabold text-green-700 mb-2 text-center border-b pb-3\">\n \ud83d\udcca \u03a4\u03b1 \u0391\u03c0\u03bf\u03c4\u03b5\u03bb\u03ad\u03c3\u03bc\u03b1\u03c4\u03b1 \u03c4\u03b7\u03c2 \u03a8\u03b7\u03c6\u03bf\u03c6\u03bf\u03c1\u03af\u03b1\u03c2\n <\/h1>\n <p class=\"text-xl text-gray-600 mb-8 text-center\">\n \u0394\u03b5\u03c2 \u03c0\u03ce\u03c2 \u03b1\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b1\u03bd \u03bf\u03b9 \u03c5\u03c0\u03cc\u03bb\u03bf\u03b9\u03c0\u03bf\u03b9 \u03c7\u03c1\u03ae\u03c3\u03c4\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03c3\u03cd\u03b3\u03ba\u03c1\u03b9\u03bd\u03b5 \u03bc\u03b5 \u03c4\u03b9\u03c2 \u03b4\u03b9\u03ba\u03ad\u03c2 \u03c3\u03bf\u03c5 \u03b5\u03c0\u03b9\u03bb\u03bf\u03b3\u03ad\u03c2!\n <\/p>\n ${!window.firebase.db ? '<p class=\"text-sm text-red-500 text-center mb-4\">\u0394\u03b5\u03bd \u03ae\u03c4\u03b1\u03bd \u03b4\u03c5\u03bd\u03b1\u03c4\u03ae \u03b7 \u03c3\u03cd\u03bd\u03b4\u03b5\u03c3\u03b7 \u03c3\u03c4\u03bf \u03b4\u03b9\u03b1\u03ba\u03bf\u03bc\u03b9\u03c3\u03c4\u03ae. \u0395\u03bc\u03c6\u03b1\u03bd\u03af\u03b6\u03bf\u03bd\u03c4\u03b1\u03b9 \u03bc\u03cc\u03bd\u03bf \u03bf\u03b9 \u03b4\u03b9\u03ba\u03ad\u03c2 \u03c3\u03b1\u03c2 \u03c8\u03ae\u03c6\u03bf\u03b9.<\/p>' : ''}\n <div id=\"results-container\" class=\"space-y-10\">`;\n\n pollQuestions.forEach((q, qIndex) => {\n const results = pollResults.find(r => r.questionId === q.id);\n const totalVotes = results ? results.total : 1; \/\/ \u0391\u03c0\u03bf\u03c6\u03c5\u03b3\u03ae \u03b4\u03b9\u03b1\u03af\u03c1\u03b5\u03c3\u03b7\u03c2 \u03bc\u03b5 \u03c4\u03bf \u03bc\u03b7\u03b4\u03ad\u03bd\n const userAnswer = userVotes[qIndex];\n \n html += `\n <div class=\"p-4 rounded-xl shadow-lg border-l-4 border-indigo-500 bg-gray-50\">\n <p class=\"text-2xl font-bold text-gray-800 mb-4\">${qIndex + 1}. ${q.question}<\/p>\n <p class=\"text-sm text-gray-600 mb-2\">\u03a3\u03cd\u03bd\u03bf\u03bb\u03bf \u0391\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03b5\u03c9\u03bd: ${totalVotes}<\/p>\n <div class=\"space-y-3\">\n ${q.options.map((opt, oIndex) => {\n const count = results ? (results.counts[opt.shortId] || 0) : 0;\n const percentage = totalVotes > 0 ? ((count \/ totalVotes) * 100).toFixed(0) : 0;\n const isUserAnswer = userAnswer && userAnswer.optionId === opt.shortId;\n const isCorrect = opt.isCorrect;\n \n let barColor = 'bg-gray-300';\n if (isCorrect) barColor = 'bg-green-500';\n else if (isUserAnswer && !isCorrect) barColor = 'bg-red-500';\n\n return `\n <div class=\"p-2 border rounded-lg ${isUserAnswer ? 'border-indigo-600 ring-2 ring-indigo-300' : 'border-gray-200'} bg-white\">\n <div class=\"flex justify-between items-center mb-1 text-sm font-semibold\">\n <span class=\"${isCorrect ? 'text-green-700 font-bold' : 'text-gray-700'}\">\n ${opt.text}\n ${isCorrect ? ' (\u03a3\u03a9\u03a3\u03a4\u039f)' : ''}\n <\/span>\n <span class=\"${isCorrect ? 'text-green-700' : 'text-gray-700'}\">${percentage}% (${count} \u03c8\u03ae\u03c6\u03bf\u03b9)<\/span>\n <\/div>\n <div class=\"w-full bg-gray-200 rounded-full h-4\">\n <div \n class=\"poll-result-bar h-4 rounded-full ${barColor}\" \n style=\"width: ${percentage}%;\">\n <\/div>\n <\/div>\n ${isUserAnswer ? `<p class=\"mt-1 text-xs font-bold ${isCorrect ? 'text-green-600' : 'text-red-600'}\">\u2b05 \u0397 \u0394\u0399\u039a\u0397 \u03a3\u039f\u03a5 \u0391\u03a0\u0391\u039d\u03a4\u0397\u03a3\u0397<\/p>` : ''}\n <\/div>\n `;\n }).join('')}\n <\/div>\n <p class=\"mt-4 text-md font-medium text-gray-700\">\ud83d\udccc ${pollQuestions[qIndex].rule}<\/p>\n <\/div>\n `;\n });\n\n html += `\n <\/div>\n <div class=\"text-center mt-10\">\n <button \n class=\"px-8 py-4 bg-indigo-600 text-white font-bold rounded-full hover:bg-indigo-700 transition duration-300 shadow-xl text-xl\"\n onclick=\"setAppState(APP_STATE.GUIDE_AND_QUIZ)\">\n \u03a3\u03c5\u03bd\u03ad\u03c7\u03b5\u03b9\u03b1 \u03c3\u03c4\u03bf\u03bd \u039f\u03b4\u03b7\u03b3\u03cc Netiquette\n <\/button>\n <\/div>\n <\/section>`;\n mainContent.innerHTML = html;\n }\n\n \/\/ ==============================================\n \/\/ \u039b\u039f\u0393\u0399\u039a\u0397 \u039f\u0394\u0397\u0393\u039f\u03a5 & QUIZ\n \/\/ ==============================================\n\n let currentQuestionIndex = 0;\n let score = 0;\n let quizCompleted = false;\n\n function renderGuideAndQuiz() {\n mainContent.innerHTML = `\n \n <section id=\"rules-guide\" class=\"mb-12 border border-gray-200 rounded-xl shadow-2xl p-6 bg-white\">\n <h1 class=\"text-3xl md:text-4xl font-extrabold text-gray-800 mb-2 text-center border-b pb-3\">\n \ud83c\udf10 \u039f\u03b9 13 \u03a7\u03c1\u03c5\u03c3\u03bf\u03af \u039a\u03b1\u03bd\u03cc\u03bd\u03b5\u03c2 \u03c4\u03b7\u03c2 Netiquette\n <\/h1>\n <p class=\"text-xl text-gray-600 mb-6 text-center\">\n \u039c\u03b5\u03bb\u03ad\u03c4\u03b7\u03c3\u03b5 \u03c4\u03bf\u03c5\u03c2 \u03ba\u03b1\u03bd\u03cc\u03bd\u03b5\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b3\u03bd\u03c9\u03c1\u03af\u03c3\u03b5\u03b9\u03c2 \u03c4\u03bf \u03c3\u03c9\u03c3\u03c4\u03cc \u03c4\u03c1\u03cc\u03c0\u03bf \u03c3\u03c5\u03bc\u03c0\u03b5\u03c1\u03b9\u03c6\u03bf\u03c1\u03ac\u03c2 \u03c3\u03c4\u03bf\u03bd \u03c8\u03b7\u03c6\u03b9\u03b1\u03ba\u03cc \u03ba\u03cc\u03c3\u03bc\u03bf.\n <\/p>\n <div id=\"accordion-container\" class=\"space-y-4\"><\/div>\n <\/section>\n\n <hr class=\"my-8 border-t-2 border-indigo-400\">\n\n \n <section id=\"quiz-section\" class=\"border border-gray-200 rounded-xl shadow-2xl p-6 bg-white\">\n <h2 class=\"text-3xl md:text-4xl font-extrabold text-indigo-700 mb-6 text-center border-b pb-3\">\n \ud83c\udfaf \u039e\u03b5\u03ba\u03af\u03bd\u03b1 \u03c4\u03bf Netiquette Challenge\n <\/h2>\n <div id=\"status-area\" class=\"flex justify-between items-center mb-6 p-4 bg-indigo-50 rounded-lg shadow-inner border border-indigo-300\">\n <span class=\"text-xl text-indigo-700 font-semibold\">\n \u0395\u03c1\u03ce\u03c4\u03b7\u03c3\u03b7: <span id=\"current-question-display\">0<\/span> \/ <span id=\"total-questions-display\">${quizData.length}<\/span>\n <\/span>\n <span class=\"text-xl text-indigo-700 font-semibold\">\n \u03a3\u03ba\u03bf\u03c1: <span id=\"score-display\" class=\"text-indigo-900 text-3xl font-bold\">0<\/span>\n <\/span>\n <\/div>\n <div id=\"quiz-area\"><\/div>\n <\/section>\n `;\n \/\/ Call initialization functions\n renderAccordion();\n loadQuiz();\n }\n\n \/\/ --- Accordion Logic ---\n function renderAccordion() {\n const container = document.getElementById('accordion-container');\n if (!container) return; \/\/ \u0388\u03bb\u03b5\u03b3\u03c7\u03bf\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03bc\u03b7 \u03c3\u03c0\u03ac\u03c3\u03b5\u03b9 \u03b1\u03bd \u03b4\u03b5\u03bd \u03ad\u03c7\u03b5\u03b9 \u03c6\u03bf\u03c1\u03c4\u03ce\u03c3\u03b5\u03b9 \u03c4\u03bf DOM\n container.innerHTML = rulesData.map((rule, index) => {\n return `\n <div class=\"border border-gray-300 rounded-xl overflow-hidden shadow-md\">\n <div class=\"w-full text-left p-4 flex justify-between items-center bg-gray-50 hover:bg-gray-100 transition duration-300\">\n <div class=\"flex items-center space-x-3 w-11\/12\">\n <span class=\"text-xl font-semibold text-gray-800 cursor-pointer\" onclick=\"toggleAccordion('content-${index}', 'arrow-${index}')\">\n ${rule.icon} <span class=\"text-indigo-600 mr-2\">${index + 1}.<\/span> ${rule.title}\n <\/span>\n <\/div>\n <button \n class=\"p-2 focus:outline-none\"\n onclick=\"toggleAccordion('content-${index}', 'arrow-${index}')\">\n <svg id=\"arrow-${index}\" class=\"w-6 h-6 text-indigo-600 transform transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\n <\/svg>\n <\/button>\n <\/div>\n <div id=\"content-${index}\" class=\"accordion-content bg-white text-gray-700\">\n <p class=\"p-4 border-t border-gray-200 text-lg leading-relaxed\">${rule.description}<\/p>\n <\/div>\n <\/div>\n `;\n }).join('');\n }\n\n window.toggleAccordion = function(contentId, arrowId) { \/\/ Global function for HTML onclick\n const content = document.getElementById(contentId);\n const arrow = document.getElementById(arrowId);\n document.querySelectorAll('.accordion-content').forEach(item => {\n const otherIndex = item.id.split('-')[1];\n const otherArrow = document.getElementById(`arrow-${otherIndex}`);\n if (item.id !== contentId && item.classList.contains('open')) {\n item.classList.remove('open');\n otherArrow?.classList.remove('rotate-180');\n }\n });\n content.classList.toggle('open');\n arrow.classList.toggle('rotate-180', content.classList.contains('open'));\n }\n\n \/\/ --- Quiz Logic ---\n function loadQuiz() {\n const quizArea = document.getElementById('quiz-area');\n if (!quizArea) return;\n\n if (currentQuestionIndex < quizData.length) {\n displayQuestion(quizData[currentQuestionIndex]);\n document.getElementById('current-question-display').textContent = currentQuestionIndex + 1;\n } else {\n setAppState(APP_STATE.QUIZ_RESULTS);\n }\n }\n\n function displayQuestion(data) {\n const quizArea = document.getElementById('quiz-area');\n if (!quizArea) return;\n\n quizArea.innerHTML = `\n <div id=\"scenario-card\" class=\"mb-6 p-5 bg-gray-100 border-l-4 border-indigo-500 rounded-xl shadow-inner\">\n <p class=\"text-xl font-bold uppercase text-indigo-600 mb-2\">\u03a3\u03b5\u03bd\u03ac\u03c1\u03b9\u03bf \u0391\u03be\u03b9\u03bf\u03bb\u03cc\u03b3\u03b7\u03c3\u03b7\u03c2<\/p>\n <p class=\"text-2xl font-medium text-gray-800\">${data.scenario}<\/p>\n <p class=\"mt-4 text-xl font-bold text-gray-700\">${data.question}<\/p>\n <\/div>\n <div id=\"options-container\" class=\"space-y-4\">\n ${data.options.map((option, index) => `\n <button\n class=\"option-button w-full p-4 text-lg md:text-xl text-left border border-gray-300 rounded-xl font-medium text-gray-700 bg-white hover:bg-indigo-50 hover:border-indigo-400 shadow-sm\"\n onclick=\"checkAnswer(${index}, this)\">\n ${option}\n <\/button>\n `).join('')}\n <\/div>\n <div id=\"feedback-area\" class=\"mt-6 p-4 rounded-xl hidden\"><\/div>\n `;\n }\n\n window.checkAnswer = function(selectedOptionIndex, button) { \/\/ Global function for HTML onclick\n if (quizCompleted) return;\n\n const data = quizData[currentQuestionIndex];\n const isCorrect = selectedOptionIndex === data.correct;\n const feedbackArea = document.getElementById('feedback-area');\n const optionsContainer = document.getElementById('options-container');\n const scoreDisplay = document.getElementById('score-display');\n\n Array.from(optionsContainer.children).forEach((btn, index) => {\n btn.disabled = true;\n if (index === data.correct) {\n btn.classList.add('correct');\n btn.classList.remove('hover:bg-indigo-50', 'hover:border-indigo-400');\n } else if (index === selectedOptionIndex) {\n btn.classList.add('incorrect');\n btn.classList.remove('hover:bg-indigo-50', 'hover:border-indigo-400');\n }\n });\n\n feedbackArea.classList.remove('hidden');\n feedbackArea.classList.add(isCorrect ? 'bg-green-100' : 'bg-red-100', 'feedback');\n\n if (isCorrect) {\n score++;\n feedbackArea.innerHTML = '<p class=\"text-2xl font-bold text-green-700\">\u2705 \u03a3\u03c9\u03c3\u03c4\u03ae \u039a\u03c1\u03af\u03c3\u03b7!<\/p>';\n } else {\n feedbackArea.innerHTML = `\n <p class=\"text-2xl font-bold text-red-700\">\u274c \u039b\u03ac\u03b8\u03bf\u03c2 \u039a\u03c1\u03af\u03c3\u03b7.<\/p>\n <p class=\"mt-2 text-red-600 font-medium text-xl\">\u039a\u03b1\u03bd\u03cc\u03bd\u03b1\u03c2: ${data.rule}<\/p>\n <p class=\"mt-1 text-lg text-red-800\">${data.explanation}<\/p>\n `;\n }\n\n scoreDisplay.textContent = score;\n\n setTimeout(() => {\n currentQuestionIndex++;\n loadQuiz();\n }, 2500);\n }\n\n function showResults() {\n const quizArea = document.getElementById('quiz-area');\n if (!quizArea) return;\n \n quizCompleted = true;\n const percentage = (score \/ quizData.length) * 100;\n let title, message;\n\n if (percentage >= 90) {\n title = \"Netiquette Master! \ud83e\udd47\";\n message = \"\u03a3\u03c5\u03b3\u03c7\u03b1\u03c1\u03b7\u03c4\u03ae\u03c1\u03b9\u03b1! \u0388\u03c7\u03b5\u03b9\u03c2 \u03ac\u03c1\u03b9\u03c3\u03c4\u03b7 \u03ba\u03c1\u03af\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03b3\u03bd\u03ce\u03c3\u03b7 \u03c4\u03c9\u03bd \u03ba\u03b1\u03bd\u03cc\u03bd\u03c9\u03bd. \u0395\u03af\u03c3\u03b1\u03b9 \u03c5\u03c0\u03cc\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1 \u03a8\u03b7\u03c6\u03b9\u03b1\u03ba\u03bf\u03cd \u03a0\u03bf\u03bb\u03af\u03c4\u03b7.\";\n } else if (percentage >= 70) {\n title = \"\u03a5\u03c0\u03b5\u03cd\u03b8\u03c5\u03bd\u03bf\u03c2 \u03a8\u03b7\u03c6\u03b9\u03b1\u03ba\u03cc\u03c2 \u03a0\u03bf\u03bb\u03af\u03c4\u03b7\u03c2 \u2b50\";\n message = \"\u03a0\u03bf\u03bb\u03cd \u03ba\u03b1\u03bb\u03ae \u03c0\u03c1\u03bf\u03c3\u03c0\u03ac\u03b8\u03b5\u03b9\u03b1! \u0388\u03c7\u03b5\u03b9\u03c2 \u03b9\u03c3\u03c7\u03c5\u03c1\u03ad\u03c2 \u03b2\u03ac\u03c3\u03b5\u03b9\u03c2, \u03b1\u03bb\u03bb\u03ac \u03c7\u03c1\u03b5\u03b9\u03ac\u03b6\u03b5\u03c4\u03b1\u03b9 \u03bb\u03af\u03b3\u03b7 \u03c0\u03c1\u03bf\u03c3\u03bf\u03c7\u03ae \u03c3\u03b5 \u03b8\u03ad\u03bc\u03b1\u03c4\u03b1 \u03b9\u03b4\u03b9\u03c9\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2 \u03ba\u03b1\u03b9 fake news.\";\n } else if (percentage >= 50) {\n title = \"\u03a8\u03b7\u03c6\u03b9\u03b1\u03ba\u03cc\u03c2 \u039c\u03b1\u03b8\u03b7\u03c4\u03b5\u03c5\u03cc\u03bc\u03b5\u03bd\u03bf\u03c2 \ud83d\udcd6\";\n message = \"\u03a7\u03c1\u03b5\u03b9\u03ac\u03b6\u03b5\u03c4\u03b1\u03b9 \u03bd\u03b1 \u03b4\u03ce\u03c3\u03b5\u03b9\u03c2 \u03bc\u03b5\u03b3\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b7 \u03c0\u03c1\u03bf\u03c3\u03bf\u03c7\u03ae \u03c3\u03c4\u03bf\u03c5\u03c2 \u03ba\u03b1\u03bd\u03cc\u03bd\u03b5\u03c2. \u0395\u03c0\u03b1\u03bd\u03ad\u03bb\u03b1\u03b2\u03b5 \u03c4\u03bf Quiz \u03b1\u03c6\u03bf\u03cd \u03bc\u03b5\u03bb\u03b5\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03be\u03b1\u03bd\u03ac \u03c4\u03bf\u03bd \u039f\u03b4\u03b7\u03b3\u03cc.\";\n } else {\n title = \"\u0391\u03c1\u03c7\u03ac\u03c1\u03b9\u03bf\u03c2\/\u03b7 \u03a7\u03c1\u03ae\u03c3\u03c4\u03b7\u03c2\/\u03c4\u03c1\u03b9\u03b1 \ud83d\uded1\";\n message = \"\u03a0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03bc\u03b5\u03bb\u03b5\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b1 \u03c4\u03bf\u03c5\u03c2 \u03ba\u03b1\u03bd\u03cc\u03bd\u03b5\u03c2 Netiquette \u03c0\u03c1\u03b9\u03bd \u03c3\u03c5\u03bd\u03b5\u03c7\u03af\u03c3\u03b5\u03b9\u03c2 \u03c4\u03b9\u03c2 online \u03b4\u03c1\u03b1\u03c3\u03c4\u03b7\u03c1\u03b9\u03cc\u03c4\u03b7\u03c4\u03ad\u03c2 \u03c3\u03bf\u03c5. \u0397 \u03b1\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03ac \u03c3\u03bf\u03c5 \u03b5\u03be\u03b1\u03c1\u03c4\u03ac\u03c4\u03b1\u03b9 \u03b1\u03c0\u03cc \u03b1\u03c5\u03c4\u03cc.\";\n }\n\n quizArea.innerHTML = `\n <div class=\"text-center p-8 bg-indigo-50 rounded-xl shadow-lg border border-indigo-400\">\n <p class=\"text-4xl font-extrabold text-indigo-700\">${title}<\/p>\n <p class=\"text-7xl font-black my-4 text-indigo-900\">${score} \/ ${quizData.length}<\/p>\n <p class=\"text-xl text-gray-700 mb-6\">${message}<\/p>\n <button \n class=\"px-8 py-4 bg-indigo-600 text-white font-bold rounded-full hover:bg-indigo-700 transition duration-300 shadow-xl text-xl\"\n onclick=\"resetQuiz()\">\n \u0395\u03c0\u03b1\u03bd\u03ac\u03bb\u03b7\u03c8\u03b7 Quiz\n <\/button>\n <\/div>\n `;\n document.getElementById('current-question-display').textContent = quizData.length;\n }\n\n window.resetQuiz = function() { \/\/ Global function for HTML onclick\n currentQuestionIndex = 0;\n score = 0;\n quizCompleted = false;\n document.getElementById('score-display').textContent = score;\n loadQuiz();\n window.scrollTo({ top: 0, behavior: 'smooth' });\n }\n\n\n \/\/ ==============================================\n \/\/ \u0395\u039a\u039a\u0399\u039d\u0397\u03a3\u0397 \u0395\u03a6\u0391\u03a1\u039c\u039f\u0393\u0397\u03a3\n \/\/ ==============================================\n\n \/\/ \u03a0\u03b5\u03c1\u03b9\u03bc\u03ad\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c4\u03bf Firebase \u03bd\u03b1 \u03bf\u03bb\u03bf\u03ba\u03bb\u03b7\u03c1\u03ce\u03c3\u03b5\u03b9 \u03c4\u03b7\u03bd \u03b1\u03c1\u03c7\u03b9\u03ba\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03c4\u03b7\u03bd \u03b1\u03c5\u03b8\u03b5\u03bd\u03c4\u03b9\u03ba\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7\n window.addEventListener('firebase-ready', () => {\n \/\/ \u039c\u03b5\u03c4\u03b1\u03b2\u03b1\u03af\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c3\u03c4\u03b7\u03bd \u03c0\u03c1\u03ce\u03c4\u03b7 \u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ae\u03c2\n setAppState(APP_STATE.POLL);\n });\n\n \/\/ \u0394\u03b9\u03b1\u03c3\u03c6\u03ac\u03bb\u03b9\u03c3\u03b7 \u03cc\u03c4\u03b9 \u03b7 \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ae \u03be\u03b5\u03ba\u03b9\u03bd\u03ac \u03c3\u03c4\u03b7\u03bd \u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 LOADING\n \/\/ \u03ba\u03b1\u03b9 \u03bc\u03b5\u03c4\u03ac \u03c4\u03bf DOMContentLoaded, \u03b1\u03bd \u03b4\u03b5\u03bd \u03ad\u03c7\u03b5\u03b9 \u03ad\u03c1\u03b8\u03b5\u03b9 \u03b1\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b7, \u03b5\u03bc\u03c6\u03b1\u03bd\u03af\u03b6\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7\u03bd \u03a8\u03b7\u03c6\u03bf\u03c6\u03bf\u03c1\u03af\u03b1 \u03c9\u03c2 fallback.\n document.addEventListener('DOMContentLoaded', () => {\n if (!window.firebase.isReady) {\n \/\/ \u0391\u03bd \u03c0\u03b5\u03c1\u03ac\u03c3\u03bf\u03c5\u03bd 2 \u03b4\u03b5\u03c5\u03c4\u03b5\u03c1\u03cc\u03bb\u03b5\u03c0\u03c4\u03b1 \u03ba\u03b1\u03b9 \u03c4\u03bf Firebase \u03b4\u03b5\u03bd \u03ad\u03c7\u03b5\u03b9 \u03b1\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03b5\u03b9, \u03c0\u03c1\u03bf\u03c7\u03c9\u03c1\u03ac\u03bc\u03b5.\n \/\/ \u0391\u03c5\u03c4\u03cc \u03b5\u03af\u03bd\u03b1\u03b9 \u03c3\u03b7\u03bc\u03b1\u03bd\u03c4\u03b9\u03ba\u03cc \u03b1\u03bd \u03b7 \u03b4\u03b9\u03b1\u03bc\u03cc\u03c1\u03c6\u03c9\u03c3\u03b7 Firebase \u03b5\u03af\u03bd\u03b1\u03b9 \u03ba\u03b5\u03bd\u03ae.\n setTimeout(() => {\n if (appState === APP_STATE.LOADING) {\n console.warn(\"Firebase timeout or failure. Starting app in non-live-poll mode.\");\n setAppState(APP_STATE.POLL);\n }\n }, 2000);\n } else if (appState === APP_STATE.LOADING) {\n \/\/ \u0391\u03bd \u03c4\u03bf Firebase \u03ae\u03c4\u03b1\u03bd \u03ae\u03b4\u03b7 \u03ad\u03c4\u03bf\u03b9\u03bc\u03bf \u03c0\u03c1\u03b9\u03bd \u03c4\u03bf DOM load\n setAppState(APP_STATE.POLL);\n }\n });\n \n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Netiquette: \u039f\u03b4\u03b7\u03b3\u03cc\u03c2, \u03a8\u03b7\u03c6\u03bf\u03c6\u03bf\u03c1\u03af\u03b1 & Quiz \u03a6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b7 \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03c9\u03bd \u03ba\u03b1\u03b9 \u03c3\u03cd\u03bd\u03b4\u03b5\u03c3\u03b7…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","ocean_post_oembed":"","ocean_post_self_hosted_media":"","ocean_post_video_embed":"","ocean_link_format":"","ocean_link_format_target":"self","ocean_quote_format":"","ocean_quote_format_link":"post","ocean_gallery_link_images":"on","ocean_gallery_id":[],"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1811","post","type-post","status-publish","format-standard","hentry","category-uncategorized","entry"],"_links":{"self":[{"href":"https:\/\/gkanamaria.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/1811","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gkanamaria.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gkanamaria.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gkanamaria.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gkanamaria.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1811"}],"version-history":[{"count":11,"href":"https:\/\/gkanamaria.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/1811\/revisions"}],"predecessor-version":[{"id":1822,"href":"https:\/\/gkanamaria.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/1811\/revisions\/1822"}],"wp:attachment":[{"href":"https:\/\/gkanamaria.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1811"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gkanamaria.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1811"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gkanamaria.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1811"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}