\u03a4\u03bf \u0394\u03af\u03ba\u03c4\u03c5\u03cc \u03bc\u03b1\u03c2<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n color: #1a1a1a;\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* ANIMATED BACKGROUND CONTAINER *\/\n .network-wrapper {\n position: relative;\n background: transparent;\n isolation: isolate;\n overflow: hidden;\n min-height: 100vh;\n }\n\n \/* ANIMATED BACKGROUND *\/\n .background-canvas {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 0;\n opacity: 0.6;\n pointer-events: none;\n }\n\n .network {\n max-width: 1200px;\n margin: 0 auto;\n padding: 5rem 1.5rem;\n position: relative;\n z-index: 1;\n }\n\n .network h2 {\n text-align: center;\n margin-bottom: 1rem;\n font-size: 4.5rem;\n font-weight: 800;\n color: #1a1a1a;\n letter-spacing: -0.5px;\n text-shadow: 0 2px 20px rgba(142, 63, 183, 0.2);\n }\n\n .network-intro {\n text-align: center;\n max-width: 750px;\n margin: 0 auto 4rem;\n color: #333333;\n font-size: 1.6rem;\n line-height: 1.7;\n font-weight: 400;\n }\n\n .card-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 2.5rem;\n margin-top: 3rem;\n }\n\n .profile-card {\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border-radius: 24px;\n padding: 2rem;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);\n cursor: pointer;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border: 1px solid rgba(142, 63, 183, 0.15);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n }\n\n .profile-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(142, 63, 183, 0.08), transparent);\n transition: left 0.6s;\n }\n\n .profile-card:hover::before {\n left: 100%;\n }\n\n .profile-card:hover {\n transform: translateY(-8px) scale(1.02);\n box-shadow: 0 20px 60px rgba(142, 63, 183, 0.25);\n border-color: rgba(142, 63, 183, 0.4);\n background: rgba(255, 255, 255, 1);\n }\n\n .profile-card h3 {\n margin: 0 0 0.8rem 0;\n font-size: 2.1rem;\n font-weight: 700;\n color: #1a1a1a;\n letter-spacing: -0.3px;\n }\n\n .role {\n display: block;\n font-size: 1.3rem;\n color: #8e3fb7;\n margin-bottom: 1.2rem;\n font-weight: 600;\n letter-spacing: 0.3px;\n }\n\n .card-bio {\n font-size: 1.35rem;\n line-height: 1.6;\n color: #444444;\n margin-bottom: 1.2rem;\n flex-grow: 1;\n }\n\n .card-cta {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n margin-top: auto;\n font-size: 1.3rem;\n color: #8e3fb7;\n font-weight: 600;\n transition: all 0.3s;\n }\n\n .card-cta::after {\n content: '\u2192';\n transition: transform 0.3s;\n }\n\n .profile-card:hover .card-cta {\n color: #6d2d93;\n transform: translateX(4px);\n }\n\n .profile-card:hover .card-cta::after {\n transform: translateX(4px);\n }\n\n \/* MODAL STYLES *\/\n .modal {\n position: fixed;\n inset: 0;\n background: rgba(0, 0, 0, 0.6);\n backdrop-filter: blur(8px);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 999;\n opacity: 0;\n visibility: hidden;\n transition: opacity 0.3s ease, visibility 0.3s ease;\n padding: 1rem;\n }\n\n .modal.active {\n opacity: 1;\n visibility: visible;\n }\n\n .modal-content {\n background: rgba(255, 255, 255, 0.98);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n max-width: 650px;\n width: 100%;\n padding: 3rem;\n position: relative;\n box-shadow: 0 30px 80px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(142, 63, 183, 0.3);\n transform: scale(0.9);\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n max-height: 90vh;\n overflow-y: auto;\n border: 1px solid rgba(142, 63, 183, 0.2);\n }\n\n .modal.active .modal-content {\n transform: scale(1);\n }\n\n .modal-content h3 {\n font-size: 2.6rem;\n margin-bottom: 0.5rem;\n color: #1a1a1a;\n font-weight: 800;\n letter-spacing: -0.5px;\n }\n\n .modal-content .role {\n font-size: 1.45rem;\n color: #8e3fb7;\n margin-bottom: 2rem;\n }\n\n .modal-bio {\n margin: 2rem 0;\n line-height: 1.8;\n color: #444444;\n font-size: 1.45rem;\n }\n\n .modal-cta {\n display: inline-block;\n text-decoration: none;\n padding: 1.1rem 2.2rem;\n border-radius: 999px;\n background: linear-gradient(135deg, #8e3fb7, #6d2d93);\n color: #fff;\n font-size: 1.35rem;\n font-weight: 700;\n transition: all 0.3s;\n border: none;\n cursor: pointer;\n box-shadow: 0 4px 20px rgba(142, 63, 183, 0.3);\n letter-spacing: 0.3px;\n }\n\n .modal-cta:hover {\n background: linear-gradient(135deg, #a350d1, #8e3fb7);\n transform: translateY(-2px);\n box-shadow: 0 8px 30px rgba(142, 63, 183, 0.5);\n }\n\n .modal-close {\n position: absolute;\n top: 2rem;\n right: 2rem;\n background: rgba(142, 63, 183, 0.1);\n border: 1px solid rgba(142, 63, 183, 0.3);\n width: 44px;\n height: 44px;\n border-radius: 50%;\n font-size: 1.8rem;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s;\n color: #8e3fb7;\n line-height: 1;\n }\n\n .modal-close:hover {\n background: rgba(142, 63, 183, 0.2);\n color: #6d2d93;\n transform: rotate(90deg);\n border-color: rgba(142, 63, 183, 0.5);\n }\n\n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .network {\n padding: 3rem 1rem;\n }\n\n .network h2 {\n font-size: 3rem;\n }\n\n .network-intro {\n font-size: 1.4rem;\n }\n\n .card-grid {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n\n .profile-card h3 {\n font-size: 1.9rem;\n }\n\n .card-bio {\n font-size: 1.25rem;\n }\n\n .card-cta {\n font-size: 1.2rem;\n }\n\n .modal-content {\n padding: 2rem;\n }\n\n .modal-content h3 {\n font-size: 2.2rem;\n }\n\n .modal-bio {\n font-size: 1.3rem;\n }\n\n .modal-cta {\n font-size: 1.2rem;\n }\n }\n\n \/* Smooth scrolling *\/\n html {\n scroll-behavior: smooth;\n }\n\n \/* Prevent body scroll when modal is open *\/\n body.modal-open {\n overflow: hidden;\n }\n\n \/* Custom scrollbar for modal *\/\n .modal-content::-webkit-scrollbar {\n width: 8px;\n }\n\n .modal-content::-webkit-scrollbar-track {\n background: rgba(142, 63, 183, 0.05);\n border-radius: 10px;\n }\n\n .modal-content::-webkit-scrollbar-thumb {\n background: rgba(142, 63, 183, 0.4);\n border-radius: 10px;\n }\n\n .modal-content::-webkit-scrollbar-thumb:hover {\n background: rgba(142, 63, 183, 0.6);\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"network-wrapper\">\n <canvas class=\"background-canvas\" id=\"energyCanvas\"><\/canvas>\n\n <section class=\"network\">\n <h2>Our Network<\/h2>\n <p class=\"network-intro\">\n Within the framework of the activities and the holistic approach, a supportive network of collaborators, scientists, artists and other experts, renowned in their fields, has been established.\n <\/p>\n <div class=\"card-grid\">\n \n <div class=\"profile-card\" data-modal=\"modal-1\">\n <h3>Panhellenic Association of Interventional Non-Directionality<\/h3>\n <span class=\"role\">Organisation<\/span>\n <p class=\"card-bio\">\n The website of the Greek association, a member of the International Federation of Interventional Non-Directionality \u2013 FINDI.\n <\/p>\n <span class=\"card-cta\">Read more<\/span>\n <\/div>\n \n \n <div class=\"profile-card\" data-modal=\"modal-2\">\n <h3>Humanlinks<\/h3>\n <span class=\"role\">Non-Profit Organization<\/span>\n <p class=\"card-bio\">\n Non-profit organization providing primary social care services.\n <\/p>\n <span class=\"card-cta\">Read more<\/span>\n <\/div>\n\n \n <div class=\"profile-card\" data-modal=\"modal-3\">\n <h3>Vibreath \u2013 Psychonautic Art<\/h3>\n <span class=\"role\">Holotropic Therapy<\/span>\n <p class=\"card-bio\">\n Dynamic, experiential, synthetic psychotherapeutic technique, which by definition is aimed at trauma care.\n <\/p>\n <span class=\"card-cta\">Read more<\/span>\n <\/div>\n\n \n <div class=\"profile-card\" data-modal=\"modal-4\">\n <h3>Chrysa Viladaki<\/h3>\n <span class=\"role\">Theater in Sala<\/span>\n <p class=\"card-bio\">\n Mental expression and creativity through the performing arts.\n <\/p>\n <span class=\"card-cta\">Read more<\/span>\n <\/div>\n\n \n <div class=\"profile-card\" data-modal=\"modal-5\">\n <h3>Costas Kalogiros<\/h3>\n <span class=\"role\">Multicreator<\/span>\n <p class=\"card-bio\">\n Director, screenwriter, creative writing seminar speaker and music producer.\n <\/p>\n <span class=\"card-cta\">Read more<\/span>\n <\/div>\n <\/div>\n <\/section>\n <\/div>\n\n \n <div class=\"modal\" id=\"modal-1\">\n <div class=\"modal-content\">\n <button class=\"modal-close\" aria-label=\"Close modal\">×<\/button>\n <h3>Panhellenic Association of Interventional Non-Directionality<\/h3>\n <span class=\"role\">Organisation<\/span>\n <p class=\"modal-bio\">\n The website of the Greek association, a member of the International Federation of Interventional Non-Directionality \u2013 FINDI. The association promotes a non-directive approach to psychotherapy and counseling.\n <\/p>\n <a href=\"https:\/\/ndigreece.gr\" target=\"_blank\" class=\"modal-cta\">Visit the website<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"modal\" id=\"modal-2\">\n <div class=\"modal-content\">\n <button class=\"modal-close\" aria-label=\"Close modal\">×<\/button>\n <h3>Humanlinks<\/h3>\n <span class=\"role\">Non-Profit Organization<\/span>\n <p class=\"modal-bio\">\n A non-profit provider of primary social care services. Focuses on creating meaningful human connections and promoting mental well-being.\n <\/p>\n <a href=\"https:\/\/humanlinks.gr\" target=\"_blank\" class=\"modal-cta\">Visit the website<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"modal\" id=\"modal-3\">\n <div class=\"modal-content\">\n <button class=\"modal-close\" aria-label=\"Close modal\">×<\/button>\n <h3>Vibreath \u2013 Psychonautic Art<\/h3>\n <span class=\"role\">Holotropic Therapy<\/span>\n <p class=\"modal-bio\">\n Dynamic, experiential, synthetic psychotherapeutic technique (holotropic therapy), which by definition addresses trauma care. It combines art with inner exploration through psychonautic experiences.\n <\/p>\n <a href=\"https:\/\/vibreath.gr\" target=\"_blank\" class=\"modal-cta\">Visit the website<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"modal\" id=\"modal-4\">\n <div class=\"modal-content\">\n <button class=\"modal-close\" aria-label=\"Close modal\">×<\/button>\n <h3>Chrysa Viladaki<\/h3>\n <span class=\"role\">Theater in Sala<\/span>\n <p class=\"modal-bio\">\n Spiritual expression and creativity through the performing arts. Chrysi Vidalaki uses theater as a means of expression, therapy and personal development.\n <\/p>\n <a href=\"https:\/\/facebook.com\/theatrostisala\" target=\"_blank\" class=\"modal-cta\">\u0395\u03c0\u03b9\u03c3\u03ba\u03b5\u03c6\u03b8\u03b5\u03af\u03c4\u03b5 \u03c4\u03b7 \u03c3\u03b5\u03bb\u03af\u03b4\u03b1<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"modal\" id=\"modal-5\">\n <div class=\"modal-content\">\n <button class=\"modal-close\" aria-label=\"Close modal\">×<\/button>\n <h3>Costas Kalogiros<\/h3>\n <span class=\"role\">Multicreator<\/span>\n <p class=\"modal-bio\">\n Director, screenwriter, creative writing seminar speaker and music producer. A multi-dimensional artist who inspires creativity and artistic expression.\n <\/p>\n <a href=\"https:\/\/costakalogiros.com\" target=\"_blank\" class=\"modal-cta\">Visit the website<\/a>\n <\/div>\n <\/div>\n\n <script>\n \/\/ ENERGY WAVE ANIMATION\n const canvas = document.getElementById('energyCanvas');\n const ctx = canvas.getContext('2d');\n\n canvas.width = window.innerWidth;\n canvas.height = window.innerHeight;\n\n window.addEventListener('resize', () => {\n canvas.width = window.innerWidth;\n canvas.height = window.innerHeight;\n });\n\n class Wave {\n constructor(y, amplitude, frequency, speed, color, opacity) {\n this.y = y;\n this.amplitude = amplitude;\n this.frequency = frequency;\n this.speed = speed;\n this.color = color;\n this.opacity = opacity;\n this.offset = Math.random() * Math.PI * 2;\n }\n\n draw(time) {\n ctx.beginPath();\n ctx.strokeStyle = this.color;\n ctx.lineWidth = 2;\n ctx.globalAlpha = this.opacity;\n\n for (let x = 0; x < canvas.width; x += 3) {\n const angle = (x * this.frequency) + (time * this.speed) + this.offset;\n const y = this.y + Math.sin(angle) * this.amplitude;\n \n if (x === 0) {\n ctx.moveTo(x, y);\n } else {\n ctx.lineTo(x, y);\n }\n }\n\n ctx.stroke();\n ctx.globalAlpha = 1;\n }\n }\n\n \/\/ Create multiple waves with different properties\n const waves = [\n new Wave(canvas.height * 0.2, 120, 0.006, 0.0008, '#8e3fb7', 0.35),\n new Wave(canvas.height * 0.3, 150, 0.005, 0.0007, '#ffd1f7', 0.3),\n new Wave(canvas.height * 0.45, 180, 0.004, 0.0006, '#8e3fb7', 0.25),\n new Wave(canvas.height * 0.6, 140, 0.007, 0.0009, '#ffd1f7', 0.3),\n new Wave(canvas.height * 0.75, 160, 0.008, 0.001, '#8e3fb7', 0.35),\n new Wave(canvas.height * 0.85, 100, 0.009, 0.0011, '#ffd1f7', 0.25),\n ];\n\n \/\/ Particle system for energy dots\n class Particle {\n constructor() {\n this.reset();\n }\n\n reset() {\n this.x = Math.random() * canvas.width;\n this.y = Math.random() * canvas.height;\n this.size = Math.random() * 2.5 + 0.5;\n this.speedX = (Math.random() - 0.5) * 0.5;\n this.speedY = (Math.random() - 0.5) * 0.5;\n this.opacity = Math.random() * 0.6 + 0.2;\n this.color = Math.random() > 0.5 ? '#8e3fb7' : '#ffd1f7';\n }\n\n update() {\n this.x += this.speedX;\n this.y += this.speedY;\n\n \/\/ Wrap around edges\n if (this.x < 0) this.x = canvas.width;\n if (this.x > canvas.width) this.x = 0;\n if (this.y < 0) this.y = canvas.height;\n if (this.y > canvas.height) this.y = 0;\n }\n\n draw() {\n ctx.beginPath();\n ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);\n const rgb = this.color === '#8e3fb7' ? '142, 63, 183' : '255, 209, 247';\n ctx.fillStyle = `rgba(${rgb}, ${this.opacity})`;\n ctx.fill();\n }\n }\n\n const particles = Array.from({ length: 80 }, () => new Particle());\n\n \/\/ Animation loop\n let time = 0;\n function animate() {\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n time += 0.05;\n\n \/\/ Draw waves\n waves.forEach(wave => wave.draw(time));\n\n \/\/ Update and draw particles\n particles.forEach(particle => {\n particle.update();\n particle.draw();\n });\n\n requestAnimationFrame(animate);\n }\n\n animate();\n\n \/\/ Modal functionality\n const profileCards = document.querySelectorAll('.profile-card');\n const modals = document.querySelectorAll('.modal');\n const modalCloses = document.querySelectorAll('.modal-close');\n\n \/\/ Open modal when card is clicked\n profileCards.forEach(card => {\n card.addEventListener('click', () => {\n const modalId = card.getAttribute('data-modal');\n const modal = document.getElementById(modalId);\n if (modal) {\n modal.classList.add('active');\n document.body.classList.add('modal-open');\n }\n });\n });\n\n \/\/ Close modal when close button is clicked\n modalCloses.forEach(closeBtn => {\n closeBtn.addEventListener('click', (e) => {\n e.stopPropagation();\n const modal = closeBtn.closest('.modal');\n if (modal) {\n modal.classList.remove('active');\n document.body.classList.remove('modal-open');\n }\n });\n });\n\n \/\/ Close modal when clicking outside modal content\n modals.forEach(modal => {\n modal.addEventListener('click', (e) => {\n if (e.target === modal) {\n modal.classList.remove('active');\n document.body.classList.remove('modal-open');\n }\n });\n });\n\n \/\/ Close modal on Escape key press\n document.addEventListener('keydown', (e) => {\n if (e.key === 'Escape') {\n modals.forEach(modal => {\n if (modal.classList.contains('active')) {\n modal.classList.remove('active');\n document.body.classList.remove('modal-open');\n }\n });\n }\n });\n <\/script>\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>\u03a4\u03bf \u0394\u03af\u03ba\u03c4\u03c5\u03cc \u03bc\u03b1\u03c2 \u03a4\u03bf \u0394\u03af\u03ba\u03c4\u03c5\u03cc \u03bc\u03b1\u03c2 \u03a3\u03c4\u03b1 \u03c0\u03bb\u03b1\u03af\u03c3\u03b9\u03b1 \u03c4\u03c9\u03bd \u03b4\u03c1\u03b1\u03c3\u03c4\u03b7\u03c1\u03b9\u03bf\u03c4\u03ae\u03c4\u03c9\u03bd \u03ba\u03b1\u03b9 \u03c4\u03b7\u03c2 \u03bf\u03bb\u03b9\u03c3\u03c4\u03b9\u03ba\u03ae\u03c2 \u03c0\u03c1\u03bf\u03c3\u03ad\u03b3\u03b3\u03b9\u03c3\u03b7\u03c2, \u03ad\u03c7\u03b5\u03b9 \u03c3\u03c5\u03b3\u03ba\u03c1\u03bf\u03c4\u03b7\u03b8\u03b5\u03af \u03ad\u03bd\u03b1 \u03c5\u03c0\u03bf\u03c3\u03c4\u03b7\u03c1\u03b9\u03ba\u03c4\u03b9\u03ba\u03cc \u03b4\u03af\u03ba\u03c4\u03c5\u03bf \u03c3\u03c5\u03bd\u03b5\u03c1\u03b3\u03b1\u03c4\u03ce\u03bd, \u03b5\u03c0\u03b9\u03c3\u03c4\u03b7\u03bc\u03cc\u03bd\u03c9\u03bd, \u03ba\u03b1\u03bb\u03bb\u03b9\u03c4\u03b5\u03c7\u03bd\u03ce\u03bd \u03ba\u03b1\u03b9 \u03ac\u03bb\u03bb\u03c9\u03bd \u03b5\u03b9\u03b4\u03b9\u03ba\u03ce\u03bd, \u03ba\u03b1\u03c4\u03b1\u03be\u03b9\u03c9\u03bc\u03ad\u03bd\u03c9\u03bd \u03c3\u03c4\u03bf\u03c5\u03c2 \u03c4\u03bf\u03bc\u03b5\u03af\u03c2 \u03c4\u03bf\u03c5\u03c2. \u03a0\u03b1\u03bd\u03b5\u03bb\u03bb\u03ae\u03bd\u03b9\u03bf\u03c2 \u03a3\u03cd\u03bb\u03bb\u03bf\u03b3\u03bf\u03c2 \u03a0\u03b1\u03c1\u03b5\u03bc\u03b2\u03b1\u03af\u03bd\u03bf\u03c5\u03c3\u03b1\u03c2 \u039c\u03b7 \u039a\u03b1\u03c4\u03b5\u03c5\u03b8\u03c5\u03bd\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2 \u039f\u03c1\u03b3\u03b1\u03bd\u03b9\u03c3\u03bc\u03cc\u03c2 \u0397 \u03b9\u03c3\u03c4\u03bf\u03c3\u03b5\u03bb\u03af\u03b4\u03b1 \u03c4\u03bf\u03c5 \u03b5\u03bb\u03bb\u03b7\u03bd\u03b9\u03ba\u03bf\u03cd \u03c3\u03c5\u03bb\u03bb\u03cc\u03b3\u03bf\u03c5, \u03bc\u03ad\u03bb\u03bf\u03c5\u03c2 \u03c4\u03b7\u03c2 \u0394\u03b9\u03b5\u03b8\u03bd\u03bf\u03cd\u03c2 \u039f\u03bc\u03bf\u03c3\u03c0\u03bf\u03bd\u03b4\u03af\u03b1\u03c2 \u03c4\u03b7\u03c2 \u03a0\u03b1\u03c1\u03b5\u03bc\u03b2\u03b1\u03af\u03bd\u03bf\u03c5\u03c3\u03b1\u03c2 \u039c\u03b7 \u039a\u03b1\u03c4\u03b5\u03c5\u03b8\u03c5\u03bd\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2 \u2013 FINDI. \u0394\u03b5\u03af\u03c4\u03b5 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1 Humanlinks \u2013 \u0391\u03bd\u03b8\u03c1\u03ce\u03c0\u03b9\u03bd\u03bf\u03b9 […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"zakra_sidebar_layout":"customizer","zakra_remove_content_margin":false,"zakra_sidebar":"customizer","zakra_transparent_header":"customizer","zakra_logo":0,"zakra_main_header_style":"default","zakra_menu_item_color":"","zakra_menu_item_hover_color":"","zakra_menu_item_active_color":"","zakra_menu_active_style":"","zakra_page_header":true,"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-1712","page","type-page","status-publish","hentry"],"acf":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/aytognosia.gr\/en\/author\/admin\/"},"uagb_comment_info":0,"uagb_excerpt":"\u03a4\u03bf \u0394\u03af\u03ba\u03c4\u03c5\u03cc \u03bc\u03b1\u03c2 \u03a4\u03bf \u0394\u03af\u03ba\u03c4\u03c5\u03cc \u03bc\u03b1\u03c2 \u03a3\u03c4\u03b1 \u03c0\u03bb\u03b1\u03af\u03c3\u03b9\u03b1 \u03c4\u03c9\u03bd \u03b4\u03c1\u03b1\u03c3\u03c4\u03b7\u03c1\u03b9\u03bf\u03c4\u03ae\u03c4\u03c9\u03bd \u03ba\u03b1\u03b9 \u03c4\u03b7\u03c2 \u03bf\u03bb\u03b9\u03c3\u03c4\u03b9\u03ba\u03ae\u03c2 \u03c0\u03c1\u03bf\u03c3\u03ad\u03b3\u03b3\u03b9\u03c3\u03b7\u03c2, \u03ad\u03c7\u03b5\u03b9 \u03c3\u03c5\u03b3\u03ba\u03c1\u03bf\u03c4\u03b7\u03b8\u03b5\u03af \u03ad\u03bd\u03b1 \u03c5\u03c0\u03bf\u03c3\u03c4\u03b7\u03c1\u03b9\u03ba\u03c4\u03b9\u03ba\u03cc \u03b4\u03af\u03ba\u03c4\u03c5\u03bf \u03c3\u03c5\u03bd\u03b5\u03c1\u03b3\u03b1\u03c4\u03ce\u03bd, \u03b5\u03c0\u03b9\u03c3\u03c4\u03b7\u03bc\u03cc\u03bd\u03c9\u03bd, \u03ba\u03b1\u03bb\u03bb\u03b9\u03c4\u03b5\u03c7\u03bd\u03ce\u03bd \u03ba\u03b1\u03b9 \u03ac\u03bb\u03bb\u03c9\u03bd \u03b5\u03b9\u03b4\u03b9\u03ba\u03ce\u03bd, \u03ba\u03b1\u03c4\u03b1\u03be\u03b9\u03c9\u03bc\u03ad\u03bd\u03c9\u03bd \u03c3\u03c4\u03bf\u03c5\u03c2 \u03c4\u03bf\u03bc\u03b5\u03af\u03c2 \u03c4\u03bf\u03c5\u03c2. \u03a0\u03b1\u03bd\u03b5\u03bb\u03bb\u03ae\u03bd\u03b9\u03bf\u03c2 \u03a3\u03cd\u03bb\u03bb\u03bf\u03b3\u03bf\u03c2 \u03a0\u03b1\u03c1\u03b5\u03bc\u03b2\u03b1\u03af\u03bd\u03bf\u03c5\u03c3\u03b1\u03c2 \u039c\u03b7 \u039a\u03b1\u03c4\u03b5\u03c5\u03b8\u03c5\u03bd\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2 \u039f\u03c1\u03b3\u03b1\u03bd\u03b9\u03c3\u03bc\u03cc\u03c2 \u0397 \u03b9\u03c3\u03c4\u03bf\u03c3\u03b5\u03bb\u03af\u03b4\u03b1 \u03c4\u03bf\u03c5 \u03b5\u03bb\u03bb\u03b7\u03bd\u03b9\u03ba\u03bf\u03cd \u03c3\u03c5\u03bb\u03bb\u03cc\u03b3\u03bf\u03c5, \u03bc\u03ad\u03bb\u03bf\u03c5\u03c2 \u03c4\u03b7\u03c2 \u0394\u03b9\u03b5\u03b8\u03bd\u03bf\u03cd\u03c2 \u039f\u03bc\u03bf\u03c3\u03c0\u03bf\u03bd\u03b4\u03af\u03b1\u03c2 \u03c4\u03b7\u03c2 \u03a0\u03b1\u03c1\u03b5\u03bc\u03b2\u03b1\u03af\u03bd\u03bf\u03c5\u03c3\u03b1\u03c2 \u039c\u03b7 \u039a\u03b1\u03c4\u03b5\u03c5\u03b8\u03c5\u03bd\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2 \u2013 FINDI. \u0394\u03b5\u03af\u03c4\u03b5 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1 Humanlinks \u2013 \u0391\u03bd\u03b8\u03c1\u03ce\u03c0\u03b9\u03bd\u03bf\u03b9…","_links":{"self":[{"href":"https:\/\/aytognosia.gr\/en\/wp-json\/wp\/v2\/pages\/1712","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aytognosia.gr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aytognosia.gr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aytognosia.gr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aytognosia.gr\/en\/wp-json\/wp\/v2\/comments?post=1712"}],"version-history":[{"count":17,"href":"https:\/\/aytognosia.gr\/en\/wp-json\/wp\/v2\/pages\/1712\/revisions"}],"predecessor-version":[{"id":2088,"href":"https:\/\/aytognosia.gr\/en\/wp-json\/wp\/v2\/pages\/1712\/revisions\/2088"}],"wp:attachment":[{"href":"https:\/\/aytognosia.gr\/en\/wp-json\/wp\/v2\/media?parent=1712"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1712,"date":"2025-12-20T12:38:14","date_gmt":"2025-12-20T12:38:14","guid":{"rendered":"https:\/\/aytognosia.gr\/?page_id=1712"},"modified":"2026-01-08T13:11:08","modified_gmt":"2026-01-08T13:11:08","slug":"network","status":"publish","type":"page","link":"https:\/\/aytognosia.gr\/en\/network\/","title":{"rendered":"Network"},"content":{"rendered":"

