kyinwind.github.io/index.html at main · kyinwind/kyinwind.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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
<!doctype html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>MichaelDev Studio – Focused Apps</title>
    <link rel="stylesheet" href="/style.css" />
  </head>

  <body>
    <!-- 语言切换 -->
    <div style="text-align: right; padding: 20px 40px; font-size: 14px">
      <a href="#" onclick="setLang('en')">EN</a> |
      <a href="#" onclick="setLang('zh')">中文</a>
    </div>

    <div class="hero">
      <h1>
        <span data-lang="en">Focused Apps for Mind and Productivity</span>
        <span data-lang="zh">专注于心灵与效率的应用</span>
      </h1>
      <p>
        <span data-lang="en">
          We build simple, intentional tools for spiritual practice and digital
          workflow.
        </span>
        <span data-lang="zh">
          我们打造简洁、有意识设计的工具，服务于修行实践与数字工作流程。
        </span>
      </p>
    </div>

    <div class="container">
      <!-- Spiritual Practice Tools -->
      <div class="section">
        <h2>
          <span data-lang="en">Spiritual Practice Tools</span>
          <span data-lang="zh">修行工具系列</span>
        </h2>
        <p>
          <span data-lang="en">
            Digital companions designed to support daily spiritual discipline
            and mindful living.
          </span>
          <span data-lang="zh"> 为日常修行与专注生活设计的数字辅助工具。 </span>
        </p>

        <div class="app-grid">
          <!-- GongKe -->
          <div class="app-card">
            <img src="images/GongKe.png" class="app-icon" />
            <h3>
              <span data-lang="en">GongKe Assistant</span>
              <span data-lang="zh">功课助手</span>
            </h3>
            <p>
              <span data-lang="en"
                >Organize and track your daily practice sessions.</span
              >
              <span data-lang="zh">现代人修行的发愿、功课记录工具</span>
            </p>
            <div class="button-group">
              <a href="/gongke/" class="button">
                <span data-lang="en">View App</span>
                <span data-lang="zh">查看介绍</span>
              </a>
              <a
                href="https://apps.apple.com/cn/app/%E5%8A%9F%E8%AF%BE%E5%8A%A9%E6%89%8B/id6639604349"
                class="download-button"
                target="_blank"
                rel="noopener"
              >
                <svg viewBox="0 0 24 24">
                  <path
                    d="M16.365 1.43c0 1.14-.41 2.24-1.09 3.07-.75.92-1.97 1.63-3.13 1.54-.15-1.11.45-2.3 1.12-3.04.74-.88 2.03-1.55 3.1-1.57zM21.43 17.64c-.6 1.38-.88 1.99-1.64 3.2-1.06 1.66-2.56 3.74-4.41 3.76-1.63.02-2.05-1.06-4.26-1.04-2.22.02-2.68 1.06-4.31 1.04-1.85-.02-3.27-1.9-4.33-3.56C-.7 16.86-.74 11.27 2.17 8.5c1.35-1.27 3.1-1.96 4.75-1.96 1.74 0 2.84 1.07 4.27 1.07 1.38 0 2.23-1.07 4.26-1.07 1.49 0 3.08.8 4.43 2.17-3.9 2.14-3.27 7.73 1.55 8.93z"
                  />
                </svg>
              </a>
            </div>
          </div>

          <!-- SongJing -->
          <div class="app-card">
            <img src="images/SongJing.png" class="app-icon" />
            <h3>
              <span data-lang="en">SongJing Assistant</span>
              <span data-lang="zh">诵经助手</span>
            </h3>
            <p>
              <span data-lang="en"
                >Elegant chanting experience with audio support.</span
              >
              <span data-lang="zh">同功课助手</span>
            </p>
            <div class="button-group">
              <a href="/gongke/" class="button">
                <span data-lang="en">View App</span>
                <span data-lang="zh">查看介绍</span>
              </a>
              <a
                href="https://apps.apple.com/app/6448427701"
                class="download-button"
                target="_blank"
                rel="noopener"
              >
                <svg viewBox="0 0 24 24">
                  <path
                    d="M16.365 1.43c0 1.14-.41 2.24-1.09 3.07-.75.92-1.97 1.63-3.13 1.54-.15-1.11.45-2.3 1.12-3.04.74-.88 2.03-1.55 3.1-1.57zM21.43 17.64c-.6 1.38-.88 1.99-1.64 3.2-1.06 1.66-2.56 3.74-4.41 3.76-1.63.02-2.05-1.06-4.26-1.04-2.22.02-2.68 1.06-4.31 1.04-1.85-.02-3.27-1.9-4.33-3.56C-.7 16.86-.74 11.27 2.17 8.5c1.35-1.27 3.1-1.96 4.75-1.96 1.74 0 2.84 1.07 4.27 1.07 1.38 0 2.23-1.07 4.26-1.07 1.49 0 3.08.8 4.43 2.17-3.9 2.14-3.27 7.73 1.55 8.93z"
                  />
                </svg>
              </a>
            </div>
          </div>

          <!-- NianFo -->
          <div class="app-card">
            <img src="images/NianFo.png" class="app-icon" />
            <h3>
              <span data-lang="en">NianFo Assistant</span>
              <span data-lang="zh">念佛助手</span>
            </h3>
            <p>
              <span data-lang="en">Stay focused during mantra recitation.</span>
              <span data-lang="zh">帮助你在念佛时保持专注</span>
            </p>
            <div class="button-group">
              <a href="/nianfo/" class="button">
                <span data-lang="en">View App</span>
                <span data-lang="zh">查看介绍</span>
              </a>
              <a
                href="https://apps.apple.com/app/6448988399"
                class="download-button"
                target="_blank"
                rel="noopener"
              >
                <svg viewBox="0 0 24 24">
                  <path
                    d="M16.365 1.43c0 1.14-.41 2.24-1.09 3.07-.75.92-1.97 1.63-3.13 1.54-.15-1.11.45-2.3 1.12-3.04.74-.88 2.03-1.55 3.1-1.57zM21.43 17.64c-.6 1.38-.88 1.99-1.64 3.2-1.06 1.66-2.56 3.74-4.41 3.76-1.63.02-2.05-1.06-4.26-1.04-2.22.02-2.68 1.06-4.31 1.04-1.85-.02-3.27-1.9-4.33-3.56C-.7 16.86-.74 11.27 2.17 8.5c1.35-1.27 3.1-1.96 4.75-1.96 1.74 0 2.84 1.07 4.27 1.07 1.38 0 2.23-1.07 4.26-1.07 1.49 0 3.08.8 4.43 2.17-3.9 2.14-3.27 7.73 1.55 8.93z"
                  />
                </svg>
              </a>
            </div>
          </div>

          <!-- BaiChan -->
          <div class="app-card">
            <img src="images/BaiChan.png" class="app-icon" />
            <h3>
              <span data-lang="en">BaiChan Assistant</span>
              <span data-lang="zh">拜忏助手</span>
            </h3>
            <p>
              <span data-lang="en"
                >Structured repentance and guided sessions.</span
              >
              <span data-lang="zh">每日三省吾身</span>
            </p>
            <div class="button-group">
              <a href="/baichan/" class="button">
                <span data-lang="en">View App</span>
                <span data-lang="zh">查看介绍</span>
              </a>
              <a
                href="https://apps.apple.com/app/6473900841"
                class="download-button"
                target="_blank"
                rel="noopener"
              >
                <svg viewBox="0 0 24 24">
                  <path
                    d="M16.365 1.43c0 1.14-.41 2.24-1.09 3.07-.75.92-1.97 1.63-3.13 1.54-.15-1.11.45-2.3 1.12-3.04.74-.88 2.03-1.55 3.1-1.57zM21.43 17.64c-.6 1.38-.88 1.99-1.64 3.2-1.06 1.66-2.56 3.74-4.41 3.76-1.63.02-2.05-1.06-4.26-1.04-2.22.02-2.68 1.06-4.31 1.04-1.85-.02-3.27-1.9-4.33-3.56C-.7 16.86-.74 11.27 2.17 8.5c1.35-1.27 3.1-1.96 4.75-1.96 1.74 0 2.84 1.07 4.27 1.07 1.38 0 2.23-1.07 4.26-1.07 1.49 0 3.08.8 4.43 2.17-3.9 2.14-3.27 7.73 1.55 8.93z"
                  />
                </svg>
              </a>
            </div>
          </div>

          <div class="app-card">
            <img src="images/DayDayUp.png" class="app-icon" />
            <h3>
              <span data-lang="en">Day Day Up</span>
              <span data-lang="zh">天天向上 </span>
            </h3>
            <p>
              <span data-lang="en">Daily Wisdom</span>
              <span data-lang="zh">每日格言</span>
            </p>
            <div class="button-group">
              <a href="/daydayup/" class="button">
                <span data-lang="en">View App</span>
                <span data-lang="zh">查看介绍</span>
              </a>
              <a
                href="https://apps.apple.com/app/6752538298"
                class="download-button"
                target="_blank"
                rel="noopener"
              >
                <svg viewBox="0 0 24 24">
                  <path
                    d="M16.365 1.43c0 1.14-.41 2.24-1.09 3.07-.75.92-1.97 1.63-3.13 1.54-.15-1.11.45-2.3 1.12-3.04.74-.88 2.03-1.55 3.1-1.57zM21.43 17.64c-.6 1.38-.88 1.99-1.64 3.2-1.06 1.66-2.56 3.74-4.41 3.76-1.63.02-2.05-1.06-4.26-1.04-2.22.02-2.68 1.06-4.31 1.04-1.85-.02-3.27-1.9-4.33-3.56C-.7 16.86-.74 11.27 2.17 8.5c1.35-1.27 3.1-1.96 4.75-1.96 1.74 0 2.84 1.07 4.27 1.07 1.38 0 2.23-1.07 4.26-1.07 1.49 0 3.08.8 4.43 2.17-3.9 2.14-3.27 7.73 1.55 8.93z"
                  />
                </svg>
              </a>
            </div>
          </div>
        </div>
      </div>

      <!-- Productivity Tools -->
      <div class="section">
        <h2>
          <span data-lang="en">Productivity Tools</span>
          <span data-lang="zh">效率工具系列</span>
        </h2>
        <p>
          <span data-lang="en"
            >Lightweight macOS utilities built for speed, clarity and
            efficiency.</span
          >
          <span data-lang="zh">轻量级 macOS 工具，专为速度与效率打造。</span>
        </p>

        <div class="app-grid">
          <div class="app-card">
            <img src="images/RightClickMate.png" class="app-icon" />
            <h3>RightClickMate</h3>
            <p>
              <span data-lang="en"
                >Supercharge Finder with powerful right-click tools.</span
              >
              <span data-lang="zh">强大的右键工具</span>
            </p>
            <div class="button-group">
              <a href="/rightclickmate/" class="button">
                <span data-lang="en">View App</span>
                <span data-lang="zh">查看介绍</span>
              </a>
              <a
                href="https://apps.apple.com/app/6757662347"
                class="download-button"
                target="_blank"
                rel="noopener"
              >
                <svg viewBox="0 0 24 24">
                  <path
                    d="M16.365 1.43c0 1.14-.41 2.24-1.09 3.07-.75.92-1.97 1.63-3.13 1.54-.15-1.11.45-2.3 1.12-3.04.74-.88 2.03-1.55 3.1-1.57zM21.43 17.64c-.6 1.38-.88 1.99-1.64 3.2-1.06 1.66-2.56 3.74-4.41 3.76-1.63.02-2.05-1.06-4.26-1.04-2.22.02-2.68 1.06-4.31 1.04-1.85-.02-3.27-1.9-4.33-3.56C-.7 16.86-.74 11.27 2.17 8.5c1.35-1.27 3.1-1.96 4.75-1.96 1.74 0 2.84 1.07 4.27 1.07 1.38 0 2.23-1.07 4.26-1.07 1.49 0 3.08.8 4.43 2.17-3.9 2.14-3.27 7.73 1.55 8.93z"
                  />
                </svg>
              </a>
            </div>
          </div>

          <div class="app-card">
            <img src="images/TTSMate.png" class="app-icon" />
            <h3>TTSMate</h3>
            <p>
              <span data-lang="en"
                >Convert text to speech instantly on macOS.</span
              >
              <span data-lang="zh">在 macOS 上即时文本转语音</span>
            </p>
            <div class="button-group">
              <a href="/ttsmate/" class="button">
                <span data-lang="en">View App</span>
                <span data-lang="zh">查看介绍</span>
              </a>
              <a
                href="https://apps.apple.com/app/6752127439"
                class="download-button"
                target="_blank"
                rel="noopener"
              >
                <svg viewBox="0 0 24 24">
                  <path
                    d="M16.365 1.43c0 1.14-.41 2.24-1.09 3.07-.75.92-1.97 1.63-3.13 1.54-.15-1.11.45-2.3 1.12-3.04.74-.88 2.03-1.55 3.1-1.57zM21.43 17.64c-.6 1.38-.88 1.99-1.64 3.2-1.06 1.66-2.56 3.74-4.41 3.76-1.63.02-2.05-1.06-4.26-1.04-2.22.02-2.68 1.06-4.31 1.04-1.85-.02-3.27-1.9-4.33-3.56C-.7 16.86-.74 11.27 2.17 8.5c1.35-1.27 3.1-1.96 4.75-1.96 1.74 0 2.84 1.07 4.27 1.07 1.38 0 2.23-1.07 4.26-1.07 1.49 0 3.08.8 4.43 2.17-3.9 2.14-3.27 7.73 1.55 8.93z"
                  />
                </svg>
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="footer">
      <p>Support: yangxuehui@outlook.com</p>
      <p>© 2026 Michael Dev Studio. All rights reserved.</p>
    </div>

    <script>
      // 更新页面显示语言
      function updateLang(lang) {
        document.querySelectorAll("[data-lang]").forEach((el) => {
          el.style.display =
            el.getAttribute("data-lang") === lang ? "" : "none";
        });
        document.documentElement.lang = lang; // SEO + 浏览器翻译
      }

      // 用户点击切换语言
      function setLang(lang) {
        localStorage.setItem("lang", lang);
        updateLang(lang);
      }

      // 自动检测语言（组合方法）
      async function detectLang() {
        const savedLang = localStorage.getItem("lang");
        if (savedLang) {
          updateLang(savedLang);
          return;
        }

        let lang = "zh"; // 默认中文

        try {
          // 尝试从网站 API 获取国家/语言
          const res = await fetch("https://ipapi.co/json/");
          if (res.ok) {
            const data = await res.json();
            lang = data.country === "CN" ? "zh" : "en";
          } else {
            console.warn("IP API 返回非 200，使用浏览器语言 fallback");
            const navLang = navigator.language || navigator.userLanguage;
            lang = navLang.startsWith("zh") ? "zh" : "en";
          }
        } catch (err) {
          // 请求失败时 fallback 浏览器语言
          console.error("IP API 请求失败，使用浏览器语言 fallback", err);
          const navLang = navigator.language || navigator.userLanguage;
          lang = navLang.startsWith("zh") ? "zh" : "en";
        }

        updateLang(lang);
      }

      // 页面加载立即检测
      detectLang();
    </script>
  </body>
</html>