2020-10-09 22:37:16 +03:00
<!DOCTYPE html>
< html lang = "en" >
2020-02-20 16:28:55 +03:00
2020-05-24 11:37:31 +03:00
{{ template "head.tpl.html" . }}
2020-02-20 16:28:55 +03:00
2021-02-06 01:42:20 +03:00
< body class = "relative bg-gray-850 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" . }}
2020-05-24 14:41:19 +03:00
{{ template "alerts.tpl.html" . }}
2020-11-28 22:23:40 +03:00
< div class = "absolute flex top-0 right-0 mr-8 mt-10 py-2" >
< div class = "mx-1" >
2021-04-16 18:07:11 +03:00
< a href = "login" class = "py-1 px-3 h-8 block rounded border border-green-700 text-white text-sm" >
< span class = "iconify inline" data-icon = "fxemoji:key" > < / span > Login️ < / a >
2020-11-28 22:23:40 +03:00
< / div >
< / div >
2020-05-30 21:41:27 +03:00
< main class = "mt-10 flex-grow flex justify-center w-full" >
2020-11-28 22:23:40 +03:00
< div class = "flex flex-col text-white" >
2021-01-17 11:24:09 +03:00
< h1 class = "text-4xl font-semibold antialiased text-center mb-2" > Keep Track of < span
2021-04-16 18:07:11 +03:00
class="text-green-700">Your< / span > Coding Time < span class = "iconify inline" data-icon = "flat-color-icons:clock" > < / span > < / h1 >
2021-01-17 11:24:09 +03:00
< 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. Ideal for
2021-02-06 18:05:34 +03:00
statistics freaks and anyone else.< / p >
2021-01-17 11:24:09 +03:00
< p class = "text-center text-gray-500 text-xl my-4" >
2021-04-16 18:07:11 +03:00
< span class = "mr-1" > < span class = "iconify inline" data-icon = "twemoji:light-bulb" > < / span > The system has tracked a total of < / span >
2021-01-17 11:24:09 +03:00
{{ range $d := .TotalHours | printf "%d" | toRunes }}
2021-02-12 20:37:30 +03:00
< span class = "bg-gray-900 rounded-sm p-1 border border-gray-700 font-mono" style = "margin: auto -2px;" title = "{{ $.TotalHours }} hours (updated every hour)" > {{ $d }}< / span >
2021-01-17 11:24:09 +03:00
{{ end }}
2021-01-17 11:40:14 +03:00
< span class = "mx-1" > hours of coding from< / span >
2021-01-17 11:24:09 +03:00
{{ range $d := .TotalUsers | printf "%d" | toRunes }}
2021-02-12 20:37:30 +03:00
< span class = "bg-gray-900 rounded-sm p-1 border border-gray-700 font-mono" style = "margin: auto -2px;" title = "{{ $.TotalUsers }} users (updated every hour)" > {{ $d }}< / span >
2021-01-17 11:24:09 +03:00
{{ end }}
< span class = "ml-1" > users.< / span >
< / p >
2020-11-28 22:44:39 +03:00
2020-11-28 22:23:40 +03:00
< div class = "flex justify-center mt-4 mb-8 space-x-2" >
< a href = "login" >
2021-01-17 11:24:09 +03:00
< button type = "button"
2021-04-16 18:07:11 +03:00
class="py-1 px-3 rounded bg-green-700 hover:bg-green-800 text-white font-semibold">< span class = "iconify inline" data-icon = "fxemoji:rocket" > < / span > Try it!
2021-01-17 11:24:09 +03:00
< / button >
2020-11-28 22:23:40 +03:00
< / a >
2021-01-31 16:10:17 +03:00
< a href = "https://github.com/muety/wakapi#%EF%B8%8F-how-to-use" target = "_blank" rel = "noopener noreferrer" >
2021-04-16 18:07:11 +03:00
< button type = "button" class = "py-1 px-3 h-8 rounded border border-green-700 text-white" > < span class = "iconify inline" data-icon = "fxemoji:satelliteantenna" > < / span > Host it
2021-01-17 11:24:09 +03:00
< / button >
2020-11-28 22:23:40 +03:00
< / a >
2021-04-10 01:27:01 +03:00
< a href = "https://liberapay.com/muety" target = "_blank" rel = "noopener noreferrer" >
2021-04-16 18:07:11 +03:00
< button type = "button" class = "py-1 px-3 h-8 rounded border border-green-700 text-white" > < span class = "iconify inline" data-icon = "flat-color-icons:donate" > < / span > Support it
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" >
2020-11-28 22:23:40 +03:00
< button type = "button" class = "py-1 px-3 h-8 rounded border border-green-700 text-white" >
2021-04-16 18:07:11 +03:00
< 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
2020-11-28 22:23:40 +03:00
< div class = "flex justify-center my-8" >
2020-11-28 22:50:35 +03:00
< img alt = "App screenshot" src = "assets/images/screenshot.png" >
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-xl text-white m-0 border-b-4 border-green-700" > Features< / h1 >
< div class = "mt-4 text-lg" >
< ul >
2021-04-16 18:07:11 +03:00
< li > < span class = "iconify inline text-green-700" data-icon = "ant-design:check-square-filled" > < / span > 100 % free and open-source< / li >
< li > < span class = "iconify inline text-green-700" data-icon = "ant-design:check-square-filled" > < / span > Built by developers for developers< / li >
< li > < span class = "iconify inline text-green-700" data-icon = "ant-design:check-square-filled" > < / span > Fancy statistics and plots< / li >
< li > < span class = "iconify inline text-green-700" data-icon = "ant-design:check-square-filled" > < / span > Cool badges for readmes< / li >
< li > < span class = "iconify inline text-green-700" data-icon = "ant-design:check-square-filled" > < / span > Intuitive REST API< / li >
2021-04-19 22:01:09 +03:00
< li > < span class = "iconify inline text-green-700" data-icon = "ant-design:check-square-filled" > < / span > Compatible with < a href = "https://wakatime.com" target = "_blank" rel = "noopener noreferrer" class = "underline" > Wakatime< / a > < / li >
< li > < span class = "iconify inline text-green-700" data-icon = "ant-design:check-square-filled" > < / span > < a href = "https://prometheus.io" target = "_blank" rel = "noopener noreferrer" class = "underline" > Prometheus< / a > metrics< / li >
2021-04-16 18:07:11 +03:00
< li > < span class = "iconify inline text-green-700" data-icon = "ant-design:check-square-filled" > < / span > Lightning fast< / li >
< li > < span class = "iconify inline text-green-700" data-icon = "ant-design:check-square-filled" > < / span > 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" >
2021-01-17 11:24:09 +03:00
< img alt = "License badge"
src="https://badges.fw-web.space/github/license/muety/wakapi?color=%232F855A& style=flat-square">
< img alt = "Go version badge"
src="https://badges.fw-web.space/github/go-mod/go-version/muety/wakapi?color=%232F855A& style=flat-square">
< img alt = "Wakapi coding time badge"
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 >
2020-05-24 14:41:19 +03:00
< / div >
< / main >
2020-02-20 16:28:55 +03:00
2020-05-24 14:41:19 +03:00
{{ template "footer.tpl.html" . }}
2020-02-20 16:28:55 +03:00
2020-05-24 14:41:19 +03:00
{{ template "foot.tpl.html" . }}
2020-02-20 16:28:55 +03:00
< / body >
< / html >
