From 06c7485a7d05de86f9898e388161e8d932d5f3e6 Mon Sep 17 00:00:00 2001 From: Peter Stone Date: Mon, 12 Jan 2026 14:28:50 -1000 Subject: Modernize frontend with tabs, HTMX, and Tailwind build pipeline Complete UI overhaul implementing modern design patterns with HTMX for dynamic updates, proper Tailwind build pipeline, and improved UX. Build Pipeline: - Add npm + PostCSS + Tailwind CSS configuration - Custom design system with brand colors - Compiled CSS: 27KB (vs 3MB CDN), 99% reduction - Makefile for unified build commands - Inter font for improved typography Tab Interface: - Separate Tasks tab from Notes tab using HTMX - Partial page updates without full refreshes - Tab state management with proper refresh handling - New endpoints: /tabs/tasks, /tabs/notes, /tabs/refresh Template Architecture: - Modular partials system (7 reusable components) - Cleaner separation of concerns Empty Board Management: - Active boards in main 3-column grid - Empty boards in collapsible section - Reduces visual clutter Visual Design Enhancements: - Inter font, brand color accents - Improved typography hierarchy and spacing - Enhanced card styling with hover effects Co-Authored-By: Claude Sonnet 4.5 --- web/templates/index.html | 193 ++++++++--------------------------------------- 1 file changed, 32 insertions(+), 161 deletions(-) (limited to 'web/templates/index.html') diff --git a/web/templates/index.html b/web/templates/index.html index 7668a94..2d35b37 100644 --- a/web/templates/index.html +++ b/web/templates/index.html @@ -4,182 +4,53 @@ Personal Dashboard - - + - -
+ +
-
-

Personal Dashboard

+
+

Personal Dashboard

Last updated: {{.LastUpdated.Format "3:04 PM"}} -
- - {{if .Errors}} -
-

Errors:

-
    - {{range .Errors}} -
  • {{.}}
    • - {{end}} -
-
- {{end}} - - -
- -
- {{if .Boards}} -
-

📋 Trello Boards

-
- {{range .Boards}} -
-

{{.Name}}

- {{if .Cards}} -
- {{range .Cards}} -
-

{{.Name}}

- {{if .ListName}} - - {{.ListName}} - - {{end}} - {{if .DueDate}} - - Due: {{.DueDate.Format "Jan 2"}} - - {{end}} - {{if .URL}} - - View → - - {{end}} -
- {{end}} -
- {{else}} -

No cards

- {{end}} -
- {{end}} -
-
- {{end}} -
- - -
-
-

✓ Todoist Tasks

- - {{if .Tasks}} -
- {{range .Tasks}} -
- -
-

- {{.Content}} -

- {{if .Description}} -

{{.Description}}

- {{end}} -
- {{if .ProjectName}} - {{.ProjectName}} - {{end}} - {{if .DueDate}} - - Due: {{.DueDate.Format "Jan 2"}} - - {{end}} - {{range .Labels}} - {{.}} - {{end}} -
-
- {{if .URL}} - - - - - - {{end}} -
- {{end}} -
- {{else}} -

No tasks found

- {{end}} -
-
- - -
-
-

Upcoming Meals

- - {{if .Meals}} -
- {{range .Meals}} -
-

{{.RecipeName}}

-
- {{.Date.Format "Mon, Jan 2"}} - - {{.MealType}} - -
-
- {{end}} -
- {{else}} -

No meals planned

- {{end}} -
-
+ +
+
- - {{if .Notes}} -
-
-

Recent Notes

-
- {{range .Notes}} -
-

{{.Title}}

-

{{.Content}}

-
- {{.Modified.Format "Jan 2, 3:04 PM"}} - {{if .Tags}} -
- {{range .Tags}} - #{{.}} - {{end}} -
- {{end}} -
-
- {{end}} -
-
+ +
+ {{template "tasks-tab" .}}
- {{end}}
+ -- cgit v1.2.3