File size: 3,771 Bytes
e9808cd
870d198
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1c83083
 
 
 
 
870d198
 
 
 
 
 
 
 
 
 
 
 
 
1c83083
870d198
 
 
 
1c83083
 
 
 
 
 
870d198
 
 
 
 
 
1c83083
 
 
 
 
 
870d198
 
 
 
 
 
 
 
 
1c83083
 
 
870d198
 
 
 
 
 
 
 
1c83083
870d198
 
 
 
 
 
1c83083
870d198
 
 
1c83083
 
 
 
 
 
 
 
 
 
 
 
 
 
870d198
 
 
 
 
 
 
 
 
 
 
 
e9808cd
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
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>K R&D Lab Study Registry</title>
    <link rel="stylesheet" href="./styles.css">
  </head>
  <body>
    <main class="page">
      <section class="hero">
        <p class="eyebrow">K R&D Lab</p>
        <h1>Cross-Sphere Study Registry</h1>
        <p class="lede">
          A first public registry scaffold for browsing studies, starter cases, and reusable assets
          across SCIENCE, ENTREPRENEURSHIP, and TECHNOLOGY.
        </p>
        <p class="sublede">
          Each entry keeps one primary home sphere while also showing hybrid combos such as
          <strong>S+T</strong> or <strong>S+E+T</strong> when the work crosses research, venture, and
          tooling layers.
        </p>
        <div class="hero-links">
          <a href="https://github.com/K-RnD-Lab/SPHERE-I-SCIENCE" target="_blank" rel="noreferrer">SCIENCE</a>
          <a href="https://github.com/K-RnD-Lab/SPHERE-II-ENTREPRENEURSHIP" target="_blank" rel="noreferrer">ENTREPRENEURSHIP</a>
          <a href="https://github.com/K-RnD-Lab/SPHERE-III-TECHNOLOGY" target="_blank" rel="noreferrer">TECHNOLOGY</a>
        </div>
      </section>

      <section class="controls">
        <label class="search">
          <span>Search</span>
          <input id="search-input" type="search" placeholder="Search studies, tracks, or tags">
        </label>
        <label>
          <span>Home sphere</span>
          <select id="sphere-filter">
            <option value="all">All</option>
          </select>
        </label>
        <label>
          <span>Hybrid combo</span>
          <select id="combo-filter">
            <option value="all">All</option>
          </select>
        </label>
        <label>
          <span>Status</span>
          <select id="status-filter">
            <option value="all">All</option>
          </select>
        </label>
        <label>
          <span>Artifact type</span>
          <select id="artifact-filter">
            <option value="all">All</option>
          </select>
        </label>
      </section>

      <section class="stats" id="stats"></section>

      <section class="registry">
        <div class="registry-header">
          <h2>Registry Entries</h2>
          <p id="result-count">Loading...</p>
        </div>
        <p class="registry-note">
          Hugging Face is treated as a delivery layer for live demos and interfaces, not as a fourth sphere.
        </p>
        <div id="registry-grid" class="registry-grid"></div>
      </section>
    </main>

    <template id="card-template">
      <article class="card">
        <div class="card-top">
          <span class="badge sphere"></span>
          <span class="badge combo"></span>
          <span class="badge status"></span>
        </div>
        <h3 class="title"></h3>
        <p class="summary"></p>
        <dl class="meta">
          <div>
            <dt>Home track</dt>
            <dd class="track"></dd>
          </div>
          <div>
            <dt>Artifact</dt>
            <dd class="artifact-type"></dd>
          </div>
          <div>
            <dt>Secondary spheres</dt>
            <dd class="secondary-spheres"></dd>
          </div>
          <div>
            <dt>Delivery</dt>
            <dd class="delivery-layers"></dd>
          </div>
          <div>
            <dt>Validation</dt>
            <dd class="validation-stage"></dd>
          </div>
          <div>
            <dt>Tags</dt>
            <dd class="tags"></dd>
          </div>
        </dl>
        <div class="links"></div>
      </article>
    </template>

    <script src="./app.js" defer></script>
  </body>
</html>