-
Notifications
You must be signed in to change notification settings - Fork 9
/
index.html
172 lines (162 loc) · 6.01 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
---
layout: default
body_class: "home"
show_splash: true
title: 'Turtl: The secure, collaborative notebook'
---
<div class="announcement">
<h1><a href="/2018/10/turtl-v07-update/">Turtl v0.7 Update »</a></h1>
</div>
<div class="hero uk-section uk-background-cover" uk-parallax="media: @m; easing: 0.2; bgy: -300,0">
<div class="overlay"> </div>
<div class="hero-container uk-container">
<div class="uk-flex uk-flex-middle uk-flex-between@m uk-flex-wrap">
<div class="info uk-width-1-2@m uk-text-center uk-text-left@m">
<h1 class="uk-heading-primary">
The secure, collaborative notebook
</h1>
<a class="uk-button uk-margin-top uk-visible@m uk-button-primary uk-margin-bottom uk-margin-remove-bottom@m" href="/download">
Download Turtl
»
</a>
</div>
<div class="devices uk-width-expand uk-text-center uk-text-right@m">
<img src="/images/home/devices.png">
</div>
<div class="uk-width-1-1 uk-hidden@m uk-text-center">
<a class="uk-button uk-button-large uk-button-primary uk-margin-bottom uk-margin-remove-bottom@m" href="/download">
Download Turtl
»
</a>
</div>
</div>
</div>
</div>
<div class="turtl-cover turtl-cover-light uk-cover-container uk-height-large">
<img uk-cover src="/images/home/photo/organized.jpg">
<div class="uk-position-center">
<div class="uk-container uk-container-small uk-dark">
<h1>Organize your life</h1>
<p>
Whether it's bookmarks or passwords, files or shopping
lists...Turtl organizes it all and makes it easy to find later.
Sync across your devices. Leave nothing behind.
</p>
</div>
</div>
</div>
<div class="turtl-cover uk-cover-container uk-height-large">
<img uk-cover src="/images/home/photo/security.jpg">
<div class="uk-position-center">
<div class="uk-container uk-container-small uk-light">
<h1>Protect your data</h1>
<p>
Turtl uses high-end cryptography to protect your data.
Whether you're worried about information leaks, competitive
advantage, or blanket government surveillance, Turtl works
hard to make sure only you, and those you choose, can see
your data.
</p>
<p>
<a href="/docs/security">Read more about Turtl's security »</a>
</p>
</div>
</div>
</div>
<div class="turtl-cover turtl-cover-light uk-cover-container uk-height-large">
<img uk-cover src="/images/home/photo/collaborate.jpg">
<div class="uk-position-center">
<div class="uk-container uk-container-small uk-dark">
<h1>Collaborate and share</h1>
<p>
Just because Turtl is secure and private doesn't mean you
can't share with your teammates or family. Choose who you
want to have access to your data without compromising your
security.
</p>
</div>
</div>
</div>
<div class="uk-section uk-section-primary feature-screenshots">
<div class="uk-container">
<div uk-grid class="uk-child-width-1-3@s uk-flex uk-flex-start uk-flex-between uk-flex-wrap uk-margin-bottom">
<div class="uk-text-center uk-text-center">
<div uk-lightbox><a href="/images/home/screen/spaces.png"><img src="/images/home/screen/spaces.png"></a></div>
<p>
Organize and share using Turtl's Spaces.
</p>
</div>
<!--
<div class="uk-text-center uk-text-center">
<div uk-lightbox><a href="/images/home/screen/invite.png"><img src="/images/home/screen/invite.png"></a></div>
<p>
Choose who you share with and what they can do.
</p>
</div>
-->
<div class="uk-text-center uk-text-center">
<div uk-lightbox><a href="/images/home/screen/search.jpg"><img src="/images/home/screen/search.jpg"></a></div>
<p>
Search your notes with text queries or using tags.
</p>
</div>
<div class="uk-text-center uk-text-center">
<div uk-lightbox><a href="/images/home/screen/markdown.png"><img src="/images/home/screen/markdown.png"></a></div>
<p>
Write notes easily using Markdown format
</p>
</div>
<!--
<div class="uk-text-center uk-text-center">
<div uk-lightbox><a href="/images/home/screen/math.png"><img src="/images/home/screen/math.png"></a></div>
<p>
Turtl supports TeX math rendering.
</p>
</div>
<div class="uk-text-center uk-text-center">
<div uk-lightbox><a href="/images/home/screen/export.png"><img src="/images/home/screen/export.png"></a></div>
<p>
Keep your profile backed up with import/export.
</p>
</div>
-->
</div>
<div class="uk-text-center more-features">
<a href="/features">See all of Turtl's features »</a>
</div>
</div>
</div>
<div class="uk-section uk-section-large">
<div class="uk-container">
<div uk-grid class="uk-flex uk-flex-top uk-flex-between uk-flex-wrap">
<div class="uk-width-1-1 uk-width-1-3@s uk-text-center">
<p class="uk-margin-bottom"><span uk-icon="icon: code; ratio: 6"></span></p>
We love privacy, but don't take our word for it.
<a href="https://github.com/turtl">Turtl is open source</a>
and you can read the code yourself!
</div>
<div class="uk-width-1-1 uk-width-1-3@s uk-text-center">
<p class="uk-margin-bottom"><span uk-icon="icon: server; ratio: 6"></span></p>
Want more control of your data?
<a href="https://github.com/turtl/server#running-the-server">Install your own Turtl server</a> at home or at work.
</div>
<div class="uk-width-1-1 uk-width-1-3@s uk-text-center">
<p class="uk-margin-bottom"><span uk-icon="icon: users; ratio: 6"></span></p>
Turtl is a community project, and <a href="/contributing/">we love when people like you help out!</a>
</div>
</div>
</div>
</div>
<div class="uk-section uk-section-primary">
<div class="uk-container">
<div class="uk-text-center">
<p class="uk-margin-bottom"><a href="/donate/"><span uk-icon="icon: heart; ratio: 9"></span></a></p>
<p class="uk-text-lead">
Don't want to pay for our <a href="/premium">premium service?</a><br class="uk-visible@s">
Consider making a donation to support the project!
</p>
<br>
<a class="uk-button uk-button-secondary" href="/donate/">Make a donation »</a>
</div>
</div>
</div>