<\/h2>\n\n\n\n\n\n\n \n \n \u03a4\u03bf \u0394\u03af\u03ba\u03c4\u03c5\u03cc \u03bc\u03b1\u03c2<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n color: #1a1a1a;\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* ANIMATED BACKGROUND CONTAINER \/\n .network-wrapper {\n position: relative;\n background: transparent;\n isolation: isolate;\n overflow: hidden;\n min-height: 100vh;\n }\n\n \/ ANIMATED BACKGROUND \/\n .background-canvas {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 0;\n opacity: 0.6;\n pointer-events: none;\n }\n\n .network {\n max-width: 1200px;\n margin: 0 auto;\n padding: 5rem 1.5rem;\n position: relative;\n z-index: 1;\n }\n\n .network h2 {\n text-align: center;\n margin-bottom: 1rem;\n font-size: 4.5rem;\n font-weight: 800;\n color: #1a1a1a;\n letter-spacing: -0.5px;\n text-shadow: 0 2px 20px rgba(142, 63, 183, 0.2);\n }\n\n .network-intro {\n text-align: center;\n max-width: 750px;\n margin: 0 auto 4rem;\n color: #333333;\n font-size: 1.6rem;\n line-height: 1.7;\n font-weight: 400;\n }\n\n .card-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 2.5rem;\n margin-top: 3rem;\n }\n\n .profile-card {\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border-radius: 24px;\n padding: 2rem;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);\n cursor: pointer;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border: 1px solid rgba(142, 63, 183, 0.15);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n }\n\n .profile-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(142, 63, 183, 0.08), transparent);\n transition: left 0.6s;\n }\n\n .profile-card:hover::before {\n left: 100%;\n }\n\n .profile-card:hover {\n transform: translateY(-8px) scale(1.02);\n box-shadow: 0 20px 60px rgba(142, 63, 183, 0.25);\n border-color: rgba(142, 63, 183, 0.4);\n background: rgba(255, 255, 255, 1);\n }\n\n .profile-card h3 {\n margin: 0 0 0.8rem 0;\n font-size: 2.1rem;\n font-weight: 700;\n color: #1a1a1a;\n letter-spacing: -0.3px;\n }\n\n .role {\n display: block;\n font-size: 1.3rem;\n color: #8e3fb7;\n margin-bottom: 1.2rem;\n font-weight: 600;\n letter-spacing: 0.3px;\n }\n\n .card-bio {\n font-size: 1.35rem;\n line-height: 1.6;\n color: #444444;\n margin-bottom: 1.2rem;\n flex-grow: 1;\n }\n\n .card-cta {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n margin-top: auto;\n font-size: 1.3rem;\n color: #8e3fb7;\n font-weight: 600;\n transition: all 0.3s;\n }\n\n .card-cta::after {\n content: '\u2192';\n transition: transform 0.3s;\n }\n\n .profile-card:hover .card-cta {\n color: #6d2d93;\n transform: translateX(4px);\n }\n\n .profile-card:hover .card-cta::after {\n transform: translateX(4px);\n }\n\n \/ MODAL STYLES \/\n .modal {\n position: fixed;\n inset: 0;\n background: rgba(0, 0, 0, 0.6);\n backdrop-filter: blur(8px);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 999;\n opacity: 0;\n visibility: hidden;\n transition: opacity 0.3s ease, visibility 0.3s ease;\n padding: 1rem;\n }\n\n .modal.active {\n opacity: 1;\n visibility: visible;\n }\n\n .modal-content {\n background: rgba(255, 255, 255, 0.98);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n max-width: 650px;\n width: 100%;\n padding: 3rem;\n position: relative;\n box-shadow: 0 30px 80px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(142, 63, 183, 0.3);\n transform: scale(0.9);\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n max-height: 90vh;\n overflow-y: auto;\n border: 1px solid rgba(142, 63, 183, 0.2);\n }\n\n .modal.active .modal-content {\n transform: scale(1);\n }\n\n .modal-content h3 {\n font-size: 2.6rem;\n margin-bottom: 0.5rem;\n color: #1a1a1a;\n font-weight: 800;\n letter-spacing: -0.5px;\n }\n\n .modal-content .role {\n font-size: 1.45rem;\n color: #8e3fb7;\n margin-bottom: 2rem;\n }\n\n .modal-bio {\n margin: 2rem 0;\n line-height: 1.8;\n color: #444444;\n font-size: 1.45rem;\n }\n\n .modal-cta {\n display: inline-block;\n text-decoration: none;\n padding: 1.1rem 2.2rem;\n border-radius: 999px;\n background: linear-gradient(135deg, #8e3fb7, #6d2d93);\n color: #fff;\n font-size: 1.35rem;\n font-weight: 700;\n transition: all 0.3s;\n border: none;\n cursor: pointer;\n box-shadow: 0 4px 20px rgba(142, 63, 183, 0.3);\n letter-spacing: 0.3px;\n }\n\n .modal-cta:hover {\n background: linear-gradient(135deg, #a350d1, #8e3fb7);\n transform: translateY(-2px);\n box-shadow: 0 8px 30px rgba(142, 63, 183, 0.5);\n }\n\n .modal-close {\n position: absolute;\n top: 2rem;\n right: 2rem;\n background: rgba(142, 63, 183, 0.1);\n border: 1px solid rgba(142, 63, 183, 0.3);\n width: 44px;\n height: 44px;\n border-radius: 50%;\n font-size: 1.8rem;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s;\n color: #8e3fb7;\n line-height: 1;\n }\n\n .modal-close:hover {\n background: rgba(142, 63, 183, 0.2);\n color: #6d2d93;\n transform: rotate(90deg);\n border-color: rgba(142, 63, 183, 0.5);\n }\n\n \/ Responsive adjustments \/\n @media (max-width: 768px) {\n .network {\n padding: 3rem 1rem;\n }\n\n .network h2 {\n font-size: 3rem;\n }\n\n .network-intro {\n font-size: 1.4rem;\n }\n\n .card-grid {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n\n .profile-card h3 {\n font-size: 1.9rem;\n }\n\n .card-bio {\n font-size: 1.25rem;\n }\n\n .card-cta {\n font-size: 1.2rem;\n }\n\n .modal-content {\n padding: 2rem;\n }\n\n .modal-content h3 {\n font-size: 2.2rem;\n }\n\n .modal-bio {\n font-size: 1.3rem;\n }\n\n .modal-cta {\n font-size: 1.2rem;\n }\n }\n\n \/ Smooth scrolling \/\n html {\n scroll-behavior: smooth;\n }\n\n \/ Prevent body scroll when modal is open \/\n body.modal-open {\n overflow: hidden;\n }\n\n \/ Custom scrollbar for modal \/\n .modal-content::-webkit-scrollbar {\n width: 8px;\n }\n\n .modal-content::-webkit-scrollbar-track {\n background: rgba(142, 63, 183, 0.05);\n border-radius: 10px;\n }\n\n .modal-content::-webkit-scrollbar-thumb {\n background: rgba(142, 63, 183, 0.4);\n border-radius: 10px;\n }\n\n .modal-content::-webkit-scrollbar-thumb:hover {\n background: rgba(142, 63, 183, 0.6);\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"network-wrapper\">\n <canvas class=\"background-canvas\" id=\"energyCanvas\"><\/canvas>\n\n <section class=\"network\">\n <h2>Our Network<\/h2>\n <p class=\"network-intro\">\n Within the framework of the activities and the holistic approach, a supportive network of collaborators, scientists, artists and other experts, renowned in their fields, has been established.\n <\/p>\n <div class=\"card-grid\">\n \n <div class=\"profile-card\" data-modal=\"modal-1\">\n <h3>Panhellenic Association of Interventional Non-Directionality<\/h3>\n <span class=\"role\">Organisation<\/span>\n <p class=\"card-bio\">\n The website of the Greek association, a member of the International Federation of Interventional Non-Directionality \u2013 FINDI.\n <\/p>\n <span class=\"card-cta\">Read more<\/span>\n <\/div>\n \n \n <div class=\"profile-card\" data-modal=\"modal-2\">\n <h3>Humanlinks<\/h3>\n <span class=\"role\">Non-Profit Organization<\/span>\n <p class=\"card-bio\">\n Non-profit organization providing primary social care services.\n <\/p>\n <span class=\"card-cta\">Read more<\/span>\n <\/div>\n\n \n <div class=\"profile-card\" data-modal=\"modal-3\">\n <h3>Vibreath \u2013 Psychonautic Art<\/h3>\n <span class=\"role\">Holotropic Therapy<\/span>\n <p class=\"card-bio\">\n Dynamic, experiential, synthetic psychotherapeutic technique, which by definition is aimed at trauma care.\n <\/p>\n <span class=\"card-cta\">Read more<\/span>\n <\/div>\n\n \n <div class=\"profile-card\" data-modal=\"modal-4\">\n <h3>Chrysa Viladaki<\/h3>\n <span class=\"role\">Theater in Sala<\/span>\n <p class=\"card-bio\">\n Mental expression and creativity through the performing arts.\n <\/p>\n <span class=\"card-cta\">Read more<\/span>\n <\/div>\n\n \n <div class=\"profile-card\" data-modal=\"modal-5\">\n <h3>Costas Kalogiros<\/h3>\n <span class=\"role\">Multicreator<\/span>\n <p class=\"card-bio\">\n Director, screenwriter, creative writing seminar speaker and music producer.\n <\/p>\n <span class=\"card-cta\">Read more<\/span>\n <\/div>\n <\/div>\n <\/section>\n <\/div>\n\n \n <div class=\"modal\" id=\"modal-1\">\n <div class=\"modal-content\">\n <button class=\"modal-close\" aria-label=\"Close modal\">×<\/button>\n <h3>Panhellenic Association of Interventional Non-Directionality<\/h3>\n <span class=\"role\">Organisation<\/span>\n <p class=\"modal-bio\">\n The website of the Greek association, a member of the International Federation of Interventional Non-Directionality \u2013 FINDI. The association promotes a non-directive approach to psychotherapy and counseling.\n <\/p>\n <a href=\"https:\/\/ndigreece.gr\" target=\"_blank\" class=\"modal-cta\">Visit the website<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"modal\" id=\"modal-2\">\n <div class=\"modal-content\">\n <button class=\"modal-close\" aria-label=\"Close modal\">×<\/button>\n <h3>Humanlinks<\/h3>\n <span class=\"role\">Non-Profit Organization<\/span>\n <p class=\"modal-bio\">\n A non-profit provider of primary social care services. Focuses on creating meaningful human connections and promoting mental well-being.\n <\/p>\n <a href=\"https:\/\/humanlinks.gr\" target=\"_blank\" class=\"modal-cta\">Visit the website<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"modal\" id=\"modal-3\">\n <div class=\"modal-content\">\n <button class=\"modal-close\" aria-label=\"Close modal\">×<\/button>\n <h3>Vibreath \u2013 Psychonautic Art<\/h3>\n <span class=\"role\">Holotropic Therapy<\/span>\n <p class=\"modal-bio\">\n Dynamic, experiential, synthetic psychotherapeutic technique (holotropic therapy), which by definition addresses trauma care. It combines art with inner exploration through psychonautic experiences.\n <\/p>\n <a href=\"https:\/\/vibreath.gr\" target=\"_blank\" class=\"modal-cta\">Visit the website<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"modal\" id=\"modal-4\">\n <div class=\"modal-content\">\n <button class=\"modal-close\" aria-label=\"Close modal\">×<\/button>\n <h3>Chrysa Viladaki<\/h3>\n <span class=\"role\">Theater in Sala<\/span>\n <p class=\"modal-bio\">\n Spiritual expression and creativity through the performing arts. Chrysi Vidalaki uses theater as a means of expression, therapy and personal development.\n <\/p>\n <a href=\"https:\/\/facebook.com\/theatrostisala\" target=\"_blank\" class=\"modal-cta\">\u0395\u03c0\u03b9\u03c3\u03ba\u03b5\u03c6\u03b8\u03b5\u03af\u03c4\u03b5 \u03c4\u03b7 \u03c3\u03b5\u03bb\u03af\u03b4\u03b1<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"modal\" id=\"modal-5\">\n <div class=\"modal-content\">\n <button class=\"modal-close\" aria-label=\"Close modal\">×<\/button>\n <h3>Costas Kalogiros<\/h3>\n <span class=\"role\">Multicreator<\/span>\n <p class=\"modal-bio\">\n Director, screenwriter, creative writing seminar speaker and music producer. A multi-dimensional artist who inspires creativity and artistic expression.\n <\/p>\n <a href=\"https:\/\/costakalogiros.com\" target=\"_blank\" class=\"modal-cta\">Visit the website<\/a>\n <\/div>\n <\/div>\n\n <script>\n \/\/ ENERGY WAVE ANIMATION\n const canvas = document.getElementById('energyCanvas');\n const ctx = canvas.getContext('2d');\n\n canvas.width = window.innerWidth;\n canvas.height = window.innerHeight;\n\n window.addEventListener('resize', () => {\n canvas.width = window.innerWidth;\n canvas.height = window.innerHeight;\n });\n\n class Wave {\n constructor(y, amplitude, frequency, speed, color, opacity) {\n this.y = y;\n this.amplitude = amplitude;\n this.frequency = frequency;\n this.speed = speed;\n this.color = color;\n this.opacity = opacity;\n this.offset = Math.random() Math.PI * 2;\n }\n\n draw(time) {\n ctx.beginPath();\n ctx.strokeStyle = this.color;\n ctx.lineWidth = 2;\n ctx.globalAlpha = this.opacity;\n\n for (let x = 0; x < canvas.width; x += 3) {\n const angle = (x * this.frequency) + (time * this.speed) + this.offset;\n const y = this.y + Math.sin(angle) * this.amplitude;\n \n if (x === 0) {\n ctx.moveTo(x, y);\n } else {\n ctx.lineTo(x, y);\n }\n }\n\n ctx.stroke();\n ctx.globalAlpha = 1;\n }\n }\n\n \/\/ Create multiple waves with different properties\n const waves = [\n new Wave(canvas.height * 0.2, 120, 0.006, 0.0008, '#8e3fb7', 0.35),\n new Wave(canvas.height * 0.3, 150, 0.005, 0.0007, '#ffd1f7', 0.3),\n new Wave(canvas.height * 0.45, 180, 0.004, 0.0006, '#8e3fb7', 0.25),\n new Wave(canvas.height * 0.6, 140, 0.007, 0.0009, '#ffd1f7', 0.3),\n new Wave(canvas.height * 0.75, 160, 0.008, 0.001, '#8e3fb7', 0.35),\n new Wave(canvas.height * 0.85, 100, 0.009, 0.0011, '#ffd1f7', 0.25),\n ];\n\n \/\/ Particle system for energy dots\n class Particle {\n constructor() {\n this.reset();\n }\n\n reset() {\n this.x = Math.random() * canvas.width;\n this.y = Math.random() * canvas.height;\n this.size = Math.random() * 2.5 + 0.5;\n this.speedX = (Math.random() - 0.5) * 0.5;\n this.speedY = (Math.random() - 0.5) * 0.5;\n this.opacity = Math.random() * 0.6 + 0.2;\n this.color = Math.random() > 0.5 ? '#8e3fb7' : '#ffd1f7';\n }\n\n update() {\n this.x += this.speedX;\n this.y += this.speedY;\n\n \/\/ Wrap around edges\n if (this.x < 0) this.x = canvas.width;\n if (this.x > canvas.width) this.x = 0;\n if (this.y < 0) this.y = canvas.height;\n if (this.y > canvas.height) this.y = 0;\n }\n\n draw() {\n ctx.beginPath();\n ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);\n const rgb = this.color === '#8e3fb7' ? '142, 63, 183' : '255, 209, 247';\n ctx.fillStyle = `rgba(${rgb}, ${this.opacity})`;\n ctx.fill();\n }\n }\n\n const particles = Array.from({ length: 80 }, () => new Particle());\n\n \/\/ Animation loop\n let time = 0;\n function animate() {\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n time += 0.05;\n\n \/\/ Draw waves\n waves.forEach(wave => wave.draw(time));\n\n \/\/ Update and draw particles\n particles.forEach(particle => {\n particle.update();\n particle.draw();\n });\n\n requestAnimationFrame(animate);\n }\n\n animate();\n\n \/\/ Modal functionality\n const profileCards = document.querySelectorAll('.profile-card');\n const modals = document.querySelectorAll('.modal');\n const modalCloses = document.querySelectorAll('.modal-close');\n\n \/\/ Open modal when card is clicked\n profileCards.forEach(card => {\n card.addEventListener('click', () => {\n const modalId = card.getAttribute('data-modal');\n const modal = document.getElementById(modalId);\n if (modal) {\n modal.classList.add('active');\n document.body.classList.add('modal-open');\n }\n });\n });\n\n \/\/ Close modal when close button is clicked\n modalCloses.forEach(closeBtn => {\n closeBtn.addEventListener('click', (e) => {\n e.stopPropagation();\n const modal = closeBtn.closest('.modal');\n if (modal) {\n modal.classList.remove('active');\n document.body.classList.remove('modal-open');\n }\n });\n });\n\n \/\/ Close modal when clicking outside modal content\n modals.forEach(modal => {\n modal.addEventListener('click', (e) => {\n if (e.target === modal) {\n modal.classList.remove('active');\n document.body.classList.remove('modal-open');\n }\n });\n });\n\n \/\/ Close modal on Escape key press\n document.addEventListener('keydown', (e) => {\n if (e.key === 'Escape') {\n modals.forEach(modal => {\n if (modal.classList.contains('active')) {\n modal.classList.remove('active');\n document.body.classList.remove('modal-open');\n }\n });\n }\n });\n <\/script>\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>\u03a4\u03bf \u0394\u03af\u03ba\u03c4\u03c5\u03cc \u03bc\u03b1\u03c2 \u03a4\u03bf \u0394\u03af\u03ba\u03c4\u03c5\u03cc \u03bc\u03b1\u03c2 \u03a3\u03c4\u03b1 \u03c0\u03bb\u03b1\u03af\u03c3\u03b9\u03b1 \u03c4\u03c9\u03bd \u03b4\u03c1\u03b1\u03c3\u03c4\u03b7\u03c1\u03b9\u03bf\u03c4\u03ae\u03c4\u03c9\u03bd \u03ba\u03b1\u03b9 \u03c4\u03b7\u03c2 \u03bf\u03bb\u03b9\u03c3\u03c4\u03b9\u03ba\u03ae\u03c2 \u03c0\u03c1\u03bf\u03c3\u03ad\u03b3\u03b3\u03b9\u03c3\u03b7\u03c2, \u03ad\u03c7\u03b5\u03b9 \u03c3\u03c5\u03b3\u03ba\u03c1\u03bf\u03c4\u03b7\u03b8\u03b5\u03af \u03ad\u03bd\u03b1 \u03c5\u03c0\u03bf\u03c3\u03c4\u03b7\u03c1\u03b9\u03ba\u03c4\u03b9\u03ba\u03cc \u03b4\u03af\u03ba\u03c4\u03c5\u03bf \u03c3\u03c5\u03bd\u03b5\u03c1\u03b3\u03b1\u03c4\u03ce\u03bd, \u03b5\u03c0\u03b9\u03c3\u03c4\u03b7\u03bc\u03cc\u03bd\u03c9\u03bd, \u03ba\u03b1\u03bb\u03bb\u03b9\u03c4\u03b5\u03c7\u03bd\u03ce\u03bd \u03ba\u03b1\u03b9 \u03ac\u03bb\u03bb\u03c9\u03bd \u03b5\u03b9\u03b4\u03b9\u03ba\u03ce\u03bd, \u03ba\u03b1\u03c4\u03b1\u03be\u03b9\u03c9\u03bc\u03ad\u03bd\u03c9\u03bd \u03c3\u03c4\u03bf\u03c5\u03c2 \u03c4\u03bf\u03bc\u03b5\u03af\u03c2 \u03c4\u03bf\u03c5\u03c2. \u03a0\u03b1\u03bd\u03b5\u03bb\u03bb\u03ae\u03bd\u03b9\u03bf\u03c2 \u03a3\u03cd\u03bb\u03bb\u03bf\u03b3\u03bf\u03c2 \u03a0\u03b1\u03c1\u03b5\u03bc\u03b2\u03b1\u03af\u03bd\u03bf\u03c5\u03c3\u03b1\u03c2 \u039c\u03b7 \u039a\u03b1\u03c4\u03b5\u03c5\u03b8\u03c5\u03bd\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2 \u039f\u03c1\u03b3\u03b1\u03bd\u03b9\u03c3\u03bc\u03cc\u03c2 \u0397 \u03b9\u03c3\u03c4\u03bf\u03c3\u03b5\u03bb\u03af\u03b4\u03b1 \u03c4\u03bf\u03c5 \u03b5\u03bb\u03bb\u03b7\u03bd\u03b9\u03ba\u03bf\u03cd \u03c3\u03c5\u03bb\u03bb\u03cc\u03b3\u03bf\u03c5, \u03bc\u03ad\u03bb\u03bf\u03c5\u03c2 \u03c4\u03b7\u03c2 \u0394\u03b9\u03b5\u03b8\u03bd\u03bf\u03cd\u03c2 \u039f\u03bc\u03bf\u03c3\u03c0\u03bf\u03bd\u03b4\u03af\u03b1\u03c2 \u03c4\u03b7\u03c2 \u03a0\u03b1\u03c1\u03b5\u03bc\u03b2\u03b1\u03af\u03bd\u03bf\u03c5\u03c3\u03b1\u03c2 \u039c\u03b7 \u039a\u03b1\u03c4\u03b5\u03c5\u03b8\u03c5\u03bd\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2 \u2013 FINDI. \u0394\u03b5\u03af\u03c4\u03b5 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1 Humanlinks \u2013 \u0391\u03bd\u03b8\u03c1\u03ce\u03c0\u03b9\u03bd\u03bf\u03b9 […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"zakra_sidebar_layout":"customizer","zakra_remove_content_margin":false,"zakra_sidebar":"customizer","zakra_transparent_header":"customizer","zakra_logo":0,"zakra_main_header_style":"default","zakra_menu_item_color":"","zakra_menu_item_hover_color":"","zakra_menu_item_active_color":"","zakra_menu_active_style":"","zakra_page_header":true,"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-1712","page","type-page","status-publish","hentry"],"acf":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/aytognosia.gr\/en\/author\/admin\/"},"uagb_comment_info":0,"uagb_excerpt":"\u03a4\u03bf \u0394\u03af\u03ba\u03c4\u03c5\u03cc \u03bc\u03b1\u03c2 \u03a4\u03bf \u0394\u03af\u03ba\u03c4\u03c5\u03cc \u03bc\u03b1\u03c2 \u03a3\u03c4\u03b1 \u03c0\u03bb\u03b1\u03af\u03c3\u03b9\u03b1 \u03c4\u03c9\u03bd \u03b4\u03c1\u03b1\u03c3\u03c4\u03b7\u03c1\u03b9\u03bf\u03c4\u03ae\u03c4\u03c9\u03bd \u03ba\u03b1\u03b9 \u03c4\u03b7\u03c2 \u03bf\u03bb\u03b9\u03c3\u03c4\u03b9\u03ba\u03ae\u03c2 \u03c0\u03c1\u03bf\u03c3\u03ad\u03b3\u03b3\u03b9\u03c3\u03b7\u03c2, \u03ad\u03c7\u03b5\u03b9 \u03c3\u03c5\u03b3\u03ba\u03c1\u03bf\u03c4\u03b7\u03b8\u03b5\u03af \u03ad\u03bd\u03b1 \u03c5\u03c0\u03bf\u03c3\u03c4\u03b7\u03c1\u03b9\u03ba\u03c4\u03b9\u03ba\u03cc \u03b4\u03af\u03ba\u03c4\u03c5\u03bf \u03c3\u03c5\u03bd\u03b5\u03c1\u03b3\u03b1\u03c4\u03ce\u03bd, \u03b5\u03c0\u03b9\u03c3\u03c4\u03b7\u03bc\u03cc\u03bd\u03c9\u03bd, \u03ba\u03b1\u03bb\u03bb\u03b9\u03c4\u03b5\u03c7\u03bd\u03ce\u03bd \u03ba\u03b1\u03b9 \u03ac\u03bb\u03bb\u03c9\u03bd \u03b5\u03b9\u03b4\u03b9\u03ba\u03ce\u03bd, \u03ba\u03b1\u03c4\u03b1\u03be\u03b9\u03c9\u03bc\u03ad\u03bd\u03c9\u03bd \u03c3\u03c4\u03bf\u03c5\u03c2 \u03c4\u03bf\u03bc\u03b5\u03af\u03c2 \u03c4\u03bf\u03c5\u03c2. \u03a0\u03b1\u03bd\u03b5\u03bb\u03bb\u03ae\u03bd\u03b9\u03bf\u03c2 \u03a3\u03cd\u03bb\u03bb\u03bf\u03b3\u03bf\u03c2 \u03a0\u03b1\u03c1\u03b5\u03bc\u03b2\u03b1\u03af\u03bd\u03bf\u03c5\u03c3\u03b1\u03c2 \u039c\u03b7 \u039a\u03b1\u03c4\u03b5\u03c5\u03b8\u03c5\u03bd\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2 \u039f\u03c1\u03b3\u03b1\u03bd\u03b9\u03c3\u03bc\u03cc\u03c2 \u0397 \u03b9\u03c3\u03c4\u03bf\u03c3\u03b5\u03bb\u03af\u03b4\u03b1 \u03c4\u03bf\u03c5 \u03b5\u03bb\u03bb\u03b7\u03bd\u03b9\u03ba\u03bf\u03cd \u03c3\u03c5\u03bb\u03bb\u03cc\u03b3\u03bf\u03c5, \u03bc\u03ad\u03bb\u03bf\u03c5\u03c2 \u03c4\u03b7\u03c2 \u0394\u03b9\u03b5\u03b8\u03bd\u03bf\u03cd\u03c2 \u039f\u03bc\u03bf\u03c3\u03c0\u03bf\u03bd\u03b4\u03af\u03b1\u03c2 \u03c4\u03b7\u03c2 \u03a0\u03b1\u03c1\u03b5\u03bc\u03b2\u03b1\u03af\u03bd\u03bf\u03c5\u03c3\u03b1\u03c2 \u039c\u03b7 \u039a\u03b1\u03c4\u03b5\u03c5\u03b8\u03c5\u03bd\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2 \u2013 FINDI. \u0394\u03b5\u03af\u03c4\u03b5 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1 Humanlinks \u2013 \u0391\u03bd\u03b8\u03c1\u03ce\u03c0\u03b9\u03bd\u03bf\u03b9…","_links":{"self":[{"href":"https:\/\/aytognosia.gr\/en\/wp-json\/wp\/v2\/pages\/1712","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aytognosia.gr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aytognosia.gr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aytognosia.gr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aytognosia.gr\/en\/wp-json\/wp\/v2\/comments?post=1712"}],"version-history":[{"count":17,"href":"https:\/\/aytognosia.gr\/en\/wp-json\/wp\/v2\/pages\/1712\/revisions"}],"predecessor-version":[{"id":2088,"href":"https:\/\/aytognosia.gr\/en\/wp-json\/wp\/v2\/pages\/1712\/revisions\/2088"}],"wp:attachment":[{"href":"https:\/\/aytognosia.gr\/en\/wp-json\/wp\/v2\/media?parent=1712"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}