PageSourceSearch

https://basictracker.vercel.app/

html basictracker.vercel.app collected 2026-10-03 06:09:58 UTC 24,055 bytes, 1 lines download raw bytes

1<!DOCTYPE html><!--ooIVek5_e5KMGtOTm36Q6--><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/22a5144ee8d83bca-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/7d4881bb7e1bf84d-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="/screenshots/dashboard-charts.png"/><link rel="preload" as="image" href="/screenshots/dashboard-timeline.png"/><link rel="stylesheet" href="/_next/static/css/9454a0601567fdb4.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-e9ea3638f557ed04.js"/>
1<script src="/_next/static/chunks/4bd1b696-096d35a2bd1da3af.js" async=""></script>
1<script src="/_next/static/chunks/794-37dad9bbc14b04b8.js" async=""></script>
1<script src="/_next/static/chunks/main-app-e2bb99dbc2def1fa.js" async=""></script>
1<script src="/_next/static/chunks/20-8656ce2bf86d090a.js" async=""></script>
1<script src="/_next/static/chunks/app/page-b370d56565d1c1f1.js" async=""></script>
1<meta name="next-size-adjust" content=""/><title>Create Next App</title><meta name="description" content="Generated by create next app"/><link rel="icon" href="/favicon.ico?603d046c9a6fdfbb" type="image/x-icon" sizes="16x16"/>
1<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script>
1</head><body class="__variable_246ccd __variable_c29908 antialiased"><div hidden=""><!--$--><!--/$--></div><div class="min-h-screen bg-[#09090b] text-white font-sans selection:bg-blue-500/20 selection:text-blue-200"><nav class="fixed top-0 left-0 right-0 z-50 transition-all duration-300 bg-transparent py-6"><div class="max-w-7xl mx-auto px-6 flex items-center justify-between"><a class="flex items-center space-x-2 group cursor-pointer" href="/"><div class="bg-white p-1.5 rounded-lg text-gray-900 transition-transform group-hover:scale-110"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg></div><span class="font-semibold text-lg tracking-tight text-white">Basic <span class="text-zinc-400 font-normal">Tracker</span></span></a><div class="flex items-center gap-4"><a class="text-zinc-400 hover:text-white font-medium text-sm transition-colors flex items-center gap-1.5" href="/dashboard"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cloud" aria-hidden="true"><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"></path></svg>Dashboard</a><a href="/BasicTracker-Setup.exe" download="BasicTracker-Setup.exe" class="bg-white text-gray-900 px-5 py-2.5 rounded-full text-sm font-medium hover:bg-gray-100 transition-all transform hover:scale-105 active:scale-95 shadow-sm">Download App</a></div></div></nav><section class="relative pt-32 pb-20 lg:pt-48 lg:pb-28 overflow-hidden"><div class="absolute inset-0 -z-10 pointer-events-none"><div class="absolute top-20 left-1/4 w-[500px] h-[500px] bg-blue-500/5 rounded-full blur-[120px]"></div><div class="absolute bottom-0 right-1/4 w-[400px] h-[400px] bg-indigo-500/5 rounded-full blur-[100px]"></div></div><div class="max-w-7xl mx-auto px-6 text-center"><div class="inline-flex items-center space-x-2 bg-zinc-900 border border-zinc-800 px-4 py-1.5 rounded-full text-xs font-medium text-zinc-400 mb-8"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles text-blue-400" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><span>AI-Powered Analysis</span><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></div><h1 class="text-5xl md:text-7xl font-bold tracking-tight text-white mb-6 max-w-5xl mx-auto leading-[1.1]">See exactly where your<!-- --> <span class="bg-gradient-to-r from-blue-400 via-indigo-400 to-purple-400 bg-clip-text text-transparent">time goes.</span></h1><p class="text-lg md:text-xl text-zinc-400 max-w-2xl mx-auto mb-12 font-light leading-relaxed">Every 5 minutes, a screenshot is captured and analyzed by AI — automatically showing how much time you spend on each project. Works across multiple computers, aggregating everything into one view.</p><div class="flex flex-col sm:flex-row items-center justify-center gap-4"><a class="w-full sm:w-auto flex items-center justify-center space-x-2 bg-white text-gray-900 px-8 py-4 rounded-full font-semibold hover:bg-gray-100 transition-all shadow-xl shadow-blue-500/10 group cursor-pointer" href="/dashboard"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-column" aria-hidden="true"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg><span>Open Cloud Dashboard</span><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
1ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right group-hover:translate-x-1 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="/BasicTracker-Setup.exe" download="BasicTracker-Setup.exe" class="w-full sm:w-auto flex items-center justify-center space-x-2 border border-zinc-700 bg-zinc-900 text-zinc-300 px-8 py-4 rounded-full font-semibold hover:bg-zinc-800 hover:text-white transition-all"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download" aria-hidden="true"><path d="M12 15V3"></path><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><path d="m7 10 5 5 5-5"></path></svg><span>Download Tracker</span></a></div></div></section><section class="py-20 relative"><div class="max-w-7xl mx-auto px-6"><div class="text-center mb-16"><h2 class="text-3xl md:text-4xl font-bold tracking-tight text-white mb-4">Automatic project detection</h2><p class="text-zinc-400 max-w-2xl mx-auto text-lg font-light">AI vision analyzes every screenshot to identify which project you&#x27;re working on, then displays your time distribution in beautiful interactive charts.</p></div><div class="relative group"><div class="absolute -inset-1 bg-gradient-to-r from-blue-500/20 via-indigo-500/20 to-purple-500/20 rounded-3xl blur-xl opacity-50 group-hover:opacity-75 transition-opacity duration-500"></div><div class="relative rounded-2xl overflow-hidden border border-zinc-800 bg-zinc-900 shadow-2xl"><img src="/screenshots/dashboard-charts.png" alt="BasicTracker Dashboard — Project time breakdown with doughnut chart, daily active time line chart, and per-project daily time chart" class="w-full h-auto"/></div></div></div></section><section class="py-20"><div class="max-w-7xl mx-auto px-6"><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"><div class="group p-8 rounded-2xl border border-zinc-800 bg-zinc-900/50 hover:bg-zinc-800/50 transition-all duration-300 hover:border-zinc-700"><div class="mb-5 p-3 rounded-xl bg-zinc-800/50 w-fit group-hover:scale-110 transition-transform duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-pie text-blue-400" aria-hidden="true"><path d="M21 12c.552 0 1.005-.449.95-.998a10 10 0 0 0-8.953-8.951c-.55-.055-.998.398-.998.95v8a1 1 0 0 0 1 1z"></path><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path></svg></div><h3 class="text-lg font-semibold mb-3 text-white">Time by Project</h3><p class="text-zinc-400 text-sm leading-relaxed">Instantly see how your hours break down across projects with interactive doughnut charts and percentage breakdowns.</p></div><div class="group p-8 rounded-2xl border border-zinc-800 bg-zinc-900/50 hover:bg-zinc-800/50 transition-all duration-300 hover:border-zinc-700"><div class="mb-5 p-3 rounded-xl bg-zinc-800/50 w-fit group-hover:scale-110 transition-transform duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-activity text-emerald-400" aria-hidden="true"><path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"></path></svg></div><h3 class="text-lg font-semibold mb-3 text-white">Daily Active Time</h3><p class="text-zinc-400 text-sm leading-relaxed">Track your daily work hours over time. Spot trends, see your most productive days, and understand your patterns.</p></div><div class="group p-8 rounded-2xl border border-zinc-800 bg-zinc-900/50 hover:bg-zinc-800/50 transition-all duration-300 hover:border-zinc-700"><div class="mb-5 p-3 rounded-xl bg-zinc-800/50 w-fit group-hover:scale-110 transition-transform duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cpu text-amber-400" aria-hidden="true"><path d="M12 20v2"></path><path d="M12 2v2"></path><path d="M17 20v2"></path><path d="M17 2v2"></path><path d="M2 12h2"></path><path d="M2 17h2"></path><path d="M2 7h2"></path><path d="M20 12h2"></path><path d="M20 17h2"></path><path d="M20 7h2"></path><path d="M7 20v2"></path><path d="M7 2v2"></path><rect x="4" y="4" width="16" height="16" rx="2"></rect><rect x="8" y="8" width="8" height="8" rx="1"></rect></svg></div><h3 class="text-lg font-semibold mb-3 text-white">AI-Powered Detection</h3><p class="text-zinc-400 text-sm leading-relaxed">Gemini Vision AI automatically identifies projects from window titles, code editors, and browser tabs — no manual tagging needed.</p></div><div class="group p-8 rounded-2xl border border-zinc-800 bg-zinc-900/50 hover:bg-zinc-800/50 transition-all duration-300 hover:border-zinc-700"><div class="mb-5 p-3 rounded-xl bg-zinc-800/50 w-fit group-hover:scale-110 transition-transform duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock text-purple-400" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 6v6l4 2"></path></svg></div><h3 class="text-lg font-semibold mb-3 text-white">Session Tracking</h3><p class="text-zinc-400 text-sm leading-relaxed">Detects work sessions, idle periods, and away time automatically. Know exactly when you were focused vs. when you stepped away.</p></div><div class="group p-8 rounded-2xl border border-zinc-800 bg-zinc-900/50 hover:bg-zinc-800/50 transition-all duration-300 hover:border-zinc-700"><div class="mb-5 p-3 rounded-xl bg-zinc-800/50 w-fit group-hover:scale-110 transition-transform duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers text-pink-400" aria-hidden="true"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg></div><h3 class="text-lg font-semibold mb-3 text-white">Multi-Computer Sync</h3><p class="text-zinc-400 text-sm leading-relaxed">Track activity across multiple computers. All data syncs to the cloud and merges into a unified dashboard.</p></div><div class="group p-8 rounded-2xl border border-zinc-800 bg-zinc-900/50 hover:bg-zinc-800/50 transition-all duration-300 hover:border-zinc-700"><div class="mb-5 p-3 rounded-xl bg-zinc-800/50 w-fit group-hover:scale-110 transition-transform duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield text-cyan-400" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg></div><h3 class="text-lg font-semibold mb-3 text-white">Private &amp; Secure</h3><p class="text-zinc-400 text-sm leading-relaxed">Your screenshots are processed locally. Only project names and timestamps are synced — never your actual screen content.</p></div></div></div></section><section class="py-20 relative"><div class="max-w-7xl mx-auto px-6"><div class="text-center mb-16"><h2 class="text-3xl md:text-4xl font-bold tracking-tight text-white mb-4">Visual activity timeline</h2><p class="text-zinc-400 max-w-2xl mx-auto text-lg font-light">A Gantt-style timeline shows exactly when you worked on each project. Hover any block to see session details, duration, and context.</p></div><div class="relative group"><div class="absolute -inset-1 bg-gradient-to-r from-purple-500/20 via-pink-500/20 to-red-500/20 rounded-3xl blur-xl opacity-50 group-hover:opacity-75 transition-opacity duration-500"></div><div class="relative rounded-2xl overflow-hidden border border-zinc-800 bg-zinc-900 shadow-2xl"><img src="/screenshots/dashboard-timeline.png" alt="BasicTracker Timeline — Gantt-style all time overview showing project activity blocks across multiple days" class="w-full h-auto"/></div></div></div></section><section class="py-24 border-t border-zinc-800/50"><div class="max-w-7xl mx-auto px-6"><div class="text-center mb-16"><h2 class="text-3xl md:text-4xl font-bold tracking-tight text-white mb-4">How it works</h2><p class="text-zinc-400 max-w-xl mx-auto text-lg font-light">Three simple steps. No manual time tracking ever again.</p></div><div class="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-5xl mx-auto"><div class="relative p-8 rounded-2xl border border-blue-500/20 bg-zinc-900/30"><span class="text-5xl font-bold text-blue-400 opacity-20 absolute top-4 right-6">01</span>
1<h3 class="text-xl font-bold text-white mb-3 mt-6">Install &amp; Forget</h3><p class="text-zinc-400 text-sm leading-relaxed">Download the Windows app. It starts on boot, runs silently, and takes a screenshot every 5 minutes — completely in the background.</p></div><div class="relative p-8 rounded-2xl border border-emerald-500/20 bg-zinc-900/30"><span class="text-5xl font-bold text-emerald-400 opacity-20 absolute top-4 right-6">02</span><h3 class="text-xl font-bold text-white mb-3 mt-6">AI Analyzes</h3><p class="text-zinc-400 text-sm leading-relaxed">Gemini Vision AI analyzes each screenshot to detect which project, app, or website you&#x27;re using. No manual tagging — it just works.</p></div><div class="relative p-8 rounded-2xl border border-purple-500/20 bg-zinc-900/30"><span class="text-5xl font-bold text-purple-400 opacity-20 absolute top-4 right-6">03</span><h3 class="text-xl font-bold text-white mb-3 mt-6">View Insights</h3><p class="text-zinc-400 text-sm leading-relaxed">If you have multiple computers, it aggregates everything. Open the cloud dashboard from any browser to see the full picture.</p></div></div></div></section><section class="py-24 relative overflow-hidden"><div class="absolute inset-0 -z-10 pointer-events-none"><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[600px] h-[600px] bg-blue-500/5 rounded-full blur-[150px]"></div></div><div class="max-w-4xl mx-auto px-6 text-center"><h2 class="text-4xl md:text-5xl font-bold tracking-tight text-white mb-6">Start tracking your time.</h2><p class="text-zinc-400 text-lg mb-10 font-light max-w-xl mx-auto">Download BasicTracker, let it run, and see where your hours go. No manual input needed — ever.</p><div class="flex flex-col sm:flex-row items-center justify-center gap-4"><a href="/BasicTracker-Setup.exe" download="BasicTracker-Setup.exe" class="w-full sm:w-auto flex items-center justify-center space-x-2 bg-white text-gray-900 px-8 py-4 rounded-full font-semibold hover:bg-gray-100 transition-all shadow-xl shadow-blue-500/10 group"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download group-hover:translate-y-0.5 transition-transform" aria-hidden="true"><path d="M12 15V3"></path><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><path d="m7 10 5 5 5-5"></path></svg><span>Download for Windows</span></a><a class="w-full sm:w-auto flex items-center justify-center space-x-2 border border-zinc-700 bg-zinc-900 text-zinc-300 px-8 py-4 rounded-full font-semibold hover:bg-zinc-800 hover:text-white transition-all" href="/dashboard"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cloud" aria-hidden="true"><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"></path></svg><span>Open Dashboard</span></a></div></div></section><footer class="border-t border-zinc-800/50 py-8"><div class="max-w-7xl mx-auto px-6 flex flex-col md:flex-row items-center justify-between gap-4"><div class="flex items-center space-x-2"><div class="bg-white p-1 rounded text-gray-900"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg></div><span class="text-sm text-zinc-500">BasicTracker · Automatic screen tracking</span></div><div class="flex items-center gap-6 text-sm text-zinc-500"><a class="hover:text-zinc-300 transition-colors" href="/">Home</a><a class="hover:text-zinc-300 transition-colors" href="/dashboard">Dashboard</a></div></div></footer></div><!--$--><!--/$-->
1<script src="/_next/static/chunks/webpack-e9ea3638f557ed04.js" id="_R_" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[7121,[],\"\"]\n3:I[4581,[],\"\"]\n4:I[1304,[],\"ClientPageRoot\"]\n5:I[9173,[\"20\",\"static/chunks/20-8656ce2bf86d090a.js\",\"974\",\"static/chunks/app/page-b370d56565d1c1f1.js\"],\"default\"]\n8:I[484,[],\"OutletBoundary\"]\n9:\"$Sreact.suspense\"\nb:I[484,[],\"ViewportBoundary\"]\nd:I[484,[],\"MetadataBoundary\"]\nf:I[7123,[],\"\"]\n:HL[\"/_next/static/media/22a5144ee8d83bca-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/7d4881bb7e1bf84d-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/9454a0601567fdb4.css\",\"style\"]\n"])</script>
1<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"ooIVek5-e5KMGtOTm36Q6\",\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/9454a0601567fdb4.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"children\":[\"$\",\"body\",null,{\"className\":\"__variable_246ccd __variable_c29908 antialiased\",\"suppressHydrationWarning\":true,\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L4\",null,{\"Component\":\"$5\",\"serverProvidedParams\":{\"searchParams\":{},\"params\":{},\"promises\":[\"$@6\",\"$@7\"]}}],null,[\"$\",\"$L8\",null,{\"children\":[\"$\",\"$9\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@a\"}]}]]}],{},null,false,false]},null,false,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Lb\",null,{\"children\":\"$Lc\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Ld\",null,{\"children\":[\"$\",\"$9\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Le\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$f\",[]],\"S\":true}\n"])</script>
1<script>self.__next_f.push([1,"6:{}\n7:\"$0:f:0:1:1:children:0:props:children:0:props:serverProvidedParams:params\"\n"])</script>
1<script>self.__next_f.push([1,"c:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
1<script>self.__next_f.push([1,"10:I[6869,[],\"IconMark\"]\na:null\ne:[[\"$\",\"title\",\"0\",{\"children\":\"Create Next App\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Generated by create next app\"}],[\"$\",\"link\",\"2\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?603d046c9a6fdfbb\",\"type\":\"image/x-icon\",\"sizes\":\"16x16\"}],[\"$\",\"$L10\",\"3\",{}]]\n"])</script>
1</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.