{% extends "base.html" %}
{% block content %}
<style>
#msg_table td{
padding:3px;}




</style>
<div class="container">
    <table class="table table-hover table-bordered table-striped table-responsive">
        <caption class="caption-top text-center">
            <div class="alert alert-warning">
                <p class="m-0">
                    <strong>华为云社区月更榜</strong><br><strong>
                        【<2023年1月数据>】
                    </strong></p>
                <p class="text-success p-0"><small>数据每小时同步一次</small></p>

                <table id="msg_table" style="font-size:10px;margin:0 auto;" class="table-striped table-bordered">
                    <tr>
                        <th>奖项设置</th>
                        <th>条件</th>
                        <th>人数</th>
                        <th>奖品</th>
                    </tr>
                    <tr>
                        <td>博客之星</td>
                        <td>【优质】原创技术文章数TOP 1</td>
                        <td>1</td>
                        <td>800 元盲盒</td>
                    </tr>
                    <tr>
                        <td>创作之星</td>
                        <td>原创技术文章数TOP 1</td>
                        <td>1</td>
                        <td>500 元盲盒</td>
                    </tr>
                    <tr>
                        <td>优秀博主</td>
                        <td>【优质】原创技术文章数TOP 2-11</td>
                        <td>10</td>
                        <td>400 元盲盒</td>
                    </tr>
                    <tr>
                        <td>积极博主</td>
                        <td>原创技术文章数TOP 2-31</td>
                        <td>30</td>
                        <td>300 元盲盒</td>
                    </tr>
                </table>

            </div>


        </caption>
        <thead>
        <tr>
            <th>排名</th>
            <th>昵称</th>
            <th>本月更文数量</th>
        </tr>
        </thead>
        <tbody>
        {% for u in data %}
        <td>{{loop.index}}</td>
        <td>{{u[0]}}</td>
        <td>{{u[2]}}</td>
        </tr>
        {%endfor%}

        </tbody>
    </table>
</div>
<div class="card text-center" style="position:fixed;bottom:20px;right:0px;">

    <div class="card-body">
        <div class="alert alert-success">


            <p class="text-center"><img width="40%" src="{{url_for('static',filename='images/qrcode.png')}}"
                                        alt="">
                <br><strong>【后期榜单群内同步】 </strong></p>
        </div>
    </div>

</div>
{% endblock %}