From 82f8c7a721a0d7c1f992cdecdb0a00c6d18573b2 Mon Sep 17 00:00:00 2001
From: "Christoph J. Scherr" <software@cscherr.de>
Date: Tue, 25 Feb 2025 18:32:50 +0100
Subject: [PATCH] feat: store lines of a haiku, not just as a str

Refs: OPS-24
---
 senju/haiku.py             |  2 +-
 senju/templates/haiku.html | 28 ++++++++++++++--------------
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/senju/haiku.py b/senju/haiku.py
index 6d7aeff..15d2a28 100644
--- a/senju/haiku.py
+++ b/senju/haiku.py
@@ -3,4 +3,4 @@ from dataclasses import dataclass
 
 @dataclass
 class Haiku:
-    text: str
+    lines: list[str]
diff --git a/senju/templates/haiku.html b/senju/templates/haiku.html
index 39feb77..844dfff 100644
--- a/senju/templates/haiku.html
+++ b/senju/templates/haiku.html
@@ -2,19 +2,19 @@
 
 {% block content %}
 <div class="bg-violet-900 min-h-screen flex items-center justify-center text-white">
-    <div class="text-center">
-        <div class="bg-white text-gray-900 p-10 rounded-lg shadow-lg max-w-2xl mx-auto transform -translate-y-10">
-            <h1 class="text-4xl font-bold text-violet-700 mb-6">Haiku of the Day</h1>
-            <p class="text-2xl italic leading-relaxed">
-                An old silent pond<br> 
-                A frog jumps into the pond—<br> 
-                Splash! Silence again.
-            </p>
-        </div>
-        <a href="{{ url_for('index_view') }}" class=" inline-block bg-violet-600 hover:bg-violet-700 text-white font-bold py-2 px-4 rounded-lg">
-            Back to Home
-        </a>
-    </div>
+	<div class="text-center">
+		<div class="bg-white text-gray-900 p-10 rounded-lg shadow-lg max-w-2xl mx-auto transform -translate-y-10">
+			<h1 class="text-4xl font-bold text-violet-700 mb-6">{{ title }}</h1>
+			<p class="text-2xl italic leading-relaxed text-left">
+				{% for line in context.haiku.lines %}
+					{{ line }}<br>
+				{% endfor %}
+			</p>
+		</div>
+		<a href="{{ url_for('index_view') }}"
+			class=" inline-block bg-violet-600 hover:bg-violet-700 text-white font-bold py-2 px-4 rounded-lg">
+			Back to Home
+		</a>
+	</div>
 </div>
 {% endblock %}
-