Skip to content

Make homepage more candid (and update signin buttons) #1039

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
matmanna wants to merge 13 commits into from
Closed

Make homepage more candid (and update signin buttons) #1039

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
13 commits
Select commit Hold shift + click to select a range
1b0493d
feat: a more honest homepage
matmanna Mar 5, 2026
1cc9ab7
fix: vite build broke :/
matmanna Mar 5, 2026
622f23c
fix: little grammar fixes and alternatives table update
matmanna Mar 5, 2026
91654cb
fix: add other motivation features
matmanna Mar 5, 2026
91db628
chore: format svelte files
matmanna Mar 5, 2026
532d225
Merge branch 'main' into login-button
matmanna Mar 7, 2026
2c6262e
fix: get started link accidental newline
matmanna Mar 7, 2026
c0383e7
fix: spelling error
matmanna Mar 7, 2026
29f7d45
fix: another spelling mistake
matmanna Mar 7, 2026
a2eb59a
fix: revert get started change
matmanna Mar 7, 2026
b757296
fix: remove strikethrough at greptile's bequest
matmanna Mar 7, 2026
1a03b1f
feat: make navbar button "Sign In"
matmanna Mar 7, 2026
0055583
fix: awkward cta section language
matmanna Mar 8, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions app/javascript/pages/Home/SignedOut.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -103,7 +103,7 @@
href="/signin"
class="px-4 py-2 bg-primary text-on-primary rounded-md font-semibold hover:opacity-90 transition-colors"
>
Start tracking
Sign In
</Link>
</nav>
</div>
Expand All @@ -128,7 +128,7 @@
href="/signin"
class="px-7 py-3.5 bg-primary text-on-primary rounded-md font-semibold text-base hover:opacity-90 transition-colors"
>
Start tracking
Get Started
</Link>
<Link
href="/docs"
Expand Down
4 changes: 2 additions & 2 deletions app/javascript/pages/Home/signedOut/CTASection.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,10 +15,10 @@
<h2
class="text-3xl md:text-4xl font-semibold text-on-primary tracking-tight mb-4"
>
Start tracking your code.
What are you waiting for?
</h2>
<p class="text-on-primary/90 text-lg mb-10">
Join {usersTracked} users who have tracked {hoursTracked}+ hours of coding
Join {usersTracked} users who have tracked {hoursTracked}+ hours of work
with Hackatime.
</p>
<Link
Expand Down
8 changes: 4 additions & 4 deletions app/javascript/pages/Home/signedOut/FeaturesGrid.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,9 +13,9 @@
icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-6"><path fill-rule="evenodd" d="M3 6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6Zm14.25 6a.75.75 0 0 1-.22.53l-2.25 2.25a.75.75 0 1 1-1.06-1.06L15.44 12l-1.72-1.72a.75.75 0 1 1 1.06-1.06l2.25 2.25c.141.14.22.331.22.53Zm-10.28-.53a.75.75 0 0 0 0 1.06l2.25 2.25a.75.75 0 1 0 1.06-1.06L8.56 12l1.72-1.72a.75.75 0 1 0-1.06-1.06l-2.25 2.25Z" clip-rule="evenodd" /></svg>`,
},
{
title: "File-level insights",
title: "Track everything, not just code",
description:
"Drill into specific files. Find the ones consuming all your time.",
"Using Lapse, you can record your screen to track time everywhere (not just coding!).",
icon: `<path d="M5.625 1.5c-1.036 0-1.875.84-1.875 1.875v17.25c0 1.035.84 1.875 1.875 1.875h12.75c1.035 0 1.875-.84 1.875-1.875V12.75A3.75 3.75 0 0016.5 9h-1.875a1.875 1.875 0 01-1.875-1.875V5.25A3.75 3.75 0 009 1.5H5.625z" /><path d="M12.971 1.816A5.23 5.23 0 0114.25 5.25v1.875c0 .207.168.375.375.375H16.5a5.23 5.23 0 013.434 1.279 9.768 9.768 0 00-6.963-6.963z" /><path d="M9 12.75a.75.75 0 00-1.5 0v4.5a.75.75 0 001.5 0v-4.5zm2.25 2.25a.75.75 0 00-1.5 0v2.25a.75.75 0 001.5 0V15zm2.25-1.5a.75.75 0 00-1.5 0v3.75a.75.75 0 001.5 0v-3.75z" />`,
},
{
Expand All @@ -26,9 +26,9 @@
<path d="M7.151 21.75a2.999 2.999 0 0 0 2.599 1.5h7.5a3 3 0 0 0 3-3v-7.5c0-1.11-.603-2.08-1.5-2.599v7.099a4.5 4.5 0 0 1-4.5 4.5H7.151Z" />`,
},
{
title: "Leaderboards (coming soon)",
title: "Built-in Motivation",
description:
"Create private leaderboards for your team or hackathon. Compete on consistency.",
"Leaderboards, goals, streaks, and email summaries create competition and consistency.",
Copy link
Contributor

@greptile-apps greptile-apps bot Mar 14, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Content contradiction with WakatimeAlternative page

FeaturesGrid.svelte now advertises "email summaries" as an existing feature under "Built-in Motivation", but WakatimeAlternative.svelte (line 126–128) still explicitly lists "No email summaries" as an honest trade-off:

"WakaTime sends weekly email reports. Hackatime doesn't currently offer email digests, but this is a feature we're actively working on."

These two statements directly contradict each other on the same website. Since a weekly summary email actually does exist (see Notifications.svelte — weekly_summary_email_enabled, "Weekly coding summary email (sent Fridays at 5:30 PM GMT)"), the WakatimeAlternative.svelte trade-offs section needs to be updated to remove or correct the "No email summaries" entry as part of this PR.

Prompt To Fix With AI 
This is a comment left during a code review.
Path: app/javascript/pages/Home/signedOut/FeaturesGrid.svelte
Line: 31

Comment:
**Content contradiction with WakatimeAlternative page**

`FeaturesGrid.svelte` now advertises "email summaries" as an existing feature under "Built-in Motivation", but `WakatimeAlternative.svelte` (line 126–128) still explicitly lists "No email summaries" as an honest trade-off:

> "WakaTime sends weekly email reports. Hackatime doesn't currently offer email digests, but this is a feature we're actively working on."

These two statements directly contradict each other on the same website. Since a weekly summary email actually does exist (see `Notifications.svelte` — `weekly_summary_email_enabled`, "Weekly coding summary email (sent Fridays at 5:30 PM GMT)"), the `WakatimeAlternative.svelte` trade-offs section needs to be updated to remove or correct the "No email summaries" entry as part of this PR.

How can I resolve this? If you propose a fix, please make it concise.

icon: `<path d="M4.5 6.375a4.125 4.125 0 118.25 0 4.125 4.125 0 01-8.25 0zM14.25 8.625a3.375 3.375 0 116.75 0 3.375 3.375 0 01-6.75 0zM1.5 19.125a7.125 7.125 0 0114.25 0v.003l-.001.119a.75.75 0 01-.363.63 13.067 13.067 0 01-6.761 1.873c-2.472 0-4.786-.684-6.76-1.873a.75.75 0 01-.364-.63l-.001-.122zM17.25 19.128l-.001.144a2.25 2.25 0 01-.233.96 10.088 10.088 0 005.06-1.01.75.75 0 00.42-.643 4.875 4.875 0 00-6.957-4.611 8.586 8.586 0 011.71 5.157v.003z" />`,
},
{
Expand Down
13 changes: 5 additions & 8 deletions app/javascript/pages/Home/signedOut/HowItWorks.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<h2
class="text-3xl md:text-4xl font-semibold text-surface-content text-center tracking-tight mb-12"
>
Start tracking in 30 seconds.
Start tracking in just minutes.
</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div class="border-l-2 border-surface-200 pl-4">
Expand All @@ -19,11 +19,11 @@
<div class="border-l-2 border-surface-200 pl-4">
<span class="text-sm font-bold text-primary tracking-widest">02</span>
<h3 class="text-lg font-semibold text-surface-content mt-2 mb-2">
Install Plugin
Run Installer
</h3>
<p class="text-secondary text-base leading-relaxed">
Install the WakaTime plugin for your editor (VS Code, JetBrains, Vim,
etc.) from its extension marketplace.
Run the unified setup command which configures plugins for most
editors.
</p>
</div>
<div class="border-l-2 border-surface-200 pl-4">
Expand All @@ -32,10 +32,7 @@
Configure
</h3>
<p class="text-secondary text-base leading-relaxed">
Enter your API key and set the <code
class="text-primary bg-surface-100 px-1.5 py-0.5 rounded text-sm"
>api_url</code
> to Hackatime. Done.
Done! Your work is now tracked across project repositories.
</p>
</div>
</div>
Expand Down
5 changes: 3 additions & 2 deletions app/javascript/pages/WakatimeAlternative.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -135,6 +135,7 @@
"Open source - audit the code, contribute, or self-host",
"Privacy-first - only metadata tracked, never your code",
"Community leaderboards - see how you stack up against peers",
"Track time for non-coding or web editors",
];
</script>

Expand Down Expand Up @@ -174,7 +175,7 @@
href="/signin"
class="px-4 py-2 bg-primary text-on-primary rounded-md font-semibold hover:opacity-90 transition-colors"
>
Start tracking
Get Started
</Link>
</nav>
</div>
Expand Down Expand Up @@ -388,7 +389,7 @@ api_key = YOUR_API_KEY_HERE</code
>
Start tracking for free
</Link>
<p class="text-secondary text-sm mt-4">Takes 2 minutes to set up.</p>
<p class="text-secondary text-sm mt-4">Takes just minutes to set up.</p>
</div>
</div>
</section>
Expand Down
Loading