Skip to content

Commit 67f6334

Browse files
committed
noscript message
1 parent dbc14b0 commit 67f6334

File tree

5 files changed

+50
-23
lines changed

5 files changed

+50
-23
lines changed

README.md

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -27,11 +27,12 @@ See it in action: [unicodesearch.org](https://www.unicodesearch.org/)
2727

2828
## To Do
2929

30-
30+
- [ ] handle `#` in name
31+
- [ ] accurate total count
3132
- [ ] preview column (SVGs)
32-
- [ ] copy to clipboard button
33+
- [ ] bigger font for example column
34+
- [ ] status (for filter/sort) in footer
3335
- [ ] test dark mode
3436
- [ ] share links in footer
35-
- [ ] tips for name search
3637
- [ ] tags: bidi, letter, number
3738
- [ ] tag filters

public/css/bootstrap.min.css

Lines changed: 6 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

public/css/bootstrap.min.css.map

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

src/index.html

Lines changed: 39 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,41 @@
11
<!DOCTYPE html>
2-
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8" />
5-
<title>Unicode Search</title>
6-
</head>
7-
<body>
8-
<script type="module" src="./index.ts"></script>
9-
<div id="loading">
10-
<img src="/images/spinner.gif" alt="Loading..." />
11-
</div>
12-
<div id="achtable" style="display:none">
13-
</div>
14-
<div id="errdiv" class="d-none d-flex flex-column justify-content-center align-items-center w-100 h-100">
15-
<div class="alert alert-danger m-3" role="alert">
16-
<img class="pe-2" src="/images/stop.svg" alt="Error" width="100" height="100" />
17-
<span class="fs-4" id="errmsg"></span>
18-
</div>
19-
</div>
20-
</body>
2+
<html lang="en" class="h-100">
3+
4+
<head>
5+
<meta charset="UTF-8" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<title>Unicode Search</title>
8+
<noscript>
9+
<style>
10+
.scriptonly {
11+
display: none;
12+
}
13+
</style>
14+
</noscript>
15+
<link href="/css/bootstrap.min.css" rel="stylesheet">
16+
</head>
17+
18+
<body class="h-100">
19+
<script type="module" src="./index.ts"></script>
20+
<div class="scriptonly" id="loading">
21+
<img src="/images/spinner.gif" alt="Loading..." />
22+
</div>
23+
<div id="achtable" style="display:none">
24+
</div>
25+
<div id="errdiv" class="d-none d-flex flex-column justify-content-center align-items-center w-100 h-100">
26+
<div class="alert alert-danger m-3" role="alert">
27+
<img class="pe-2" src="/images/stop.svg" alt="Error" width="100" height="100" />
28+
<span class="fs-4" id="errmsg"></span>
29+
</div>
30+
</div>
31+
<noscript class="w-100 h-100">
32+
<div class="d-flex flex-column justify-content-center align-items-center w-100 h-100">
33+
<div class="d-flex flex-row align-items-center alert alert-danger m-3" role="alert">
34+
<img class="pe-2" src="/images/stop.svg" alt="Error" width="100" height="100" />
35+
<span class="fs-4">UnicodeSearch requires JavaScript. Try <a href="https://www.fileformat.info/info/unicode/char/">FileFormat.Info</a> to search without Javascript.</span>
36+
</div>
37+
</div>
38+
</noscript>
39+
</body>
40+
2141
</html>

src/index.ts

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
import "./styles.css";
2-
import "../node_modules/bootstrap/dist/css/bootstrap.min.css";
32
import "../node_modules/tabulator-tables/dist/css/tabulator_bootstrap5.min.css";
43

54
import {

0 commit comments

Comments
 (0)