-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
193 lines (144 loc) · 8.52 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
193
<!DOCTYPE html>
<html class="main_page" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Encryptic</title>
<meta name="description" content="Encryptic - Being watched is for the birds">
<link rel="shortcut icon" type="image/png" href="img/encryptic-web-transparent.png">
<link href="https://fonts.googleapis.com/css?family=Major+Mono+Display" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet">
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<header id="header">
<div class="main-nav">
<div class="logo-title">
<img src="img/encryptic-web-transparent.png">
<p>Encryptic</p>
</div>
<nav role="navigation">
<div id="menuToggle">
<input type="checkbox" />
<span></span>
<span></span>
<span></span>
<ul id="menu">
<li><a href="https://app.encryptic.org/" class="current">Try Encryptic (Alpha)</a></li>
<li><a href="./about.html" class="">About us</a></li>
<li><a href="https://github.com/encryptic-team/encryptic/releases" class="">Downloads</a></li>
<li><a href="https://github.com/encryptic-team/encryptic" class="">GitHub</a></li>
</ul>
</div>
</nav>
<div class="menu">
<ul>
<li><a href="https://app.encryptic.org/" class="current">Try Encryptic (Alpha)</a></li>
<li><a href="./about.html" class="">About us</a></li>
<li><a href="https://github.com/encryptic-team/encryptic/releases" class="">Downloads</a></li>
<li><a href="https://github.com/encryptic-team/encryptic" class="">GitHub</a></li>
</ul>
</div>
</div>
<div class="info">
<div class="left-column">
<h1 class="fade-right">
Our business is making your business none of our business.
</h1>
</div>
<div class="right-column">
<h3>
Encryptic is an open-source note-taking application heavily focused on encryption. When you start writing, no one will know what you write except for you.
</h3>
<br>
<h3>
We don’t know and we don’t want to know. That’s between you and your work.
</h3>
<br>
<br>
<div class="anim-typewriter">
<h3 class="line-1">
Being watched is for the birds.
</h3>
</div>
</div>
</div>
<a href="#about"><div class="header-icons">
<ion-icon name="arrow-down" class="icon"></ion-icon>
</div></a>
</header>
<!-- ====== SECOND SECTION ====== -->
<section class="section__about" id="about">
<div class="main__row">
<div class="span-1-of-3 right" data-aos="fade-left" data-aos-duration="1500">
<h1>How it works</h1>
<h3>When you use our site, you run the app directly through your browser. Anything you write is stored in your browser’s cache using industry standard encryption methods. This means it’s kept safe, and by default never even leaves your computer.</h3>
</div>
</div>
</section>
<!-- ====== THIRD SECTION ====== -->
<section class="section__markdown">
<div class="main__row">
<div class="col span-1-of-2 col__left">
<h1># Markdown</h1>
<h3>Encryptic uses the Markdown formatting syntax for its notes so you can spend more time writing, and less time worrying about making things <span class="italic">*italic*</span>.</h3>
</div>
<div data-aos="zoom-out-left" data-aos-duration="1500" class="col span-1-of-2">
<img src="img/screenrecord-1.gif" alt="screenrecord of the editing">
</div>
</div>
<div class="main__row second-row">
<div class="col span-1-of-2 col__left">
<h1># To-do list</h1>
<h3>Encryptic gives you the possibility to create to-do lists. We also included a progress bar so you can really see how much you have left to reach your goal.</h3>
</div>
<div data-aos="zoom-out-left" data-aos-duration="1500" class="col span-1-of-2">
<img src="img/screenrecord-2.gif" alt="screenrecord of the editing">
</div>
</div>
</section>
<!-- ====== FOURTH SECTION ====== -->
<section class="section__contact-us">
<div class="main__row">
<h1>Contact us</h1>
<h3 data-aos="zoom-in">Found a bug? Have a question? Want to let us know how you really feel?</h3>
<h3 data-aos="zoom-in">Don't hesitate, we want to hear everything you want to say. Everything.</h3>
<div class="contact-icons">
<a href="mailto: [email protected]"><ion-icon name="mail" class="right-icon"></ion-icon></a>
<a href="https://github.com/encryptic-team/encryptic/issues"><ion-icon name="logo-github" class="left-icon"></ion-icon></a>
</div>
</div>
</section>
<footer>
<div class="outer_menu">
<div class="menu">
<ul>
<li><a href="#header" class="current">Back to top</a></li>
<li><a href="https://app.encryptic.org/" class="current">Try Encryptic (Alpha)</a></li>
<li><a href="./about.html" class="">About us</a></li>
<li><a href="https://github.com/encryptic-team/encryptic/releases" class="">Downloads</a></li>
<li><a href="https://github.com/encryptic-team/encryptic" class="">GitHub</a></li>
</ul>
</div>
</div>
<div class="join_us">
<a target="_blank" href="https://github.com/encryptic-team/encryptic#developer-install--documentation"><img src="img/encryptic-web-transparent.png"></a>
<br>
<h1>Join us! Become an Encryptic developer!</h1>
</div>
<div class="thank_you--section">
<div class="photo__thank">
Main photo in first section by Pankaj Patel on Unsplash
<a style="background-color:black;color:white;text-decoration:none;padding:4px 6px;font-family:-apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto, "Segoe UI", Arial, sans-serif;font-size:12px;font-weight:bold;line-height:1.2;display:inline-block; border-radius:3px;" href="https://unsplash.com/@pankajpatel?utm_medium=referral&utm_campaign=photographer-credit&utm_content=creditBadge" target="_blank" rel="noopener noreferrer" title="Download free do whatever you want high-resolution photos from Pankaj Patel"><span style="display:inline-block;padding:2px 3px"><svg xmlns="http://www.w3.org/2000/svg" style="height:12px;width:auto;position:relative;vertical-align:middle;top:-2px;fill:white" viewBox="0 0 32 32"><title>unsplash-logo</title><path d="M10 9V0h12v9H10zm12 5h10v18H0V14h10v9h12v-9z"></path></svg></span><span style="display:inline-block;padding:2px 3px">Pankaj Patel</span></a>
</div>
</div>
</footer>
<script src="https://unpkg.com/[email protected]/dist/ionicons.js"></script>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init();
</script>
</body>
</html>