rework front page to have shuffle and lazy infinite scroll

dlibrary/templates/index.html

@@ -0,0 +1,25 @@
+{% extends 'base.html' %}
+{% from 'utils.html' import index, root with context %}
+{% block head %}
+<script>
+  const ROOT = "{{ root() }}";
+  const INDEX = "{{ index() }}";
+  const WORKS = {{ works | tojson }};
+</script>
+<script src="{{ root() }}/static/index.js"></script>
+{% endblock %}
+{% block body %}
+<div id="top">
+  <div id="top-padding"></div>
+  <div id="header">
+    <h1 id="title"><a href="{{ root() }}/{{ index() }}">DLibrary</a></h1>
+    {% include 'nav.html' %}
+  </div>
+  <div id="controls">
+    <button id="shuffle" name="Shuffle"><img src="{{ root() }}/static/icons/shuffle.svg"/></button>
+    <button id="sort" name="Sort"><img src="{{ root() }}/static/icons/sort.svg"/></button>
+  </div>
+</div>
+<div id="card-listing">
+</div>
+{% endblock %}