Add secret management guide, client-side performance monitoring, and search accessibility enhancements

- Introduced a comprehensive Secret Management Guide detailing best practices, secret classification, development setup, production management, rotation procedures, and emergency protocols.
- Implemented a client-side performance monitoring script to track various metrics including page load performance, paint metrics, layout shifts, and memory usage.
- Enhanced search accessibility with keyboard navigation support for search results, ensuring compliance with WCAG standards and improving user experience.
This commit is contained in:
pacnpal
2025-12-23 16:41:42 -05:00
parent ae31e889d7
commit edcd8f2076
155 changed files with 22046 additions and 4645 deletions

View File

@@ -69,9 +69,16 @@
<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="{% static 'favicon.ico' %}">
<!-- Fonts - Preconnect for performance -->
<!-- Resource Hints for Performance -->
<!-- Preconnect to external domains for faster resource loading -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://imagedelivery.net">
<link rel="dns-prefetch" href="https://imagedelivery.net">
<link rel="dns-prefetch" href="https://unpkg.com">
<link rel="dns-prefetch" href="https://cdnjs.cloudflare.com">
<!-- Fonts - Preload critical font -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Playfair+Display:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- Font Awesome Icons -->
@@ -91,9 +98,15 @@
</script>
<!-- Design System CSS - Load in correct order -->
{% if debug %}
<link href="{% static 'css/design-tokens.css' %}" rel="stylesheet">
<link href="{% static 'css/tailwind.css' %}" rel="stylesheet">
<link href="{% static 'css/components.css' %}" rel="stylesheet">
{% else %}
<link href="{% static 'css/design-tokens.min.css' %}" rel="stylesheet">
<link href="{% static 'css/tailwind.min.css' %}" rel="stylesheet">
<link href="{% static 'css/components.min.css' %}" rel="stylesheet">
{% endif %}
<!-- HTMX -->
<script src="https://unpkg.com/htmx.org@1.9.10"></script>
@@ -106,13 +119,25 @@
<script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>
<!-- Alpine.js Stores (must load before alpine:init) -->
{% if debug %}
<script src="{% static 'js/stores/index.js' %}"></script>
{% else %}
<script src="{% static 'js/stores/index.min.js' %}"></script>
{% endif %}
<!-- Alpine.js Components -->
{% if debug %}
<script src="{% static 'js/alpine-components.js' %}"></script>
{% else %}
<script src="{% static 'js/alpine-components.min.js' %}"></script>
{% endif %}
<!-- Location Autocomplete -->
{% if debug %}
<script src="{% static 'js/location-autocomplete.js' %}"></script>
{% else %}
<script src="{% static 'js/location-autocomplete.min.js' %}"></script>
{% endif %}
<style>
/* Hide elements until Alpine.js is ready */
@@ -220,9 +245,19 @@
{% include 'components/ui/toast-container.html' %}
<!-- Core JavaScript -->
{% if debug %}
<script src="{% static 'js/main.js' %}"></script>
<script src="{% static 'js/alerts.js' %}"></script>
<script src="{% static 'js/fsm-transitions.js' %}"></script>
<script src="{% static 'js/search-accessibility.js' %}"></script>
<script src="{% static 'js/optimization.js' %}"></script>
{% else %}
<script src="{% static 'js/main.min.js' %}"></script>
<script src="{% static 'js/alerts.min.js' %}"></script>
<script src="{% static 'js/fsm-transitions.min.js' %}"></script>
<script src="{% static 'js/search-accessibility.min.js' %}"></script>
<script src="{% static 'js/optimization.min.js' %}"></script>
{% endif %}
<!-- HTMX Configuration and Error Handling -->
<script>