search.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

<!DOCTYPE html>
<html>
    <head>
        <title>Search (Preceding Canon)</title>
        <link rel="stylesheet" href="style.css">
        <link rel="stylesheet" href="search.css">
    </head>
    <body>
        <nav>
            <span><a href="index.html">Index</a></span>
            <span><a>Search</a></span>
            <span>Jump to <a href="#text">Text Search</a>, <a href="#panel">Panel Search</a></span>
        </nav>
        <article>
            <h1>Search</h1>
            <p><b>Shelving note:</b> The search page isn't totally done being coded (back-links are missing, mainly). It's still here if you want to play with it though.</p>
            <p>Note: Search utilities are based on client-side JavaScript and require network-based access to individual page documents; if viewing from a downloaded archive, you may have to run a <a href="https://developer.mozilla.org/en-US/docs/Learn/Common_questions/set_up_a_local_testing_server#Running_a_simple_local_HTTP_server">local HTTP server</a>.
            <h2 id="text">Text Search</h2>
            <form name="text">
                <p><label>Text: <input name="text"></label> <input type="submit" value="Search"></p>
                <details>
                    <summary>Advanced...</summary>
                    <p><label><input type="checkbox" name="do-convert" checked> Convert quirk-typing when finding results</label></p>
                    <p><label><input type="checkbox" name="do-character"> Filter by character:</label> <select name="character"></select></p>
                    <p><label><input type="checkbox" name="do-chapter"> Filter by chapter: <select name="chapter"></select></p>
                </details>
            </form>
            <div class="results" id="text-results">
                <div class="results-heading"></div>
                <div class="results-list"></div>
            </div>
            <h2 id="panel">Panel Search</h2>
            <p>This hasn't been coded yet, sorry.</p>
            <script src="search.js"></script>
        </article>
    </body>
</html>