{# 引入base #}
{% extends 'blog/base.html' %}

{# 引入标题 #}
{% block title %}首页{% endblock %}

{% include 'blog/head.html' %}  

{% include 'blog/wallpaper.html' %}

{% block logs_and_page %} 
    <h1>欢迎访问open-ww3-project</h1>
    <!-- 屑站日志 -->
    <h3 style="margin: 10px 0 30px 50px;">屑站日志:<br></h3>
    <div id="logs">
        <font size="3.2">
            <table border="0">
                <tbody>
                    {# 调用数据库 #}
                    {% for logs in logs %}
                        <tr>
                            <td id="td_logs">
                                <a style='font-size: 18px;'>
                                    {{ logs['date'].replace('.', '-') }}
                                </a>
                            <br>
                            </td>
                            <td id="td_logs_content">
                                {{ logs['content'].replace('&&', '<br>') | safe }}
                            </td>
                        </tr>
                    {% endfor %}
                 </tbody>
            </table>
        </font>
    </div>
    <!-- 屑站日志 -->
    <div id="posts">
    <h1>全部文章</h1>
    文章如下↓
    <br>
    <br>
        {% for posts in posts %}
            文章id:{{ posts['id'] }}
            <br>
            标题: {{ posts['title'] }}
            <br>
            日期: {{ posts['date'].replace('.', '-')}}
            <a href="{{ url_for('blog.posts_list') }}{{ posts['id'] }}">页面跳转</a>
            <br>
            <br>
        {% endfor %}
    </div>


    <!-- css 部分 -->
    <style>
    #posts {
        margin: -31% 0 0 60%;
    }
    /* 日志 */
    #logs
    {
        height: 50%; 
        width: 40%; 
        overflow: auto; 
        background: #ffffffbc;
        /* up、right、down、left */
	    margin: -10px 0px 0px 30px;
    }

    #td_logs
    {
        width: 93px;  
        padding-top: 1.8px;
        vertical-align: top;
    }

    #td_logs_content
    {
        color: rgb(132, 132, 132);   
        padding-left: 10px;
        padding-bottom: 5px;
    }
    /* 日志 */
    </style>
{% endblock %}