# UI annotations — strata
_page: /projects · viewport: 1597×813 · saved: 2026-06-07T03:05:50+00:00_
_Items are checkboxes: tick `- [x]` when you've actioned one. On a repeat “go”, skip already-ticked items. (This file is overwritten on the next Done.)_

## Here — points (numbered notes anchored to one element)
- [x] 1. `main.container.py-4` — need a new project button-takes the user to the planner (the screen toggled light/dark theme while i'm typing this  <!--id:cl4b-->
   ↳ <main.container.py-4> · 1320×758px · font-size 16px · color rgb(222, 226, 230) · padding 24px 12px · text "Projects 5 project(s) Every borehole belongs to a project. Status rolls up from each project's boreholes → samples → tes…"
- [x] 2. `div.container.masthead-inner > div.masthead-right > form.d-inline > button.account-chip` — this should be a dropdown for setting related to the users. All settings for admin users.  <!--id:rkhp-->
   ↳ <button.account-chip> · 60×35px · font-size 16px · color rgb(33, 37, 41) · background rgb(248, 249, 250) · padding 4px 9.6px · text "admin admin"
- [x] 3. `main.container.py-4 > div.row.g-3:nth-of-type(2)` — cards need to be way smaller, with minimaps of the actual site with boreholes indicated  <!--id:e24h-->
   ↳ <div.row.g-3> · 1312×644px · font-size 16px · color rgb(222, 226, 230) · text "Solar Farm Substation 02615340.000 · Hydro One Networks Kapuskasing, ON activeon holdcompletearchived 6 boreholes 42 sam…"
- [x] 4. `div.card.h-100 > div.card-body > div.d-flex.gap-3:nth-of-type(3) > span.status-in_box:nth-of-type(1)` — boreholes/samples/test should be more prominent, progress bar should be gradient  <!--id:ae8c-->
   ↳ <span.status-in_box> · 57×21px · font-size 14px · color rgba(222, 226, 230, 0.75) · text "36 in box"
- [x] 5. `footer.foot > div.container` — just "strata"  <!--id:ajt6-->
   ↳ <div.container> · 1320×20px · font-size 13.12px · color rgba(222, 226, 230, 0.75) · padding 0px 12px · text "Strata · chain-of-custody geotechnical records"
- [x] 6. `div.col-md-6:nth-of-type(2) > div.card.h-100 > div.card-body > div.mt-2:nth-of-type(5)` — don't need all of these here. in general the app will be locked to a single project, so the project picker here is really a track/filter/find/track/open kanban view. it tracks the projects status. user Opens project to work on it.  <!--id:66fe-->
   ↳ <div.mt-2> · 606×24px · font-size 16px · color rgb(33, 37, 41) · text "planner · board · 3D · samples"