-
Notifications
You must be signed in to change notification settings - Fork 24
/
documentation.html
311 lines (284 loc) · 13.7 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
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
<!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 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 toggler-home" type="button" data-toggle="collapse"
data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span 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 <span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="features.html">Features</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="developers-documentation.html">DEVS-DOC </a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://unencumberedbyfacts.com" target="_blank">Blog</a>
</li>
<li class="nav-item">
<a onclick="document.getElementsByClassName('navbar-collapse')[0].style.display='none';"
class="nav-link" href="contribute.html">Contribute</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://github.com/cypht-org/cypht-website/blob/master/documentation.html">
<img src="img/edit_icon.png" alt="Edit Icon" width="23" height="23" style="vertical-align:middle;" title="Edit this page">
</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<div style="margin-top: 100px;"></div>
<section class="content-section-doc container">
<div class="line">
<div class="element1 item ">
<img src="img/login.PNG" alt="login" class="img-fluid">
</div>
<div class="element2 item ">
<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 class="line">
<div class="element2 item">
<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 item">
<img src="img/home.PNG" alt="login" class="img-fluid">
</div>
</div>
</section>
<section class="content-section-doc container">
<div class="line">
<div class="element1 item">
<img src="img/Add.PNG" alt="add" class="img-fluid">
</div>
<div class="element2 item3">
<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 class="line ">
<div class="element2 item">
<h1>Adding Servers and ATOM/RSS Feed</h1>
<p class="text-center">Enhanced customization capabilities allow user to setup, configure, and manage IMAP and SMTP or SMTP and JMAP servers and setup the ATOM/RSS Feed. Adding servers in Cypht is a straightforward process that involves two main steps. These steps are illustrated in the following image for your reference.</p>
</div>
<div class="element1 item">
<img src="img/Multi.PNG" alt="login" class="img-fluid">
</div>
</div>
</section>
<section class="content-section-doc container">
<div class="line">
<div class="element2 item">
<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 item">
<img src="img/Inbox.PNG" alt="login" class="img-fluid">
</div>
</div>
</section>
<section class="content-section-doc container">
<div class="line">
<div class="element1 item">
<img src="img/Contact.PNG" alt="Contact" class="img-fluid">
</div>
<div class="element2 item">
<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 class="line">
<div class="element2 item">
<p class="text-center">Or simply by clicking on the “one-person” icon in the message you receive.</p>
</div>
<div class="element1 item">
<img src="img/Oneperson.png" alt="Add a contact" class="img-fluid">
</div>
</div>
</section>
<section class="content-section-doc container">
<div class="line">
<div class="element2 item">
<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 item">
<img src="img/Calendar.PNG" alt="Calendar" class="img-fluid">
</div>
</div>
</section>
<section class="content-section-doc container">
<div class="line">
<div class="element1 item">
<img src="img/Compose.PNG" alt="Compose" class="img-fluid">
</div>
<div class="element2 item">
<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 class="line">
<div class="element2 item">
<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 item">
<img src="img/userprofil.PNG" alt="profile" class="img-fluid">
</div>
</div>
</section>
<section class="content-section-doc container">
<div class="line">
<div class="element1 item">
<img src="img/Developer.PNG" alt="developer" class="img-fluid">
</div>
<div class="element2 item">
<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>
<section class="content-section-doc container">
<div class="line">
<div class="element2 item">
<h1>Sieve filters</h1>
<p>Sieve filters can be set up to automatically move, copy, or delete messages based on specific criteria such as sender, subject, keywords, or recipient. To add a Sieve filter, navigate to the Sieve Filters menu located in the Settings tab sidebar, select the email account for which you want to create a filter, and click the "Add Filter" button. Refer to the following image for a visual guide.</p>
</div>
<div class="element1 item">
<img src="img/sieveFilters.png" alt="Sieve filters" class="img-fluid">
</div>
</div>
</section>
<section class="content-section-doc container">
<div class="line">
<div class="element2 item">
<h1>Block List</h1>
<p>
The Block List feature allows users to block specific email addresses or domains from sending emails to your inbox. To block a sender in Cypht Webmail, open the email, click the BLOCK SENDER button (lock icon), and choose whether to block This Sender or the Whole Domain. Then select an action: Default Action, Discard, Move to Blocked Folder, Reject with Default Message, or Reject with Specific Message, and confirm by clicking BLOCK. You can manage blocked senders later under Settings > Block List. Make sure Sieve filters are enabled in your Cypht settings for this feature to work. Refer to the following image for a visual guide.
</p>
</div>
<div class="element1 item">
<img src="img/block_list.png" alt="Block List" class="img-fluid">
</div>
</div>
</section>
<section class="content-section-doc container">
<div class="line">
<div class="element1 item">
<img src="img/snooze.png" alt="snooze" class="img-fluid">
</div>
<div class="element2 item">
<h1>Snooze</h1>
<p>The snooze feature allows user to snooze the email with choices like 1 day, 1 week, 1 month, pick a date. The snoozed emails should all be findable in a "snoozed" folder (or similar name), with a column for the snoozed-until date.
Here, you can un-snooze them (it becomes a normal email), or change the snooze date. At the end of the snooze period, the email should appear in a dedicated section above all other emails. Then, you deal with them, or snooze them again. Alternate names for this feature : Snooze,Defer,Postpone,Delay,Reminder.
</p>
</div>
</div>
</section>
<section class="content-section-doc container">
<div class="line">
<div class="element2 item">
<h1>Archive</h1>
<p>To archive emails in Cypht, you'll need to create an archive folder. The 'Archive' button is always available, but you won't be able to use it until you've set up a destination folder. Once you've done that, clicking 'Archive' will move the email to the designated folder and display a confirmation message.
</p>
</div>
<div class="element1 item">
<img src="img/Archive.png" alt="Sieve filters" class="img-fluid">
</div>
</div>
</section>
<!--Footer section-->
<section class="footer-section" id="contact">
<div class="container text-center">
<h2>Have a suggestion or a question?</h2>
<h3>Or maybe you want to throw huge wads of cash at us? </h3>
<p>We love feedback so let us know what you think!</p>
</div>
</section>
<section class=" social-section text-center">
<div class="container">
<div class="row">
<div class="col-3 col-md-3 col-sm-12">
<p>
<span>Page on Github</span><br>
<a href="https://github.com/cypht-org/cypht-website/blob/master/documentation.html">Edit here</a>
</p>
</div>
<div class="col-3 col-md-3 col-sm-12">
<p>
<span>Fill out an issue at Github</span><br>
<a href="https://github.com/cypht-org/cypht/issues">Submit an issue</a>
</p>
</div>
<div class="col-3 col-md-3 col-sm-12">
<p>
<span>Chat with us at Gitter</span><br>
<a href="https://gitter.im/cypht-org/community">Cypht at Gitter</a>
</p>
</div>
<div class="col-3 col-md-3 col-sm-12">
<p>
<span>Want to contribute?</span><br>
<a href="contribute.html">Cypht website contribution</a>
</p>
</div>
</div>
</div>
</section>
<script src="jquery.slim.min.js"></script>
<script src="bootstrap.bundle.min.js"></script>
</body>
</html>