diff --git a/app/templates/admin/base.html b/app/templates/admin/base.html index 11ff6b00..a9a678d5 100644 --- a/app/templates/admin/base.html +++ b/app/templates/admin/base.html @@ -9,7 +9,11 @@ - + + + + @@ -54,8 +58,24 @@ - - + + {% block extra_scripts %}{% endblock %} diff --git a/app/templates/vendor/base.html b/app/templates/vendor/base.html index 90271a19..934b5511 100644 --- a/app/templates/vendor/base.html +++ b/app/templates/vendor/base.html @@ -9,7 +9,11 @@ - + + + + @@ -54,8 +58,24 @@ - - + + {% block extra_scripts %}{% endblock %} diff --git a/docs/frontend/admin/architecture.md b/docs/frontend/admin/architecture.md index 60ca7939..ccc3b14e 100644 --- a/docs/frontend/admin/architecture.md +++ b/docs/frontend/admin/architecture.md @@ -586,9 +586,11 @@ Optimization Techniques: • Server-side pagination • Load only needed data -5. CDN Assets - • Tailwind CSS from CDN - • Alpine.js from CDN +5. CDN Assets with Fallback + • Tailwind CSS from CDN (fallback to local) + • Alpine.js from CDN (fallback to local) + • Works offline and in restricted networks + • See: [CDN Fallback Strategy](../cdn-fallback-strategy.md) 6. Initialization Guards • Prevent duplicate setups diff --git a/docs/frontend/overview.md b/docs/frontend/overview.md index 00ee613b..9b8252e7 100644 --- a/docs/frontend/overview.md +++ b/docs/frontend/overview.md @@ -163,12 +163,13 @@ All three frontends share the same core technologies: | Backend | FastAPI | REST API + routing | | Templates | Jinja2 | Server-side rendering | | Interactivity | Alpine.js 3.x | Client-side reactivity | -| Styling | Tailwind CSS 2.x | Utility-first CSS | +| Styling | Tailwind CSS 2.x | Utility-first CSS (CDN + fallback) | | Icons | Heroicons | SVG icon system | | HTTP Client | Fetch API | API requests | | State Management | Alpine.js reactive | No external state lib | | Logging | Custom LogConfig | Centralized logging | | Error Handling | Custom exceptions | Structured errors | +| Asset Loading | CDN with fallback | Offline support - [Details](cdn-fallback-strategy.md) | ### Why This Stack? @@ -179,6 +180,7 @@ All three frontends share the same core technologies: - ✅ Small bundle sizes - ✅ Easy to learn and maintain - ✅ Python developers can contribute to frontend +- ✅ Works offline with CDN fallback (see [CDN Fallback Strategy](cdn-fallback-strategy.md)) --- diff --git a/docs/frontend/vendor/architecture.md b/docs/frontend/vendor/architecture.md index 4231a69d..bdb680e1 100644 --- a/docs/frontend/vendor/architecture.md +++ b/docs/frontend/vendor/architecture.md @@ -492,9 +492,11 @@ Optimization Techniques: • Server-side pagination • Load only needed data -5. CDN Assets - • Tailwind CSS from CDN - • Alpine.js from CDN +5. CDN Assets with Fallback + • Tailwind CSS from CDN (fallback to local) + • Alpine.js from CDN (fallback to local) + • Works offline and in restricted networks + • See: [CDN Fallback Strategy](../cdn-fallback-strategy.md) 🧪 TESTING APPROACH