forked from cypht-org/cypht-website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
documentation.html
252 lines (230 loc) · 11.1 KB
/
documentation.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
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Documentation</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="img/icon.ico">
<link rel="stylesheet" href="site.css">
</head>
<body>
<header>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container">
<a class="navbar-brand" href="index.html">
<img src="img/logo.svg" width="120" height="60" alt="">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span onclick="document.getElementsByClassName('navbar-collapse')[0].style.display = 'block';" class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse " id="navbarSupportedContent">
<ul class="navbar-nav ml-lg-auto">
<li class="nav-item ">
<a class="nav-link" href="index.html">Home </a>
</li>
<li class="nav-item ">
<a class="nav-link " href="features.html">Features<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="security.html">Security</a>
</li>
<li class="nav-item">
<a class="nav-link" href="modules.html">Mods</a>
</li>
<li class="nav-item">
<a class="nav-link" href="license.html">License</a>
</li>
<li class="nav-item">
<a class="nav-link" href="tests.html">Test</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="documentation.html">Documentation</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://unencumberedbyfacts.com/">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contribute.html">Contribute</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<div style="margin-top: 100px;"></div>
<section class="content-section-doc container">
<div style="display: flex;align-items: center; justify-content: center;">
<div class="element1">
<img src="img/login.PNG" alt="login">
</div>
<div class="element2">
<h1>Welcome to Cypht</h1>
<p>Once installation is in
place, the users can login
the webmail using their
usernames & passwords.</p>
</div>
</div>
</section>
<section class="content-section-doc container">
<div style="display: flex;align-items: center; justify-content: center;">
<div class="element2">
<p>After successfully logging in
the webmail, the users will be
redirected to the following
home page of the webmail
where the interactive interface
allows user to perform multiple actions,</p>
</div>
<div class="element1">
<img src="img/home.PNG" alt="login">
</div>
</div>
</section>
<section class="content-section-doc container">
<div style="display: flex;align-items: center; justify-content: center;">
<div class="element1">
<img src="img/Add.PNG" alt="add">
</div>
<div class="element2">
<p>The users can Add an
E-mail Account of any service provider to be able to
access multiple inboxes
from Cypht.</p>
</div>
</div>
</section>
<section class="content-section-doc container">
<div style="display: flex; flex-direction: column; align-items: center; justify-content: center;">
<div class="element2">
<p class="text-center">Enhanced customization capabilities allow user to setup, configure, and manage
IMAP, SMTP, POP3 and JMAP servers and setup the ATOM/RSS Feed</p>
</div>
<div class="element1">
<img src="img/Multi.PNG" alt="login">
</div>
</div>
</section>
<section class="content-section-doc container">
<div style="display: flex;align-items: center; justify-content: center;">
<div class="element2">
<h1>Combined Inbox</h1>
<p>The advanced and most efficient
service of the Cypht enables users
to access multiple email accounts
at the same time. The users can
view inboxes of different email
providers and can send, receive,
and manage email messages from
the interactive webmail.
Also, the webmail allows provides
the functionality to search, sort,
and filter emails.</p>
</div>
<div class="element1">
<img src="img/Inbox.PNG" alt="login">
</div>
</div>
</section>
<section class="content-section-doc container">
<div style="display: flex;align-items: center; justify-content: center;">
<div class="element1">
<img src="img/Contact.PNG" alt="Contact">
</div>
<div class="element2">
<h1>Contact Book</h1>
<p>One-click Contact Book
allows users to efficiently
add people to your contacts.
Contacts can be added via
clicking the Contacts button
from the main menu,</p>
</div>
</div>
</section>
<section class="content-section-doc container">
<div style="display: flex; align-items: center; flex-direction: column; justify-content: center;">
<div class="element2">
<p class="text-center">Or simply by clicking on the “two-person” icon in the message you receive.</p>
</div>
<div class="element1">
<img src="img/Twoperson.PNG" alt="Twoperson">
</div>
</div>
</section>
<section class="content-section-doc container">
<div style="display: flex;align-items: center; justify-content: center;">
<div class="element2">
<h1>Calendar</h1>
<p>The calendar feature allows
user to create different events
by clicking the “+” icon on
top-right corner. The created
reminders and events will be
shown in the calendar making
it easier for user to keep track
of the special events.</p>
</div>
<div class="element1">
<img src="img/Calendar.PNG" alt="Calendar">
</div>
</div>
</section>
<section class="content-section-doc container">
<div style="display: flex; align-items: center; justify-content: center;">
<div class="element1">
<img src="img/Compose.PNG" alt="Compose">
</div>
<div class="element2">
<h1>Compose Email</h1>
<p>The webmail offers simple
and interactive interface
to compose and send an
email message from any of
the added email accounts
along with the functionalities to access draft emails
by clicking the “document”
icon on top-right corner,
add signatures, attachments, etc.</p>
</div>
</div>
</section>
<section class="content-section-doc container">
<div style="display: flex;align-items: center; justify-content: center;">
<div class="element2">
<h1>User Profiles</h1>
<p>From webmail settings options,
the user can access the feature
to add numerous profiles in the
webmail allowing users to combine IMAP accounts with SMTP
accounts and setup signatures
and reply-to details.</p>
</div>
<div class="element1">
<img src="img/userprofil.PNG" alt="profile">
</div>
</div>
</section>
<section class="content-section-doc container">
<div style="display: flex;align-items: center; justify-content: center;">
<div class="element1">
<img src="img/Developer.PNG" alt="developer">
</div>
<div class="element2">
<h1>Developer Options</h1>
<p> Another interesting feature
of the open-source platform is its provision of the
developer documentation
and links to the source
code. Thereby enabling the
developer community of
the webmail to actively
contribute to making the
platform more efficient, advanced, and reliable.</p>
</div>
</div>
</section>
</body>
</html>