{% 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.0.12 发布</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.0.11 发布</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.0.4</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.0.1 版本</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 %}