diff options
| author | Simon Brazell <simon.brazell@gmail.com> | 2019-10-07 22:59:31 +1100 |
|---|---|---|
| committer | Simon Brazell <simon.brazell@gmail.com> | 2019-10-07 22:59:31 +1100 |
| commit | 7249afb8ed86690f9ab7ce0b4bdd604f2c41c291 (patch) | |
| tree | d495be3bdbe5d580253eecc1e4c4ebdeb876ddde /pages/options/options.html | |
| parent | Add popup & options pages (diff) | |
| download | libredirect-7249afb8ed86690f9ab7ce0b4bdd604f2c41c291.zip | |
Complete options & popup menus
Diffstat (limited to 'pages/options/options.html')
| -rw-r--r-- | pages/options/options.html | 52 |
1 files changed, 36 insertions, 16 deletions
diff --git a/pages/options/options.html b/pages/options/options.html index f51f7201..124aa4bf 100644 --- a/pages/options/options.html +++ b/pages/options/options.html @@ -2,26 +2,46 @@ <html> <head> - <title>My Test Extension Options</title> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <title></title> + <link href="../styles.css" rel="stylesheet"> + <title>Privacy Redirect Options</title> </head> <body> - Favorite color: - <select id="color"> - <option value="red">red</option> - <option value="green">green</option> - <option value="blue">blue</option> - <option value="yellow">yellow</option> - </select> - - <label> - <input type="checkbox" id="like"> - I like colors. - </label> - - <div id="status"></div> - <button id="save">Save</button> + <section class="options settings_block"> + <div class="onoffswitch switch" aria-label="Toggle Nitter redirects"> + <h1>Nitter Redirects</h1> + <input aria-hidden="true" id="disableNitter" type="checkbox" checked> + <label for="disableNitter" class="checkbox-label"> + </label> + </div> + </section> + + <section class="options settings_block"> + <div class="onoffswitch switch" aria-label="Toggle Invidious redirects"> + <h1>Invidious Redirects</h1> + <input aria-hidden="true" id="disableInvidious" type="checkbox" checked> + <label for="disableInvidious" class="checkbox-label"> + </label> + </div> + </section> + + <section class="options settings_block"> + <h1>Nitter Instance</h1> + <input id="nitterInstance" type="url" placeholder="https://nitter.net"> + <h1>Invidious Instance</h1> + <input id="invidiousInstance" type="url" placeholder="https://invidio.us"> + </section> + + <footer> + <a class="button" id="save">Save</a> + </footer> + + <script src="./options.js"></script> + </body> </html> \ No newline at end of file |