{% extends "base.html" %}

{% block link %}
<link rel="stylesheet" href="{{url_for('static',filename='css/timeline.min.css')}}">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css">
{% endblock link %}

{% block content %}
<div class="container mt-3">


    <div class="row">
        <div class="col">
            <h2>爬虫训练场建设日志</h2>
            <div class="timeline timeline-line-dotted mt-5">
                <span class="timeline-label">
                        <span class="label bg-success text-white p-1">正在更新中</span>
                    </span>
                <div class="timeline-item">

                    <div class="timeline-point timeline-point-success">
                        <i class="fa fa-times"></i>
                    </div>
                    <div class="timeline-event">
                        <div class="timeline-heading">
                            <h4>爬虫训练场 V0.19.0 发布</h4>
                        </div>
                        <div class="timeline-body">
                            <p>上线 CSS 偏移反爬案例</p>

                        </div>
                        <div class="timeline-footer">
                            <p class="text-right">2023年01月12日</p>
                        </div>
                    </div>
                </div>
                <div class="timeline-item">

                    <div class="timeline-point timeline-point-success">
                        <i class="fa fa-times"></i>
                    </div>
                    <div class="timeline-event">
                        <div class="timeline-heading">
                            <h4>爬虫训练场 V0.18.0 发布</h4>
                        </div>
                        <div class="timeline-body">
                            <p>上线手机号码转图片案例，已上线案例 12 个，同时更新2款API接口，分别如下</p>
                            <ul>
                                <li><a href="/api/phone" target="_blank">随机手机号码</a></li>
                                <li><a href="/api/avatars" target="_blank">随机仿钉钉文字头像</a></li>
                            </ul>
                        </div>
                        <div class="timeline-footer">
                            <p class="text-right">2023年01月10日</p>
                        </div>
                    </div>
                </div>
                <div class="timeline-item">

                    <div class="timeline-point timeline-point-success">
                        <i class="fa fa-times"></i>
                    </div>
                    <div class="timeline-event">
                        <div class="timeline-heading">
                            <h4>爬虫训练场 V0.17.0 发布</h4>
                        </div>
                        <div class="timeline-body">
                            <p>上线华为云社区月更榜单</p>
                        </div>
                        <div class="timeline-footer">
                            <p class="text-right">2023年01月09日</p>
                        </div>
                    </div>
                </div>


                <div class="timeline-item">
                    <div class="timeline-point timeline-point-success">
                        <i class="fa fa-times"></i>
                    </div>
                    <div class="timeline-event">
                        <div class="timeline-heading">
                            <h4>爬虫训练场 V0.16.0 发布</h4>
                        </div>
                        <div class="timeline-body">
                            <p>更新 反爬案例 --- IP 限制次数！</p>
                        </div>
                        <div class="timeline-footer">
                            <p class="text-right">2023年01月05日 20:35</p>
                        </div>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-point timeline-point-success">
                        <i class="fa fa-times"></i>
                    </div>
                    <div class="timeline-event">
                        <div class="timeline-heading">
                            <h4>爬虫训练场 V0.15.0 发布</h4>
                        </div>
                        <div class="timeline-body">
                            <p>token 加密案例 + 导航样式修改 + 首页样式修改 + 新增专栏购买跳转地址</p>
                        </div>
                        <div class="timeline-footer">
                            <p class="text-right">2023年01月04日 01:35</p>
                        </div>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-point timeline-point-success">
                        <i class="fa fa-times"></i>
                    </div>
                    <div class="timeline-event">
                        <div class="timeline-heading">
                            <h4>爬虫训练场 V0.12.0 发布</h4>
                        </div>
                        <div class="timeline-body">
                            <p>案例正常更新，维护 CSDN 总榜数据</p>
                        </div>
                        <div class="timeline-footer">
                            <p class="text-right">2023年01月03日</p>
                        </div>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-point timeline-point-success">
                        <i class="fa fa-times"></i>
                    </div>
                    <div class="timeline-event">
                        <div class="timeline-heading">
                            <h4>爬虫训练场 V0.11.0 发布</h4>
                        </div>
                        <div class="timeline-body">
                            <p>案例正常更新</p>
                        </div>
                        <div class="timeline-footer">
                            <p class="text-right">2023年01月02日</p>
                        </div>
                    </div>
                </div>
                <span class="timeline-label">
                        <span class="label bg-success text-white p-1">2023年到来</span>
                    </span>
                <div class="timeline-item">
                    <div class="timeline-point timeline-point-success">
                        <i class="fa fa-times"></i>
                    </div>
                    <div class="timeline-event">
                        <div class="timeline-heading">
                            <h4>爬虫训练场更新 Cookie 案例反爬</h4>
                        </div>
                        <div class="timeline-body">
                            <p>今日同步更新 爬虫训练场更新 异步 AJAX 加载数据</p>
                        </div>
                        <div class="timeline-footer">
                            <p class="text-right">2022年12月31日</p>
                        </div>
                    </div>
                </div>
                <span class="timeline-label">
                        <a href="/" class="btn btn-primary" title="回到首页">
                          <i class="bi bi-code"></i>

                          </a>
                </span>
                <div class="timeline-item">
                    <div class="timeline-point timeline-point-danger">
                        <i class="fa fa-times"></i>
                    </div>
                    <div class="timeline-event">
                        <div class="timeline-heading">
                            <h4>爬虫训练场更新 CSDN 博客之星总榜排名</h4>
                        </div>
                        <div class="timeline-body">
                            <p>总榜排名，是对爬虫的一个案例应用，后续数据也可用于案例编写</p>
                        </div>
                        <div class="timeline-footer">
                            <p class="text-right">2022年12月30日</p>
                        </div>
                    </div>
                </div>
                <span class="timeline-label">
                        <a href="/" class="btn btn-primary" title="回到首页">
                          <i class="bi bi-code"></i>

                          </a>
                </span>
                <div class="timeline-item">
                    <div class="timeline-point timeline-point-success">

                    </div>
                    <div class="timeline-event">
                        <div class="timeline-heading">
                            <h4>上线第一个反爬案例，基于 UserAgent 的反爬实践。 </h4>
                        </div>
                        <div class="timeline-body">
                            <p>反爬案例开始更新！爬虫训练场 V0.4.0</p>
                        </div>
                        <div class="timeline-footer">
                            <p class="text-right">2022年12月28日 21:59</p>
                        </div>
                    </div>
                </div>

                <div class="timeline-item">
                    <div class="timeline-point timeline-point-success">
                        <i class="fa fa-money"></i>
                    </div>
                    <div class="timeline-event">
                        <div class="timeline-heading">
                            <h4>爬虫训练场更新完毕第一个简易案例</h4>
                        </div>
                        <div class="timeline-body">
                            <p>上线第一个案例，基础流程跑通，在此之前，橡皮擦更新了 Bootstrap5 入门阶段的相关博客。</p>
                        </div>
                        <div class="timeline-footer">
                            <p class="text-right">2022年12月23日 17:40</p>
                        </div>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-point timeline-point-success">
                        <i class="bi bi-controller"></i>
                    </div>
                    <div class="timeline-event">
                        <div class="timeline-heading">
                            <h4>爬虫训练场上线 V0.1.0 版本</h4>
                        </div>
                        <div class="timeline-body">
                            <p>愿景：让天下没有失效的爬虫</p>
                        </div>
                        <div class="timeline-footer">
                            <p class="text-right">2022年12月20日 15:00</p>
                        </div>
                    </div>
                </div>
                <span class="timeline-label">
                        <a href="/" class="btn btn-primary" title="回到首页">
                           <i class="bi bi-house"></i>
                          </a>
                    </span>
            </div>


        </div>

    </div>

</div>

{% endblock %}