{% extends "base.html" %}

{% block css %}
.timestamp {
    min-width:10em;
}
.chat-packet:nth-of-type(odd){
    background-color: #272b2f; /* Lighter than #2a2a2a */
}
.chat-packet {
    border: 1px solid #474b4e;
    padding: 8px;
    margin-bottom: 4px;
    border-radius: 8px; /* Adjust the value to make the corners more or less rounded */
}
.chat-packet:nth-of-type(even){
    background-color: #212529; /* Slightly lighter than the previous #181818 */
}

{% endblock %}


{% block body %}
<script>
    setTimeout(function() {
        location.reload();
    }, 30000); // 10 seconds
</script>

    <div class="container" >
        {% for packet in packets %}
        {% include 'chat_packet.html' %}
        {% else %}
        No packets found.
        {% endfor %}
    </div>
{% endblock %}