« get me outta code hell

precanon - Homestuck^2: Preceeding Canon - (re)presentation of HS2 stylized upon Prequel
summary refs log tree commit diff
path: root/search.html
diff options
context:
space:
mode:
Diffstat (limited to 'search.html')
-rw-r--r--search.html37
1 files changed, 37 insertions, 0 deletions
diff --git a/search.html b/search.html
new file mode 100644
index 0000000..239fbfa
--- /dev/null
+++ b/search.html
@@ -0,0 +1,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>