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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user