doot.git/web/templates/partials/error-banner.html, branch maindoot — personal productivity web app
https://git.terst.org/doot.git/atom?h=main2026-01-23T01:19:00+00:00Complete dark translucent theme for all templates2026-01-23T01:19:00+00:00Peter Stonethepeterstone@gmail.com2026-01-23T01:19:00+00:00urn:sha1:068b04c0004e38a760c463589d45c7cfd090eec8
Update all HTML templates to match terst.org styling:
- Dark semi-transparent backgrounds (bg-black/60)
- White text with opacity variants for hierarchy
- Glass effect with backdrop-blur
- Dark form inputs with subtle borders
- Updated modals and FAB button
- Login page with background image
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Modernize frontend with tabs, HTMX, and Tailwind build pipeline2026-01-13T00:28:50+00:00Peter Stonethepeterstone@gmail.com2026-01-13T00:28:50+00:00urn:sha1:06c7485a7d05de86f9898e388161e8d932d5f3e6
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 <noreply@anthropic.com>