calvin.erfmann/OpenTimeTracker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

better landing and roadmap

Browse Source
This commit is contained in:
Calvin-Nevaro Erfmann
2026-02-10 20:29:59 +01:00
parent 6d08fbf801
commit 6e153e5657
2 changed files with 28 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
templates/landing.html
View File

@@ -10,7 +10,12 @@
</p> </p>
<p> <p>
<strong>OpenTimeTracker is for you.</strong> You can even host it yourself if you like. 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> I built it as a solo developer, and you can even host it yourself if you like.
</p> </p>
<p> <p>

28
templates/roadmap.html
View File

@@ -2,11 +2,19 @@
{% block content %} {% block content %}
<div style="max-width: 680px; margin: 4rem auto;"> <div style="max-width: 680px; margin: 4rem auto;">
<h1 style="margin-bottom: 2rem;">Roadmap</h1> <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 class="card">
<div style="display: flex; gap: 20px; margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid var(--border-dim);"> <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> <div>
<h3 style="margin: 0; font-size: 1.1rem;">Export and Import Data</h3> <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> <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>
<div style="display: flex; gap: 20px; margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid var(--border-dim);"> <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> <div>
<h3 style="margin: 0; font-size: 1.1rem;">Calendar Sync via WebDAV</h3> <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> <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>
<div style="display: flex; gap: 20px; margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid var(--border-dim);"> <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> <div>
<h3 style="margin: 0; font-size: 1.1rem;">API for Mobile and Desktop Apps</h3> <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> <p style="margin: 5px 0 0; color: var(--text-secondary);">Public API documentation to enable community integrations and native clients.</p>
</div> </div>
</div> </div>
<div style="display: flex; gap: 20px;"> <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);">August 2026</div> <div style="min-width: 130px; font-weight: bold; color: var(--text-primary);">August 2026</div>
<div> <div>
<h3 style="margin: 0; font-size: 1.1rem;">Mobile App for iOS and Android</h3> <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> <p style="margin: 5px 0 0; color: var(--text-secondary);">Native experience for tracking your time on the go.</p>
</div> </div>
</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>
<div style="margin-top: 2rem;"> <div style="margin-top: 2rem;">