add filter controls to pages.html template (HTML, CSS and JS).

templates/pages.html

@@ -1,14 +1,21 @@
 {% extends "layouts/default.html" %}
-{% block title %}A list of the site's pages.{% endblock %}
+{% block title %}{{system-data.first.site-name}}: Pages Index{% endblock %}
 {% block content %}
-<h1>Pages</h1>
+<main class="fe-index">
+    <h1>Pages Index</h1>
 
-{% for page in pages %}
-<div>
-  {% if page.can-delete == 1 %}
-  <a href="/view/page/{{page.slug}}">{{page.title}}</a>
-  {% endif %}
-</div>
-{% endfor %}
+    <input type="text"
+           id="fe-search-filter"
+           placeholder="Filter Pages by typing here...">
 
+    <ul id="fe-search-filter-list">
+        {% for page in pages %}
+        {% if page.can-delete == 1 %}
+        <li class="fe-index-entry">
+            <a href="/view/page/{{page.slug}}">{{page.title}}</a>
+        </li>
+        {% endif %}
+        {% endfor %}
+    </ul>
+</main>
 {% endblock %}