{% extends "base.html" %}

{% block title %}首页{% endblock %}

{% block page_content %}

<script>
        //获取时间函数
        function time1(){
            var today = new Date();
            var year = today.getFullYear();
            var month = today.getMonth()+1;
            var day = today.getDay();
            var hour = today.getHours();
            var minute = today.getMinutes();
            var second = today.getSeconds();

            minute = checkTime(minute);
            second = checkTime(second);

            document.getElementById("time").innerHTML =
                year+"年"+month+"月"+day+"日 "+hour+":"+minute+":"+second;
            t = setTimeout("time1()",500);
        }
        //调整时间格式
        function checkTime(i) {
            if(i<10){
                i="0"+i;
            }
            return i;
        }
    </script>
    <style>
        p.clock{border-width: 1px; position: fixed; top: 58px; left: 700px;}
    </style>

<p id="time" class="clock"><script>time1()</script></p>

<ul class="posts">
    {% for article in articles %}
    <li class="post">
        <div class="post-thumbnail">
            <img style="width:40px;height:40px;" src="{{ url_for('static',filename='code.png') }}" alt="" class="avatar">
        </div>
        <div class="post-content">
            <div class="post-body">
                <p span style="color:blue">
                    <b>
                        {% if um %}
                            <a href="{{ url_for('detail', article_id=article.id) }}">{{ article.title }}</a>
                        {% else %}
                            <a>{{ article.title }}</a>
                        {% endif%}
                    </b>
                </p>
                <p><span >{{ article.content }}</span></p>
            </div>
        </div>
        <div class="post-footer">
            <span class="label label-primary">楼主：{{ article.author.username }}</span>
            <span class="label label-primary">时间：{{ article.create_time }}</span>
        </div>
    </li>
    {% endfor %}
</ul>
{% endblock %}