1 files changed, 64 insertions, 0 deletions
diff --git a/templates/index.html b/templates/index.html
new file mode 100644
index 0000000..52c633f
--- /dev/null
+++ b/templates/index.html
@@ -0,0 +1,64 @@
+{% extends "base.html" %}
+
+{% block title %}{{ shelf_meta.title }} · Lumière{% endblock %}
+
+{% block content %}
+  <section class="page-heading">
+    <p class="eyebrow">{{ shelf_meta.eyebrow }}</p>
+    <div class="page-heading-row">
+      <h1>{{ shelf_meta.title }}</h1>
+      {% if active_shelf == 'queue' %}
+        <a class="button-link" href="/queue/random">Surprise me</a>
+      {% endif %}
+    </div>
+  </section>
+
+  {% if imported is not none %}
+    <div class="notice">{{ imported }} entries imported.</div>
+  {% endif %}
+
+  {% if skipped is not none and skipped %}
+    <div class="notice">{{ skipped }} duplicate entries skipped.</div>
+  {% endif %}
+
+  {% if cleared is not none %}
+    <div class="notice">{{ cleared }} entries cleared.</div>
+  {% endif %}
+
+  {% if deduped is not none %}
+    <div class="notice">{{ deduped }} duplicate entries removed.</div>
+  {% endif %}
+
+  {% if empty_queue is not none %}
+    <div class="notice">The queue is empty. Add a film to get a random pick.</div>
+  {% endif %}
+
+  {% if enriched is not none %}
+    <div class="notice">{{ enriched }} entries enriched from TMDB.</div>
+  {% endif %}
+
+  {% if films %}
+    <section class="diary-feed" aria-label="Diary entries">
+      {% if active_shelf == 'diary' and grouped_films %}
+        {% for group in grouped_films %}
+          <div class="month-group">
+            <p class="month-label">{{ group.month }}</p>
+            {% for film in group.films %}
+              {% include "_film_card.html" %}
+            {% endfor %}
+          </div>
+        {% endfor %}
+      {% else %}
+        {% for film in films %}
+          {% include "_film_card.html" %}
+        {% endfor %}
+      {% endif %}
+    </section>
+  {% else %}
+    <section class="empty-state">
+      <h2>{{ shelf_meta.empty_title }}</h2>
+      <p>{{ shelf_meta.empty_text }}</p>
+      <a class="button-link" href="/films/new">Add Film</a>
+    </section>
+  {% endif %}
+{% endblock %}