Add Mermaid diagrams to Philosophy page

- Add Mermaid.js support to base template
- Add "The System" diagram showing AI assistant flow
- Add "Composable By Design" diagram showing tool composition
- Add "Future Vision" section with networked nodes diagram
- Diagrams from ChatGPT conversation about project vision

Co-Authored-By: Claude Opus 4.5 <[email protected]>
This commit is contained in:
rob
2026-04-05 19:05:49 -03:00
co-authored by Claude Opus 4.5
parent b673ea019c
commit c920bb5384
2 changed files with 118 additions and 0 deletions
+17
View File
@@ -71,6 +71,23 @@
<!-- Scripts -->
<script src="{{ url_for('web.static', filename='js/main.js') }}" defer></script>
<!-- Mermaid.js for diagrams -->
<script src="https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.min.js"></script>
<script>
mermaid.initialize({
startOnLoad: true,
theme: 'base',
themeVariables: {
primaryColor: '#6366f1',
primaryTextColor: '#1f2937',
primaryBorderColor: '#4f46e5',
lineColor: '#6b7280',
secondaryColor: '#f3f4f6',
tertiaryColor: '#e0e7ff'
}
});
</script>
{% block scripts %}{% endblock %}
</body>
</html>