initial poem prototype

README.md

@@ -0,0 +1,13 @@
+# Problem Tree Poem
+
+A design experiment for a nice-looking graphic version of a poem I wrote.
+
+<p align="center">
+  <img src="assets/screenshot.png" alt="Problem Tree Poem" style="max-height: 400px; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px" />
+</p>
+
+## Context
+
+The poem came out of brainstorming for my other project, [Deep Work Tracker](https://peoplesgrocers.com/p/deep-work-timer) — a shared/collaborative todo list with time tracking, framed around problems (what you're solving) rather than tasks (what you're doing). It's designed for clear communication with your team.
+
+It's a pretty different approach to organizing and communicating your work that I've found quite hard to explain. It's kind of a show rather than tell solution. As long as my authorial flourishes lack the alacrity of my data structures, you really just have to see how the spatial layout helps with thinking and communication. But while trying to distill it into Google friendly SERP snippets and SEO tags, I spotted the seeds of a little poem hiding in the keyword cloud. I jotted a few couplets down and was pleased enough with what I found to dare say this poem deserves a good printing.

poem.html

@@ -53,7 +53,7 @@
 
             <!-- Little decorative element -->
             <div class="mt-12 text-center">
-                <span class="font-caveat text-2xl">~ a frog peom ~</span>
+                <span class="font-caveat text-2xl">~ Karl ~</span>
             </div>
 
         </div>