Skip to content

Commit b8d58b9

Browse files
xsemanxseman
committed
docs: update stylesheet paths in examples
1 parent 7bbf104 commit b8d58b9

8 files changed

Lines changed: 231 additions & 111 deletions

File tree

‎.vscode/settings.json‎

Lines changed: 10 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,21 @@
11
{
22
"typescript.tsdk": "node_modules/typescript/lib",
33
"typescript.preferences.preferTypeOnlyAutoImports": true,
4-
"files.associations": {
5-
"tsconfig.json": "jsonc",
6-
"dprint.json": "jsonc"
4+
5+
"workbench.editorAssociations": {
6+
"*.svg": "editor.excalidraw"
77
},
8+
89
"editor.codeActionsOnSave": {
910
"source.organizeImports": "explicit"
1011
},
11-
"workbench.editorAssociations": {
12-
"*.svg": "editor.excalidraw"
12+
13+
"files.associations": {
14+
"tsconfig.json": "jsonc",
15+
"dprint.json": "jsonc"
1316
},
14-
"[typescript][javascript][markdown][json][yaml][yml][github-actions-workflow]": {
17+
18+
"[typescript][javascript][markdown][json][yaml][yml][github-actions-workflow][html]": {
1519
"editor.defaultFormatter": "dprint.dprint",
1620
"editor.formatOnSave": true
1721
}

‎docs/examples/pdf/index.html‎

Lines changed: 18 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,29 @@
11
<!DOCTYPE html>
22
<html lang="en">
33
<head>
4-
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
4+
<meta charset="UTF-8" />
5+
<meta
6+
name="viewport"
7+
content="width=device-width, initial-scale=1.0"
8+
/>
69
<title>PDF QR code extract - Bysquare</title>
7-
<link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css">
8-
<link rel="stylesheet" href="/examples/shared.css">
10+
<link
11+
rel="stylesheet"
12+
href="https://cdn.simplecss.org/simple.min.css"
13+
/>
14+
<link
15+
rel="stylesheet"
16+
href="/bysquare/examples/shared.css"
17+
/>
918
</head>
1019
<body>
1120
<h1>PDF QR Code Extract</h1>
1221
<p>Upload a PDF file to extract and parse Bysquare QR codes.</p>
13-
<div id="app"></div>
22+
<div id="app" />
1423

15-
<script type="module" src="index.js"></script>
24+
<script
25+
type="module"
26+
src="index.js"
27+
/>
1628
</body>
1729
</html>

‎docs/examples/web/lit/index.html‎

Lines changed: 23 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -2,29 +2,44 @@
22
<html lang="en">
33
<head>
44
<meta charset="UTF-8" />
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
5+
<meta
6+
http-equiv="X-UA-Compatible"
7+
content="IE=edge"
8+
/>
9+
<meta
10+
name="viewport"
11+
content="width=device-width, initial-scale=1.0"
12+
/>
713
<title>Lit Web Components Example - Bysquare</title>
8-
<link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css">
9-
<link rel="stylesheet" href="/examples/shared.css">
10-
<script type="module" src="index.js"></script>
14+
<link
15+
rel="stylesheet"
16+
href="https://cdn.simplecss.org/simple.min.css"
17+
/>
18+
<link
19+
rel="stylesheet"
20+
href="/bysquare/examples/shared.css"
21+
/>
22+
<script
23+
type="module"
24+
src="index.js"
25+
/>
1126
</head>
1227

1328
<body>
1429
<h1>Bysquare - Lit Web Components Example</h1>
15-
30+
1631
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; margin-bottom: 2rem;">
1732
<div>
1833
<bysquare-form></bysquare-form>
1934
</div>
20-
35+
2136
<div>
2237
<div style="width: 200px">
2338
<bysquare-qr></bysquare-qr>
2439
</div>
2540
</div>
2641
</div>
27-
42+
2843
<pre style="word-wrap: break-word; white-space: pre-wrap;">
2944
<bysquare-text></bysquare-text>
3045
</pre>

‎docs/examples/web/multi/index.html‎

Lines changed: 49 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -1,35 +1,56 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8"/>
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
7-
<title>Multiple Payments Example - Bysquare</title>
8-
<link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css">
9-
<link rel="stylesheet" href="/examples/shared.css">
10-
<script type="module" src="index.js"></script>
11-
</head>
12-
<body>
13-
<h1>Multiple Payments Example</h1>
14-
<p>Create and manage multiple payment QR codes in batch</p>
15-
16-
<div id="payment-inputs" style="
17-
overflow-x: auto;
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta
6+
http-equiv="X-UA-Compatible"
7+
content="IE=edge"
8+
/>
9+
<meta
10+
name="viewport"
11+
content="width=device-width, initial-scale=1.0"
12+
/>
13+
<title>Multiple Payments Example - Bysquare</title>
14+
<link
15+
rel="stylesheet"
16+
href="https://cdn.simplecss.org/simple.min.css"
17+
/>
18+
<link
19+
rel="stylesheet"
20+
href="/bysquare/examples/shared.css"
21+
/>
22+
<script
23+
type="module"
24+
src="index.js"
25+
/>
26+
</head>
27+
<body>
28+
<h1>Multiple Payments Example</h1>
29+
<p>Create and manage multiple payment QR codes in batch</p>
30+
31+
<div
32+
id="payment-inputs"
33+
style="overflow-x: auto;
1834
white-space: nowrap;
1935
padding: 10px 0;
2036
margin-bottom: 2rem;
2137
border: 1px solid var(--border);
22-
border-radius: 4px;
23-
">
24-
</div>
25-
26-
<div id="result" style="text-align: center;">
27-
<pre id="encodedText" style="word-wrap: break-word; text-wrap: auto; max-width: 100%; margin-bottom: 1rem;"></pre>
28-
<canvas
29-
height="200"
30-
width="200"
31-
id="canvas"
32-
></canvas>
33-
</div>
34-
</body>
38+
border-radius: 4px;"
39+
/>
40+
41+
<div
42+
id="result"
43+
style="text-align: center;"
44+
>
45+
<pre
46+
id="encodedText"
47+
style="word-wrap: break-word; text-wrap: auto; max-width: 100%; margin-bottom: 1rem;"
48+
/>
49+
<canvas
50+
height="200"
51+
width="200"
52+
id="canvas"
53+
/>
54+
</div>
55+
</body>
3556
</html>

‎docs/examples/web/native/index.html‎

Lines changed: 40 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -2,17 +2,32 @@
22
<html lang="en">
33
<head>
44
<meta charset="UTF-8" />
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
5+
<meta
6+
http-equiv="X-UA-Compatible"
7+
content="IE=edge"
8+
/>
9+
<meta
10+
name="viewport"
11+
content="width=device-width, initial-scale=1.0"
12+
/>
713
<title>Native JavaScript Example - Bysquare</title>
8-
<link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css">
9-
<link rel="stylesheet" href="/examples/shared.css">
10-
<script type="module" src="index.js"></script>
14+
<link
15+
rel="stylesheet"
16+
href="https://cdn.simplecss.org/simple.min.css"
17+
/>
18+
<link
19+
rel="stylesheet"
20+
href="/bysquare/examples/shared.css"
21+
/>
22+
<script
23+
type="module"
24+
src="index.js"
25+
/>
1126
</head>
1227

1328
<body>
1429
<h1>Bysquare - Native JavaScript Example</h1>
15-
30+
1631
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; margin-bottom: 2rem;">
1732
<div>
1833
<label style="display: block; margin-bottom: 1rem">
@@ -26,19 +41,32 @@ <h1>Bysquare - Native JavaScript Example</h1>
2641
</label>
2742
<label style="display: block; margin-bottom: 1rem">
2843
IBAN:
29-
<input style="width: 100%; margin-top: 0.5rem" name="iban" />
44+
<input
45+
style="width: 100%; margin-top: 0.5rem"
46+
name="iban"
47+
/>
3048
</label>
3149
<label style="display: block; margin-bottom: 1rem">
3250
Variable:
33-
<input style="width: 100%; margin-top: 0.5rem" type="number" name="variable" />
51+
<input
52+
style="width: 100%; margin-top: 0.5rem"
53+
type="number"
54+
name="variable"
55+
/>
3456
</label>
3557
</div>
36-
58+
3759
<div>
38-
<div style="width: 200px" id="qrcode"></div>
60+
<div
61+
style="width: 200px"
62+
id="qrcode"
63+
/>
3964
</div>
4065
</div>
41-
42-
<pre id="encodedText" style="word-wrap: break-word; white-space: pre-wrap;"></pre>
66+
67+
<pre
68+
id="encodedText"
69+
style="word-wrap: break-word; white-space: pre-wrap;"
70+
/>
4371
</body>
4472
</html>

‎docs/examples/web/preact/index.html‎

Lines changed: 22 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -2,17 +2,32 @@
22
<html lang="en">
33
<head>
44
<meta charset="UTF-8" />
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
5+
<meta
6+
http-equiv="X-UA-Compatible"
7+
content="IE=edge"
8+
/>
9+
<meta
10+
name="viewport"
11+
content="width=device-width, initial-scale=1.0"
12+
/>
713
<title>Preact Example - Bysquare</title>
8-
<link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css">
9-
<link rel="stylesheet" href="/examples/shared.css">
14+
<link
15+
rel="stylesheet"
16+
href="https://cdn.simplecss.org/simple.min.css"
17+
/>
18+
<link
19+
rel="stylesheet"
20+
href="bysquare/examples/shared.css"
21+
/>
1022
</head>
1123
<body>
1224
<h1>Bysquare - Preact Example</h1>
13-
14-
<div id="app"></div>
25+
26+
<div id="app" />
1527
</body>
1628

17-
<script type="module" src="index.js"></script>
29+
<script
30+
type="module"
31+
src="index.js"
32+
/>
1833
</html>

0 commit comments

Comments
 (0)