cardputerzero.github.io/index.html at main · CardputerZero/cardputerzero.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
<!doctype html>
<html lang="zh-CN" data-theme="zero-hacker">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="color-scheme" content="dark light">
    <title>CardputerZero Hub</title>
    <meta
      name="description"
      content="A static CardputerZero AppStore registry and responsive app directory for GitHub Pages."
    >
    <link rel="icon" href="assets/favicon.png">
    <link rel="stylesheet" href="site/styles.css?v=20260601-hero-banner">
  </head>
  <body>
    <header class="shell header">
      <a class="brand" href="#/" aria-label="CardputerZero AppStore Home" data-i18n-aria="nav.home">
        <span class="brand-mark">CZ</span>
        <span>
          <span class="brand-title">CardputerZero Hub</span>
          <span class="brand-subtitle">AppStore & Registry</span>
        </span>
      </a>

      <button class="icon-button nav-toggle" id="nav-toggle" type="button" aria-label="Toggle navigation" data-i18n-aria="nav.toggle">
        <span></span>
        <span></span>
        <span></span>
      </button>

      <nav class="nav" id="nav">
        <a href="#/apps" data-nav="apps" data-i18n="nav.apps">Apps</a>
        <a href="#/tutorial" data-nav="tutorial" data-i18n="nav.tutorial">Tutorial</a>
        <a href="#/documents" data-nav="documents" data-i18n="nav.documents">Documents</a>
        <a href="#/registry" data-nav="registry" data-i18n="nav.registry">Registry</a>
        <a href="emulator/">Emulator</a>
      </nav>

      <div class="header-actions">
        <label class="visually-hidden" for="locale-select" data-i18n="language.label">Language</label>
        <select id="locale-select" class="select compact-select" aria-label="Language" data-i18n-aria="language.label">
          <option value="zh-CN">简体中文</option>
          <option value="en">English</option>
          <option value="ja">日本語</option>
        </select>
      </div>
    </header>

    <main id="app" class="app-shell" tabindex="-1">
      <section class="loading" aria-live="polite">
        <span class="scanline"></span>
        <p data-i18n="loading.registry">Loading registry...</p>
      </section>
    </main>

    <template id="app-card-template">
      <article class="app-card">
        <a class="app-card-link" href="#">
          <div class="app-card-head">
            <img class="app-icon" alt="">
            <div class="app-title-block">
              <h3></h3>
              <p class="app-author"></p>
            </div>
            <code class="share-code"></code>
          </div>
          <p class="app-summary"></p>
          <div class="badge-row app-categories"></div>
          <div class="badge-row app-signals"></div>
        </a>
      </article>
    </template>

    <script src="site/app.js?v=20260601-hero-banner" defer></script>
  </body>
</html>