Milestone 1.

app/templates/notes/list.html

@@ -0,0 +1,34 @@
+{% extends "base.html" %}
+{% block title %}Notes — PKM{% endblock %}
+{% block content %}
+<div class="flex items-center justify-between mb-4">
+  <h1 class="text-2xl font-semibold">Notes</h1>
+  <a href="{{ url_for('notes.notes_new') }}" class="btn btn-primary btn-sm">New note</a>
+</div>
+
+{% if notes %}
+  <div class="space-y-2">
+    {% for n in notes %}
+      <a href="{{ url_for('notes.notes_view', note_id=n.id) }}" class="block card bg-base-100 border hover:shadow">
+        <div class="card-body py-3">
+          <div class="flex flex-wrap items-center gap-2">
+            <span class="font-medium">{{ n.title }}</span>
+            <span class="badge badge-ghost">{{ n.updated }}</span>
+          </div>
+          {% if n.tags %}
+          <div class="flex gap-1 mt-1">
+            {% for t in n.tags %}
+              <span class="badge badge-outline">{{ t }}</span>
+            {% endfor %}
+          </div>
+          {% endif %}
+        </div>
+      </a>
+    {% endfor %}
+  </div>
+{% else %}
+  <div class="alert">
+    <span>No notes yet. Create your first one.</span>
+  </div>
+{% endif %}
+{% endblock %}