<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <link
            href="https://fonts.googleapis.com/css?family=Lato:300,400|Nunito:300,400|Raleway:300,400,500&display=swap"
            rel="stylesheet" />
        <link
            rel="stylesheet"
            href="{{ url_for('static', filename='css/main.css') }}" />
        {% if title %}
        <title>30 Days of Python - {{ title}}</title>
        {% else %}
        <title>30 Days of Python</title>
        {% endif %}
    </head>

    <body>
        <header>
            <div class="menu-container">
                <div>
                    <a class="brand-name nav-link" href="/">30DaysOfPython</a>
                </div>
                <ul class="nav-lists">
                    <li class="nav-list">
                        <a class="nav-link active" href="{{ url_for('home') }}">Home</a>
                    </li>
                    <li class="nav-list">
                        <a class="nav-link active" href="{{ url_for('about') }}">About</a>
                    </li>
                    <li class="nav-list">
                        <a class="nav-link active" href="{{ url_for('post') }}">Text
                            Analyzer</a>
                    </li>
                </ul>
            </div>
        </header>
        <main>
            {% block content %} {% endblock %}
        </main>
    </body>
</html>