-
Notifications
You must be signed in to change notification settings - Fork 10
/
index.mustache
142 lines (136 loc) · 8.53 KB
/
index.mustache
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>[[[qTox: A New Kind of Instant Messaging]]]</title>
<meta name="description" content="[[[With the rise of government monitoring programs, qTox provides an easy to use application that allows you to connect with friends and family without anyone else listening in. While other big-name services require you to pay for features, qTox is totally free, and comes without advertising.]]]">
<meta name="keywords" content="qtox,tox,messenger,instant messaging,secure,encrypted,decentralized,distributed,friendly,github,open source,foss,voice,calling,video,group chats">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:image" content="./assets/imgs/LockOnly.png">
<link rel="shortcut icon" type="image/icon" href="./assets/imgs/favicon.ico">
<!-- CSS -->
<link rel="image_src" href="./assets/imgs/LockOnly.png">
<style>
@import url('./assets/css/custom.min.css');
@import url('./assets/css/tuktuk.min.css');
@import url('./assets/css/tuktuk.theme.min.css');
@import url('./assets/css/tuktuk.icons.min.css');
@import url('./assets/css/font-awesome.css');
@import url('./assets/css/language-menu-top.css');
</style>
</head>
<body {{#_direction}}dir="{{_direction}}"{{/_direction}}>
<!--[if lte IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<header class="bck light padding">
<div class="row">
<div class="column_2">
<a href="."><img src="./assets/imgs/logo_head.png" alt="Logo qTox" class="logo on-left"></a>
</div>
<nav class="column_10 text right bold">
<a href="#about">[[[About]]]</a>
<a href="#features">[[[Features]]]</a>
<a id="help" href="https://web.libera.chat/#qtox">[[[Support]]]</a>
<a href="https://github.com/qTox/qTox/wiki#contributing">[[[Contribute]]]</a>
<a href="https://github.com/qTox/qTox/tree/master/doc">[[[Documentation]]]</a>
<a href="https://qtox.github.io/blog/">[[[Blog]]]</a>
<a href="https://www.reddit.com/r/projecttox"><span class="fa fa-reddit-square" style="font-size: 16.5pt; margin-left:20px; margin-top: 10px; float: right;"></span></a>
<a href="#languages" id="langbutton" title="[[[Languages]]]"><img src="assets/imgs/flags/[[[lang_shortcode]]].png" alt="" class="flag"></a>
</nav>
</div>
</header>
<section class="bck dark padding" id="home">
<div class="row text center book margin-bottom">
<img src="./assets/imgs/logo_main.png" alt="Logo" class="margin-bottom">
<h1 class="color theme text bold center">[[[A New Kind of Instant Messaging]]]</h1>
<h3 class="text thin center">[[[With the rise of government monitoring programs, qTox provides an easy to use application that allows you to connect with friends and family without anyone else listening in. While other big-name services require you to pay for features, qTox is totally free, and comes without advertising.]]]</h3>
</div>
<div class="row text center">
<div class="column_3 offset_3">
<a href="https://github.com/tux3/qTox/wiki" class="button large secondary"><span class="fa fa-info-circle"> </span>[[[Learn more]]]</a>
</div>
<div class="column_3 center">
<a href="https://github.com/tux3/qTox/blob/master/README.md#qtox" class="button large"><span class="fa fa-download"> </span>[[[Download]]]</a><br>
</div>
</div>
</section>
<section class="bck theme padding" id="about">
<div class="row text center book">
<h1 class="text bold color light">[[[About qTox]]]</h1>
<h3>[[[Nowadays, every government seems to be interested in what we're saying online. qTox is built on a "privacy goes first" agenda, and we make no compromises. Your safety is our top priority, and there isn't anything in the world that will change that.]]]</h3>
</div>
</section>
<section class="bck light padding" id="features">
<div class="row text center book margin-bottom">
<h1 class="text bold">[[[Instant messaging, video conferencing, and more]]]</h1>
</div>
<div class="row text center hide-tablet hide-phone">
<img src="https://i.imgur.com/olb89CN.png" alt="Screenshot" id="screenshot" class="full windows">
</div>
<div class="row text center feature1">
<div class="column_4 margin-bottom">
<span class="fa fa-comment" style="font-size: 55pt;"></span>
<h3 class="text bold">[[[Messages]]]</h3>
<p>[[[At your fingertips.<br> You're always in the loop with instant encrypted messaging.]]]</p>
</div>
<div class="column_4 margin-bottom">
<span class="fa fa-phone" style="font-size: 55pt;"></span>
<h3 class="text bold">[[[Calls]]]</h3>
<p>[[[Stay in touch.<br> Make free and secure qTox to qTox calls.]]]</p>
</div>
<div class="column_4 margin-bottom">
<span class="fa fa-users" style="font-size: 55pt;"></span>
<h3 class="text bold">[[[Video]]]</h3>
<p>[[[Seeing is believing.<br> Catch up face to face with a secure video call.]]]</p>
</div>
</div>
</section>
<section class="bck theme padding">
<div class="row text center book">
<div class="column_4">
<span class="fa fa-eye-slash" style="font-size: 115pt;"></span>
<h3 class="text bold">[[[Security]]]</h3>
<p>[[[qTox takes your privacy seriously.<br/>With <span class="text bold">leading-class encryption</span>, you can rest assured knowing that the only people reading your messages are the ones you send them to.]]]</p>
</div>
<div class="column_4">
<span class="fa fa-weixin" style="font-size: 115pt;"></span>
<h3 class="text bold">[[[Ease of Use]]]</h3>
<p>[[[Unlike other secure messaging solutions, qTox does not require you to be a computer programmer to use it. qTox comes out-of-the-box with an <span class="text bold">easy-to-use</span> interface that allows you to focus on your conversations.]]]</p>
</div>
<div class="column_4">
<span class="fa fa-github-alt" style="font-size: 115pt;"></span>
<h3 class="text bold">[[[Freedom]]]</h3>
<p>[[[qTox is both free for you to use, and free for you to change. You are completely free to both use and modify qTox. Furthermore, <span class="text bold">qTox will never harass you with ads, or require you to pay for features</span>.]]]</p>
</div>
</div>
</section>
<footer>
<section class="bck dark padding">
<div class="row margin-top margin-bottom">
<div class="column_3">
<p class="text bold big">[[[Developer Links]]]</p>
<!-- · <a href="/blog">[[[Development blog]]]</a><br> -->
· <a href="https://github.com/tux3/qTox/wiki">[[[Wiki]]]</a><br>
· <a href="https://qtox.github.io/doxygen">[[[Doxygen]]]</a><br>
· <a href="https://github.com/qTox">[[[Source]]]</a><br>
· <a href="https://qtox.github.io/gitstats/">[[[GitStats]]]</a><br>
· <a href="https://tox.chat">[[[About Tox]]]</a><br>
</div>
<div class="column_3 offset_5">
<p class="text bold big">[[[Need some help?]]]</p>
[[[Start your own project and ask us on <span class="text normal">GitHub</span>, or in <a href="https://web.libera.chat/#qtox" class="text bold underline color theme">IRC</a>!]]]
</div>
</div>
</section>
<section class="bck light padding text small" id="languages">
<div class="row margin-top margin-bottom">
{{#languages}}
<a href="{{{lang_shortcode}}}.html">{{{lang_name}}}</a>{{^last}} · {{/last}}
{{/languages}}
</div>
</section>
</footer>
</body>
</html>