PageSourceSearch

https://okfn.gr/el/posts/390

html okfn.gr collected 2026-10-02 07:19:07 UTC 66,379 bytes, 1,099 lines download raw bytes

1<!DOCTYPE html>
2<html lang="el">
3
4<head>
5    <meta charset="utf-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1">
7    <title>Bridge the Gap 2026 | Ενδυναμώνοντας τους μαθητές με γνώσεις, δεξιότητες, αξίες και ταυτότητα στην εποχή της τεχνητής νοημοσύνης. - Open Knowledge Greece</title>
8    <meta name="description" content="Το Ίδρυμα Ανοικτής Γνώσης Ελλάδος συμμετέχει στο Bridge the Gap 2026, την κορυφαία ετήσια σύνοδο του School of the Future International Academy (SoFIA), τη...">
9    <link rel="preconnect" href="https://fonts.googleapis.com">
10    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
11    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap" rel="stylesheet">
12    <link rel="canonical" href="https://okfn.gr/el/posts/390">
13    
13<script src="https://cdn.tailwindcss.com"></script>
13
14
15    
16    <meta property="og:type" content="article">
17    <meta property="og:title" content="Bridge the Gap 2026 | Ενδυναμώνοντας τους μαθητές με γνώσεις, δεξιότητ...">
18    <meta property="og:description" content="Το Ίδρυμα Ανοικτής Γνώσης Ελλάδος συμμετέχει στο Bridge the Gap 2026, την κορυφαία ετήσια σύνοδο του School of the Future International Academy (SoFIA), τη...">
19    <meta property="og:url" content="https://okfn.gr/el/posts/390">
20            <meta property="og:image" content="https://okfn.gr/storage/posts/PXlWgJVyayTuNbsaiZH3JCwnIurpqWPo1us7ZAZ0.jpg">
21        <meta property="og:image:type" content="image/jpeg">
22        <meta property="og:image:alt" content="Bridge the Gap 2026 | Ενδυναμώνοντας τους μαθητές με γνώσεις, δεξιότητες, αξίες και ταυτότητα στην εποχή της τεχνητής νοημοσύνης.">
23    <meta property="og:image:width" content="1200">
24    <meta property="og:image:height" content="630">
25    <meta property="og:site_name" content="Open Knowledge Greece">
26    <meta property="og:locale" content="el_GR">
27    <meta property="article:published_time"
28        content="2026-09-30T11:08:00+00:00">
29    <meta property="article:author" content="kosmapanagiookfn2025">
30            <meta property="article:section" content="Εκδηλώσεις">
31                <meta property="article:tag" content="Ανοιχτά Δεδομένα">
32            <meta property="article:tag" content="Open Data">
33    
34    
35    <meta name="twitter:card" content="summary_large_image">
36    <meta name="twitter:site" content="@okfngr">
37    <meta name="twitter:title" content="Bridge the Gap 2026 | Ενδυναμώνοντας τους μαθητές με γνώσεις, δεξιότητ...">
38    <meta name="twitter:description" content="Το Ίδρυμα Ανοικτής Γνώσης Ελλάδος συμμετέχει στο Bridge the Gap 2026, την κορυφαία ετήσια σύνοδο του School of the Future International Academy (SoFIA), τη...">
39    <meta name="twitter:image"
40        content="https://okfn.gr/storage/posts/PXlWgJVyayTuNbsaiZH3JCwnIurpqWPo1us7ZAZ0.jpg">
41    
41<script>
42        tailwind.config = {
43            theme: {
44                extend: {
45                    colors: {
46                        'cyan-brand': '#00d1ff',
47                        'mint': '#adffed',
48                        'purple-brand': '#7b2fff',
49                        'text-primary': '#1a1a2e',
50                        'text-secondary': '#6b7280',
51                        'lighter': '#f9fafb',
52                        'light': '#f3f4f6',
53                        'border-color': '#e5e7eb',
54                    },
55                    fontFamily: {
56                        'roboto': ['Roboto', 'sans-serif'],
57                    },
58                    backgroundImage: {
59                        'gradient-cyber': 'linear-gradient(135deg, #00d1ff, #adffed)',
60                    },
61                }
62            }
63        }
64    </script>
64
65    <link rel="icon" href="https://okfn.gr/img/favicon.ico" type="image/x-icon">
66    <style>
67        body {
68            font-family: 'Roboto', sans-serif;
69        }
70
71        /* Gradient cyber button */
72        .btn-cyber {
73            background: linear-gradient(135deg, #00d1ff, #adffed);
74        }
75
76        /* Post content prose styles */
77        .post-content p {
78            margin-bottom: 1.5rem;
79            line-height: 1.8;
80            text-align: justify;
81            text-justify: inter-word;
82        }
83
84        .post-content h1,
85        .post-content h2,
86        .post-content h3,
87        .post-content h4,
88        .post-content h5,
89        .post-content h6 {
90            font-weight: 700;
91            color: #1a1a2e;
92            line-height: 1.3;
93            margin-top: 2.5rem;
94            margin-bottom: 1.25rem;
95            word-wrap: break-word;
96            overflow-wrap: break-word;
97            text-align: left;
98        }
99
100        .post-content h1 {
101            font-size: clamp(1.75rem, 4vw, 2.5rem);
102        }
103
104        .post-content h2 {
105            font-size: clamp(1.5rem, 3.5vw, 2rem);
106        }
107
108        .post-content h3 {
109            font-size: clamp(1.25rem, 3vw, 1.5rem);
110        }
111
112        .post-content h4 {
113            font-size: clamp(1.125rem, 2.5vw, 1.25rem);
114        }
115
116        .post-content h5,
117        .post-content h6 {
118            font-size: clamp(1rem, 2vw, 1.125rem);
119        }
120
121        .post-content strong,
122        .post-content b {
123            font-weight: 700;
124            color: #1a1a2e;
125        }
126
127        .post-content em,
128        .post-content i {
129            font-style: italic;
130        }
131
132        .post-content ul {
133            list-style-type: disc;
134            margin: 1.5rem 0;
135            padding-left: 2rem;
136            text-align: left;
137        }
138
139        .post-content ol {
140            list-style-type: decimal;
141            margin: 1.5rem 0;
142            padding-left: 2rem;
143            text-align: left;
144        }
145
146        .post-content li {
147            margin-bottom: 0.75rem;
148            line-height: 1.7;
149            text-align: justify;
150        }
151
152        .post-content li>ul,
153        .post-content li>ol {
154            margin-top: 0.75rem;
155        }
156
157        .post-content a {
158            color: #00d1ff;
159            text-decoration: underline;
160            word-wrap: break-word;
161            overflow-wrap: break-word;
162            transition: color 0.3s;
163        }
164
165        .post-content a:hover {
166            color: #7b2fff;
167        }
168
169        .post-content img {
170            max-width: 100%;
171            height: auto;
172            border-radius: 12px;
173            margin: 2rem auto;
174            display: block;
175            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
176        }
177
178        .post-content figure {
179            margin: 2rem 0;
180            text-align: center;
181        }
182
183        .post-content figure img {
184            margin: 0 auto;
185        }
186
187        .post-content figcaption {
188            margin-top: 0.75rem;
189            font-size: 0.9em;
190            color: #6b7280;
191            font-style: italic;
192            text-align: center;
193        }
194
195        .post-content blockquote {
196            border-left: 4px solid #00d1ff;
197            padding-left: 2rem;
198            margin: 2rem 0;
199            font-style: italic;
200            color: #6b7280;
201            font-size: clamp(1rem, 1.8vw, 1.1rem);
202            text-align: left;
203        }
204
205        .post-content pre {
206            background: #f3f4f6;
207            padding: 1.5rem;
208            border-radius: 8px;
209            overflow-x: auto;
210            margin: 1.5rem 0;
211            text-align: left;
212        }
213
214        .post-content code {
215            background: #f3f4f6;
216            padding: 0.2rem 0.4rem;
217            border-radius: 4px;
218            font-size: 0.9em;
219            font-family: "Courier New", monospace;
220        }
221
222        .post-content pre code {
223            background: none;
224            padding: 0;
225        }
226
227        .post-content table {
228            width: 100%;
229            border-collapse: collapse;
230            margin: 1.5rem 0;
231            overflow-x: auto;
232            display: block;
233        }
234
235        .post-content table th,
236        .post-content table td {
237            border: 1px solid #e5e7eb;
238            padding: 0.75rem;
239            text-align: left;
240        }
241
242        .post-content table th {
243            background: #f3f4f6;
244            font-weight: 700;
245        }
246
247        .post-content::after {
248            content: "";
249            display: table;
250            clear: both;
251        }
252
253        .post-content .alignleft {
254            float: left;
255            margin: 0.5rem 1.5rem 1rem 0;
256            max-width: 50%;
257        }
258
259        .post-content .alignright {
260            float: right;
261            margin: 0.5rem 0 1rem 1.5rem;
262            max-width: 50%;
263        }
264
265        .post-content .aligncenter {
266            display: block;
267            margin-left: auto;
268            margin-right: auto;
269            text-align: center;
270        }
271
272        .post-content .size-full {
273            width: 100%;
274            height: auto;
275        }
276
277        .post-content .size-large {
278            max-width: 100%;
279            height: auto;
280        }
281
282        .post-content .size-medium {
283            max-width: 75%;
284            height: auto;
285        }
286
287        .post-content .size-thumbnail {
288            max-width: 150px;
289            height: auto;
290        }
291
292        @media (max-width: 640px) {
293
294            .post-content p,
295            .post-content li {
296                text-align: left;
297            }
298
299            .post-content .alignleft,
300            .post-content .alignright {
301                float: none;
302                max-width: 100%;
303                margin: 1rem 0;
304            }
305        }
306
307        /* Nav dropdown */
308        .nav-item:hover .dropdown-menu {
309            display: block;
310        }
311
312        .dropdown-menu {
313            display: none;
314        }
315
316        /* Mobile nav */
317        @media (max-width: 768px) {
318            .desktop-nav {
319                display: none;
320            }
321
322            .desktop-nav.open {
323                display: flex;
324            }
325        }
326
327        @keyframes spin {
328            from {
329                transform: rotate(0deg);
330            }
331
332            to {
333                transform: rotate(360deg);
334            }
335        }
336
337        /* ── Post Carousel ── */
338        .post-carousel {
339            border-radius: 16px;
340            overflow: hidden;
341            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
342        }
343
344        .carousel-main {
345            position: relative;
346            background: #000;
347            aspect-ratio: 16/9;
348            overflow: hidden;
349        }
350
351        .carousel-main-img {
352            width: 100%;
353            height: 100%;
354            object-fit: cover;
355            display: block;
356            transition: opacity 0.4s ease;
357        }
358
359        .carousel-main-img.fade {
360            opacity: 0;
361        }
362
363        .carousel-arrow {
364            position: absolute;
365            top: 50%;
366            transform: translateY(-50%);
367            width: 42px;
368            height: 42px;
369            border-radius: 50%;
370            background: rgba(255, 255, 255, 0.9);
371            border: none;
372            cursor: pointer;
373            display: flex;
374            align-items: center;
375            justify-content: center;
376            color: #1a1a1a;
377            transition: all 0.2s ease;
378            z-index: 10;
379            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
380        }
381
382        .carousel-arrow:hover {
383            background: white;
384            transform: translateY(-50%) scale(1.1);
385        }
386
387        .carousel-prev {
388            left: 14px;
389        }
390
391        .carousel-next {
392            right: 14px;
393        }
394
395        .carousel-counter {
396            position: absolute;
397            bottom: 14px;
398            right: 14px;
399            background: rgba(0, 0, 0, 0.6);
400            color: white;
401            padding: 4px 12px;
402            border-radius: 20px;
403            font-size: 0.78rem;
404            font-weight: 600;
405            backdrop-filter: blur(4px);
406        }
407
408        .carousel-thumbs {
409            display: flex;
410            gap: 6px;
411            padding: 8px;
412            background: #1a1a1a;
413            overflow-x: auto;
414            scrollbar-width: thin;
415            scrollbar-color: #444 #1a1a1a;
416        }
417
418        .carousel-thumbs::-webkit-scrollbar {
419            height: 4px;
420        }
421
422        .carousel-thumbs::-webkit-scrollbar-track {
423            background: #1a1a1a;
424        }
425
426        .carousel-thumbs::-webkit-scrollbar-thumb {
427            background: #444;
428            border-radius: 2px;
429        }
430
431        .carousel-thumb {
432            flex-shrink: 0;
433            width: 72px;
434            height: 52px;
435            border-radius: 6px;
436            overflow: hidden;
437            cursor: pointer;
438            border: 2px solid transparent;
439            transition: all 0.2s ease;
440            opacity: 0.6;
441        }
442
443        .carousel-thumb:hover {
444            opacity: 0.85;
445        }
446
447        .carousel-thumb.active {
448            border-color: #00D1FF;
449            opacity: 1;
450        }
451
452        .carousel-thumb img {
453            width: 100%;
454            height: 100%;
455            object-fit: cover;
456            display: block;
457        }
458
459        @media (max-width: 640px) {
460            .carousel-thumb {
461                width: 56px;
462                height: 42px;
463            }
464
465            .carousel-arrow {
466                width: 34px;
467                height: 34px;
468            }
469        }
470    </style>
471</head>
472
473<body class="bg-lighter text-text-primary">
474
475    <!-- Header -->
476    <header class="bg-white shadow-sm sticky top-0 z-50">
477        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
478            <div class="flex items-center justify-between h-16 lg:h-20">
479                <!-- Logo -->
480                <a href="../" class="flex-shrink-0">
481                    <img src="https://okfn.gr/img/OKGR-landscape-full-rgb.svg" alt="Open Knowledge Greece"
482                        class="h-8 lg:h-10 w-auto">
483                </a>
484
485                <!-- Mobile toggle -->
486                <button class="md:hidden text-2xl text-gray-600 hover:text-cyan-brand transition-colors"
487                    id="mobileMenuToggle">☰</button>
488
489                <!-- Navigation -->
490                <nav class="hidden md:flex items-center gap-1 desktop-nav" id="desktopNav">
491
492                    <!-- About -->
493                    <div class="nav-item relative group">
494                        <a href="#"
495                            class="flex items-center gap-1 px-3 py-2 text-sm font-500 text-text-secondary hover:text-cyan-brand transition-colors">
496                            Σχετικά <span class="text-xs opacity-60">▼</span>
497                        </a>
498                        <div
499                            class="dropdown-menu absolute top-full left-0 mt-1 w-48 bg-white rounded-xl shadow-lg border border-gray-100 py-2 z-50">
500                            <a href="https://okfn.gr/el/about"
501                                class="block px-4 py-2 text-sm text-text-secondary hover:text-cyan-brand hover:bg-gray-50 transition-colors">Η Αποστολή μας</a>
502                            <a href="https://okfn.gr/el/vision-and-values"
503                                class="block px-4 py-2 text-sm text-text-secondary hover:text-cyan-brand hover:bg-gray-50 transition-colors">Το όραμα και οι αξίες μας</a>
504                        </div>
505                    </div>
506
507                    <!-- Who We Are -->
508                    <div class="nav-item relative group">
509                        <a href="#"
510                            class="flex items-center gap-1 px-3 py-2 text-sm font-500 text-text-secondary hover:text-cyan-brand transition-colors">
511                            Ποιοι Είμαστε <span class="text-xs opacity-60">▼</span>
512                        </a>
513                        <div
514                            class="dropdown-menu absolute top-full left-0 mt-1 w-52 bg-white rounded-xl shadow-lg border border-gray-100 py-2 z-50">
515                            <a href="https://okfn.gr/el/our-team"
516                                class="block px-4 py-2 text-sm text-text-secondary hover:text-cyan-brand hover:bg-gray-50 transition-colors">Ομάδα</a>
517                            <a href="https://okfn.gr/el/board-of-directors"
518                                class="block px-4 py-2 text-sm text-text-secondary hover:text-cyan-brand hover:bg-gray-50 transition-colors">Διοικητικό Συμβούλιο</a>
519                            <a href="https://okfn.gr/el/governance"
520                                class="block px-4 py-2 text-sm text-text-secondary hover:text-cyan-brand hover:bg-gray-50 transition-colors">Λειτουργία</a>
521                            <a href="https://okfn.gr/el/our-impact"
522                                class="block px-4 py-2 text-sm text-text-secondary hover:text-cyan-brand hover:bg-gray-50 transition-colors">Η Επίδρασή μας</a>
523                            <a href="https://okfn.gr/el/gallery"
524                                class="block px-4 py-2 text-sm text-text-secondary hover:text-cyan-brand hover:bg-gray-50 transition-colors">Φωτογραφικό Αρχείο</a>
525                        </div>
526                    </div>
527
528                    <!-- What We Do -->
529                    <div class="nav-item relative group">
530                        <a href="#"
531                            class="flex items-center gap-1 px-3 py-2 text-sm font-500 text-text-secondary hover:text-cyan-brand transition-colors">
532                            Τι Κάνουμε <span class="text-xs opacity-60">▼</span>
533                        </a>
534                        <div
535                            class="dropdown-menu absolute top-full left-0 mt-1 w-56 bg-white rounded-xl shadow-lg border border-gray-100 py-2 z-50">
536                            <a href="https://okfn.gr/el/research-projects"
537                                class="block px-4 py-2 text-sm text-text-secondary hover:text-cyan-brand hover:bg-gray-50 transition-colors">Ερευνητικά Έργα</a>
538                            <a href="https://okfn.gr/el/applications"
539                                class="block px-4 py-2 text-sm text-text-secondary hover:text-cyan-brand hover:bg-gray-50 transition-colors">Εφαρμογές</a>
540                            <a href="https://okfn.gr/el/old-projects"
541                                class="block px-4 py-2 text-sm text-text-secondary hover:text-cyan-brand hover:bg-gray-50 transition-colors">Παλιά Έργα</a>
542                            <a href="https://okfn.gr/el/media"
543                                class="block px-4 py-2 text-sm text-text-secondary hover:text-cyan-brand hover:bg-gray-50 transition-colors">Σημαντικές Στιγμές</a>
544                            <a href="https://okfn.gr/el/editions"
545                                class="block px-4 py-2 text-sm text-text-secondary hover:text-cyan-brand hover:bg-gray-50 transition-colors">Εκδόσεις</a>
546                        </div>
547                    </div>
548
549                    <!-- Open Data -->
550                    <div class="nav-item relative group">
551                        <a href="#"
552                            class="flex items-center gap-1 px-3 py-2 text-sm font-500 text-text-secondary hover:text-cyan-brand transition-colors">
553                            Ανοικτά Δεδομένα <span class="text-xs opacity-60">▼</span>
554                        </a>
555                        <div
556                            class="dropdown-menu absolute top-full left-0 mt-1 w-48 bg-white rounded-xl shadow-lg border border-gray-100 py-2 z-50">
557                            <a href="https://okfn.gr/el/open-data"
558                                class="block px-4 py-2 text-sm text-text-secondary hover:text-cyan-brand hover:bg-gray-50 transition-colors">Ανοικτά Δεδομένα</a>
559                            <a href="https://okfn.gr/el/how-to"
560                                class="block px-4 py-2 text-sm text-text-secondary hover:text-cyan-brand hover:bg-gray-50 transition-colors">Πως μπορείτε να ανοίξετε τα δεδομένα;</a>
561                            <a href="https://okfn.gr/el/why-open"
562                                class="block px-4 py-2 text-sm text-text-secondary hover:text-cyan-brand hover:bg-gray-50 transition-colors">Γιατί ανοικτά δεδομένα;</a>
563                        </div>
564                    </div>
565
566                </nav>
567
568                <!-- Right actions -->
569                <div class="hidden md:flex items-center gap-3">
570                    <a href="https://okfn.gr/el/blog"
571                        class="px-4 py-2 rounded-full text-sm font-700 text-white btn-cyber hover:-translate-y-0.5 transition-transform shadow-sm">
572                        Blog
573                    </a>
574
575                    <div class="flex items-center gap-2 ml-2">
576                                                <a href="https://okfn.gr/en/posts/390"
577                            class="flex items-center gap-1 px-2 py-1 rounded-lg text-xs font-600 transition-colors text-text-secondary hover:text-cyan-brand">
578                            <img src="https://okfn.gr/img/uk-flag.png" alt="English"
579                                class="w-4 h-4 rounded-sm object-cover">
580                            EN
581                        </a>
582                        <a href="https://okfn.gr/el/posts/390"
583                            class="flex items-center gap-1 px-2 py-1 rounded-lg text-xs font-600 transition-colors text-cyan-brand bg-cyan-50">
584                            <img src="https://okfn.gr/img/gr-flag.png" alt="Ελληνικά"
585                                class="w-4 h-4 rounded-sm object-cover">
586                            EL
587                        </a>
588                    </div>
589                </div>
590            </div>
591        </div>
592    </header>
593
594    <!-- Post Article -->
595    <article class="bg-lighter">
596        <div class="max-w-[900px] mx-auto px-4 sm:px-8 lg:px-12 py-10 lg:py-16">
597
598            <!-- Back Button -->
599            <div class="mb-8">
600                <a href="https://okfn.gr/el/blog"
601                    class="inline-flex items-center gap-2 text-text-secondary font-600 text-sm hover:text-cyan-brand transition-all hover:gap-3 group">
602                    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" class="flex-shrink-0">
603                        <path d="M12.5 15L7.5 10L12.5 5" stroke="currentColor" stroke-width="2" stroke-linecap="round"
604                            stroke-linejoin="round" />
605                    </svg>
606                    Επιστροφή στα Άρθρα
607                </a>
608            </div>
609
610            <!-- Post Header: Categories → Title → Meta -->
611            <header class="mb-10">
612
613                
614                                    <div class="flex flex-wrap gap-2 mb-6">
615                                                    <a href="https://okfn.gr/el/blog?category=ekdilosis"
616                                class="px-4 py-1.5 bg-white text-cyan-brand border-2 border-cyan-brand/30 rounded-lg text-xs font-600 uppercase tracking-wide no-underline transition-all hover:-translate-y-0.5 hover:bg-cyan-brand hover:text-white hover:border-cyan-brand shadow-sm whitespace-nowrap">
617                                Εκδηλώσεις
618                            </a>
619                                                    <a href="https://okfn.gr/el/blog?category=news"
620                                class="px-4 py-1.5 bg-white text-cyan-brand border-2 border-cyan-brand/30 rounded-lg text-xs font-600 uppercase tracking-wide no-underline transition-all hover:-translate-y-0.5 hover:bg-cyan-brand hover:text-white hover:border-cyan-brand shadow-sm whitespace-nowrap">
621                                News
622                            </a>
623                                            </div>
624                
625                
626                <h1 class="text-4xl lg:text-5xl font-black leading-tight text-text-primary mb-6 tracking-tight break-words text-left"
627                    style="font-size: clamp(1.75rem, 5vw, 3rem);">
628                    Bridge the Gap 2026 | Ενδυναμώνοντας τους μαθητές με γνώσεις, δεξιότητες, αξίες και ταυτότητα στην εποχή της τεχνητής νοημοσύνης.
629                </h1>
630
631                
632                <div class="flex flex-wrap items-center gap-4 sm:gap-6">
633                    <div class="flex items-center gap-2 text-text-secondary text-sm">
634                        <svg width="18" height="18" viewBox="0 0 20 20" fill="none"
635                            class="text-cyan-brand flex-shrink-0">
636                            <path
637                                d="M15.8333 3.33334H4.16667C3.24619 3.33334 2.5 4.07954 2.5 5.00001V16.6667C2.5 17.5871 3.24619 
63718.3333 4.16667 18.3333H15.8333C16.7538 18.3333 17.5 17.5871 17.5 16.6667V5.00001C17.5 4.07954 16.7538 3.33334 15.8333 3.33334Z"
638                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
639                                stroke-linejoin="round" />
640                            <path d="M13.3333 1.66666V5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
641                                stroke-linejoin="round" />
642                            <path d="M6.66666 1.66666V5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
643                                stroke-linejoin="round" />
644                            <path d="M2.5 8.33334H17.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
645                                stroke-linejoin="round" />
646                        </svg>
647                        <span>30 Σεπτεμβρίου 2026</span>
648                    </div>
649                    <div class="flex items-center gap-2 text-text-secondary text-sm">
650                        <svg width="18" height="18" viewBox="0 0 20 20" fill="none"
651                            class="text-cyan-brand flex-shrink-0">
652                            <path
653                                d="M16.6667 17.5V15.8333C16.6667 14.9493 16.3155 14.1014 15.6904 13.4763C15.0652 12.8512 14.2174 12.5 13.3333 12.5H6.66667C5.78261 12.5 4.93476 12.8512 4.30964 13.4763C3.68452 14.1014 3.33333 14.9493 3.33333 15.8333V17.5"
654                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
655                                stroke-linejoin="round" />
656                            <path
657                                d="M10 9.16667C11.8409 9.16667 13.3333 7.67428 13.3333 5.83333C13.3333 3.99238 11.8409 2.5 10 2.5C8.15905 2.5 6.66667 3.99238 6.66667 5.83333C6.66667 7.67428 8.15905 9.16667 10 9.16667Z"
658                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
659                                stroke-linejoin="round" />
660                        </svg>
661                        <span>kosmapanagiookfn2025</span>
662                    </div>
663                    <div class="flex items-center gap-2 text-text-secondary text-sm">
664                        <svg width="18" height="18" viewBox="0 0 20 20" fill="none"
665                            class="text-cyan-brand flex-shrink-0">
666                            <path
667                                d="M10 18.3333C14.6024 18.3333 18.3333 14.6024 18.3333 10C18.3333 5.39763 14.6024 1.66667 10 1.66667C5.39763 1.66667 1.66667 5.39763 1.66667 10C1.66667 14.6024 5.39763 18.3333 10 18.3333Z"
668                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
669                                stroke-linejoin="round" />
670                            <path d="M10 5V10L13.3333 11.6667" stroke="currentColor" stroke-width="1.5"
671                                stroke-linecap="round" stroke-linejoin="round" />
672                        </svg>
673                        <span>29 προβολές</span>
674                    </div>
675                    
676                    <button id="translateBtn" onclick="toggleTranslate()"
677                        class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-600 border-2 transition-all hover:-translate-y-0.5 ml-auto"
678                        style="border-color: #4285f4; color: #4285f4; background: white;">
679                        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor"
680                            stroke-width="2">
681                            <path d="M5 8l6 6M4 14l6-6 2-3M2 5h7M7 2v3M22 22l-5-10-5 10M14 18h6" />
682                        </svg>
683                        <span id="translateBtnText">
684                            EN
685                        </span>
686                        <span id="translateLoader" style="display:none;">
687                            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor"
688                                stroke-width="2.5" style="animation: spin 1s linear infinite;">
689                                <path d="M21 12a9 9 0 11-6.219-8.56" />
690                            </svg>
691                        </span>
692                    </button>
693                    <span id="translateNote" style="display:none; font-size:0.72rem; color:#aaa; margin-left:-8px;">
694                        via Google
695                    </span>
696                </div>
697            </header>
698
699            <!-- Image Carousel -->
700            
701                            <div class="post-carousel mb-10" id="postCarousel">
702
703                    
704                    <div class="carousel-main">
705                        <img id="carouselMainImg" src="https://okfn.gr/storage/posts/PXlWgJVyayTuNbsaiZH3JCwnIurpqWPo1us7ZAZ0.jpg"
706                            alt="Bridge the Gap 2026 | Ενδυναμώνοντας τους μαθητές με γνώσεις, δεξιότητες, αξίες και ταυτότητα στην εποχή της τεχνητής νοημοσύνης." class="carousel-main-img" onclick="openLightbox()"
707                            style="cursor:zoom-in;" onerror="this.parentElement.style.display='none'">
708
709                                            </div>
710
711                    
712                    
713                </div>
714            
715            <!-- Post Content (text only, no images) -->
716            <div
717                class="post-content text-base lg:text-[1.05rem] leading-relaxed text-text-primary mb-10 word-break overflow-hidden">
718                <p class="MsoTitle" style="text-align: justify;"><span style="font-size: 12.0pt;">&Tau;&omicron; Ί&delta;&rho;&upsilon;&mu;&alpha; &Alpha;&nu;&omicron;&iota;&kappa;&tau;ή&sigmaf; &Gamma;&nu;ώ&sigma;&eta;&sigmaf; &Epsilon;&lambda;&lambda;ά&delta;&omicron;&sigmaf; &sigma;&upsilon;&mu;&mu;&epsilon;&tau;έ&chi;&epsilon;&iota; &sigma;&tau;&omicron; <strong>Bridge the Gap 2026,</strong> &tau;&eta;&nu; &kappa;&omicron;&rho;&upsilon;&phi;&alpha;ί&alpha; &epsilon;&tau;ή&sigma;&iota;&alpha; &sigma;ύ&nu;&omicron;&delta;&omicron; &tau;&omicron;&upsilon; <a href="https://sofianet.uk/">School of the Future International Academy (SoFIA),</a> <strong>&tau;&eta;&nu; &Tau;&epsilon;&tau;ά&rho;&tau;&eta; 18 &Nu;&omicron;&epsilon;&mu;&beta;&rho;ί&omicron;&upsilon; 2026, &sigma;&tau;&iota;&sigmaf; 15:30&mu;&mu; (GMT).&nbsp;</strong></span></p>
719<p class="MsoTitle" style="text-align: justify;"><span style="font-size: 12.0pt;">&Alpha;&pi;ό &tau;&omicron; 2020 &mu;έ&chi;&rho;&iota; &sigma;ή&mu;&epsilon;&rho;&alpha;, &tau;&omicron; Bridge the Gap, &alpha;&pi;&omicron;&tau;&epsilon;&lambda;&epsilon;ί &mu;&iota;&alpha; &alpha;&pi;ό &tau;&iota;&sigmaf; &sigma;&tau;&alpha;&theta;&epsilon;&rho;ό&tau;&epsilon;&rho;&epsilon;&sigmaf; &pi;&rho;&omega;&tau;&omicron;&beta;&omicron;&upsilon;&lambda;ί&epsilon;&sigmaf; &gamma;&iota;&alpha; &tau;&eta;&nu; &gamma;&epsilon;&phi;ύ&rho;&omega;&sigma;&eta; &tau;&omicron;&upsilon; &chi;ά&sigma;&mu;&alpha;&tau;&omicron;&sigmaf; &alpha;&nu;ά&mu;&epsilon;&sigma;&alpha; &sigma;&tau;&eta;&nu; &epsilon;&kappa;&pi;&alpha;ί&delta;&epsilon;&upsilon;&sigma;&eta;, &tau;&eta;&nu; &tau;&epsilon;&chi;&nu;&omicron;&lambda;&omicron;&gamma;ί&alpha; &kappa;&alpha;&iota; &tau;&iota;&sigmaf; &epsilon;&rho;&gamma;&alpha;&sigma;&iota;&alpha;&kappa;έ&sigmaf; &sigma;&upsilon;&nu;&theta;ή&kappa;&epsilon;&sigmaf;, &pi;&omicron;&upsilon; &kappa;&alpha;&lambda;&omicron;ύ&nu;&tau;&alpha;&iota; &nu;&alpha; &alpha;&nu;&tau;&iota;&mu;&epsilon;&tau;&omega;&pi;ί&sigma;&omicron;&upsilon;&nu; &omicron;&iota; &nu;έ&omicron;&iota; &kappa;&alpha;&iota; &omicron;&iota; &nu;&epsilon;&epsilon;&sigmaf; &mu;&epsilon;&tau;ά &tau;&omicron; &sigma;&chi;&omicron;&lambda;&epsilon;ί&omicron;. &Kappa;ά&theta;&epsilon; έ&kappa;&delta;&omicron;&sigma;&eta; &tau;&omicron;&upsilon; Bridge the Gap &epsilon;&sigma;&tau;&iota;ά&zeta;&epsilon;&iota; &sigma;&epsilon; έ&nu;&alpha; &delta;&iota;&alpha;&phi;&omicron;&rho;&epsilon;&tau;&iota;&kappa;ό &epsilon;&rho;ώ&tau;&eta;&mu;&alpha; &sigma;&chi;&epsilon;&tau;&iota;&kappa;ά &mu;&epsilon; &tau;&eta;&nu; &epsilon;&kappa;&pi;&alpha;ί&delta;&epsilon;&upsilon;&sigma;&eta;. &Alpha;&pi;ό &tau;&iota;&sigmaf; &mu;&alpha;&theta;&eta;&sigma;&iota;&alpha;&kappa;έ&sigmaf; &alpha;&pi;ώ&lambda;&epsilon;&iota;&epsilon;&sigmaf; &tau;&eta;&sigmaf; &pi;&alpha;&nu;&delta;&eta;&mu;
719ί&alpha;&sigmaf; &kappa;&alpha;&iota; &tau;&eta;&nu; &iota;&sigma;ό&tau;&iota;&mu;&eta; &sigma;&upsilon;&mu;&mu;&epsilon;&tau;&omicron;&chi;ή &tau;&omega;&nu; &kappa;&omicron;&rho;&iota;&tau;&sigma;&iota;ώ&nu;, έ&omega;&sigmaf; &tau;&eta;&nu; &epsilon;&upsilon;&eta;&mu;&epsilon;&rho;ί&alpha; &tau;&omega;&nu; &epsilon;&kappa;&pi;&alpha;&iota;&delta;&epsilon;&upsilon;&tau;&iota;&kappa;ώ&nu; &kappa;&alpha;&iota; &tau;&omicron;&nu; &rho;ό&lambda;&omicron; &tau;&eta;&sigmaf; &tau;&epsilon;&chi;&nu;&eta;&tau;ή&sigmaf; &nu;&omicron;&eta;&mu;&omicron;&sigma;ύ&nu;&eta;&sigmaf; (&Tau;&Nu;) &sigma;&tau;&eta; &sigma;&upsilon;&mu;&pi;&epsilon;&rho;&iota;&lambda;&eta;&pi;&tau;&iota;&kappa;ή &epsilon;&kappa;&pi;&alpha;ί&delta;&epsilon;&upsilon;&sigma;&eta;. &Gamma;&iota;&alpha; &tau;&omicron; 2026, &tau;&omicron; &epsilon;&nu;&delta;&iota;&alpha;&phi;έ&rho;&omicron;&nu; &sigma;&tau;&rho;έ&phi;&epsilon;&tau;&alpha;&iota; &sigma;&tau;&eta;&nu; &pi;&alpha;&rho;&alpha;&delta;&omicron;&chi;ή, ό&tau;&iota; &omicron; &kappa;ό&sigma;&mu;&omicron;&sigmaf; &sigma;&tau;&omicron;&nu; &omicron;&pi;&omicron;ί&omicron; &mu;&epsilon;&gamma;&alpha;&lambda;ώ&nu;&omicron;&upsilon;&nu; &omicron;&iota; &mu;&alpha;&theta;&eta;&tau;έ&sigmaf; &alpha;&nu;&alpha;&delta;&iota;&alpha;&mu;&omicron;&rho;&phi;ώ&nu;&epsilon;&tau;&alpha;&iota; &alpha;&pi;ό &tau;&eta;&nu; &Tau;&Nu; &tau;&alpha;&chi;ύ&tau;&epsilon;&rho;&alpha; &alpha;&pi;' ό&sigma;&omicron; &tau;&alpha; &sigma;&chi;&omicron;&lambda;&epsilon;ί&alpha; &alpha;&nu;&alpha;-&delta;&iota;&alpha;&mu;&omicron;&rho;&phi;ώ&nu;&omicron;&upsilon;&nu; &tau;&omicron;&nu; &tau;&rho;ό&pi;&omicron; &pi;&rho;&omicron;&epsilon;&tau;&omicron;&iota;&mu;&alpha;&sigma;ί&alpha;&sigmaf; &tau;&omicron;&upsilon;&sigmaf; &gamma;&iota;' &alpha;&upsilon;&tau;ό&nu;. &Tau;&omicron; &chi;ά&sigma;&mu;&alpha; &phi;έ&tau;&omicron;&sigmaf;, &upsilon;&pi;&omicron;&sigma;&tau;&eta;&rho;ί&zeta;&omicron;&upsilon;&nu; &omicron;&iota; &delta;&iota;&omicron;&rho;&gamma;&alpha;&nu;&omega;&tau;έ&sigmaf; &alpha;&phi;&omicron;&rho;ά &pi;&epsilon;&rho;&iota;&sigma;&sigma;ό&tau;&epsilon;&rho;&omicron; &tau;&omicron;&upsilon;&sigmaf; &alpha;&nu;&theta;&rho;ώ&pi;&omicron;&upsilon;&sigmaf; &kappa;&alpha;&iota; &lambda;&iota;&gamma;ό&tau;&epsilon;&rho;&omicron; &tau;&eta;&nu; ί&delta;&iota;&alpha; &tau;&eta;&nu; &tau;&epsilon;&chi;&nu;&omicron;&lambda;&omicron;&gamma;ί&alpha;. &Pi;ώ&sigmaf; &mu;&pi;&omicron;&rho;&omicron;ύ&nu; &omicron;&iota; &nu;έ&omicron;&iota; &nu;&alpha; &alpha;&nu;&alpha;&pi;&tau;ύ&xi;&omicron;&upsilon;&nu; &tau;&iota;&sigmaf; &delta;&epsilon;&xi;&iota;ό&tau;&eta;&tau;&epsilon;&sigmaf;, &tau;&iota;&sigmaf; &alpha;&xi;ί&epsilon;&sigmaf; &kappa;&alpha;&iota; &tau;&eta;&nu; &tau;&alpha;&upsilon;&tau;ό&tau;&eta;&tau;&alpha; &pi;&omicron;&upsilon; &theta;&alpha; &chi;&rho;&epsilon;&iota;&alpha;&sigma;&tau;&omicron;ύ&nu; &gamma;&iota;&alpha; &nu;&alpha; &delta;&rho;&alpha;&sigma;&tau;&eta;&rho;&iota;&omicron;&pi;&omicron;&iota;&eta;&theta;&omicron;ύ&nu; &sigma;&epsilon; &epsilon;&pi;&alpha;&gamma;&gamma;έ&lambda;&mu;&alpha;&tau;&alpha;, &kappa;&alpha;&iota; &sigma;&epsilon; έ&nu;&alpha; &mu;έ&lambda;&lambda;&omicron;&nu;, &pi;&omicron;&upsilon; &delta;&epsilon;&nu; &mu;&omicron;&iota;ά&zeta;&epsilon;&iota; &kappa;&alpha;&theta;ό&lambda;&omicron;&upsilon; &mu;&epsilon; &alpha;&upsilon;&tau;ό &gamma;&iota;&alpha; &tau;&alpha; &omicron;&pi;&omicron;ί&omicron; &tau;&omicron;&upsilon;&sigmaf; &pi;&rho;&omicron;&epsilon;&tau;&omicron;&iota;&mu;ά&zeta;&omicron;&upsilon;&nu; &tau;&alpha; &sigma;&eta;&mu;&epsilon;&rho;&iota;&nu;ά &sigma;&chi;&omicron;&lambda;&epsilon;ί&alpha;;</span></p>
720<p class="MsoTitle" style="text-align: justify;"><span style="font-size: 12.0pt;">&Mu;&epsilon; &alpha;&phi;&omicron;&rho;&mu;ή &tau;&omicron; &sigma;&kappa;έ&lambda;&omicron;&sigmaf; &tau;&eta;&sigmaf; &sigma;&upsilon;&nu;ά&nu;&tau;&eta;&sigma;&eta;&sigmaf; &pi;&omicron;&upsilon; &theta;&alpha; &alpha;&phi;&omicron;&rho;ά &tau;&eta;&nu; &gamma;&nu;ώ&sigma;&eta;, &tau;&omicron; Ί&delta;&rho;&upsilon;&mu;&alpha; &Alpha;&nu;&omicron;&iota;&kappa;&tau;ή&sigmaf; &Gamma;&nu;ώ&sigma;&eta;&sigmaf; &Epsilon;&lambda;&lambda;ά&delta;&omicron;&sigmaf; &theta;&alpha; &pi;&alpha;&rho;&omicron;&upsilon;&sigma;&iota;ά&sigma;&epsilon;&iota; &tau;&omicron;&upsilon;&sigmaf; &delta;&iota;ά&phi;&omicron;&rho;&omicron;&upsilon;&sigmaf; &tau;&rho;ό&pi;&omicron;&upsilon;&sigmaf; &pi;&rho;ό&sigma;&beta;&alpha;&sigma;&eta;&sigmaf; &sigma;&epsilon;
720 &alpha;&nu;&omicron;&iota;&kappa;&tau;ά &delta;&epsilon;&delta;&omicron;&mu;έ&nu;&alpha; &kappa;&alpha;&iota; &alpha;&xi;&iota;&omicron;&pi;&omicron;ί&eta;&sigma;&eta;&sigmaf; &tau;&eta;&sigmaf; &Alpha;&nu;&omicron;&iota;&kappa;&tau;ή&sigmaf; &Gamma;&nu;ώ&sigma;&eta;&sigmaf; &alpha;&pi;ό &tau;&omicron;&upsilon;&sigmaf; &nu;έ&omicron;&upsilon;&sigmaf; &kappa;&alpha;&iota; &tau;&iota;&sigmaf; &nu;έ&epsilon;&sigmaf;, &kappa;&alpha;&theta;ώ&sigmaf; &kappa;&alpha;&iota; &tau;&eta; &delta;ύ&nu;&alpha;&mu;&eta; &tau;&omega;&nu; &alpha;&nu;&omicron;&iota;&kappa;&tau;ώ&nu; &delta;&epsilon;&delta;&omicron;&mu;έ&nu;&omega;&nu; &epsilon;&nu; &sigma;&upsilon;&nu;ό&lambda;&omega;. &Tau;&eta;&nu; &upsilon;&pi;ό &delta;&iota;&alpha;&mu;ό&rho;&phi;&omega;&sigma;&eta; agenda &tau;&omicron;&upsilon; Bridge the Gap 2026, &tau;&eta;&nu; &epsilon;&pi;&iota;&mu;&epsilon;&lambda;&epsilon;ί&tau;&alpha;&iota; &mu;&iota;&alpha; &sigma;&upsilon;&mu;&beta;&omicron;&upsilon;&lambda;&epsilon;&upsilon;&tau;&iota;&kappa;ή &epsilon;&pi;&iota;&tau;&rho;&omicron;&pi;ή &epsilon;&iota;&delta;&iota;&kappa;ώ&nu; &pi;&omicron;&upsilon; &pi;&rho;&omicron;έ&rho;&chi;&omicron;&nu;&tau;&alpha;&iota; &tau;ό&sigma;&omicron; &alpha;&pi;ό &tau;&omicron;&nu; &tau;&epsilon;&chi;&nu;&omicron;&lambda;&omicron;&gamma;&iota;&kappa;ό ό&sigma;&omicron; &kappa;&alpha;&iota; &alpha;&pi;ό &tau;&omicron;&nu; &epsilon;&kappa;&pi;&alpha;&iota;&delta;&epsilon;&upsilon;&tau;&iota;&kappa;ό &tau;&omicron;&mu;έ&alpha;. &Eta; Eve Psalti (Microsoft), &omicron; Antony Salcito (Coursera), &eta; Laura Knight (Sapio), &omicron; Tom Shorrock (Curiosity Learning), &omicron; &kappa;&alpha;&theta;&eta;&gamma;&eta;&tau;ή&sigmaf; Miles Berry (University of Roehampton) &kappa;&alpha;&iota; &eta; Aisling Murray Fleming (DCU Institute of Education) &epsilon;ί&nu;&alpha;&iota; &tau;&alpha; &mu;έ&lambda;&eta; &tau;&eta;&sigmaf; &phi;&epsilon;&tau;&iota;&nu;ή&sigmaf; &epsilon;&pi;&iota;&tau;&rho;&omicron;&pi;ή&sigmaf; &kappa;&alpha;&iota; &omicron; &alpha;&pi;ώ&tau;&epsilon;&rho;&omicron;&sigmaf; &sigma;&tau;ό&chi;&omicron;&sigmaf; &tau;&omicron;&upsilon;&sigmaf; &epsilon;ί&nu;&alpha;&iota; &nu;&alpha; &phi;έ&rho;&omicron;&upsilon;&nu; &pi;&iota;&omicron; &kappa;&omicron;&nu;&tau;ά &epsilon;&kappa;&pi;&alpha;&iota;&delta;&epsilon;&upsilon;&tau;&iota;&kappa;&omicron;ύ&sigmaf;, &delta;&iota;&epsilon;&upsilon;&theta;&upsilon;&nu;&tau;έ&sigmaf; &sigma;&chi;&omicron;&lambda;&epsilon;ί&omega;&nu;, &phi;&omicron;&rho;&epsilon;ί&sigmaf; &chi;ά&rho;&alpha;&xi;&eta;&sigmaf; &pi;&omicron;&lambda;&iota;&tau;&iota;&kappa;ή&sigmaf;, &tau;&epsilon;&chi;&nu;&omicron;&lambda;ό&gamma;&omicron;&upsilon;&sigmaf; &kappa;&alpha;&iota; &mu;&alpha;&theta;&eta;&tau;έ&sigmaf;.</span></p>
721<p class="MsoTitle" style="text-align: justify;"><span style="font-size: 12.0pt;">&Tau;&omicron; Bridge the Gap 2026 &theta;&alpha; &pi;&rho;&alpha;&gamma;&mu;&alpha;&tau;&omicron;&pi;&omicron;&iota;&eta;&theta;&epsilon;ί &delta;&iota;&alpha;&delta;&iota;&kappa;&tau;&upsilon;&alpha;&kappa;ά, &kappa;&alpha;&theta;&iota;&sigma;&tau;ώ&nu;&tau;&alpha;&sigmaf; &tau;&omicron; &pi;&rho;&omicron;&sigma;&beta;ά&sigma;&iota;&mu;&omicron; &alpha;&pi;&rsquo; ό&lambda;&omicron; &tau;&omicron;&nu; &kappa;ό&sigma;&mu;&omicron;, &chi;&omega;&rho;ί&sigmaf; &tau;&omicron;&upsilon;&sigmaf; &pi;&epsilon;&rho;&iota;&omicron;&rho;&iota;&sigma;&mu;&omicron;ύ&sigmaf; &mu;&epsilon;&tau;&alpha;&kappa;ί&nu;&eta;&sigma;&eta;&sigmaf; ή &chi;&omega;&rho;&eta;&tau;&iota;&kappa;ό&tau;&eta;&tau;&alpha;&sigmaf;. &Eta; &sigma;&upsilon;&mu;&mu;&epsilon;&tau;&omicron;&chi;ή &epsilon;ί&nu;&alpha;&iota; &delta;&omega;&rho;&epsilon;ά&nu; &kappa;&alpha;&iota; &omicron;&iota; &epsilon;&rho;&gamma;&alpha;&sigma;ί&epsilon;&sigmaf; &theta;&alpha; &delta;&iota;&epsilon;&xi;&alpha;&chi;&theta;&omicron;ύ&nu; &sigma;&tau;&alpha; &alpha;&gamma;&gamma;&lambda;&iota;&kappa;ά. </span><span style="font-size: 12.0pt;">&nbsp;</span></p>
722<p class="MsoTitle" style="text-align: justify;"><a href="https://sofianet.uk/index.php/bridge-the-gap/bridge-the-gap-2026/"><span style="font-size: 12.0pt;">&Delta;ή&lambda;&omega;&sigma;&epsilon; &sigma;&upsilon;&mu;&mu;&epsilon;&tau;&omicron;&chi;ή &kappa;&alpha;&iota; &pi;&alpha;&rho;&alpha;&kappa;&omicron;&lambda;&omicron;ύ&theta;&eta;&sigma;&epsilon; &tau;&eta;&nu; &epsilon;&kappa;&delta;ή&lambda;&omega;&sigma;&eta;
722 &alpha;&pi;ό &epsilon;&delta;ώ.&nbsp;</span></a></p>
723<p class="MsoTitle" style="text-align: justify;">&nbsp;</p>
724<p class="MsoTitle" style="text-align: justify;"><span style="font-size: 12.0pt;">&nbsp;</span></p>
725            </div>
726
727            <!-- Tags -->
728                            <div class="mb-10 rounded-2xl border-2 p-6 lg:p-8"
729                    style="background: linear-gradient(135deg, rgba(0,209,255,0.05), rgba(173,255,237,0.05)); border-color: rgba(0,209,255,0.15);">
730                    <div class="flex items-center gap-3 mb-5 pb-4 border-b" style="border-color: rgba(0,209,255,0.2);">
731                        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" class="text-cyan-brand flex-shrink-0">
732                            <path d="M17.5 10.4167L10.4167 17.5L2.5 9.58333V2.5H9.58333L17.5 10.4167Z" stroke="currentColor"
733                                stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
734                            <path d="M6.25 6.25H6.25833" stroke="currentColor" stroke-width="2" stroke-linecap="round"
735                                stroke-linejoin="round" />
736                        </svg>
737                        <span
738                            class="text-sm font-700 text-text-primary uppercase tracking-widest">Ετικέτες</span>
739                    </div>
740                    <div class="flex flex-wrap gap-2">
741                                                    <a href="https://okfn.gr/el/blog?tag=anoichta-dedomena"
742                                class="inline-flex items-center px-5 py-2 bg-white border-2 border-cyan-brand/30 rounded-full text-cyan-brand text-sm font-600 no-underline transition-all hover:bg-cyan-brand hover:text-white hover:border-cyan-brand hover:-translate-y-0.5 shadow-sm whitespace-nowrap">
743                                #Ανοιχτά Δεδομένα
744                            </a>
745                                                    <a href="https://okfn.gr/el/blog?tag=open-data"
746                                class="inline-flex items-center px-5 py-2 bg-white border-2 border-cyan-brand/30 rounded-full text-cyan-brand text-sm font-600 no-underline transition-all hover:bg-cyan-brand hover:text-white hover:border-cyan-brand hover:-translate-y-0.5 shadow-sm whitespace-nowrap">
747                                #Open Data
748                            </a>
749                                            </div>
750                </div>
751            
752            <!-- Share Buttons -->
753            <div class="mb-10 lg:mb-16">
754                <h3 class="text-lg font-700 mb-4 text-text-primary">Μοιραστείτε αυτό το άρθρο</h3>
755                <div class="flex flex-wrap gap-3">
756                    <a href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fokfn.gr%2Fel%2Fposts%2F390"
757                        target="_blank"
758                        class="inline-flex items-center gap-3 px-5 py-2.5 rounded-full text-white font-600 text-sm no-underline transition-all hover:-translate-y-0.5 hover:shadow-lg whitespace-nowrap sm:w-auto w-full justify-center"
759                        style="background:#1877f2;">
760                        <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor" class="flex-shrink-0">
761                            <path
762                                d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z" />
763                        </svg>
764                        Facebook
765                    </a>
766                    <a href="https://twitter.com/intent/tweet?url=http%3A%2F%2Fokfn.gr%2Fel%2Fposts%2F390&text=Bridge+the+Gap+2026+%7C+%CE%95%CE%BD%CE%B4%CF%85%CE%BD%CE%B1%CE%BC%CF%8E%CE%BD%CE%BF%CE%BD%CF%84%CE%B1%CF%82+%CF%84%CE%BF%CF%85%CF%82+%CE%BC%CE%B1%CE%B8%CE%B7%CF%84%CE%AD%CF%82+%CE%BC%CE%B5+%CE%B3%CE%BD%CF%8E%CF%83%CE%B5%CE%B9%CF%82%2C+%CE%B4%CE%B5%CE%BE%CE%B9%CF%8C%CF%84%CE%B7%CF%84%CE%B5%CF%82%2C+%CE%B1%CE%BE%CE%AF%CE%B5%CF%82+%CE%BA%CE%B1%CE%B9+%CF%84%CE%B1%CF%85%CF%84%CF%8C%CF%84%CE%B7%CF%84%CE%B1+%CF%83%CF%84%CE%B7%CE%BD+%CE%B5%CF%80%CE%BF%CF%87%CE%AE+%CF%84%CE%B7%CF%82+%CF%84%CE%B5%CF%87%CE%BD%CE%B7%CF%84%CE%AE%CF%82+%CE%BD%CE%BF%CE%B7%CE%BC%CE%BF%CF%83%CF%8D%CE%BD%CE%B7%CF%82."
767                        target="_blank"
768                        class="inline-flex items-center gap-3 px-5 py-2.5 rounded-full text-white font-600 text-sm no-underline transition-all hover:-translate-y-0.5 hover:shadow-lg whitespace-nowrap sm:w-auto w-full justify-center"
769                        style="background:#000000;">
770                        <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor" class="flex-shrink-0">
771                            <path
772                                d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.23
7721H2.746l7.73-8.835L1.254 2.25H8.08l4.253 5.622 5.911-5.622zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
773                        </svg>
774                    </a>
775                    <a href="https://www.linkedin.com/shareArticle?mini=true&url=http%3A%2F%2Fokfn.gr%2Fel%2Fposts%2F390&title=Bridge+the+Gap+2026+%7C+%CE%95%CE%BD%CE%B4%CF%85%CE%BD%CE%B1%CE%BC%CF%8E%CE%BD%CE%BF%CE%BD%CF%84%CE%B1%CF%82+%CF%84%CE%BF%CF%85%CF%82+%CE%BC%CE%B1%CE%B8%CE%B7%CF%84%CE%AD%CF%82+%CE%BC%CE%B5+%CE%B3%CE%BD%CF%8E%CF%83%CE%B5%CE%B9%CF%82%2C+%CE%B4%CE%B5%CE%BE%CE%B9%CF%8C%CF%84%CE%B7%CF%84%CE%B5%CF%82%2C+%CE%B1%CE%BE%CE%AF%CE%B5%CF%82+%CE%BA%CE%B1%CE%B9+%CF%84%CE%B1%CF%85%CF%84%CF%8C%CF%84%CE%B7%CF%84%CE%B1+%CF%83%CF%84%CE%B7%CE%BD+%CE%B5%CF%80%CE%BF%CF%87%CE%AE+%CF%84%CE%B7%CF%82+%CF%84%CE%B5%CF%87%CE%BD%CE%B7%CF%84%CE%AE%CF%82+%CE%BD%CE%BF%CE%B7%CE%BC%CE%BF%CF%83%CF%8D%CE%BD%CE%B7%CF%82."
776                        target="_blank"
777                        class="inline-flex items-center gap-3 px-5 py-2.5 rounded-full text-white font-600 text-sm no-underline transition-all hover:-translate-y-0.5 hover:shadow-lg whitespace-nowrap sm:w-auto w-full justify-center"
778                        style="background:#0a66c2;">
779                        <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor" class="flex-shrink-0">
780                            <path
781                                d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" />
782                        </svg>
783                        LinkedIn
784                    </a>
785                </div>
786            </div>
787        </div>
788
789        <!-- Lightbox -->
790        <div id="carouselLightbox" onclick="closeLightbox()" style="display:none; position:fixed; inset:0; background:rgba(0,0,0,0.92);
791            z-index:9999; cursor:zoom-out; align-items:center; justify-content:center;">
792            <img id="lightboxImg" src="" alt="" style="max-width:92vw; max-height:92vh; object-fit:contain; border-radius:8px;
793                box-shadow:0 20px 60px rgba(0,0,0,0.5); transition:opacity 0.3s ease;">
794            <button onclick="closeLightbox()" style="position:fixed; top:20px; right:24px; background:rgba(255,255,255,0.15);
795                   border:none; color:white; width:44px; height:44px; border-radius:50%;
796                   font-size:1.4rem; cursor:pointer; display:flex; align-items:center;
797                   justify-content:center; transition:background 0.2s;">✕</button>
798            <button onclick="event.stopPropagation(); carouselMove(-1); updateLightboxImg()" style="position:fixed; left:20px; top:50%; transform:translateY(-50%);
799                   background:rgba(255,255,255,0.15); border:none; color:white;
800                   width:48px; height:48px; border-radius:50%; font-size:1.5rem;
801                   cursor:pointer; display:flex; align-items:center; justify-content:center;">‹</button>
802            <button onclick="event.stopPropagation(); carouselMove(1); updateLightboxImg()" style="position:fixed; right:20px; top:50%; transform:translateY(-50%);
803                   background:rgba(255,255,255,0.15); border:none; color:white;
804                   width:48px; height:48px; border-radius:50%; font-size:1.5rem;
805                   cursor:pointer; display:flex; align-items:center; justify-content:center;">›</button>
806        </div>
807
808        <!-- Comments Section -->
809        <!-- <section class="py-10 lg:py-16 bg-lighter border-t border-gray-100">
810            <div class="max-w-[900px] mx-auto px-4 sm:px-8 lg:px-12">
811                <h2 class="text-2xl lg:text-3xl font-700 mb-8 text-text-primary">
812                    Σχόλια (0)
813                </h2>
814
815                <div class="bg-light rounded-2xl p-6 lg:p-10 mb-10 shadow-sm">
816                    <h3 class="text-xl font-700 mb-6 text-text-primary">Αφήστε ένα Σχόλιο</h3>
817
818                    
819                    <form
820                        action="https://okfn.gr/el/posts/390/comments"
821                        method="POST">
822                        <input type="hidden" name="_token" value="YKLmN14yHuQNW3ijS6Nni9TQLSpFqUwmibPvWgmq" autocomplete="off">                        <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 lg:gap-6 mb-4">
823                            <div>
824                                <label for="author_name" class="block text-sm font-600 text-text-primary mb-2">
825                                    Το Όνομά σας <span class="text-red-500">*</span>
826                                </label>
827                                <input type="text" id="author_name" name="author_name" value=""
828                                    required
829                                    class="w-full px-4 py-2.5 border-2 rounded-lg text-sm font-400 transition-colors focus:outline-none focus:border-cyan-brand border-border-color">
830                                                            </div>
831                            <div>
832                                <label for="author_email" class="block text-sm font-600 text-text-primary mb-2">
833                                    Το Email σας <span class="text-red-500">*</span>
834                                </label>
835                                <input type="email" id="author_email" name="author_email"
836                                    value="" required
837                                    class="w-full px-4 py-2.5 border-2 rounded-lg text-sm font-400 transition-colors focus:outline-none focus:border-cyan-brand border-border-color">
838                                                            </div>
839                        </div>
840                        <div class="mb-6">
841                            <label for="content" class="block text-sm font-600 text-text-primary mb-2">
842                                Το Σχόλιό σας <span class="text-red-500">*</span>
843                            </label>
844                            <textarea id="content" name="content" rows="5" required
845                                class="w-full px-4 py-2.5 border-2 rounded-lg text-sm font-400 transition-colors focus:outline-none focus:border-cyan-brand resize-none border-border-color"></textarea>
846                                                    </div>
847                        <button type="submit"
848                            class="px-10 py-3 btn-cyber text-white rounded-full text-sm font-700 border-0 cursor-pointer transition-all hover:-translate-y-0.5 hover:shadow-lg">
849                            Υποβολή Σχολίου
850                        </button>
851                    </form>
852                </div>
853
854                                    <p class="text-center text-text-secondary py-8 text-sm">Δεν υπάρχουν ακόμα σχόλια. Γίνετε ο πρώτος που θα σχολιάσει!</p>
855                            </div>
856        </section> -->
857    </article>
858
859    <!-- Footer -->
860    <footer class="bg-white border-t border-gray-100 py-10">
861        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
862            <div class="flex flex-col items-center gap-6">
863                <img src="https://okfn.gr/img/OKGR-landscape-full-rgb.svg" alt="OKFN Greece" class="h-10 w-auto">
864
865                <div class="flex items-center gap-5">
866                    <a href="https://facebook.com/okfngreece" class="opacity-70 hover:opacity-100 transition-opacity"
867                        target="_blank" rel="noopener">
868                        <img src="https://okfn.gr/img/social/facebook.png" alt="Facebook" class="w-6 h-6 object-contain">
869                    </a>
870                    <a href="https://twitter.com/okfngr" class="opacity-70 hover:opacity-100 transition-opacity"
871                        target="_blank" rel="noopener">
872                        <img src="https://okfn.gr/img/social/twitter.png" alt="Twitter" class="w-6 h-6 object-contain">
873                    </a>
874                    <a href="https://github.com/okgreece" class="opacity-70 hover:opacity-100 transition-opacity"
875                        target="_blank" rel="noopener">
876                        <img src="https://okfn.gr/img/social/github.png" alt="GitHub" class="w-6 h-6 object-contain">
877                    </a>
878                    <a href="https://instagram.com/okfngreece" class="opacity-70 hover:opacity-100 transition-opacity"
879                        target="_blank" rel="noopener">
880                        <img src="https://okfn.gr/img/social/instagram.png" alt="Instagram"
881                            class="w-6 h-6 object-contain">
882                    </a>
883                </div>
884
885                <div class="text-center text-sm text-text-secondary max-w-2xl leading-relaxed">
886                    <p>Content on this site, made by <a href="https://okfn.gr/" class="text-cyan-brand hover:underline">Open Knowledge Greece</a> and <a href="https://okfn.org/" class="text-cyan-brand hover:underline">Open Knowledge International</a>, is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/" class="text-cyan-brand hover:underline">Creative Commons Attribution 4.0 International License</a>.
887                    </p>
888                    <p class="mt-3">© 2026 Open Knowledge - Greek Chapter</p>
889                </div>
890            </div>
891        </div>
892    </footer>
893
894    
894<script>
895        // Mobile menu toggle
896        const toggle = document.getElementById('mobileMenuToggle');
897        const nav = document.getElementById('desktopNav');
898        if (toggle && nav) {
899            toggle.addEventListener('click', () => {
900                nav.classList.toggle('hidden');
901                nav.classList.toggle('flex');
902                nav.classList.toggle('flex-col');
903                nav.classList.toggle('absolute');
904                nav.classList.toggle('top-16');
905                nav.classList.toggle('left-0');
906                nav.classList.toggle('right-0');
907                nav.classList.toggle('bg-white');
908                nav.classList.toggle('shadow-lg');
909                nav.classList.toggle('px-4');
910                nav.classList.toggle('py-4');
911                nav.classList.toggle('z-50');
912            });
913        }
914
915        // Language switcher (kept from original)
916        function switchLanguage(locale) {
917            fetch(`/language/${locale}`, {
918                method: 'POST',
919                headers: {
920                    'Content-Type': 'application/json',
921                    'X-CSRF-TOKEN': 'YKLmN14yHuQNW3ijS6Nni9TQLSpFqUwmibPvWgmq'
922                }
923            }).then(r => r.json()).then(d => {
924                if (d.success) window.location.reload();
925            }).catch(e => console.error('Error:', e));
926        }
927    </script>
927
928    
928<script>
929        const LOCALE = 'el';
930        const TARGET_LANG = LOCALE === 'el' ? 'en' : 'el';
931        const SOURCE_LANG = LOCALE;
932        const LABEL_TO = LOCALE === 'el' ? 'EN' : 'ΕΛ';
933        const LABEL_BACK = LOCALE === 'el' ? 'ΕΛ' : 'EN';
934        const PROXY_URL = 'https://okfn.gr/el/translate-proxy';
935
936        let isTranslated = false;
937        let originalContent = null;
938        let originalTitle = null;
939
940        async function toggleTranslate() {
941            const btn = document.getElementById('translateBtn');
942            const btnText = document.getElementById('translateBtnText');
943            const loader = document.getElementById('translateLoader');
944            const note = document.getElementById('translateNote');
945            const content = document.querySelector('.post-content');
946            const title = document.querySelector('header h1');
947
948            if (isTranslated) {
949                content.innerHTML = originalContent;
950                title.textContent = originalTitle;
951                btnText.textContent = LABEL_TO;
952                btn.style.borderColor = '#4285f4';
953                btn.style.color = '#4285f4';
954                btn.style.background = 'white';
955                note.style.display = 'none';
956                isTranslated = false;
957                return;
958            }
959
960            originalContent = content.innerHTML;
961            originalTitle = title.textContent;
962
963            btnText.style.display = 'none';
964            loader.style.display = 'inline-flex';
965            btn.disabled = true;
966
967            try {
968                // Collect all text nodes
969                const textNodes = [];
970                const walker = document.createTreeWalker(
971                    content,
972                    NodeFilter.SHOW_TEXT,
973                    { acceptNode: n => n.textContent.trim() ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT }
974                );
975                let node;
976                while ((node = walker.nextNode())) textNodes.push(node);
977
978                // Translate title
979                const translatedTitle = await translateOne(title.textContent.trim());
980                title.textContent = translatedTitle;
981
982                // Translate text nodes one by one (safe, no CORS)
983                for (const n of textNodes) {
984                    const tr = await translateOne(n.textContent.trim());
985                    n.textContent = tr;
986                }
987
988                isTranslated = true;
989                btnText.textContent = LABEL_BACK;
990                btn.style.borderColor = '#28a745';
991                btn.style.color = '#28a745';
992                btn.style.background = 'rgba(40,167,69,0.06)';
993                note.style.display = 'inline';
994
995            } catch (err) {
996                console.error('Translation failed:', err);
997                content.innerHTML = originalContent;
998                title.textContent = originalTitle;
999                alert('Η μετάφραση απέτυχε. Δοκιμάστε ξανά.');
1000            } finally {
1001                btnText.style.display = 'inline';
1002                loader.style.display = 'none';
1003                btn.disabled = false;
1004            }
1005        }
1006
1007        async function translateOne(text) {
1008            if (!text.trim()) return text;
1009
1010            const res = await fetch(PROXY_URL, {
1011                method: 'POST',
1012                headers: {
1013                    'Content-Type': 'application/json',
1014                    'X-CSRF-TOKEN': 'YKLmN14yHuQNW3ijS6Nni9TQLSpFqUwmibPvWgmq'
1015                },
1016                body: JSON.stringify({
1017                    q: text,
1018                    sl: SOURCE_LANG,
1019                    tl: TARGET_LANG
1020                })
1021            });
1022
1023            if (!res.ok) throw new Error('Proxy error ' + res.status);
1024            const data = await res.json();
1025            return data[0].map(s => s[0]).join('');
1026        }
1027
1028        const CAROUSEL_IMAGES = [{"src":"https:\/\/okfn.gr\/storage\/posts\/PXlWgJVyayTuNbsaiZH3JCwnIurpqWPo1us7ZAZ0.jpg","alt":"Bridge the Gap 2026 | \u0395\u03bd\u03b4\u03c5\u03bd\u03b1\u03bc\u03ce\u03bd\u03bf\u03bd\u03c4\u03b1\u03c2 \u03c4\u03bf\u03c5\u03c2 \u03bc\u03b1\u03b8\u03b7\u03c4\u03ad\u03c2 \u03bc\u03b5 \u03b3\u03bd\u03ce\u03c3\u03b5\u03b9\u03c2, \u03b4\u03b5\u03be\u03b9\u03cc\u03c4\u03b7\u03c4\u03b5\u03c2, \u03b1\u03be\u03af\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03c4\u03b1\u03c5\u03c4\u03cc\u03c4\u03b7\u03c4\u03b1 \u03c3\u03c4\u03b7\u03bd \u03b5\u03c0\u03bf\u03c7\u03ae \u03c4\u03b7\u03c2 \u03c4\u03b5\u03c7\u03bd\u03b7\u03c4\u03ae\u03c2 \u03bd\u03bf\u03b7\u03bc\u03bf\u03c3\u03cd\u03bd\u03b7\u03c2."}];
1029        let carouselIndex = 0;
1030
1031        function carouselGoTo(index) {
1032            const img = document.getElementById('carouselMainImg');
1033            const counter = document.getElementById('carouselCurrent');
1034            const thumbs = document.querySelectorAll('.carousel-thumb');
1035
1036            img.classList.add('fade');
1037
1038            setTimeout(() => {
1039                carouselIndex = index;
1040                img.src = CAROUSEL_IMAGES[index].src;
1041                img.classList.remove('fade');
1042                if (counter) counter.textContent = index + 1;
1043
1044                thumbs.forEach((t, i) => {
1045                    t.classList.toggle('active', i === index);
1046                });
1047
1048                if (thumbs[index]) {
1049                    thumbs[index].scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'center' });
1050                }
1051            }, 200);
1052        }
1053
1054        function carouselMove(dir) {
1055            const total = CAROUSEL_IMAGES.length;
1056            carouselGoTo((carouselIndex + dir + total) % total);
1057        }
1058
1059        document.addEventListener('keydown', e => {
1060            if (document.getElementById('postCarousel')) {
1061                if (e.key === 'ArrowLeft') carouselMove(-1);
1062                if (e.key === 'ArrowRight') carouselMove(1);
1063            }
1064        });
1065
1066        // Lightbox
1067        function openLightbox() {
1068            const lb = document.getElementById('carouselLightbox');
1069            const img = document.getElementById('lightboxImg');
1070            img.src = CAROUSEL_IMAGES[carouselIndex].src;
1071            lb.style.display = 'flex';
1072            document.body.style.overflow = 'hidden';
1073        }
1074
1075        function closeLightbox() {
1076            document.getElementById('carouselLightbox').style.display = 'none';
1077            document.body.style.overflow = '';
1078        }
1079
1080        function updateLightboxImg() {
1081            // Keep lightbox in sync when navigating with arrows inside it
1082            const lb = document.getElementById('carouselLightbox');
1083            if (lb.style.display === 'flex') {
1084                document.getElementById('lightboxImg').src = CAROUSEL_IMAGES[carouselIndex].src;
1085            }
1086        }
1087
1088        document.addEventListener('keydown', e => {
1089            if (e.key === 'Escape') closeLightbox();
1090            if (document.getElementById('postCarousel')) {
1091                if (e.key === 'ArrowLeft') { carouselMove(-1); updateLightboxImg(); }
1092                if (e.key === 'ArrowRight') { carouselMove(1); updateLightboxImg(); }
1093            }
1094        });
1095    </script>
vendor: 1 bytes, line 1095
1095
1096<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"e54ac2297bca450593bdddea9b354619","r":1,"spa":2}' crossorigin="anonymous"></script>
1096
1097</body>
1098
1099</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.