87 lines
2.1 KiB
Markdown
87 lines
2.1 KiB
Markdown
---
|
|
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>
|