<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{{ title }}</title>
    <link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='main.css') }}">
</head>
<body>
<div class="navigation">
    {% for outer in file_tree %}
        {% if outer.is_directory %}
            <div class="navigation-directory">
                <div class="navigation-directory-title">
                    <a href="{{ outer.url }}">{{ outer.text }}</a>
                </div>
                {% for inner in outer.children %}
                    {% if not inner.is_directory %}
                        <div class="navigation-page">
                            <a href="{{ inner.url }}">{{ inner.text }}</a>
                        </div>
                    {% endif %}
                {% endfor %}
            </div>
        {% endif %}
    {% endfor %}
    <div class="navigation-directory">
        <div class="navigation-directory-title">其他</div>
        {% for inner in file_tree %}
            {% if not inner.is_directory %}
                <div class="navigation-page">
                    <a href="{{ inner.url }}">{{ inner.text }}</a>
                </div>
            {% endif %}
        {% endfor %}
    </div>
</div>
<div class="document">
    {{ content|safe }}
</div>
</body>
</html>