---
import Footer from "../../../components/Footer.astro";
import Nav from "../../../components/Nav.astro";
import CollectionSummary from "../../../components/article/CollectionSummary.astro";
import DefaultLayout from "../../../layouts/DefaultLayout.astro";
---

<DefaultLayout title="博客 - 李守中">
  <Nav />
  <div class="options">
    <span>当前: [按日期降序]</span>
    <a href="/article/blog/sort_by_name">按名字排序</a>
  </div>
  <CollectionSummary
    collectionName="blog"
    sortByTimeline={true}
    sortByArticleTitle={false}
  />
  <Footer />
</DefaultLayout>

<style>
  :global(@media screen and (max-width: 768px)) {
    .collection-desc-item {
      width: 100%;
    }
  }
  :global(@media screen and (min-width: 768px)) {
    .collection-desc-item {
      width: 50%;
      float: left;
    }
  }
  .options {
    margin: 0.5em 0 0 0;
  }
</style>