1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <title>SELBI â Supporting Early Childhood Education in Blue Skills with Generative AI</title> 8 <meta name="description" 9 content="SELBI integrates blue skills into early childhood education through a TPACK-aligned RAG platform powered by generative AI. Funded by Xjenza Malta, hosted at MCAST."> 10 <link rel="icon" type="image/x-icon" href="favicon.ico"> 11 <link rel="apple-touch-icon" href="apple-touch-icon.png"> 12 <link rel="stylesheet" href="css/styles.css"> 13</head> 14 15<body> 16 17 <nav class="nav"> 18 <div class="nav__inner"> 19 <a href="index.html" class="nav__brand"> 20 <div class="nav__brand-icon"><img src="img/selbi_logo.png" alt="SELBI logo"></div> 21 <span class="nav__brand-text">SELBI</span> 22 </a> 23 <button class="nav__toggle" onclick="document.querySelector('.nav__links').classList.toggle('open')" 24 aria-label="Menu"><span></span><span></span><span></span></button> 25 <ul class="nav__links"> 26 <li><a href="index.html" class="active">Home</a></li> 27 <li><a href="about.html">About & TPACK</a></li> 28 <li><a href="findings.html">Findings</a></li> 29 <li><a href="technology.html">Technology</a></li> 30 <li><a href="team.html">Team</a></li> 31 <li><a href="publications.html">Publications</a></li> 32 <li><a href="news.html">News</a></li> 33 <li><a href="event.html">Event</a></li> 34 </ul> 35 </div> 36 </nav> 37 38 <!-- HERO --> 39 <section class="hero"> 40 <div class="container hero__inner"> 41 <div class="hero__sub fade-up">Research Excellence Programme · REP-2024-005</div> 42 <h1 class="fade-up fade-up-d1">SELBI</h1> 43 <div class="hero__tagline fade-up fade-up-d2">"Nurturing tomorrow's ocean stewards through AI-powered education" 44 </div> 45 <p class="hero__desc fade-up fade-up-d3"> 46 Supporting Early Childhood Education in Blue Skills with Generative Artificial Intelligence. 47 A TPACK-aligned RAG platform that empowers ECEC educators to teach marine sustainability 48 â even outside their direct expertise. 49 </p> 50 <div class="btn-group fade-up fade-up-d4"> 51 <a href="about.html" class="btn btn--primary">Explore the Project</a> 52 <a href="event.html" class="btn btn--outline">Closure Event · 5 May</a> 53 </div> 54 <div class="stats-bar fade-up fade-up-d4"> 55 <div class="stat-card"> 56 <div class="stat-card__num">137</div> 57 <div class="stat-card__label">Educators Surveyed</div> 58 </div> 59 <div class="stat-card"> 60 <div class="stat-card__num">76</div> 61 <div class="stat-card__label">Expert-Verified Documents</div> 62 </div> 63 <div class="stat-card"> 64 <div class="stat-card__num">5/5</div> 65 <div class="stat-card__label">Hallucination Absence</div> 66 </div> 67 <div class="stat-card"> 68 <div class="stat-card__num">~â¬5K</div> 69 <div class="stat-card__label">Hardware Investment</div> 70 </div> 71 </div> 72 </div> 73 </section> 74 75 <!-- THE CHALLENGE --> 76 <section class="section"> 77 <div class="container"> 78 <div class="section__label">The Challenge</div> 79 <h2 class="section__heading">Why Blue Skills Matter for Malta</h2> 80 <div class="two-col"> 81 <div> 82 <p>The blue economy generates $1.5 trillion annually and is expected to double by 2030. Maritime industries 83 contribute approximately 15% of Malta's GDP, yet a recognised shortage of maritime professionals persists â 84 rooted in insufficient investment in maritime education starting from early childhood.</p> 85 <p>Existing environmental programmes like "Dinja Waħda" and "Fish Fridays" are designed for older children, 86 operate as short-term interventions, and overlook a fundamental barrier: educators' own knowledge gaps 87 regarding blue skills.</p> 88 </div> 89 <div> 90 <p>SELBI addresses this gap at its foundation. By developing a locally hosted, RAG-based generative AI 91 platform anchored in the TPACK framework, we equip early childhood educators with a digital "more 92 knowledgeable other" â an expert pedagogical partner that scaffolds their capacity to teach complex marine 93 science concepts to children aged 3â7.</p> 94 <p>The platform doesn't replace teachers. It empowers them â reducing cognitive load while preserving 95 professional agency in pedagogical decision-making.</p> 96 </div> 97 </div> 98 </div> 99 </section> 100 101 <!-- HIGHLIGHTS --> 102 <section class="section section--sand"> 103 <div class="container"> 104 <div class="section__label">Explore</div> 105 <h2 class="section__heading">Project Highlights</h2> 106 <div class="cards"> 107 <div class="card"> 108 <div class="card__icon" style="background:linear-gradient(135deg,rgba(23,72,140,.12),rgba(40,174,209,.12))"> 109 <svg viewBox="0 0 24 24" fill="none" stroke="#17488C" stroke-width="2" stroke-linecap="round"> 110 <circle cx="12" cy="12" r="10" /> 111 <path d="M12 6v6l4 2" /> 112 </svg> 113 </div> 114 <h3>TPACK Framework</h3> 115 <p>How SELBI operationalises Technological, Pedagogical and Content Knowledge for blue skills education in 116 early childhood settings.</p> 117 <a href="about.html" class="card__link">Learn more</a> 118 </div> 119 <div class="card"> 120 <div class="card__icon" style="background:linear-gradient(135deg,rgba(40,174,209,.12),rgba(109,204,233,.16))"> 121 <svg viewBox="0 0 24 24" fill="none" stroke="#28AED1" stroke-width="2" stroke-linecap="round"> 122 <path d="M18 20V10M12 20V4M6 20v-6" /> 123 </svg> 124 </div> 125 <h3>Survey & Evaluation</h3> 126 <p>Nationwide survey of 137 ECEC educators plus two-phase expert evaluation with near-perfect val
126idation 127 scores.</p> 128 <a href="findings.html" class="card__link">See findings</a> 129 </div> 130 <div class="card"> 131 <div class="card__icon" style="background:linear-gradient(135deg,rgba(8,189,232,.12),rgba(109,204,233,.16))"> 132 <svg viewBox="0 0 24 24" fill="none" stroke="#08BDE8" stroke-width="2" stroke-linecap="round"> 133 <rect x="2" y="3" width="20" height="14" rx="2" /> 134 <path d="M8 21h8M12 17v4" /> 135 </svg> 136 </div> 137 <h3>Technology Stack</h3> 138 <p>A â¬5K local workstation running open-weight models with full data sovereignty â no cloud dependency.</p> 139 <a href="technology.html" class="card__link">View architecture</a> 140 </div> 141 <div class="card"> 142 <div class="card__icon" style="background:linear-gradient(135deg,rgba(109,204,233,.18),rgba(30,170,213,.12))"> 143 <svg viewBox="0 0 24 24" fill="none" stroke="#1EAAD5" stroke-width="2" stroke-linecap="round"> 144 <path d="M12 20h9M16.5 3.5a2.1 2.1 0 013 3L7 19l-4 1 1-4z" /> 145 </svg> 146 </div> 147 <h3>Publications</h3> 148 <p>Conference proceedings, journal submissions, and media coverage documenting the SELBI journey.</p> 149 <a href="publications.html" class="card__link">Browse publications</a> 150 </div> 151 </div> 152 </div> 153 </section> 154 155 <!-- LATEST NEWS --> 156 <section class="section section--white"> 157 <div class="container"> 158 <div class="section__label">Latest Updates</div> 159 <h2 class="section__heading">News</h2> 160 <div id="news-preview"> 161 <p class="news-state">Loading latest newsâ¦</p> 162 </div> 163 <a href="news.html" class="btn btn--dark-outline news-cta mt-32">View All News â</a> 164 </div> 165 </section> 166 167 <!-- EVENT BANNER --> 168 <section class="section section--sand"> 169 <div class="container"> 170 <div class="event-banner"> 171 <div> 172 <h3>Closure & Dissemination Event</h3> 173 <p>5 May 2026 · 09:00â11:00 · ARIC Conference Room, MCAST</p> 174 </div> 175 <a href="event.html" class="btn btn--primary">View Programme â</a> 176 </div> 177 </div> 178 </section> 179 180 <!-- FOOTER --> 181 <footer class="footer"> 182 <div class="container"> 183 <div class="footer__grid"> 184 <div> 185 <h4>SELBI</h4> 186 <p>Supporting Early Childhood Education in Blue Skills with Generative Artificial Intelligence. A research 187 project hosted at MCAST, funded by Xjenza Malta.</p> 188 </div> 189 <div> 190 <h4>Navigate</h4> 191 <ul class="footer__links"> 192 <li><a href="about.html">About & TPACK</a></li> 193 <li><a href="findings.html">Findings</a></li> 194 <li><a href="technology.html">Technology</a></li> 195 <li><a href="team.html">Team</a></li> 196 <li><a href="publications.html">Publications</a></li> 197 <li><a href="news.html">News</a></li> 198 <li><a href="event.html">Event</a></li> 199 </ul> 200 </div> 201 <div> 202 <h4>Connect</h4> 203 <ul class="footer__links"> 204 <li><a href="https://www.facebook.com/selbi.education" target="_blank">Facebook</a></li> 205 <li><a href="https://www.linkedin.com/company/selbi-education" target="_blank">LinkedIn</a></li> 206 <li><a href="mailto:[email protected]">[email protected]</a></li> 207 </ul> 208 </div> 209 </div> 210 <div class="footer__bottom"><span>© 2026 SELBI · MCAST</span><span class="grant">REP-2024-005 · Xjenza 211 Malta</span></div> 212 </div> 213 </footer> 214 215
215<script src="js/news-data.js"></script>
215 216
216<script src="js/news.js"></script>
216 217</body> 218 219</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.