{% extends "bottom.html" %}
{% load static %}

{% block stylesheethref %}
        <link rel="stylesheet" href="{% static 'index.css' %}">
{% endblock %}

{% block content %}
    <div class="container">
            <!-- 文章容器 -->
            <div class="article-list">
                {% for artcle in artchles %}
                        <article class="article-card">
                            <div class="article-content">
                                <div class="article-image">
                                    <img src="http://iph.href.lu/200x150?text=正在开发中" alt="文章图片">
                                </div>
                                <div class="article-info">
                                    <p class="article-id" style="display: none">{{ artcle.id }}</p>
                                    <h2 class="article-title">{{ artcle.title }}</h2>
                                  <p class="article-excerpt">
                                        {{ artcle.abstract }}
                                  </p>
                                    <div class="article-meta">
                                        <div class="meta-data">
                                            <span>发布时间：{{ artcle.created }}</span>
                                            <span>点赞：{{ artcle.stat }}</span>
                                            <span>阅读: {{ artcle.read }}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </article>
                {% endfor %}
            </div>
        </div>
{% endblock %}