writeups/index.html at main · numb2too/writeups · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<!DOCTYPE html>
<html lang="zh-TW">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>numb2too</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/9.1.6/marked.min.js"></script>
    <script async defer src="https://buttons.github.io/buttons.js"></script>
    <link rel="stylesheet" type="text/css" href="src/dark-style.css?3">
</head>

<body>
    <div class="container">
        <header>
            <div class="stats">
                <div>
                    <h3 style="color: #a78bfa;">🚩 Numb2too Writeup</h3>
                </div>
                <div class="stat-item">共 <strong id="total-count">0</strong> 篇</div>
                <a class="github-button" href="https://github.com/numb2too/writeups"
                    data-color-scheme="no-preference: light; light: light; dark: dark;" data-icon="octicon-star"
                    data-size="large" data-show-count="true" aria-label="Star numb2too/writeups on GitHub">Star</a>
            </div>
        </header>

        <div class="main-content">
            <aside class="sidebar">
                <!-- 搜尋標題/描述 -->
                <input type="text" class="search-box" id="search" placeholder="🔍 搜尋標題/描述...">

                <!-- 搜尋標籤 -->
                <input type="text" class="search-box" id="tag-search" placeholder="🏷️ 搜尋標籤...">

                <!-- 已選擇的標籤區塊 -->
                <div class="selected-tags-section" id="selected-tags-section">
                    <div class="selected-tags-title">
                        已選擇的標籤
                        <span class="clear-all-btn" onclick="clearAllFilters()">清除全部</span>
                    </div>
                    <div class="selected-tags-container" id="selected-tags-container"></div>
                </div>

                <div class="filter-section">
                    <div class="tag-group" id="tool-tags"></div>
                </div>
            </aside>

            <main>
                <div class="writeups-grid" id="writeups-container"></div>
            </main>
        </div>
    </div>

    <!-- Modal -->
    <div class="modal" id="modal">
        <div class="modal-content">
            <!-- 頂部按鈕區 -->
            <div class="modal-header">
                <a href="" target="_blank" onclick="event.stopPropagation();" class="github-link" id="modal-github">
                    <svg height="20" viewBox="0 0 16 16" width="20" fill="#333" xmlns="http://www.w3.org/2000/svg">
                        <path
                            d="M8 0C3.58 0 0 3.58 0 8a8.013 8.013 0 005.47 7.59c.4.075.55-.175.55-.388 0-.19-.007-.693-.01-1.36-2.226.483-2.695-1.073-2.695-1.073-.364-.924-.89-1.17-.89-1.17-.727-.497.055-.487.055-.487.803.056 1.225.825 1.225.825.714 1.223 1.872.87 2.327.665.072-.517.28-.87.508-1.07-1.777-.2-3.644-.888-3.644-3.955 0-.873.312-1.587.824-2.147-.083-.203-.357-1.018.078-2.12 0 0 .67-.215 2.2.82A7.548 7.548 0 018 4.875a7.55 7.55 0 011.996.27c1.53-1.035 2.198-.82 2.198-.82.437 1.102.163 1.917.08 2.12.513.56.823 1.274.823 2.147 0 3.073-1.87 3.752-3.65 3.947.288.248.543.736.543 1.482 0 1.07-.01 1.934-.01 2.197 0 .215.147.466.552.387A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z" />
                    </svg>
                </a>
                <span class="close-btn" onclick="closeModal()">&times;</span>
            </div>

            <!-- Markdown 內容 -->
            <div class="markdown-content" id="modal-body"></div>
        </div>
    </div>

    <script src="src/script.js?3"></script>
</body>

</html>