options.html 2.41 KB
Newer Older
Marco Kellershoff's avatar
Marco Kellershoff committed
1 2 3 4
<html>
        <head>
                <meta charset="utf-8" />
                <meta name="viewport" content="width=device-width" />
5
                <title>Options for Super Evil New Tab</title>
Marco Kellershoff's avatar
Marco Kellershoff committed
6 7 8 9 10
                <link rel="stylesheet" href="options.css" />
                <link rel="stylesheet" href="fonts/font-awesome-4.6.3/css/font-awesome.min.css" />
        </head>
        <body>
                <div id="contentwrapper">
11
                        <h1>Options for <span>Super Evil New Tab</span></h1>
Marco Kellershoff's avatar
Marco Kellershoff committed
12 13 14 15 16 17 18 19
                        <p>Press <kbd>CTRL</kbd> / <kbd></kbd> + <kbd>S</kbd> to save the configuration.</p>
                        <p>
                                To reset the configuration back to the default values,<br/>
                                clear the editor
                                (<kbd>CTRL</kbd> / <kbd></kbd> + <kbd>A</kbd>, then <kbd>BACKSPACE</kbd>)
                                and press <kbd>CTRL</kbd> / <kbd></kbd> + <kbd>S</kbd>.
                        </p>
                        <p>This can mess up your newtab page pretty badly, so be cautious.</p>
20 21 22 23 24
                        <nav>
                                <button id="exportBtn">Export Configuration</button>
                                <button id="importBtn">Import Configuration</button>
                                <input id="file" name="file" type="file" accept=".json" />
                        </nav>
25 26
                        <h3>Background-Color (on initial load)</h3>
                        <div class="option-holder"><input type="text" id="bgColor" placeholder="#fff" /><span id="bgColorPreview">Background-Color Preview</span></div>
27 28
                        <h3>Custom HTML (inside <code>&lt;body&gt;</code> tag)</h3>
                        <div id="htmlEditor"></div>
Marco Kellershoff's avatar
Marco Kellershoff committed
29 30 31 32 33 34 35
                        <h3>Custom CSS</h3>
                        <div id="cssEditor"></div>
                        <h3>Custom JavaScript</h3>
                        <div id="javascriptEditor"></div>
                </div>
                <footer>
                       Made with <i class="fa fa-heart" aria-hidden="true" style="color:red;"></i> by
36
                         <a href="https://gorilla.moe/" target="_blank">Marco</a>.
Marco Kellershoff's avatar
Marco Kellershoff committed
37 38 39 40 41
                </footer>
                <script src="ace/src-noconflict/ace.js" type="text/javascript" charset="utf-8"></script>
                <script type="text/javascript" src="options.js"></script>
        </body>
</html>