-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
193 lines (174 loc) · 11 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
<!doctype html>
<html lang="en-us">
<head>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>TaskItIn</title>
<meta name="description" content="TaskItIn is a professionally hosted and secure GTD™ enabling time and productivity management service based on the open source Tracks application">
<!-- The compiled CSS file -->
<link rel="stylesheet" href="css/production.css">
<!-- Web fonts -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,700|Source+Serif+Pro:700" rel="stylesheet">
<script type="text/javascript">
(function(window, document, dataLayerName, id) {
window[dataLayerName]=window[dataLayerName]||[],window[dataLayerName].push({start:(new Date).getTime(),event:"stg.start"});var scripts=document.getElementsByTagName('script')[0],tags=document.createElement('script');
function stgCreateCookie(a,b,c){var d="";if(c){var e=new Date;e.setTime(e.getTime()+24*c*60*60*1e3),d="; expires="+e.toUTCString();f="; SameSite=Strict"}document.cookie=a+"="+b+d+f+"; path=/"}
var isStgDebug=(window.location.href.match("stg_debug")||document.cookie.match("stg_debug"))&&!window.location.href.match("stg_disable_debug");stgCreateCookie("stg_debug",isStgDebug?1:"",isStgDebug?14:-1);
var qP=[];dataLayerName!=="dataLayer"&&qP.push("data_layer_name="+dataLayerName),isStgDebug&&qP.push("stg_debug");var qPString=qP.length>0?("?"+qP.join("&")):"";
tags.async=!0,tags.src="https://taskitin.containers.piwik.pro/"+id+".js"+qPString,scripts.parentNode.insertBefore(tags,scripts);
!function(a,n,i){a[n]=a[n]||{};for(var c=0;c<i.length;c++)!function(i){a[n][i]=a[n][i]||{},a[n][i].api=a[n][i].api||function(){var a=[].slice.call(arguments,0);"string"==typeof a[0]&&window[dataLayerName].push({event:n+"."+i+":"+a[0],parameters:[].slice.call(arguments,1)})}}(i[c])}(window,"ppms",["tm","cm"]);
})(window, document, 'dataLayer', 'd3c05608-64a6-46d5-8acd-f02cb2e89436');
</script>
</head>
<body class="has-animations">
<!-- Header -->
<header class="align--center pt3">
<div class="container--lg border--bottom pb3">
<div class="align--right">
<a class="btn btn--secondary" href="https://app.taskitin.fi/signup">Sign up</a>
<a class="btn btn--primary" href="https://app.taskitin.fi/login">Log in</a>
<!-- <div class="inline-block mr1 no-mr-on-mobile" style="width:280px;max-width:100%"> -->
</div>
<!-- <img class="logo mb3 reveal-on-scroll is-revealing" src="img/logo.svg" alt="Taskitin"> -->
<h1 class="mb2">TaskItIn: Easy way to manage your time and productivity – hassle free.</h1>
<!--
<span>
<a href="https://www.apple.com/ios/app-store/" class="link"><img class="download" src="img/ios.png" alt="Download on the App Store"></a>
</span>
<span>
<a href="https://play.google.com/store" class="link"><img class="download" src="img/googleplay.png" alt="Download on Google Play"></a>
</span>
-->
</div>
</header>
<main>
<!-- Feature list -->
<div class="container pt3 mt2 text--gray align--center">
<p class="mb3">Great for managing your time and productivity. Supports implementing <a href="https://gettingthingsdone.com/">David Allen's Getting Things Done™ methodology</a>, but works also for other task management.</p>
<div class="grid-row">
<div class="grid-column span-one-third mb3 reveal-on-scroll is-revealing">
<img class="illustration--small mb1" src="img/assign.svg" alt="">
<p>Action dependencies</p>
</div>
<div class="grid-column span-one-third mb3 reveal-on-scroll is-revealing">
<img class="illustration--small mb1" src="img/search.svg" alt="">
<p>Search your data</p>
</div>
<div class="grid-column span-one-third mb3 reveal-on-scroll is-revealing">
<img class="illustration--small mb1" src="img/security.svg" alt="">
<p>Professionally maintained and secure</p>
</div>
<div class="grid-column span-one-third mb3 reveal-on-scroll is-revealing">
<img class="illustration--small mb1" src="img/mail.svg" alt="">
<p>Email integration and API</p>
</div>
<div class="grid-column span-one-third mb3 reveal-on-scroll is-revealing">
<img class="illustration--small mb1" src="img/messaging.svg" alt="">
<p>Recurring actions</p>
</div>
<div class="grid-column span-one-third mb3 reveal-on-scroll is-revealing">
<img class="illustration--small mb1" src="img/text.svg" alt="">
<p>Mobile interface</p>
</div>
</div>
</div>
<!-- Focus -->
<div class="container--lg pt1 pb1">
<div class="grid-row grid-row--center">
<div class="grid-column mt3 mb2 order-2">
<div class="border--bottom pb2 mb2">
<h2>Why TaskItIn</h2>
<p>TaskItIn is a hosted instance of the open source <a href="https://www.getontracks.org/">Tracks</a> software. It is provided by the current principal maintainer of the open source project, and is professionally hosted by a <a href="https://www.ardcoras.fi/">Finnish company</a> inside the EU, which makes for a high level of privacy and reliability.</p>
</div>
<!-- <p class="italic text--gray mb1">Quae quo sunt excelsiores, eo dant clariora indicia naturae. Causa autem fuit huc veniendi ut quosdam hinc.</p>
<p class="bold">Camen, COO at Company</p> -->
</div>
<div class="grid-column span-1"></div>
<div class="grid-column mt3 mb2 order-1 reveal-on-scroll is-revealing">
<img src="img/vault.svg" alt="">
</div>
</div>
<div class="grid-row grid-row--center">
<div class="grid-column mt3 mb2 reveal-on-scroll is-revealing">
<img src="img/security.svg" alt="Absolute security">
</div>
<div class="grid-column span-1"></div>
<div class="grid-column mt3 mb2">
<div class="border--bottom pb2 mb2">
<h2>Features</h2>
<p>The software is a feature-rich time and productivity management tool originally used to support the GTD™ methodology. It can, however, be used by anyone in need of a good time and productivity management tool.</p>
<ul>
<li>Task dependencies (reveal a task only after completing the previous one)</li>
<li>Deadlines</li>
<li>Projects, contexts and tags for categorising tasks and finding the correct things to do</li>
<li>Statistics</li>
<li>Recurring todos</li>
<li>Calendar view and feeds</li>
<li>Powerful REST API for managing the data</li>
<li>Sailfish application</li>
</ul>
</div>
<!--
<p class="italic text--gray mb1">Estne, quaeso, inquam, sitienti in bibendo voluptas? Duo Reges: constructio interrete.</p>
<p class="bold">Josh Blenton, Product Manager at Blinkist</p> -->
</div>
</div>
</div>
<!-- Mentioned -->
<!--
<div class="container--lg pt3 pb3 mb2 align--center">
<p class="mb2">Mentioned in</p>
<span><img class="mentioned" src="img/mentioned.svg" alt="New York Times, TC, Product Hunt, Recode"></span>
</div>
-->
<!-- CTA -->
<div class="bg--dark-gray align--center pt3 pb3">
<div class="container pt2 pb2">
<img class="cta-image mb2 reveal-on-scroll is-revealing" src="img/text.svg" alt="Text the app">
<p class="h3 text--white mb1 bold">Try today</p>
<p class="text--white mb3">Try free for 30 days (no credit card required!), after that it's just 3 € / month.</p>
<div class="inline-block mr1 no-mr-on-mobile" style="width:280px;max-width:100%">
<a class="btn btn--secondary" href="https://app.taskitin.fi/signup">Sign up</a>
</div>
</div>
</div>
</main>
<!-- Footer -->
<footer class="pt1 pb3 align--center-on-mobile">
<div class="container">
<div class="grid-row">
<div class="grid-column mt2 span-half">
<!--
<div class="mb1">
<span>
<a href="https://www.apple.com/ios/app-store/" class="link"><img class="download" src="img/ios.png" alt="Download on the App Store"></a>
</span>
<span>
<a href="https://play.google.com/store" class="link"><img class="download" src="img/googleplay.png" alt="Download on Google Play"></a>
</span>
</div>
-->
<div style="float: left; margin-right: 1em;"><a href="https://www.ardcoras.fi/"><img src="/img/ardcoras.png" style="height: 3em;" /></a></div>
<p>TaskItIn is a service by <a href="https://www.ardcoras.fi/">Ardcoras Oy</a>, maintained by <a href="https://www.zeip.fi/">ZeiP</a>. Ask more at <a href="mailto:[email protected]">[email protected]</a>.</p>
</div>
<div class="grid-column mt2 span-half align--right align--center-on-mobile">
<!--
<ul class="no-bullets list--inline">
<li class="mr1"><a href="" class="link"><img class="icon" src="img/youtube.svg" alt="YouTube"></a></li>
<li class="mr1"><a href="" class="link"><img class="icon" src="img/twitter.svg" alt="Twitter"></a></li>
<li><a href="" class="link"><img class="icon" src="img/facebook.svg" alt="Facebook"></a></li>
</ul>
-->
<p class="small">Template design by <a href="https://www.papayatemplates.com" class="link link--text">Papaya</a>. Illustrations from <a href="https://undraw.co/" class="link link--text">Undraw</a>.</p>
</div>
</div>
</div>
</footer>
<!-- Scroll reveal -->
<script src="https://unpkg.com/[email protected]/dist/scrollreveal.min.js"></script>
<!-- The compiled JavaScript file -->
<script src="js/production.js"></script>
</body>
</html>