<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>资源库-Quinn</title>
    <link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.min.css}">
    <link rel="stylesheet" th:href="@{/css/backgroud.css}">
<style>
    #maxLength {
        max-width: 500px;
        white-space: nowrap; /* 不换行 */
        overflow: hidden; /* 超出部分不显示 */
        text-overflow: ellipsis; /* 超出部分显示为... */
    }
</style>
</head>
<body>

<div th:replace="~{common/header::header(activeUrl='hotspot')}"></div>

<main role="main" class="mt-3">
    <div class="container">
        <div class="alert alert-primary" role="alert">
            大佬需要什么资料请提交论坛或者关注公众号反馈。
        </div>

        <div class="row row-cols-md-3 text-center">
            <div class="col mb-3" th:each="source:${sourceList}">
                <div class="card">
                    <div class="card-header">
                        <a class="text-dark font-weight-bold text-decoration-none" th:href="@{'/source/view/'+${source.getSid()}}">
                        <h4 class="font-weight-normal d-inline">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-lightning-fill" viewBox="0 0 16 16">
                                <path d="M5.52.359A.5.5 0 0 1 6 0h4a.5.5 0 0 1 .474.658L8.694 6H12.5a.5.5 0 0 1 .395.807l-7 9a.5.5 0 0 1-.873-.454L6.823 9.5H3.5a.5.5 0 0 1-.48-.641l2.5-8.5z"/>
                            </svg>
                            [[${source.getSourceName()}]]
                        </h4>
                        <span class="badge badge-pill badge-warning">
                            [[${source.getCategoryName()}]]
                        </span>
                        </a>
                    </div>
                    <div class="card-body">
                        <p id="maxLength" th:text="${source.getDetail()}"></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>

<div th:replace="~{common/footer::footer}"></div>

<a class="to-top badge badge-light">返回顶部</a>
<script th:src="@{/js/jquery-3.5.1.min.js}"></script>
<script th:src="@{/bootstrap/js/bootstrap.bundle.min.js}"></script>
<script th:src="@{/js/toTop.js}"></script>
<script th:src="@{/js/jquery-ui.min.js}"></script>
<script th:src="@{/live/js/addlive2d.js}"></script>

</body>
</html>
