{% load static %}
{% load i18n %}
{% load l10n %}
{% load admin_url %}
{% load mastodon %}
{% load oauth_token %}
{% load truncate %}
{% load thumb %}
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{ site_name }} - {% trans '动态' %}</title>
    {% include "common_libs.html" with jquery=0 %}
    <script src="{% static 'js/mastodon.js' %}"></script>
    <script src="{% static 'js/home.js' %}"></script>
</head>

<body>
    <div id="page-wrapper">
        <div id="content-wrapper">
            {% include "partial/_navbar.html" with current="timeline" %}

            <section id="content" class="container">
                <div class="grid grid--reverse-order">
                    <div class="grid__main grid__main--reverse-order">
                        <div class="main-section-wrapper">
                            <div class="entity-list">

                                <!-- <div class="set">
                                    <h5 class="entity-list__title">
                                        我的时间轴
                                    </h5>
                                </div> -->
                                <ul class="entity-list__entities">
                                    <div hx-get="{% url 'social:data' %}" hx-trigger="revealed" hx-swap="outerHTML"></div>
                                </ul>
                            </div>
                        </div>
                    </div>

                    {% include "partial/_sidebar.html" %}
                </div>
            </section>
        </div>
        {% include "partial/_footer.html" %}
    </div>

    <script>
      document.body.addEventListener('htmx:configRequest', (event) => {
        event.detail.headers['X-CSRFToken'] = '{{ csrf_token }}';
      })
    </script>

{% if unread_announcements %}
{% include "partial/_announcement.html" %}
{% endif %}
</body>
</html>
