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

@@ -8,9 +8,14 @@
If you are like me, you often wonder how the day could pass by so quickly. 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. Or maybe, like me, you just need a simple tool to track your time so you don't overwork yourself.
</p> </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> <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>
<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;">