-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
177 lines (165 loc) · 9.09 KB
/
Copy pathindex.html
File metadata and controls
177 lines (165 loc) · 9.09 KB
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
<!doctype html>
<html lang="pl">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>bytes.io — the library index for H#</title>
<meta name="description" content="bytes.io is the open library index for the H# programming language." />
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 32 32%22><rect width=%2232%22 height=%2232%22 rx=%229%22 fill=%22%23EC4899%22/></svg>" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="bytes.io" />
<meta property="og:title" content="bytes.io — the library index for H#" />
<meta property="og:description" content="The open library index for the H# programming language. No registry to publish to — just a bytes.hk manifest and a listing in index.json." />
<meta property="og:url" content="https://bytes-repository.github.io/index.html" />
<meta property="og:image" content="https://bytes-repository.github.io/images/og/default.png" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="bytes.io — the library index for H#" />
<meta name="twitter:description" content="The open library index for the H# programming language. No registry to publish to — just a bytes.hk manifest and a listing in index.json." />
<meta name="twitter:image" content="https://bytes-repository.github.io/images/og/default.png" />
<link rel="manifest" href="manifest.webmanifest" />
<meta name="theme-color" content="#EC4899" />
<link rel="alternate" type="application/atom+xml" title="bytes.io — recently added libraries" href="feed.xml" />
<link rel="stylesheet" href="styles/base.css" />
<link rel="stylesheet" href="styles/index.css" />
<script>
// Inline + blocking so the theme is set before first paint (no flash of the wrong theme).
(function(){
try {
var stored = localStorage.getItem("bytesio:theme");
var theme = stored === "light" || stored === "dark" ? stored :
(window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light");
document.documentElement.setAttribute("data-theme", theme);
} catch (e) {}
})();
</script>
</head>
<body>
<nav class="site-nav">
<div class="wrap">
<a class="brand" href="index.html">
<span class="brand-mark">b</span>
bytes.io
</a>
<div class="nav-links" id="nav-links">
<a href="#libraries">Libraries</a>
<a href="pages/recent.html">Recently added</a>
<a href="pages/badge.html">Badges</a>
<a href="pages/about.html">About</a>
</div>
<button class="nav-burger" id="nav-burger" aria-label="Open menu" aria-expanded="false" aria-controls="nav-links">
<svg viewBox="0 0 24 24" fill="none"><path d="M4 7h16M4 12h16M4 17h16" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>
</button>
<div class="nav-right">
<button class="gh-token-btn" data-gh-settings aria-label="GitHub API token settings" title="GitHub API token (raises the 60 req/hour limit)">
<svg viewBox="0 0 24 24" fill="none"><path d="M14.7 9.3a3.5 3.5 0 1 1-4.9-4.9 3.5 3.5 0 0 1 4.9 4.9Zm0 0L20 14.6M20 14.6l-1.6 1.6M20 14.6l1.6 1.6M17.4 17.2l-1.7 1.7" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>
</button>
<button class="theme-toggle" data-theme-toggle aria-label="Switch to dark mode">
<svg class="icon-sun" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="4.5" stroke="currentColor" stroke-width="2"/><path d="M12 2.5v2.4M12 19v2.4M4.9 4.9l1.7 1.7M17.4 17.4l1.7 1.7M2.5 12h2.4M19 12h2.4M4.9 19l1.7-1.7M17.4 6.6l1.7-1.7" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>
<svg class="icon-moon" viewBox="0 0 24 24" fill="none"><path d="M20 14.5A8.5 8.5 0 1 1 9.5 4a7 7 0 0 0 10.5 10.5Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg>
</button>
<a class="nav-cta" href="https://github.com/Bytes-Repository/repository" target="_blank" rel="noopener">index.json ↗</a>
</div>
</div>
</nav>
<div class="modal-overlay" id="gh-modal" hidden role="dialog" aria-modal="true" aria-labelledby="gh-modal-title" tabindex="-1">
<div class="modal">
<h3 id="gh-modal-title">GitHub API token</h3>
<p>bytes.io calls GitHub's API to read languages, manifests, and commit history for each repo. Unauthenticated requests are capped at 60/hour; a personal access token raises that to 5,000/hour. The token is stored only in this browser's <code>localStorage</code> and is sent only to <code>api.github.com</code> / <code>raw.githubusercontent.com</code> — never to bytes.io or anywhere else. A token with no scopes (or a fine-grained, read-only, public-repos token) is enough.</p>
<input type="password" id="gh-token-input" placeholder="ghp_… or github_pat_…" autocomplete="off" />
<p class="token-status" id="gh-token-status"></p>
<div class="modal-actions">
<button id="gh-token-save">Save</button>
<button id="gh-token-clear">Clear</button>
<button id="gh-token-close">Close</button>
</div>
<p class="rate-note" id="gh-rate-note">Checking rate limit…</p>
</div>
</div>
<header class="hero">
<div class="wrap">
<div class="hero-mark">
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 3v18M6 3c4 0 6 1.6 6 4.5S10 12 6 12M6 12c4.6 0 7 1.8 7 5s-2.4 5-7 5" stroke="#fff" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<h1>The library index<br/>for <span>H#</span>.</h1>
<p class="lede">Every public H# library, indexed straight from GitHub. No registry to publish to — just a bytes.hk manifest and a listing in index.json.</p>
<div class="search-shell">
<svg viewBox="0 0 24 24" fill="none"><circle cx="11" cy="11" r="7" stroke="currentColor" stroke-width="2"/><path d="M21 21l-4.3-4.3" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>
<input id="lib-search" type="text" placeholder="Find a library — by name, description, or tag…" autocomplete="off" />
</div>
<div class="stat-row">
<span><b id="lib-count">— libraries</b></span>
<span>Source: <b>index.json</b></span>
<span>Hosted on <b>GitHub Pages</b></span>
</div>
<p class="cache-note" id="cache-note"></p>
</div>
</header>
<main class="lib-section" id="libraries">
<div class="wrap">
<div class="lib-section-head">
<h2>All libraries</h2>
<span class="src">pulled live from <a href="https://github.com/Bytes-Repository/repository/blob/main/index.json" target="_blank" rel="noopener">Bytes-Repository/repository</a></span>
</div>
<div class="filter-bar">
<label class="filter-field">
<span>Language</span>
<select id="filter-lang">
<option value="all">All languages</option>
</select>
</label>
<label class="filter-field">
<span>Sort by</span>
<select id="filter-sort">
<option value="name">Name (A–Z)</option>
<option value="downloads">Most downloads</option>
<option value="stars">Most stars</option>
<option value="recent">Recently updated</option>
</select>
</label>
</div>
<div class="tag-bar" id="filter-tags" hidden></div>
<div class="lib-grid" id="lib-grid"></div>
</div>
</main>
<div class="compare-bar" id="compare-bar" hidden>
<span id="compare-count">0 selected</span>
<div class="compare-bar-actions">
<button id="compare-open">Compare</button>
<button id="compare-clear">Clear</button>
</div>
</div>
<div class="modal-overlay" id="compare-modal" hidden role="dialog" aria-modal="true" aria-labelledby="compare-modal-title" tabindex="-1">
<div class="modal compare-modal">
<div class="compare-modal-head">
<h3 id="compare-modal-title">Comparing libraries</h3>
<button class="modal-x" id="compare-close" aria-label="Close">✕</button>
</div>
<div id="compare-table-wrap"></div>
</div>
</div>
<footer class="site-footer">
<div class="wrap">
<p>bytes.io is an index, not a host — every library lives in its own GitHub repo.</p>
<div class="footer-links">
<a href="feed.xml">RSS/Atom feed</a>
<a href="pages/recent.html">Recently added</a>
<a href="pages/about.html">How it works →</a>
</div>
</div>
</footer>
<script src="js/github.js"></script>
<script src="js/a11y.js"></script>
<script src="js/langcolors.js"></script>
<script src="js/hk-parser.js"></script>
<script src="js/storage.js"></script>
<script src="js/index-data.js"></script>
<script src="js/enrich.js"></script>
<script src="js/theme.js"></script>
<script src="js/nav.js"></script>
<script src="js/pwa.js"></script>
<script src="js/github-settings.js"></script>
<script src="js/main.js"></script>
</body>
</html>