rtu_v5/.planning/quick/1-add-a-logo-to-the-app-logo-can-be-found-/1-PLAN.md

phase, plan, type, wave, depends_on, files_modified, autonomous, requirements, user_setup

phase	plan	type	wave	depends_on	files_modified	autonomous	requirements	user_setup
quick	1	execute	1		src/templates/dashboard.html src/templates/settings.html src/templates/calibration.html src/templates/files.html	true

Add TCK logo to the navigation bar in all 4 app templates. Logo files available in project: - logo/[LOGO] TCK.svg (primary) - logo/[LOGO] TCK_small.png (fallback)

All 4 templates share a common navigation structure:

<nav class="nav-menu">
    <a href="/" class="nav-btn">...</a>
    <a href="/settings" class="nav-btn">...</a>
    ...
</nav>

Add logo to all 4 template navigation bars src/templates/dashboard.html, src/templates/settings.html, src/templates/calibration.html, src/templates/files.html Add the TCK logo image to the START of the navigation bar in each template. Use the SVG logo at path "logo/[LOGO] TCK.svg".

For each template, add this as the first element inside the <nav class="nav-menu">:

<a href="/" class="nav-logo">
    <img src="logo/[LOGO] TCK.svg" alt="TCK" height="40">
</a>

Also add CSS for the logo in each template's <style> section (add after .nav-btn styles):

.nav-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
}
.nav-logo img {
    max-height: 40px;
    width: auto;
}

Apply to: dashboard.html (lines 262-276), settings.html (lines 167-181), calibration.html (lines 201-215), files.html (lines 218-232) grep -l "nav-logo" src/templates/*.html | wc -l Logo appears in navigation bar of all 4 templates

- [ ] Logo image tag present in all 4 template navigation bars - [ ] Logo CSS styling added to all 4 templates

<success_criteria> All 4 templates display TCK logo in their navigation bar </success_criteria>

After completion, create .planning/quick/1-add-a-logo-to-the-app-logo-can-be-found-/1-SUMMARY.md