nickrunning.github.io/index.html at master · nickrunning/nickrunning.github.io · 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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>开发工具集合 - Nick Running Tools</title>
    <!-- Favicon -->
    <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🔧</text></svg>">
    <style>
        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
            margin: 0;
            padding: 20px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            min-height: 100vh;
            color: #333;
        }

        .container {
            max-width: 800px;
            margin: 0 auto;
        }

        header {
            text-align: center;
            background: white;
            padding: 40px 20px;
            border-radius: 15px;
            margin-bottom: 30px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.1);
        }

        h1 {
            margin: 0 0 10px 0;
            font-size: 2.5rem;
            color: #2c3e50;
        }

        .subtitle {
            color: #666;
            font-size: 1.1rem;
        }

        .tools {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 20px;
        }

        .tool {
            background: white;
            padding: 30px;
            border-radius: 15px;
            text-decoration: none;
            color: inherit;
            box-shadow: 0 4px 20px rgba(0,0,0,0.1);
            transition: transform 0.2s ease;
        }

        .tool:hover {
            transform: translateY(-5px);
        }

        .tool-icon {
            font-size: 3rem;
            margin-bottom: 15px;
            display: block;
        }

        .tool-title {
            font-size: 1.3rem;
            font-weight: bold;
            margin-bottom: 10px;
            color: #2c3e50;
        }

        .tool-desc {
            color: #666;
            line-height: 1.5;
        }

        footer {
            text-align: center;
            margin-top: 40px;
            color: white;
        }

        footer a {
            color: white;
            text-decoration: none;
        }

        footer a:hover {
            text-decoration: underline;
        }
    </style>
</head>
<body>
    <div class="container">
        <header>
            <h1>🔧 开发工具集合</h1>
            <p class="subtitle">实用的开发调试工具，完全离线运行</p>
        </header>

        <div class="tools">
            <a href="tools/matter-qr-decoder/" class="tool">
                <span class="tool-icon">🔍</span>
                <div class="tool-title">Matter QR Code 解码器</div>
                <div class="tool-desc">
                    Matter二维码解码工具，支持Base38编码解析，帮助开发者调试Matter设备配对信息
                </div>
            </a>

            <a href="tools/arm-crash-analyzer/" class="tool">
                <span class="tool-icon">💥</span>
                <div class="tool-title">ARM 崩溃分析器</div>
                <div class="tool-desc">
                    ARM架构程序崩溃日志分析工具，帮助快速定位和分析程序崩溃原因
                </div>
            </a>
        </div>

        <footer>
            <p>
                更多工具持续开发中... |
                <a href="https://github.com/nickrunning">GitHub</a>
            </p>
        </footer>
    </div>
</body>
</html>