A fast, local-first "redirection engine" for !bang users with a few extra features ^-^
dunkirk.sh
1<!doctype html>
2<html lang="en">
3 <head>
4 <meta charset="UTF-8" />
5 <link rel="icon" type="image/gif" href="/goose.gif" />
6 <link
7 rel="search"
8 type="application/opensearchdescription+xml"
9 title="Unduck"
10 href="/opensearch.xml"
11 />
12 <style>
13 :root {
14 /* Light mode colors */
15 --text-color: #1a1a1a;
16 --text-color-secondary: #666;
17 --text-color-hover: #333;
18 --bg-color: #fff;
19 --bg-color-secondary: #f5f5f5;
20 --bg-color-hover: #f0f0f0;
21 --bg-color-active: #e5e5e5;
22 --border-color: #ddd;
23 }
24
25 @media (prefers-color-scheme: dark) {
26 :root {
27 --text-color: #e0e0e0;
28 --text-color-secondary: #999;
29 --text-color-hover: #fff;
30 --bg-color: #121212;
31 --bg-color-secondary: #1e1e1e;
32 --bg-color-hover: #2a2a2a;
33 --bg-color-active: #333;
34 --border-color: #444;
35 }
36 }
37
38 * {
39 margin: 0;
40 padding: 0;
41 box-sizing: border-box;
42 }
43
44 body {
45 font-family: system-ui, sans-serif;
46 line-height: 1.5;
47 color: var(--text-color);
48 background-color: var(--bg-color);
49 }
50
51 input {
52 padding: 8px 12px;
53 border: 1px solid var(--border-color);
54 border-radius: 4px;
55 width: 100%;
56 background: var(--bg-color-secondary);
57 color: var(--text-color);
58 font: inherit;
59 }
60
61 button {
62 font: inherit;
63 border: none;
64 background: none;
65 cursor: pointer;
66 color: var(--text-color-secondary);
67 }
68
69 button:hover {
70 background: var(--bg-color-hover);
71 }
72 </style>
73 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
74 <title>Unduck</title>
75 <meta
76 name="description"
77 content="A better default search engine (with bangs!)"
78 />
79 </head>
80 <body>
81 <div id="app"></div>
82 <script type="module" src="/src/main.ts"></script>
83 </body>
84</html>