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

<objective>
Add TCK logo to the navigation bar in all 4 app templates.
</objective>

<context>
Logo files available in project:
- logo/[LOGO] TCK.svg (primary)
- logo/[LOGO] TCK_small.png (fallback)

All 4 templates share a common navigation structure:
```html
<nav class="nav-menu">
    <a href="/" class="nav-btn">...</a>
    <a href="/settings" class="nav-btn">...</a>
    ...
</nav>
```
</context>

<tasks>

<task type="auto">
  <name>Add logo to all 4 template navigation bars</name>
  <files>src/templates/dashboard.html, src/templates/settings.html, src/templates/calibration.html, src/templates/files.html</files>
  <action>
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">`:
```html
<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):
```css
.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)
  </action>
  <verify>
    <automated>grep -l "nav-logo" src/templates/*.html | wc -l</automated>
  </verify>
  <done>Logo appears in navigation bar of all 4 templates</done>
</task>

</tasks>

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

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

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