aboutsummaryrefslogtreecommitdiff
path: root/options.html
diff options
context:
space:
mode:
authorRadu <radu@pml4t.net>2023-08-26 22:16:49 -0400
committerRadu <radu@pml4t.net>2023-08-27 16:45:40 -0400
commitd98ab397c9b17036569b7a6e277b2790b02d1093 (patch)
tree708737cb50ac9354ccc4a069d95078774bb1c181 /options.html
parent76debe0071fef6865bd0fb79199f53932bf063c0 (diff)
Allow restricting websites on which extension runs
Diffstat (limited to 'options.html')
-rw-r--r--options.html70
1 files changed, 70 insertions, 0 deletions
diff --git a/options.html b/options.html
new file mode 100644
index 0000000..8fb6b5f
--- /dev/null
+++ b/options.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<!-- SPDX-License-Identifier: GPL-2.0-only -->
+
+<html>
+ <head>
+ <meta charset="utf-8" />
+ <style>
+ html,
+ body {
+ height: 100%;
+ margin: 0;
+ padding: 0;
+ }
+
+ body {
+ background-color: black;
+ box-sizing: border-box;
+ color: white;
+ display: flex;
+ flex-direction: column;
+ font-family: sans-serif;
+ gap: 8px;
+ padding: 8px;
+ }
+
+ textarea {
+ background-color: inherit;
+ border: 2px solid gray;
+ color: inherit;
+ padding: 8px;
+ }
+
+ textarea:focus {
+ border: 2px solid white;
+ outline: none;
+ }
+
+ #enable-reg-exp {
+ flex: 1;
+ resize: none;
+ }
+
+ button {
+ border: 2px solid transparent;
+ color: inherit;
+ outline: none;
+ padding: 4px;
+ }
+
+ button:focus {
+ border: 2px solid white;
+ outline: none;
+ }
+
+ button.inviting {
+ background-color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <label for="enable-reg-exp">
+ Regular expression matching domain names of sites on which to enable
+ substitution. Whitespace is ignored.
+ </label>
+ <textarea id="enable-reg-exp"></textarea>
+ <button id="enable-reg-exp-save" class="inviting">Save</button>
+ <script src="lib/extension.js"></script>
+ <script src="options.js"></script>
+ </body>
+</html>