mirror of
https://github.com/pacnpal/thrillwiki_django_no_react.git
synced 2025-12-24 15:31:09 -05:00
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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user