<!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">
    <title>FREE-OPEN-LAB</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">
    <!--[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">
        <div class="row clearfix">
            <div class="col-md-12 column">

                <div class="jumbotron">
                    <h3 style="color: #014410;">
                        本仓库维护了一些非EMQX官方支持的常用物联网终端插件，主要用于满足和扩展小众需求，以及供给开发者学习使用。
                    </h3>
                    <p style="color: #500091;">
                        交流社区:<br>
                        QQ 群: 475512169<br>
                        主页: https://wwhai.gitee.io <br>
                        邮件支持: cnwwhai@gmail.com (根据时间而定)<br>
                    </p>

                </div>
            </div>
        </div>

        <ul class="list-unstyled">
            <!-- for 拿文章列表 -->
            <% let posts=site.posts.find({collection: 'emqxapps' });%>
                <% posts.find({collection: 'emqxapps' }).forEach(function(post, index){ %>
                    <!-- 只有特殊分类才显示出来 -->
                    <% if ((post.collection !=undefined)&& (post.collection=='emqxapps' )) {%>

                        <div class="row clearfix"
                            style="border: #aaacff solid 2px;border-radius: 6px; margin-bottom: 10px;padding-bottom: 10px;margin-left: 3px;margin-right: 3px;">
                            <div class="col-md-12 column">
                                <h3>
                                    <%= post.appname %>
                                </h3>
                                <h5 style="color: #003470;margin-left: 20px;">开发者:<%= post.author %> | 发布时间: <%= post.date %>
                                </h5>
                                <hr>
                                <div style="color: #000000;">
                                    <%= post.description %>
                                </div>
                            </div>

                            <div
                                style="margin-left: 20px;margin-bottom: 10px;margin-bottom: 2px; margin-top: 10px; text-align: center;width: 100%;">
                                <a href="<%= post.homepage %>"><button type="button"
                                        class="btn btn-info">插件主页</button></a>
                                <a href="<%= post.release %>"><button type="button"
                                        class="btn btn-success">插件包下载</button></a>
                                <a href="<%= post.document %>"><button type="button"
                                        class="btn btn-primary">插件文档</button></a>
                            </div>
                        </div>
                        <% } %>
                            <% }); %>
        </ul>

    </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>