From 6e153e56572cb14119d94ed3ef67f311186d6e0e Mon Sep 17 00:00:00 2001
From: calboo <cal@rabooboo.de>
Date: Tue, 10 Feb 2026 20:29:59 +0100
Subject: [PATCH] better landing and roadmap

---
 templates/landing.html |  7 ++++++-
 templates/roadmap.html | 28 ++++++++++++++++++++++------
 2 files changed, 28 insertions(+), 7 deletions(-)

diff --git a/templates/landing.html b/templates/landing.html
index 54324d0..7854256 100644
--- a/templates/landing.html
+++ b/templates/landing.html
@@ -8,9 +8,14 @@
             If you are like me, you often wonder how the day could pass by so quickly. 
             Or maybe, like me, you just need a simple tool to track your time so you don't overwork yourself.
         </p>
+
+        <p>
+            I have used other apps before, but they were way too expensive. 
+            <strong>Asking 40€ a year for such a simple tool is just cheeky.</strong>
+        </p>
         
         <p>
-            <strong>OpenTimeTracker is for you.</strong> You can even host it yourself if you like.
+            <strong>OpenTimeTracker is for you.</strong> I built it as a solo developer, and you can even host it yourself if you like.
         </p>
         
         <p>
diff --git a/templates/roadmap.html b/templates/roadmap.html
index 5d08668..526a94c 100644
--- a/templates/roadmap.html
+++ b/templates/roadmap.html
@@ -2,11 +2,19 @@
 {% block content %}
 <div style="max-width: 680px; margin: 4rem auto;">
     <h1 style="margin-bottom: 2rem;">Roadmap</h1>
-    <p style="color: var(--text-secondary); margin-bottom: 2rem;">Here is what we are working on regarding the future of OpenTimeTracker.</p>
+    <p style="color: var(--text-secondary); margin-bottom: 2rem;">Here is what I am working on regarding the future of OpenTimeTracker.</p>
     
     <div class="card">
         <div style="display: flex; gap: 20px; margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid var(--border-dim);">
-            <div style="min-width: 100px; font-weight: bold; color: var(--primary-color);">March 2026</div>
+            <div style="min-width: 130px; font-weight: bold; color: var(--text-primary);">End of Feb 2026</div>
+            <div>
+                <h3 style="margin: 0; font-size: 1.1rem;">Optimization for Mobile</h3>
+                <p style="margin: 5px 0 0; color: var(--text-secondary);">Improving the web interface to work perfectly on smaller screens.</p>
+            </div>
+        </div>
+
+        <div style="display: flex; gap: 20px; margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid var(--border-dim);">
+            <div style="min-width: 130px; font-weight: bold; color: var(--primary-color);">March 2026</div>
             <div>
                 <h3 style="margin: 0; font-size: 1.1rem;">Export and Import Data</h3>
                 <p style="margin: 5px 0 0; color: var(--text-secondary);">Full control over your data. Migrate easily between instances.</p>
@@ -14,7 +22,7 @@
         </div>
         
         <div style="display: flex; gap: 20px; margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid var(--border-dim);">
-            <div style="min-width: 100px; font-weight: bold; color: var(--text-primary);">April 2026</div>
+            <div style="min-width: 130px; font-weight: bold; color: var(--text-primary);">April 2026</div>
             <div>
                 <h3 style="margin: 0; font-size: 1.1rem;">Calendar Sync via WebDAV</h3>
                 <p style="margin: 5px 0 0; color: var(--text-secondary);">See your tracked time entries directly in your favorite calendar app.</p>
@@ -22,20 +30,28 @@
         </div>
 
         <div style="display: flex; gap: 20px; margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid var(--border-dim);">
-            <div style="min-width: 100px; font-weight: bold; color: var(--text-primary);">May 2026</div>
+            <div style="min-width: 130px; font-weight: bold; color: var(--text-primary);">May 2026</div>
             <div>
                 <h3 style="margin: 0; font-size: 1.1rem;">API for Mobile and Desktop Apps</h3>
                 <p style="margin: 5px 0 0; color: var(--text-secondary);">Public API documentation to enable community integrations and native clients.</p>
             </div>
         </div>
 
-        <div style="display: flex; gap: 20px;">
-            <div style="min-width: 100px; font-weight: bold; color: var(--text-primary);">August 2026</div>
+        <div style="display: flex; gap: 20px; margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid var(--border-dim);">
+            <div style="min-width: 130px; font-weight: bold; color: var(--text-primary);">August 2026</div>
             <div>
                 <h3 style="margin: 0; font-size: 1.1rem;">Mobile App for iOS and Android</h3>
                 <p style="margin: 5px 0 0; color: var(--text-secondary);">Native experience for tracking your time on the go.</p>
             </div>
         </div>
+
+        <div style="display: flex; gap: 20px;">
+            <div style="min-width: 130px; font-weight: bold; color: var(--text-primary);">September 2026</div>
+            <div>
+                <h3 style="margin: 0; font-size: 1.1rem;">Apple Watch App</h3>
+                <p style="margin: 5px 0 0; color: var(--text-secondary);">Track your time directly from your wrist.</p>
+            </div>
+        </div>
     </div>
     
     <div style="margin-top: 2rem;">