{% extends "base.html" %} {% block content %}
<main>
  <div class="container py-4">
    <div class="p-5 mb-4 bg-light rounded-3">
      <div class="container-fluid py-5">
        <h1 class="display-5 fw-bold">智互奥运</h1>
        <p class="col-md-8 fs-4">
          Elit est id esse iste impedit odit adipisci? Ea quia perspiciatis eos
          adipisci aut numquam Veniam expedita repellendus temporibus voluptatem
          nam aperiam Nemo doloremque ex at non deserunt. Blanditiis repellat
        </p>
      </div>
    </div>

    <div class="row align-items-md-stretch">
      <div class="col-md-6 mb-4">
        <div class="h-100 p-5 text-white bg-darkblue rounded-3">
          <h2>Sports Culture之冬奥特辑</h2>
          <p>
            Sports Culture即体育文化，
            公众号主要是为大学生提供一个有关体育文化的有趣的中英文知识学习及互动平台，
            让大家在了解体育知识与文化的同时学习到英语知识。
          </p>
          <h6 class="mb-3">
            最新文章:
            <u>
              <a href="{{ recentArticle['link'] }}"
                >{{ recentArticle['title'] }}</a
              >
            </u>
          </h6>
          <button class="btn btn-outline-light" type="button">
            跳转至文章列表
          </button>
        </div>
      </div>
      <div class="col-md-6 mb-4">
        <div class="h-100 p-5 bg-lightblue border rounded-3">
          <h2>Sports Culture你我谈</h2>
          <p>
            Adipisicing veniam repudiandae molestias molestiae sint Sit deserunt
            blanditiis sit ut distinctio doloribus. Modi sit est pariatur enim
            labore officiis quo At eligendi accusamus aspernatur corrupti animi
            voluptas libero! Porro
          </p>
          <h6 class="mb-3">
            最新讨论:
            <u>
              <a href="{{ recentDiscussion['link'] }}"
                >{{ recentDiscussion['title'] }}</a
              >
            </u>
          </h6>
          <a href="https://talk.zhdo.space/">
            <button class="btn btn-outline-secondary" type="button">
              跳转至讨论区
            </button>
          </a>
        </div>
      </div>
    </div>

    <footer class="pt-3 mt-4 text-muted border-top">© 2022</footer>
  </div>
</main>
{% endblock %}