<body class="container">
    <div class="col-md-7 offset-md-2">
      <a href="/"><img class="rounded" width="100px" src="{{ url_for('static', filename='images/little-printer.png') }}" alt="LittlePrynter icon"></a><h1 class="card-title font-weight-bold">Little Prynter</h1>
      <hr>
    <div class="alert alert-dark" role="alert">LittlePrynter is under heavy developpement, you may encounter bugs ! If so, try again. Thanks !</div>
    <br>
    {% with messages = get_flashed_messages(category_filter=('error')) %}
      {% if messages %}
        {% for message in messages %}
          <div class="alert alert-danger" role="alert">⚠️ {{ message }}</div>
        {% endfor %}
      {% endif %}
    {% endwith %}

    {% with messages = get_flashed_messages(category_filter=('info')) %}
      {% if messages %}
        {% for message in messages %}
          <div class="alert alert-info" role="alert">ℹ️ {{ message }}</div>
        {% endfor %}
      {% endif %}
    {% endwith %}
