<%
// page.layout = "archive"
// page.title = theme.archive.title || __('archive.title')
// page.subtitle = theme.archive.subtitle || __('archive.subtitle')
// page.banner_img = theme.archive.banner_img
// page.banner_img_height = theme.archive.banner_img_height
// page.banner_mask_alpha = theme.archive.banner_mask_alpha
// var date_cursor = 'xxx'
%>

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>作品展示</title>

    <!-- Bootstrap -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
        integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
</head>


<body>
    <div class="container" style="width: 100%;margin-top: 8px;">
        <h2>作品展示</h2>
        <a href="https://github.com/wwhai?tab=repositories">【更多轻量级作品请移步这里:https://github.com/wwhai?tab=repositories】</a>
        <hr>
        <ul class="list-unstyled">
            <!-- for 拿文章列表 -->
            <% let posts = site.posts.find({collection: 'things'});%>
            <% posts.find({collection: 'things'}).forEach(function(post, index){ %>

            <!-- 只有特殊分类才显示出来 -->
            <% if ((post.collection != undefined)&& (post.collection == 'things')) {%>

            <li>
                <div class="card mb-20">
                    <div class="row no-gutters">
                    <div class="col-md-20">
                        <div class="card-body">
                            <h4 class="card-title"><%= post.title %></h4>
                            <hr>
                            <p class="card-text"></p><%= post.summary %> </p>
                            <p class="card-text">发布时间:    <small class="text-muted"><%= post.date %></small></p>
                            <a type="button" class="btn btn-outline-info" href="<%= post.homepage %>">项目主页</a>
                        </div>
                    </div>
                </div>
            </li>

            <% } %>
            <!-- if结束 -->
            <% }); %>
            <!-- for 循环结束 -->
        </ul>

        <div class="alert alert-primary" role="alert">
            本站点所有文章除特别声明外，均采用 CC BY-SA 4.0 协议 ，转载请注明出处！
        </div>
    </div>

    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
        integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
        crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
        integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
        crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js"
        integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s"
        crossorigin="anonymous"></script>
</body>

</html>