1window.Vision2075Component = { 2 render: async () => { 3 return ` 4 <style> 5 /* Futuristic Digi-Look Scoped Styles */ 6 .pngetv-body { 7 --neon-blue: #00f0ff; 8 --neon-purple: #bd00ff; 9 --neon-gold: #ffc233; 10 --neon-green: #39ff14; 11 --neon-cyan: #00ffff; 12 --neon-orange: #ff5f00; 13 --neon-pink: #ff007f; 14 --cyber-grid: rgba(0, 240, 255, 0.03); 15 16 font-family: 'Outfit', sans-serif; 17 background-color: var(--bg-deeper); 18 position: relative; 19 overflow: hidden; 20 color: var(--text-main); 21 } 22 23 /* Digital scanlines background */ 24 .pngetv-body::before { 25 content: " "; 26 display: block; 27 position: absolute; 28 top: 0; left: 0; bottom: 0; right: 0; 29 background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06)); 30 z-index: 99; 31 background-size: 100% 4px, 3px 100%; 32 pointer-events: none; 33 opacity: 0.4; 34 } 35 36 .cyber-hero { 37 position: relative; 38 padding: 160px 2rem 100px; 39 background: radial-gradient(circle at 50% 30%, rgba(0, 240, 255, 0.15) 0%, transparent 60%), 40 linear-gradient(135deg, rgba(8, 20, 38, 0.95), rgba(4, 10, 20, 0.99)); 41 border-bottom: 2px solid var(--neon-blue); 42 text-align: center; 43 overflow: hidden; 44 } 45 46 /* Tech Grid Overlay */ 47 .cyber-hero::after { 48 content: ''; 49 position: absolute; 50 inset: 0; 51 background-image: 52 linear-gradient(to right, var(--cyber-grid) 1px, transparent 1px), 53 linear-gradient(to bottom, var(--cyber-grid) 1px, transparent 1px); 54 background-size: 40px 40px; 55 mask-image: radial-gradient(ellipse at 50% 50%, black 40%, transparent 100%); 56 -webkit-mask-image: radial-gradient(ellipse at 50% 50%, black 40%, transparent 100%); 57 pointer-events: none; 58 } 59 60 .cyber-tag { 61 display: inline-block; 62 padding: 0.4rem 1.2rem; 63 border: 1px solid var(--neon-blue); 64 border-radius: 4px; 65 background: rgba(0, 240, 255, 0.08); 66 color: var(--neon-blue); 67 font-size: 0.85rem; 68 font-weight: 700; 69 letter-spacing: 3px; 70 text-transform: uppercase; 71 margin-bottom: 1.5rem; 72 box-shadow: 0 0 15px rgba(0, 240, 255, 0.2); 73 animation: cyber-glow 2s infinite alternate; 74 } 75 76 @keyframes cyber-glow { 77 0% { box-shadow: 0 0 5px rgba(0, 240, 255, 0.2); border-color: rgba(0, 240, 255, 0.5); } 78 100% { box-shadow: 0 0 20px rgba(0, 240, 255, 0.6); border-color: var(--neon-blue); } 79 } 80 81 .cyber-title { 82 font-size: clamp(2rem, 5.5vw, 3.8rem); 83 font-weight: 900; 84 line-height: 1.1; 85 letter-spacing: -1px; 86 margin-bottom: 1.5rem; 87 background: linear-gradient(135deg, #fff 30%, var(--neon-blue) 80%, var(--neon-purple)); 88 -webkit-background-clip: text; 89 -webkit-text-fill-color: transparent; 90 text-shadow: 0 0 30px rgba(0, 240, 255, 0.1); 91 } 92 93 .cyber-subtitle { 94 font-size: clamp(1.1rem, 2.5vw, 1.4rem); 95 color: var(--text-muted); 96 max-width: 850px; 97 margin: 0 auto 2.5rem; 98 line-height: 1.7; 99 } 100 101 .cyber-stats-grid { 102 display: grid; 103 grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); 104 gap: 1.5rem; 105 max-width: 1200px; 106 margin: 0 auto; 107 } 108 109 .cyber-stat-card { 110 background: rgba(14, 32, 64, 0.45); 111 border: 1px solid rgba(255, 255, 255, 0.05); 112 border-radius: 12px; 113 padding: 1.5rem; 114 backdrop-filter: blur(10px); 115 transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); 116 position: relative; 117 } 118 119 .cyber-stat-card:hover { 120 transform: translateY(-5px); 121 border-color: var(--neon-blue); 122 box-shadow: 0 10px 25px rgba(0, 240, 255, 0.15); 123 } 124 125 .cyber-stat-card::before { 126 content: ''; 127 position: absolute; 128 top: 0; left: 0; width: 10px; height: 10px; 129 border-top: 2px solid var(--neon-blue); 130 border-left: 2px solid var(--neon-blue); 131 } 132 133 .cyber-stat-card::after { 134 content: ''; 135 position: absolute; 136 bottom: 0; right: 0; width: 10px; height: 10px; 137 border-bottom: 2px solid var(--neon-blue); 138 border-right: 2px solid var(--neon-blue); 139 } 140 141 .cyber-stat-val { 142 font-size: 2.2rem; 143 font-weight: 800; 144 color: #fff; 145 margin-bottom: 0.2rem; 146 background: linear-gradient(to right, #fff, var(--neon-blue)); 147 -webkit-background-clip: text; 148 -webkit-text-fill-color: transparent; 149 } 150 151 .cyber-stat-lbl { 152 font-size: 0.85rem; 153 color: var(--text-muted); 154 text-transform: uppercase; 155 letter-spacing: 1px; 156 } 157 158 /* Section Styles */ 159 .pngetv-section { 160 padding: 6rem 2rem; 161 max-width: 1400px; 162 margin: 0 auto; 163 position: relative; 164 z-index: 10; 165 } 166 167 .section-label { 168 color: var(--neon-purple); 169 font-weight: 700; 170 text-transform: uppercase; 171 letter-spacing: 2px; 172 font-size: 0.9rem; 173 margin-bottom: 0.5rem; 174 display: block; 175 } 176 177 .section-header-cyber { 178 margin-bottom: 4rem; 179 } 180 181 .section-header-cyber h2 { 182 font-size: 2.5rem; 183 font-weight: 800; 184 color: #fff; 185 position: relative; 186 display: inline-block; 187 } 188 189 .section-header-cyber h2::after { 190 content: ''; 191 position: absolute; 192 left: 0; bottom: -8px; width: 60px; height: 3px; 193 background: var(--neon-blue); 194 box-shadow: 0 0 10px var(--neon-blue); 195 } 196 197 /* Grid Layouts */ 198 .kfa-grid { 199 display: grid; 200 grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); 201 gap: 2rem; 202 } 203 204 .kfa-card { 205 background: rgba(14, 32, 64, 0.35); 206 border: 1px solid var(--glass-border); 207 border-radius: 16px; 208 padding: 2.2rem; 209 backdrop-filter: blur(12px); 210 position: relative; 211 transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); 212 display: flex; 213 flex-direction: column; 214 gap: 1.2rem; 215 overflow: hidden; 216 } 217 218 /* Custom corner decors */ 219 .kfa-card::before { 220 content: ''; 221 position: absolute; 222 top: -1px; left: -1px; width: 16px; height: 16px; 223 border-top: 3px solid transparent; 224 border-left: 3px solid transparent; 225 transition: border-color 0.3s; 226 } 227 228 .kfa-card:hover { 229 transform: translateY(-8px) scale(1.02); 230 background: rgba(14, 32, 64, 0.55); 231 box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4); 232 } 233 234 /* Individual KFA glows */ 235 .kfa-card.kfa-1:hover { border-color: var(--neon-blue); box-shadow: 0 15px 30px rgba(0, 240, 255, 0.15); } 236 .kfa-card.kfa-1:hover::before { border-color: var(--neon-blue); } 237 .kfa-card.kfa-2:hover { border-color: var(--neon-purple); box-shadow: 0 15px 30px rgba(189, 0, 255, 0.15); } 238 .kfa-card.kfa-2:hover::before { border-color: var(--neon-purple); } 239 .kfa-card.kfa-3:hover { border-color: var(--neon-gold); box-shadow: 0 15px 30px rgba(255, 194, 51, 0.15); } 240 .kfa-card.kfa-3:hover::before { border-color: var(--neon-gold); } 241 .kfa-card.kfa-4:hover { border-color: var(--neon-green); box-shadow: 0 15px 30px rgba(57, 255, 20, 0.15); } 242 .kfa-card.kfa-4:hover::before { border-color: var(--neon-green); } 243 .kfa-card.kfa-5:hover { border-color: var(--neon-cyan); box-shadow: 0 15px 30px rgba(0, 255, 255, 0.15); } 244 .kfa-card.kfa-5:hover::before { border-color: var(--neon-cyan); } 245 .kfa-card.kfa-6:hover { border-color: var(--neon-orange); box-shadow: 0 15px 30px rgba(255, 95, 0, 0.15); } 246 .kfa-card.kfa-6:hover::before { border-color: var(--neon-orange); } 247 .kfa-card.kfa-7:hover { border-color: var(--neon-pink); box-shadow: 0 15px 30px rgba(255, 0, 127, 0.15); } 248 .kfa-card.kfa-7:hover::before { border-color: var(--neon-pink); } 249 250 .kfa-icon-wrap { 251 width: 60px; 252 height: 60px; 253 border-radius: 12px; 254 display: flex; 255 align-items: center; 256 justify-content: center; 257 background: rgba(255, 255, 255, 0.03); 258 border: 1px solid var(--glass-border); 259 transition: all 0.3s; 260 } 261 262 .kfa-card:hover .kfa-icon-wrap { 263 background: rgba(255, 255, 255, 0.08); 264 transform: scale(1.1) rotate(5deg); 265 } 266 267 .kfa-1 .kfa-icon-wrap i { color: var(--neon-blue); } 268 .kfa-2 .kfa-icon-wrap i { color: var(--neon-purple); } 269 .kfa-3 .kfa-icon-wrap i { color: var(--neon-gold); } 270 .kfa-4 .kfa-icon-wrap i { color: var(--neon-green); } 271 .kfa-5 .kfa-icon-wrap i { color: var(--neon-cyan); } 272 .kfa-6 .kfa-icon-wrap i { color: var(--neon-orange); } 273 .kfa-7 .kfa-icon-wrap i { color: var(--neon-pink); } 274 275 .kfa-num { 276 position: absolute; 277 top: 1.5rem; right: 2rem; 278 font-size: 2.5rem; 279 font-weight: 900; 280 color: rgba(255, 255, 255, 0.03); 281 font-family: monospace; 282 transition: all 0.3s; 283 } 284 285 .kfa-card:hover .kfa-num { 286 color: rgba(255, 255, 255, 0.08); 287 transform: scale(1.2); 288 } 289 290 .kfa-title { 291 font-size: 1.4rem; 292 font-weight: 700; 293 color: #fff; 294 margin: 0; 295 } 296 297 .kfa-desc { 298 font-size: 0.98rem; 299 line-height: 1.6; 300 color: var(--text-muted); 301 margin: 0; 302 } 303 304 /* Alignment Banner / Infographic panels */ 305 .alignment-container { 306 display: grid; 307 grid-template-columns: 1fr 1fr; 308 gap: 3rem; 309 align-items: center; 310 } 311 312 @media (max-width: 991px) { 313 .alignment-container { 314 grid-template-columns: 1fr; 315 gap: 2rem; 316 } 317 } 318 319 .panel-cyber { 320 background: rgba(14, 32, 64, 0.4); 321 border: 1px solid var(--glass-border); 322 border-radius: 20px; 323 padding: 3rem; 324 position: relative; 325 } 326 327 .panel-cyber::before { 328 content: 'SYSTEM_ALIGNMENT'; 329 position: absolute; 330 top: -10px; left: 30px; 331 background: var(--bg-deeper); 332 padding: 0 10px; 333 color: var(--neon-blue); 334 font-size: 0.75rem; 335 letter-spacing: 2px; 336 font-weight: 800; 337 } 338 339 .timeline-flow { 340 display: flex; 341 flex-direction: column; 342 gap: 2rem; 343 position: relative; 344 padding-left: 2rem; 345 } 346 347 .timeline-flow::before { 348 content: ''; 349 position: absolute; 350 left: 4px; top: 0; bottom: 0; width: 2px; 351 background: linear-gradient(to bottom, var(--neon-blue), var(--neon-purple)); 352 } 353 354 .flow-step { 355 position: relative; 356 } 357 358 .flow-step::before { 359 content: ''; 360 position: absolute; 361 left: -22px; top: 6px; width: 10px; height: 10px; 362 border-radius: 50%; 363 background: var(--neon-blue); 364 box-shadow: 0 0 8px var(--neon-blue); 365 } 366 367 .flow-step:nth-child(even)::before { 368 background: var(--neon-purple); 369 box-shadow: 0 0 8px var(--neon-purple); 370 } 371 372 .flow-step-title { 373 font-size: 1.15rem; 374 font-weight: 700; 375 color: #fff; 376 margin-bottom: 0.3rem; 377 } 378 379 .flow-step-desc { 380 font-size: 0.95rem; 381 color: var(--text-muted); 382 margin: 0; 383 } 384 385 /* Image Gallery */ 386 .gallery-grid-cyber { 387 display: grid; 388 grid-template-columns: repeat(3, 1fr); 389 gap: 2rem; 390 } 391 392 @media (max-width: 991px) { 393 .gallery-grid-cyber { 394 grid-template-columns: 1fr; 395 } 396
396 } 397 398 .gallery-card-cyber { 399 background: rgba(14, 32, 64, 0.4); 400 border: 1px solid var(--glass-border); 401 border-radius: 16px; 402 overflow: hidden; 403 transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); 404 } 405 406 .gallery-card-cyber:hover { 407 border-color: var(--neon-blue); 408 transform: scale(1.03); 409 box-shadow: 0 15px 35px rgba(0, 240, 255, 0.2); 410 } 411 412 .img-cyber-wrapper { 413 position: relative; 414 height: 250px; 415 overflow: hidden; 416 } 417 418 .img-cyber-wrapper img { 419 width: 100%; 420 height: 100%; 421 object-fit: cover; 422 transition: all 0.5s; 423 } 424 425 .gallery-card-cyber:hover .img-cyber-wrapper img { 426 transform: scale(1.08); 427 filter: brightness(1.1); 428 } 429 430 .img-tech-tag { 431 position: absolute; 432 bottom: 10px; right: 10px; 433 padding: 0.3rem 0.8rem; 434 background: rgba(0, 0, 0, 0.75); 435 border: 1px solid var(--neon-blue); 436 border-radius: 4px; 437 color: var(--neon-blue); 438 font-size: 0.75rem; 439 font-weight: 700; 440 letter-spacing: 1px; 441 } 442 443 .gallery-card-info { 444 padding: 1.5rem; 445 border-top: 1px solid var(--glass-border); 446 } 447 448 .gallery-card-title { 449 font-size: 1.15rem; 450 font-weight: 700; 451 color: #fff; 452 margin-bottom: 0.5rem; 453 } 454 455 .gallery-card-desc { 456 font-size: 0.9rem; 457 color: var(--text-muted); 458 line-height: 1.5; 459 margin: 0; 460 } 461 </style> 462 463 <div class="pngetv-body"> 464 <!-- Cyber Hero Header --> 465 <div class="cyber-hero reveal-up"> 466 <span class="cyber-tag">PNGETV 2075</span> 467 <h1 class="cyber-title">PNG Education Transformation<br>Vision 2075</h1> 468 <p class="cyber-subtitle">A strategic 50-year plan (2025-2075) charting a progressive roadmap to overhaul, reconstruct, and elevate the general education sector so that no child is left behind.</p> 469 470 <div class="cyber-stats-grid reveal-up"> 471 <div class="cyber-stat-card"> 472 <div class="cyber-stat-val">50 Years</div> 473 <div class="cyber-stat-lbl">Vision Horizon</div> 474 </div> 475 <div class="cyber-stat-card"> 476 <div class="cyber-stat-val">7 Areas</div> 477 <div class="cyber-stat-lbl">Key Focus Areas</div> 478 </div> 479 <div class="cyber-stat-card"> 480 <div class="cyber-stat-val">Integral</div> 481 <div class="cyber-stat-lbl">Human Development</div> 482 </div> 483 <div class="cyber-stat-card"> 484 <div class="cyber-stat-val">100%</div> 485 <div class="cyber-stat-lbl">Inclusive Learning</div> 486 </div> 487 </div> 488 </div> 489 490 <!-- Intro Section --> 491 <section class="pngetv-section"> 492 <div class="reveal-up" style="width: 100%; text-align: left;"> 493 <span class="section-label">Overhaul & Reconstruct</span> 494 <h2 style="font-size: 2.2rem; color: #fff; margin-bottom: 1.5rem;">Reforming the General Education System</h2> 495 <p style="font-size: 1.1rem; line-height: 1.8; color: var(--text-muted); margin-bottom: 1.5rem; text-align: left;"> 496 The Papua New Guinea Education Transformation Vision 2075 (PNGETV 2075) is a 50-year (2025-2075) strategic plan that charts a roadmap for the general education sector in Papua New Guinea. 497 </p> 498 <p style="font-size: 1.1rem; line-height: 1.8; color: var(--text-muted); margin-bottom: 1.5rem; text-align: left;"> 499 The PNGETV 2075 is about reforming the general education system in the country by overhauling and reconstructing what does not work and maintaining what works so that by 2075, no child will be left behind. 500 </p> 501 <p style="font-size: 1.1rem; line-height: 1.8; color: var(--text-muted); margin-bottom: 1.5rem; text-align: left;"> 502 This plan will be implemented in cycles through continuous planning, management, implementation, and evaluation of important short-term strategies and plans such as the MTDP IV, sector and agency plans, provincial plans, district plans, LLG plans, and ward plans. The PNGETV 2075 highlights prevailing and/or perennial challenges and propose policy options that the Education Department and its partners at the national and sub-national levels could employ to address these challenges. 503 </p> 504 <p style="font-size: 1.1rem; line-height: 1.8; color: var(--text-muted); margin-bottom: 1.5rem; text-align: left;"> 505 The PNGETV 2075 complements the National Goals and Directive Principle number 1 of the National Constitution on Integral Human Development; PNG Vision 2050, especially Pillar number 1 on Human Capital Development, Gender, Youth and People Empowerment; and MTDP IV Strategic Priority Area (SPA) number 4 on Quality Education and Skilled Human Capital. 506 </p> 507 <p style="font-size: 1.1rem; line-height: 1.8; color: var(--text-muted); margin-bottom: 2rem; text-align: left;"> 508 This Vision identifies seven key focus areas (KFAs) that are central to the functioning of the general education system in the country. 509 </p> 510 </div> 511 </section> 512 513 <!-- Key Focus Areas Grid --> 514 <section class="pngetv-section" style="background: radial-gradient(circle at 10% 50%, rgba(189, 0, 255, 0.05) 0%, transparent 60%);"> 515 <div class="section-header-cyber reveal-up">
516 <span class="section-label">Seven Core Pillars</span> 517 <h2>Key Focus Areas (KFAs)</h2> 518 </div> 519 520 <div class="kfa-grid"> 521 <!-- KFA 1 --> 522 <div class="kfa-card kfa-1 reveal-up"> 523 <span class="kfa-num">01</span> 524 <div class="kfa-icon-wrap"> 525 <i data-lucide="book-open" style="width: 28px; height: 28px;"></i> 526 </div> 527 <h3 class="kfa-title">Curriculum</h3> 528 <p class="kfa-desc">Subjects or programs taught or graded in an educational institution, which contains knowledge, skills and values needed to develop the intellectual and moral capacities of a person.</p> 529 </div> 530 531 <!-- KFA 2 --> 532 <div class="kfa-card kfa-2 reveal-up"> 533 <span class="kfa-num">02</span> 534 <div class="kfa-icon-wrap"> 535 <i data-lucide="network" style="width: 28px; height: 28px;"></i> 536 </div> 537 <h3 class="kfa-title">School System Structure</h3> 538 <p class="kfa-desc">A structure or framework that facilitates progressive learning to take place through successive levels or phases of education.</p> 539 </div> 540 541 <!-- KFA 3 --> 542 <div class="kfa-card kfa-3 reveal-up"> 543 <span class="kfa-num">03</span> 544 <div class="kfa-icon-wrap"> 545 <i data-lucide="users" style="width: 28px; height: 28px;"></i> 546 </div> 547 <h3 class="kfa-title">Teacher Education, Training and Development</h3> 548 <p class="kfa-desc">Training and development of a teacher and equipping him/her with the appropriate tools, skills and knowledge, which he/she can then use to effectively teach or impart knowledge, skills, ethics, morals, and values to the students.</p> 549 </div> 550 551 <!-- KFA 4 --> 552 <div class="kfa-card kfa-4 reveal-up"> 553 <span class="kfa-num">04</span> 554 <div class="kfa-icon-wrap"> 555 <i data-lucide="cpu" style="width: 28px; height: 28px;"></i> 556 </div> 557 <h3 class="kfa-title">Digitalisation</h3> 558 <p class="kfa-desc">conversion of different information into digital language that facilitates teachers and students teaching and learning processes.</p> 559 </div> 560 561 <!-- KFA 5 --> 562 <div class="kfa-card kfa-5 reveal-up"> 563 <span class="kfa-num">05</span> 564 <div class="kfa-icon-wrap"> 565 <i data-lucide="building-2" style="width: 28px; height: 28px;"></i> 566 </div> 567 <h3 class="kfa-title">
567Infrastructure and Inclusive Learner-Friendly Environments</h3> 568 <p class="kfa-desc">Educational infrastructure or physical and administrative facilities like classrooms and administrative oversights that provide an inclusive and learner- friendly environment for the diverse needs of students in a school.</p> 569 </div> 570 571 <!-- KFA 6 --> 572 <div class="kfa-card kfa-6 reveal-up"> 573 <span class="kfa-num">06</span> 574 <div class="kfa-icon-wrap"> 575 <i data-lucide="shield" style="width: 28px; height: 28px;"></i> 576 </div> 577 <h3 class="kfa-title">Governance, Leadership and Management</h3> 578 <p class="kfa-desc">The school leadership (including the School Administration and Board of Management) that provides the overall oversight of the administration and functioning of a school.</p> 579 </div> 580 581 <!-- KFA 7 --> 582 <div class="kfa-card kfa-7 reveal-up"> 583 <span class="kfa-num">07</span> 584 <div class="kfa-icon-wrap"> 585 <i data-lucide="truck" style="width: 28px; height: 28px;"></i> 586 </div> 587 <h3 class="kfa-title">Education Service Delivery System</h3> 588 <p class="kfa-desc">A distribution or delivery system that facilitates the procurement and supply of goods and services to schools.</p> 589 </div> 590 </div> 591 </section> 592 593 <!-- Futuristic Concept Art Gallery --> 594 <section class="pngetv-section" style="border-top: 1px solid var(--glass-border); padding-bottom: 4rem;"> 595 <div class="section-header-cyber reveal-up"> 596 <span class="section-label">Visionary Visualizations</span> 597 <h2>Future Concept Gallery</h2> 598 </div> 599 600 <div class="gallery-grid-cyber"> 601 <!-- Image 1 --> 602 <div class="gallery-card-cyber reveal-up"> 603 <div class="img-cyber-wrapper"> 604 <img src="assets/images/vision/pngetv75_classroom.png" alt="Futuristic Classroom in PNG" onerror="this.src='https://images.unsplash.com/photo-1503676260728-1c00da094a0b?auto=format&fit=crop&q=80&w=800'"> 605 <span class="img-tech-tag">MODEL_01</span> 606 </div> 607 <div class="gallery-card-info"> 608 <h4 class="gallery-card-title">Inclusive Cyber-Classroom</h4> 609 <p class="gallery-card-desc">Holographic panels and smart desks assist teachers, integrating scientific visual arrays and national cultural concepts seamlessly.</p> 610 </div> 611 </div> 612 613 <!-- Image 2 --> 614 <div class="gallery-card-cyber reveal-up"> 615 <div class="img-cyber-wrapper"> 616 <img src="assets/images/vision/pngetv75_digitalization.png" alt="Digitalization PNG Education" onerror="this.src='https://images.unsplash.com/photo-1526374965328-7f61d4dc18c5?auto=format&fit=crop&q=80&w=800'"> 617 <span class="img-tech-tag">MODEL_02</span> 618 </div> 619 <div class="gallery-card-info"> 620 <h4 class="gallery-card-title">Nationwide Digital Grid</h4> 621 <p class="gallery-card-desc">Connecting rural learning hubs via high-speed satellite arrays, with artificial intelligence assistants aiding educators.</p> 622 </div> 623 </div> 624 625 <!-- Image 3 --> 626 <div class="gallery-card-cyber reveal-up"> 627 <div class="img-cyber-wrapper"> 628 <img src="assets/images/vision/pngetv75_infrastru
628cture.png" alt="Futuristic School Architecture in PNG" onerror="this.src='https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&q=80&w=800'"> 629 <span class="img-tech-tag">MODEL_03</span> 630 </div> 631 <div class="gallery-card-info"> 632 <h4 class="gallery-card-title">Green Sustainable Campus</h4> 633 <p class="gallery-card-desc">Eco-friendly architectural frameworks utilizing vertical gardens, solar fields, and fully accessible ramps for all student profiles.</p> 634 </div> 635 </div> 636 </div> 637 </section> 638 639 <style> 640 #app-content { padding-bottom: 0 !important; margin-bottom: 0 !important; } 641 .solid-footer { margin-top: 0 !important; border-top: none !important; } 642 </style> 643 </div> 644 `; 645 }, 646 647 afterRender: async () => { 648 // Initialize lucide icons for the newly injected HTML 649 if (window.lucide) { 650 window.lucide.createIcons(); 651 } 652 } 653};
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.