-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
158 lines (144 loc) · 9.62 KB
/
Copy pathindex.html
File metadata and controls
158 lines (144 loc) · 9.62 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Paste a GitHub repository and find the right release download for your device.">
<meta name="theme-color" content="#101828">
<meta property="og:title" content="GitHub Release Picker">
<meta property="og:description" content="Stop guessing which GitHub file to download.">
<meta property="og:type" content="website">
<meta property="og:image" content="assets/social-card.svg">
<title>GitHub Release Picker</title>
<link rel="icon" href="assets/favicon.svg" type="image/svg+xml">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="glow glow-one" aria-hidden="true"></div>
<div class="glow glow-two" aria-hidden="true"></div>
<header class="site-header">
<a class="brand" href="./" aria-label="GitHub Release Picker home">
<span class="brand-mark" aria-hidden="true">
<svg viewBox="0 0 24 24"><path d="M12 2 3.5 6.5v11L12 22l8.5-4.5v-11L12 2Zm0 2.4 5.7 3-5.7 3-5.7-3 5.7-3Zm-6.5 5 5.4 2.9v6.6l-5.4-2.8V9.4Zm7.6 9.5v-6.6l5.4-2.9v6.7l-5.4 2.8Z"/></svg>
</span>
<span>Release Picker</span>
</a>
<nav class="header-actions" aria-label="Utility navigation">
<a href="https://github.com/configcrate/github-release-picker" class="github-link" target="_blank" rel="noreferrer">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 .7a11.5 11.5 0 0 0-3.64 22.4c.58.1.79-.25.79-.56v-2.23c-3.22.7-3.9-1.36-3.9-1.36-.52-1.34-1.28-1.69-1.28-1.69-1.05-.72.08-.7.08-.7 1.16.08 1.77 1.19 1.77 1.19 1.03 1.77 2.7 1.26 3.36.96.1-.75.4-1.26.73-1.55-2.57-.29-5.27-1.28-5.27-5.69 0-1.26.45-2.28 1.19-3.09-.12-.29-.52-1.46.11-3.05 0 0 .97-.31 3.16 1.18A10.97 10.97 0 0 1 12 6.12c.98 0 1.95.13 2.87.39 2.2-1.49 3.16-1.18 3.16-1.18.63 1.59.23 2.76.11 3.05.74.81 1.19 1.83 1.19 3.09 0 4.42-2.71 5.39-5.29 5.68.42.36.79 1.07.79 2.16v3.2c0 .31.21.67.8.56A11.5 11.5 0 0 0 12 .7Z"/></svg>
<span>GitHub</span>
</a>
<button class="language-button" id="language-button" type="button" aria-label="Switch language">中文</button>
</nav>
</header>
<main>
<section class="hero">
<div class="eyebrow"><span class="eyebrow-dot"></span><span data-i18n="eyebrow">A simpler way to download from GitHub</span></div>
<h1 data-i18n="title">Stop guessing which file to download.</h1>
<p class="hero-copy" data-i18n="subtitle">Paste a GitHub repository. We inspect its latest release and point you to the best file for your device.</p>
<form class="repo-form" id="repo-form" novalidate>
<label class="sr-only" for="repo-input" data-i18n="inputLabel">GitHub repository</label>
<div class="input-shell">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M10.6 13.4a2 2 0 0 0 2.8 0l3-3a2 2 0 0 0-2.8-2.8l-1 1-1.4-1.4 1-1a4 4 0 0 1 5.6 5.6l-3 3a4 4 0 0 1-5.6 0l-.3-.3 1.4-1.4.3.3Zm2.8-2.8a2 2 0 0 0-2.8 0l-3 3a2 2 0 0 0 2.8 2.8l1-1 1.4 1.4-1 1a4 4 0 1 1-5.6-5.6l3-3a4 4 0 0 1 5.6 0l.3.3-1.4 1.4-.3-.3Z"/></svg>
<input id="repo-input" name="repository" type="text" autocomplete="off" spellcheck="false" placeholder="owner/repository or GitHub URL" data-i18n-placeholder="placeholder">
</div>
<button class="primary-button" type="submit">
<span data-i18n="findButton">Find my download</span>
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="m13 5 7 7-7 7-1.4-1.4 4.6-4.6H4v-2h12.2l-4.6-4.6L13 5Z"/></svg>
</button>
</form>
<div class="form-help">
<button id="try-example" class="text-button" type="button" data-i18n="tryExample">Try an example</button>
<span aria-hidden="true">•</span>
<span data-i18n="publicOnly">Public repositories only</span>
</div>
<section class="device-card" aria-labelledby="device-title">
<div class="device-copy">
<span class="device-icon" aria-hidden="true">
<svg viewBox="0 0 24 24"><path d="M4 5h16v11H4V5Zm-2-2v15h20V3H2Zm7 17h6v2H9v-2Z"/></svg>
</span>
<div>
<h2 id="device-title" data-i18n="yourDevice">Your device</h2>
<p id="device-hint" data-i18n="deviceHint">Check these before downloading.</p>
</div>
</div>
<div class="selectors">
<div class="segmented" id="platform-selector" aria-label="Operating system">
<button type="button" data-value="windows">Windows</button>
<button type="button" data-value="macos">macOS</button>
<button type="button" data-value="linux">Linux</button>
</div>
<div class="segmented" id="arch-selector" aria-label="Processor architecture">
<button type="button" data-value="x64">x64</button>
<button type="button" data-value="arm64">ARM64</button>
</div>
</div>
</section>
<div class="status" id="status" role="status" aria-live="polite" hidden></div>
</section>
<section class="results" id="results" aria-live="polite" hidden>
<div class="result-heading">
<div>
<p class="section-kicker" data-i18n="latestRelease">Latest release</p>
<h2 id="release-name">—</h2>
</div>
<a id="release-link" class="release-link" href="#" target="_blank" rel="noreferrer"><span data-i18n="viewRelease">View release</span><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M14 3h7v7h-2V6.4l-8.3 8.3-1.4-1.4L17.6 5H14V3ZM5 5h6v2H5v12h12v-6h2v8H3V5h2Z"/></svg></a>
</div>
<article class="recommendation" id="recommendation">
<div class="recommend-topline">
<span class="recommend-badge" id="recommend-badge" data-i18n="recommended">Recommended for you</span>
<span class="confidence" id="confidence"></span>
</div>
<div class="file-row">
<span class="file-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M6 2h8l5 5v15H6V2Zm2 2v16h9V9h-5V4H8Zm6 1.4V7h1.6L14 5.4Z"/></svg></span>
<div class="file-copy">
<h3 id="recommended-name">—</h3>
<p id="recommended-meta">—</p>
</div>
</div>
<div class="match-reasons" id="match-reasons"></div>
<a class="download-button" id="download-button" href="#" rel="noreferrer">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M11 3h2v10.2l3.6-3.6L18 11l-6 6-6-6 1.4-1.4 3.6 3.6V3ZM4 19h16v2H4v-2Z"/></svg>
<span data-i18n="download">Download from GitHub</span>
</a>
<p class="download-note" data-i18n="downloadNote">The file comes directly from GitHub. We never proxy or modify it.</p>
</article>
<article class="no-match" id="no-match" hidden>
<span class="no-match-icon" aria-hidden="true">?</span>
<div>
<h3 data-i18n="noMatchTitle">We cannot safely pick one file.</h3>
<p data-i18n="noMatchCopy">The filenames do not clearly identify a compatible download. Open the release page or check the project's instructions.</p>
</div>
</article>
<details class="other-files" id="other-files">
<summary><span><span data-i18n="otherFiles">Other release files</span> <span id="asset-count"></span></span><svg viewBox="0 0 24 24" aria-hidden="true"><path d="m7.4 8.6 4.6 4.6 4.6-4.6L18 10l-6 6-6-6 1.4-1.4Z"/></svg></summary>
<div class="asset-list" id="asset-list"></div>
</details>
</section>
<section class="how-it-works">
<p class="section-kicker" data-i18n="howKicker">Simple by design</p>
<h2 data-i18n="howTitle">From repository to the right file.</h2>
<div class="steps">
<article><span>01</span><h3 data-i18n="step1Title">Paste a link</h3><p data-i18n="step1Copy">Use an owner/repository name or any GitHub repository and release URL.</p></article>
<article><span>02</span><h3 data-i18n="step2Title">Confirm your device</h3><p data-i18n="step2Copy">We detect what browsers expose. You stay in control when they do not.</p></article>
<article><span>03</span><h3 data-i18n="step3Title">Download confidently</h3><p data-i18n="step3Copy">Installers are prioritized. Source code, checksums, and incompatible builds are explained.</p></article>
</div>
</section>
<section class="privacy-strip">
<div class="privacy-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M12 2 4 5v6c0 5.1 3.4 9.8 8 11 4.6-1.2 8-5.9 8-11V5l-8-3Zm0 2.1L18 6.4V11c0 3.9-2.5 7.6-6 8.8-3.5-1.2-6-4.9-6-8.8V6.4l6-2.3Zm-1 4.4h2v5h-2v-5Zm0 6.5h2v2h-2v-2Z"/></svg></div>
<div><h2 data-i18n="privacyTitle">No login. No API key. No tracking.</h2><p data-i18n="privacyCopy">Your selection stays in this browser. Public release information is requested directly from GitHub's API.</p></div>
</section>
</main>
<footer>
<p>Built by <a href="https://configcrate.com/" target="_blank" rel="noreferrer">ConfigCrate</a>.</p>
<p data-i18n="notAffiliated">Not affiliated with GitHub.</p>
</footer>
<template id="asset-template">
<div class="asset-item">
<div class="asset-main"><span class="asset-dot"></span><div><strong></strong><small></small></div></div>
<a target="_blank" rel="noreferrer"><span></span><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M11 3h2v10.2l3.6-3.6L18 11l-6 6-6-6 1.4-1.4 3.6 3.6V3ZM4 19h16v2H4v-2Z"/></svg></a>
</div>
</template>
<script type="module" src="app.js"></script>
</body>
</html>