-
Notifications
You must be signed in to change notification settings - Fork 20
/
options.html
65 lines (61 loc) · 1.98 KB
/
options.html
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
<!doctype html>
<title>Module Linker</title>
<link href="root.css" rel="stylesheet">
<style>
* {
font-size: 120%;
box-sizing: border-box;
}
body {
margin: auto;
width: 800px;
max-width: 97%;
}
header {
text-align: center;
}
input {
width: 100%;
padding: 5px;
}
.legend-row {
display: flex;
margin-bottom: 0.4em;
}
.dot {
border-radius: 50%;
width: 0.7em;
height: 0.7em;
display: inline-block;
margin: 0.15em 0.4em 0 0;
flex: 0 0 auto;
}
.relative {
background: var(--ball-colour-relative);
}
.stdlib {
background: var(--ball-colour-stdlib);
}
.external {
background: var(--ball-colour-external);
}
.docs {
background: var(--ball-colour-docs);
}
.maybe {
background: var(--ball-colour-maybe);
}
</style>
<header><a target=_blank href=https://github.com/fiatjaf/module-linker><img src=/icon128.png></a><h3>Module Linker</h3></header>
<p>we need a GitHub token!</p>
<p>this extension talks to the GitHub API for resolving relative paths and although it works a little without a token, GitHub starts limitting it very soon and this extension stops being useful for that purpose.</p>
<p>you can get a personal GitHub API token at <a target=_blank href=https://github.com/settings/tokens>https://github.com/settings/tokens</a> (don't need to authorize any scopes, a blank token is fine), then just paste it here:</p>
<input id=token placeholder="your GitHub API token">
<p id=message></p>
<h3>Link color legend</h3>
<div class="legend-row"><div class="dot external"></div>External module, probably fetched from a registry</div>
<div class="legend-row"><div class="dot stdlib"></div>Standard library module</div>
<div class="legend-row"><div class="dot relative"></div>Relative file or a "local" module</div>
<div class="legend-row"><div class="dot docs"></div>A link to the documentation of an external module(only in functional languages)</div>
<div class="legend-row"><div class="dot maybe"></div>Insufficient information, the link is a best guess</div>
<script src=options.js></script>