<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>{% block title %}App{% endblock %}</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css" > <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://unpkg.com/slim-select@latest/dist/slimselect.min.js"></script> <link href="https://unpkg.com/slim-select@latest/dist/slimselect.css" rel="stylesheet"></link> </head> <body> <main class="container"> {% with messages = get_flashed_messages(with_categories=true) %} {% if messages %} <ul class="flashes"> {% for category, message in messages %} <li class="{{ category }}">{{ message }}</li> {% endfor %} </ul> {% endif %} {% endwith %} {% block content %}{% endblock %} </main> </body> </html>