UI style refresh: Very close!!!

This commit is contained in:
Jim Lancaster
2026-08-03 19:46:32 -05:00
parent 323f12d911
commit 759d4c2434
4 changed files with 18 additions and 9 deletions
+7 -6
View File
@@ -5,20 +5,21 @@ I have several thousand pages of family history told through letters, postcards,
## Goals ## Goals
1. Preserve our family history 1. Preserve our family history
2. Unburden my family (and descendants) from having to store and care for the physical media. Once the documents have been transcribed and organized, they can be donated (or kept by a family member that wants to retain them). 2. Unburden my family (and descendants) from having to store and care for the physical media. Once the documents have been transcribed and organized, they can be donated (or kept by a family member that wants to retain and preserve them).
3. Make the text easily available and searchable by family members, as well as AI (which may have different requirements). 3. Make the document text easily available and easily searchable.
4. Ability create timelines or assemble the historical record of the family or specific individuals from across the complete document archive. Perhaps use AI to create the timelines in a more narrative form. 4. Ability create timelines for individuals and/or families through document dates or the data contained in them. Perhaps even use AI to generate biographies or family histories.
--- ---
## Source material ## Source material
1. **letters, cards, diaries** - handwritten; mostly stored in tubs, with little organization 1. **letters, cards, diaries** - handwritten; mostly stored in boxes and tubs with little organization
2. **books** - typed or typeset; mostly self-published books 50-100 pages in length. This may be expanded to include selected pages from other publications. 2. **books** - typed or typeset; mostly self-published books 50-100 pages in length. This may be expanded to include selected pages from other publications.
3. **newspaper clippings, event programs, invitations, and other ephemera** 3. **photos** - notes written on the backs of photos and the pages of photo albums
4. **other ephemera** - newspaper clippings, event programs, invitations, military records, immigration records, etc
--- ---
## Methodology ## Methodology
1. Follow current best practices per "A Guide to Documentary Editing" by Mary-Jo Kline. (See [Transcription Methodology](transcription_methodology.md)) 1. Follow current best practices per **A Guide to Documentary Editing** by Mary-Jo Kline. (See [Transcription Methodology](transcription_methodology.md))
+2 -1
View File
@@ -13,6 +13,7 @@ NAV_ITEMS: tuple[tuple[str, str, str], ...] = (
("Jobs", "/jobs", "work_history"), ("Jobs", "/jobs", "work_history"),
) )
from transcription.ui.theme import VIBESCRIBE_LOGO_SVG
def _is_active_path(*, current_path: str, item_path: str) -> bool: def _is_active_path(*, current_path: str, item_path: str) -> bool:
if item_path == "/jobs": if item_path == "/jobs":
@@ -53,7 +54,7 @@ def render_app_shell(*, current_path: str | None = None) -> None:
with ui.header().classes("app-shell"), ui.element("div").classes("app-shell__inner"): with ui.header().classes("app-shell"), ui.element("div").classes("app-shell__inner"):
with ui.row().classes("app-shell__brand no-wrap"): with ui.row().classes("app-shell__brand no-wrap"):
ui.label("VS").classes("app-shell__brand-mark") ui.html(VIBESCRIBE_LOGO_SVG).classes("app-shell__brand-mark")
ui.label("VibeScribe").classes("app-shell__brand-name") ui.label("VibeScribe").classes("app-shell__brand-name")
with ui.element("nav").props('aria-label="Primary navigation"').classes("app-shell__nav"): with ui.element("nav").props('aria-label="Primary navigation"').classes("app-shell__nav"):
@@ -32,7 +32,7 @@
display: grid; display: grid;
place-items: center; place-items: center;
color: var(--theme-inverse-text); color: var(--theme-inverse-text);
background: var(--theme-primary); background: transparent; /* Removes the dark box */
font-family: "Trebuchet MS", sans-serif; font-family: "Trebuchet MS", sans-serif;
font-size: 0.72rem; font-size: 0.72rem;
} }
File diff suppressed because one or more lines are too long