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;">Το Îδρυμα Ανοικτής ΓνÏσης Ελλάδος συμμετÎχει στο <strong>Bridge the Gap 2026,</strong> την κορυφαία ετήσια σÏνοδο του <a href="https://sofianet.uk/">School of the Future International Academy (SoFIA),</a> <strong>την Τετάρτη 18 Νοεμβρίου 2026, στις 15:30μμ (GMT). </strong></span></p> 719<p class="MsoTitle" style="text-align: justify;"><span style="font-size: 12.0pt;">ΑπÏ το 2020 μÎχρι σήμερα, το Bridge the Gap, αποτελεί μια απÏ τις σταθερÏτερες πρωτοβουλίες για την γεφÏρωση του χάσματος ανάμεσα στην εκπαίδευση, την τεχνολογία και τις εργασιακÎς συνθήκες, που καλοÏνται να αντιμετωπίσουν οι νÎοι και οι νεες μετά το σχολείο. Κάθε Îκδοση του Bridge the Gap εστιάζει σε Îνα διαφορετικÏ ερÏτημα σχετικά με την εκπαίδευση. ΑπÏ τις μαθησιακÎς απÏλειες της πανδημ
719ίας και την ισÏτιμη συμμετοχή των κοριτσιÏν, Îως την ευημερία των εκπαιδευτικÏν και τον ρÏλο της τεχνητής νοημοσÏνης (ΤΝ) στη συμπεριληπτική εκπαίδευση. Για το 2026, το ενδιαφÎρον στρÎφεται στην παραδοχή, Ïτι ο κÏσμος στον οποίο μεγαλÏνουν οι μαθητÎς αναδιαμορφÏνεται απÏ την ΤΝ ταχÏτερα απ' Ïσο τα σχολεία ανα-διαμορφÏνουν τον τρÏπο προετοιμασίας τους γι' αυτÏν. Το χάσμα φÎτος, υποστηρίζουν οι διοργανωτÎς αφορά περισσÏτερο τους ανθρÏπους και λιγÏτερο την ίδια την τεχνολογία. ΠÏς μποροÏν οι νÎοι να αναπτÏξουν τις δεξιÏτητες, τις αξίες και την ταυτÏτητα που θα χρειαστοÏν για να δραστηριοποιηθοÏν σε επαγγÎλματα, και σε Îνα μÎλλον, που δεν μοιάζει καθÏλου με αυτÏ για τα οποίο τους προετοιμάζουν τα σημερινά σχολεία;</span></p> 720<p class="MsoTitle" style="text-align: justify;"><span style="font-size: 12.0pt;">Με αφορμή το σκÎλος της συνάντησης που θα αφορά την γνÏση, το Îδρυμα Ανοικτής ΓνÏσης Ελλάδος θα παρουσιάσει τους διάφορους τρÏπους πρÏσβασης σε
720 ανοικτά δεδομÎνα και αξιοποίησης της Ανοικτής ΓνÏσης απÏ τους νÎους και τις νÎες, καθÏς και τη δÏναμη των ανοικτÏν δεδομÎνων εν συνÏλω. Την υπÏ διαμÏρφωση agenda του Bridge the Gap 2026, την επιμελείται μια συμβουλευτική επιτροπή ειδικÏν που προÎρχονται τÏσο απÏ τον τεχνολογικÏ Ïσο και απÏ τον εκπαιδευτικÏ τομÎα. Η Eve Psalti (Microsoft), ο Antony Salcito (Coursera), η Laura Knight (Sapio), ο Tom Shorrock (Curiosity Learning), ο καθηγητής Miles Berry (University of Roehampton) και η Aisling Murray Fleming (DCU Institute of Education) είναι τα μÎλη της φετινής επιτροπής και ο απÏτερος στÏχος τους είναι να φÎρουν πιο κοντά εκπαιδευτικοÏς, διευθυντÎς σχολείων, φορείς χάραξης πολιτικής, τεχνολÏγους και μαθητÎς.</span></p> 721<p class="MsoTitle" style="text-align: justify;"><span style="font-size: 12.0pt;">Το Bridge the Gap 2026 θα πραγματοποιηθεί διαδικτυακά, καθιστÏντας το προσβάσιμο απ’ Ïλο τον κÏσμο, χωρίς τους περιορισμοÏς μετακίνησης ή χωρητικÏτητας. Η συμμετοχή είναι δωρεάν και οι εργασίες θα διεξαχθοÏν στα αγγλικά. </span><span style="font-size: 12.0pt;"> </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;">Δήλωσε συμμετοχή και παρακολοÏθησε την εκδήλωση
722 απÏ εδÏ. </span></a></p> 723<p class="MsoTitle" style="text-align: justify;"> </p> 724<p class="MsoTitle" style="text-align: justify;"><span style="font-size: 12.0pt;"> </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.