<svg xmlns="http://www.w3.org/2000/svg" width="960" height="300" viewBox="0 0 960 300" role="img" aria-labelledby="title desc">
<title id="title">Simple App learning journey</title><desc id="desc">Four connected steps progress from a static page to a container, then a full-stack Kubernetes application, and finally persistent storage.</desc>
<rect width="960" height="300" rx="24" fill="#eef6ff"/><path d="M175 150H785" stroke="#3976a8" stroke-width="8" stroke-linecap="round"/>
<g font-family="system-ui,sans-serif" text-anchor="middle"><g transform="translate(140 150)"><circle r="62" fill="#fff" stroke="#3976a8" stroke-width="5"/><text y="-5" font-size="18" font-weight="700" fill="#15304a">Static page</text><text y="20" font-size="14" fill="#547086">HTML + nginx</text></g><g transform="translate(365 150)"><circle r="62" fill="#fff" stroke="#3976a8" stroke-width="5"/><text y="-5" font-size="18" font-weight="700" fill="#15304a">Container</text><text y="20" font-size="14" fill="#547086">immutable image</text></g><g transform="translate(590 150)"><circle r="62" fill="#fff" stroke="#087f5b" stroke-width="5"/><text y="-5" font-size="18" font-weight="700" fill="#15304a">Full stack</text><text y="20" font-size="14" fill="#547086">React + API</text></g><g transform="translate(815 150)"><circle r="62" fill="#fff" stroke="#087f5b" stroke-width="5"/><text y="-5" font-size="18" font-weight="700" fill="#15304a">Persistent</text><text y="20" font-size="14" fill="#547086">PVC + SQLite</text></g></g></svg>