forked from Bevinsky/ProjectTox-Website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.mustache
169 lines (159 loc) · 5.76 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>{{{lf_title}}}</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/icon" href="./assets/imgs/favicon.ico">
<!-- CSS -->
<link rel="stylesheet" href="./assets/css/custom.min.css">
<link rel="stylesheet" href="./assets/css/tuktuk.min.css">
<link rel="stylesheet" href="./assets/css/tuktuk.theme.min.css">
<link rel="stylesheet" href="./assets/css/tuktuk.icons.min.css">
</head>
<body>
<header class="bck light padding">
<div class="row">
<div class="column_6">
<a href="."><img src="./assets/imgs/logo_head.png" alt="Logo Tox" class="logo on-left"/></a>
</div>
<nav class="column_6 text right bold">
<a href="#1">{{{nv_home}}}</a>
<a href="#2">{{{nv_about}}}</a>
<a href="#3">{{{nv_features}}}</a>
<a href="#4">{{{nv_contribute}}}</a>
</nav>
</div>
</header>
<section class="bck dark padding" id="1">
<div class="row text center book margin-bottom">
<div class="column_10 offset_1">
<img src="./assets/imgs/logo_main.png" alt="Logo" class="margin-bottom"/>
<h1 class="color theme text bold center">{{{sect1_slogan}}}</h1>
<h3 class="text thin center">{{{sect1_description}}}</h3>
</div>
</div>
<div class="row text center">
<div class="column_3 offset_3">
<a href="https://github.com/irungentoo/ProjectTox-Core" class="button large secondary"><span class="icon info-sign"></span>{{{sect1_learnmore}}}</a>
</div>
<div class="column_3">
<a href="#" class="button large"><span class="icon download disabled"></span>{{{sect1_download}}}</a>
</div>
</div>
</section>
<section class="bck theme padding" id="2">
<div class="row text center book">
<div class="column_10 offset_1">
<h1 class="text bold color light">{{{sect2_abouttox}}}</h1>
<h3>{{{sect2_aboutbody}}}</3>
</div>
</div>
</section>
<section class="bck light padding" id="3">
<div class="row text center book margin-bottom">
<div class="column_10 offset_1">
<h1 class="text bold">{{{sect3_coolfeatures}}}</h1>
</div>
</div>
<div class="row text center">
<div class="column_8 hide-tablet hide-phone">
<img src="./assets/ss.png" alt="Screenshot" name="screenshot" class="full windows"/>
</div>
<div class="column_4 margin-bottom feature1">
<span class="icon comment" style="font-size: 45pt;"></span>
<h3 class="text bold">{{{sect3_messages}}}</h3>
<p>{{{sect3_messages_blurb}}}</p>
</div>
<div class="column_4 margin-bottom">
<span class="icon phone" style="font-size: 45pt;"></span>
<h3 class="text bold">{{{sect3_voice}}}</h3>
<p>{{{sect3_voice_blurb}}}</p>
</div>
<div class="column_4 margin-bottom">
<span class="icon group" style="font-size: 45pt;"></span>
<h3 class="text bold">{{{sect3_video}}}</h3>
<p>{{{sect3_video_blurb}}}</p>
</div>
</div>
</section>
<section class="bck theme padding">
<div class="row text center book margin-bottom">
<div class="column_10 offset_1">
<h1 class="text bold color dark">{{{sect4_principles}}}</h1>
</div>
</div>
<div class="row text center book">
<div class="column_4">
<span class="icon eye-close" style="font-size: 100pt;"></span>
<h3 class="text bold">{{{sect4_security}}}</h3>
<p>{{{sect4_security_blurb}}}</p>
</div>
<div class="column_4">
<span class="icon comments" style="font-size: 100pt;"></span>
<h3 class="text bold">{{{sect4_easy}}}</h3>
<p>{{{sect4_easy_blurb}}}</p>
</div>
<div class="column_4">
<span class="icon github-alt" style="font-size: 100pt;"></span>
<h3 class="text bold">{{{sect4_freedom}}}</h3>
<p>{{{sect4_freedom_blurb}}}</p>
</div>
</div>
</section>
<section class="bck color padding" id="4">
<div class="row text center book margin-bottom">
<div class="column_10 offset_1">
<h1 class="text bold color theme">{{{sect5_contribute}}}</h1>
<h3>{{{sect5_github}}}</h3>
</div>
</div>
<div class="row">
<div class="column_4 offset_4 text center">
<a href="https://github.com/irungentoo/ProjectTox-Core" class="button large secondary"><span class="icon github"></span>{{{sect5_sourceongithub}}}</a>
</div>
</div>
</section>
<section class="bck dark padding">
<div class="row margin-top margin-bottom">
<div class="column_3">
<p class="text bold big">{{{sect6_freesoftware}}}</p>
{{{sect6_developers}}}
</div>
<div class="column_4 offset_1">
<p class="text bold big">{{{sect6_jointheteam}}}</p>
{{{sect6_joinongithub}}}
</div>
<div class="column_3 offset_1">
<p class="text bold big">{{{sect6_needhelp}}}</p>
{{{sect6_githubtoirc}}}
</div>
</div>
</section>
<footer class="bck light padding">
<div class="row margin-top margin-bottom">
{{#languages}}
<a href="./{{{lang_shortcode}}}">{{{lang_name}}}</a>{{^last}} · {{/last}}
{{/languages}}
</div>
</footer>
<!--<script src="./assets/js/tuktuk.min.js"></script>-->
<script src="./assets/js/screenshots.min.js"></script>
<script type="text/javascript" defer="" async="" src="./piwik/piwik.js"></script>
<script type="text/javascript">
var _paq = _paq || [];
_paq.push(["trackPageView"]);
_paq.push(["enableLinkTracking"]);
(function() {
var u=(("https:" == document.location.protocol) ? "https" : "http") + "://projecttox.org/piwik/";
_paq.push(["setTrackerUrl", u+"piwik.php"]);
_paq.push(["setSiteId", "1"]);
var d=document, g=d.createElement("script"), s=d.getElementsByTagName("script")[0]; g.type="text/javascript";
g.defer=true; g.async=true; g.src=u+"piwik.js"; s.parentNode.insertBefore(g,s);
})();
</script>
</body>
</html>