1
0
mirror of https://github.com/muety/wakapi.git synced 2023-08-10 21:12:56 +03:00
wakapi/views/index.tpl.html

101 lines
6.2 KiB
HTML
Raw Normal View History

2020-10-09 22:37:16 +03:00
<!DOCTYPE html>
<html lang="en">
2020-02-20 16:28:55 +03:00
{{ template "head.tpl.html" . }}
2020-02-20 16:28:55 +03:00
<body class="relative bg-gray-900 text-gray-700 p-4 pt-10 flex flex-col min-h-screen max-w-screen-lg mx-auto justify-center">
2020-11-28 22:23:40 +03:00
{{ template "header.tpl.html" . }}
{{ template "alerts.tpl.html" . }}
2022-10-03 11:53:27 +03:00
{{ template "login-btn.tpl.html" . }}
2020-11-28 22:23:40 +03:00
<main class="mt-10 px-4 md:px-10 lg:px-24 grow flex justify-center w-full">
2020-11-28 22:23:40 +03:00
<div class="flex flex-col text-white">
{{ if and .Newsbox .Newsbox.Text }}
<div class="mb-14 -mt-4 newsbox newsbox-{{ .Newsbox.Type }}">
{{ .Newsbox.Text | htmlSafe }}
</div>
{{ end }}
<h1 class="text-8xl font-semibold antialiased text-center mb-10 leading-snug">Keep Track of<br><span
class="text-green-700">Your</span> Coding Time</h1>
<p class="text-center text-gray-500 text-xl my-2">Wakapi is an open-source tool that helps you keep track of the
time you have spent coding on different projects in different programming languages and more.<br>Ideal for
statistics freaks and anyone else.</p>
<div class="flex justify-center mt-8 mb-4 space-x-2">
2020-11-28 22:23:40 +03:00
<a href="login">
<button type="button"
class="btn-primary"><span class="iconify inline" data-icon="ion:rocket"></span> Let's Go!
</button>
2020-11-28 22:23:40 +03:00
</a>
<a href="https://github.com/muety/wakapi#%EF%B8%8F-how-to-use" target="_blank" rel="noopener noreferrer">
<button type="button" class="btn-default"><span class="iconify inline" data-icon="heroicons-solid:server"></span> Get Your Own
</button>
2020-11-28 22:23:40 +03:00
</a>
2021-10-13 12:27:04 +03:00
<a href="https://github.com/sponsors/muety" target="_blank" rel="noopener noreferrer">
<button type="button" class="btn-default"><span class="iconify inline" data-icon="bx:bxs-heart"></span> Support Us
2021-04-10 01:27:01 +03:00
</button>
</a>
2020-11-28 22:53:19 +03:00
<a href="https://github.com/muety/wakapi" target="_blank" rel="noopener noreferrer">
<button type="button" class="btn-default">
<span class="iconify inline text-white" data-icon="codicon:github-inverted"></span>
2020-11-28 22:23:40 +03:00
</button>
</a>
</div>
2020-11-28 22:44:39 +03:00
<p class="text-center text-gray-500 text-sm my-4">
This system has tracked a total of </span>
{{ range $d := .TotalHours | printf "%d" | toRunes }}
<span class="bg-gray-900 rounded-sm p-1 border border-gray-700 font-mono text-gray-400" style="margin: auto -1px;" title="{{ $.TotalHours }} hours (updated every hour)">{{ $d }}</span>
{{ end }}
<span class="mx-1">hours of coding from</span>
{{ range $d := .TotalUsers | printf "%d" | toRunes }}
<span class="bg-gray-900 rounded-sm p-1 border border-gray-700 font-mono text-gray-400" style="margin: auto -1px;" title="{{ $.TotalUsers }} users (updated every hour)">{{ $d }}</span>
{{ end }}
<span class="ml-1">users.</span>
</p>
2020-11-28 22:23:40 +03:00
<div class="flex justify-center my-8">
<img alt="App screenshot" src="assets/images/screenshot.webp" width="800px" height="513px" loading="lazy">
2020-11-28 22:23:40 +03:00
</div>
2020-11-28 22:44:39 +03:00
2020-11-28 22:23:40 +03:00
<div class="flex flex-col items-center mt-10">
<h1 class="font-semibold text-3xl text-white m-0">Features</h1>
<div class="mt-4 text-lg text-gray-500">
2020-11-28 22:23:40 +03:00
<ul>
<li><span class="iconify inline text-green-700" data-icon="eva:checkmark-circle-2-fill"></span> &nbsp; 100 % free and open-source</li>
<li><span class="iconify inline text-green-700" data-icon="eva:checkmark-circle-2-fill"></span> &nbsp; Built by developers for developers</li>
<li><span class="iconify inline text-green-700" data-icon="eva:checkmark-circle-2-fill"></span> &nbsp; Fancy statistics and plots</li>
<li><span class="iconify inline text-green-700" data-icon="eva:checkmark-circle-2-fill"></span> &nbsp; Public leaderboards</li>
<li><span class="iconify inline text-green-700" data-icon="eva:checkmark-circle-2-fill"></span> &nbsp; Cool badges for readmes</li>
<li><span class="iconify inline text-green-700" data-icon="eva:checkmark-circle-2-fill"></span> &nbsp; Weekly e-mail reports</li>
<li><span class="iconify inline text-green-700" data-icon="eva:checkmark-circle-2-fill"></span> &nbsp; Intuitive REST API</li>
<li><span class="iconify inline text-green-700" data-icon="eva:checkmark-circle-2-fill"></span> &nbsp; Compatible with <a href="https://wakatime.com" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-gray-300">Wakatime</a></li>
<li><span class="iconify inline text-green-700" data-icon="eva:checkmark-circle-2-fill"></span> &nbsp; <a href="https://prometheus.io" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-gray-300">Prometheus</a> metrics</li>
<li><span class="iconify inline text-green-700" data-icon="eva:checkmark-circle-2-fill"></span> &nbsp; Lightning fast</li>
<li title="Wakapi.dev is hosted in Germany, none of your data will leave the EU"><span class="iconify inline text-green-700" data-icon="eva:checkmark-circle-2-fill"></span> &nbsp; GDPR-compliant</li>
<li><span class="iconify inline text-green-700" data-icon="eva:checkmark-circle-2-fill"></span> &nbsp; Self-hosted</li>
2020-11-28 22:23:40 +03:00
</ul>
2020-02-20 17:39:56 +03:00
</div>
2020-11-28 22:23:40 +03:00
</div>
2020-11-28 22:44:39 +03:00
<div class="flex justify-center space-x-2 mt-12">
<img alt="License badge" loading="lazy"
src="https://badges.fw-web.space/github/license/muety/wakapi?color=%232F855A&style=flat-square">
<img alt="Go version badge" loading="lazy"
src="https://badges.fw-web.space/github/go-mod/go-version/muety/wakapi?color=%232F855A&style=flat-square">
<img alt="Wakapi coding time badge" loading="lazy"
src="https://badges.fw-web.space/endpoint?color=%232F855A&style=flat-square&label=wakapi&url=https://wakapi.dev/api/compat/shields/v1/n1try/interval:any/project:wakapi">
2020-11-28 22:44:39 +03:00
</div>
</div>
</main>
2020-02-20 16:28:55 +03:00
{{ template "footer.tpl.html" . }}
2020-02-20 16:28:55 +03:00
{{ template "foot.tpl.html" . }}
2020-02-20 16:28:55 +03:00
</body>
</html>