-
Notifications
You must be signed in to change notification settings - Fork 8
/
index.html
420 lines (409 loc) · 22 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
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
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
<!doctype html>
<html lang="en" role="main">
<head>
<meta charset="utf-8">
<title>Kavita</title>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-P27D95G');
</script>
<!-- End Google Tag Manager -->
<title>Kavita</title>
<meta name="description" content="Lighting fast with a slick design, Kavita is a rocket fueled self-hosted digital library which supports a vast array of file formats. Install to start reading and share your server with your friends. book reader, self hosted, manga, comics, free, manhwa, e readers, electronic book readers, digital book reader, cartoon" />
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<meta name=viewport content="width=device-width, initial-scale=1.0">
<link rel=stylesheet type=text/css href=//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css>
<link rel=stylesheet type=text/css href=css/bootstrap-overrides.css?v=733258503fb3cf5828de7332f1b0228d>
<link rel=stylesheet type=text/css href=https://use.fontawesome.com/releases/v5.6.3/css/all.css integrity=sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/ crossorigin=anonymous>
<link rel=stylesheet type=text/css href=//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.1/styles/github.min.css>
<link rel=stylesheet type=text/css href=css/theme.css?v=f719053e3cfe4c1db5d57d58fd0d7650>
<link href=//fonts.googleapis.com/css?family=Lato:100,300,400,700,900,300italic,400italic,700italic,900italic rel=stylesheet type=text/css>
<link rel=stylesheet type=text/css href=//cdn.jsdelivr.net/animatecss/3.2.0/animate.min.css media="screen, projection">
<link rel="apple-touch-icon" sizes="180x180" href="assets/icons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/icons/favicon-16x16.png">
<link rel="manifest" href="site.webmanifest">
<link rel="shortcut icon" href="assets/icons/favicon.ico">
<meta name="msapplication-TileColor" content="#4ac694">
<meta name="msapplication-config" content="assets/icons/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
</head>
<body class=pull_top data-spy=scroll data-target=.header-navbar data-offset=70>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P27D95G"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="navbar navbar-inverse navbar-fixed-top" role=navigation>
<div class=container>
<div class=navbar-header>
<button type=button class="navbar-toggle pull-right" data-toggle=collapse data-target=.navbar-ex1-collapse>
<span class=sr-only>Toggle navigation</span>
<span class=icon-bar></span>
<span class=icon-bar></span>
<span class=icon-bar></span>
</button>
<a href=#home class=navbar-brand><img src=img/logo.png alt="" aria-hidden="true"><span class=logo-text>Kavita</span></a>
</div>
<div class="collapse navbar-collapse navbar-ex1-collapse header-navbar" role=navigation>
<ul class="nav navbar-nav navbar-right">
<li><a href=#home><i class="fas fa-home" aria-hidden="true"></i> HOME</a></li>
<li><a href=#features><i class="fas fa-star" aria-hidden="true"></i> FEATURES</a></li>
<li><a href=#download><i class="fas fa-download" aria-hidden="true"></i> DOWNLOAD</a></li>
<li><a href=#support><i class="fas fa-question-circle" aria-hidden="true"></i> SUPPORT</a></li>
<li><a href="https://wiki.kavitareader.com/" target=_blank><i class="fas fa-lightbulb" aria-hidden="true"></i> WIKI</a></li>
<li><a href=#demo><i class="fas fa-desktop" aria-hidden="true"></i> DEMO</a></li>
<li><a href="https://www.kavitareader.com/docs/api/#/" target=_blank><i class="fab fa-dev" aria-hidden="true"></i> API</a></li>
<li><a href="https://github.com/Kareadita/Kavita" target=_blank><i class="fab fa-github-alt" aria-hidden="true"></i> GITHUB</a></li>
</ul>
</div>
</div>
</div>
<div id=home></div>
<section id=hero style="margin-bottom: 20px" class="lol">
<img class="background" aria-hidden="true" alt="">
<img class="center" src="img/hero/example.png?6072023" alt="Kavita is on mobile and desktop" >
</section>
<div id=summary class=summary>
<div class=container>
<div class=section-header>
<h3>Summary</h3>
</div>
<div class=container>
<div id=summary-text class=summary-text>
Lightning fast with a slick design, Kavita is a rocket fueled self-hosted digital library which supports a vast array of file formats. Install to start reading and share your server with your friends.
</div>
</div>
</div>
</div>
<div id=demo class=features>
<div class=container>
<div class=section-header>
<h3>Demo</h3>
</div>
<div class=row>
<div style="margin-left: 15px">
<p>
We have a demo available at: <a href=https://demo.kavitareader.com/ target=_blank>https://demo.kavitareader.com</a>
</p>
<p>You can login with the following credentials:</p>
<p>
Username: <code>demouser</code><br>
Password: <code>Demouser64</code>
</p>
</div>
</div>
</div>
</div>
<div id=features class=features>
<div class=container>
<div class=section-header>
<h3>Features</h3>
</div>
<div class="row feature">
<div class="col-sm-6 pic-right">
<img src=img/features/homepage.png class="pull-right img-responsive" aria-hidden="true" alt="">
</div>
<div class="col-sm-6 info info-left">
<h3>
<i class="fas fa-chevron-right"></i>
Homepage
</h3>
<p>
Customize what's on your dashboard, bind smart filters, and reorder streams to get the layout you like
</p>
</div>
</div>
<div class="row feature">
<div class=col-sm-6>
<img src=img/features/librarydetail_v0.8.3.png class=img-responsive aria-hidden="true" alt="">
</div>
<div class="col-sm-6 info">
<h3>
<i class="fas fa-chevron-right"></i>
Browse your Manga, Comics and Books
</h3>
<p>
Infinitely scroll through all your media in one place with quick access via the Jumpbar
</p>
</div>
</div>
<div class="row feature">
<div class="col-sm-6 pic-right">
<img src=img/features/search_v0.5.4.PNG class="pull-right img-responsive" aria-hidden="true" alt="">
</div>
<div class="col-sm-6 info info-left">
<h3>
<i class="fas fa-chevron-right"></i>
Search
</h3>
<p>
Full Text search to find files, bookmarks, reading lists, people, genres, series, etc
</p>
</div>
</div>
<div class="row feature">
<div class=col-sm-6>
<img src=img/features/metadatafiltering.png class=img-responsive aria-hidden="true" alt="">
</div>
<div class="col-sm-6 info">
<h3>
<i class="fas fa-chevron-right"></i>
Metadata & Advanced Filtering
</h3>
<p>
And/Or multiple filters for different metadata or features from Kavita to find exactly what you're looking for. Save that filter and bind it to your Side Nav or Dashboard.
</p>
</div>
</div>
<div class="row feature">
<div class="col-sm-6 pic-right">
<img src=img/features/ratings-reviews.png class="pull-right img-responsive" aria-hidden="true" alt="">
</div>
<div class="col-sm-6 info info-left">
<h3>
<i class="fas fa-chevron-right"></i>
Ratings and Reviews
</h3>
<p>
Built-in ratings and reviews per Series, users can share their reviews within the Server. External Ratings and Reviews possible with Kavita+
</p>
</div>
</div>
<div class="row feature">
<div class="col-sm-6">
<img src=img/features/mixedchaptersandvolumes.png class="pull-right img-responsive" aria-hidden="true" alt="">
</div>
<div class="col-sm-6 info info-right">
<h3>
<i class="fas fa-chevron-right"></i>
Mixed Volume and Chapters
</h3>
<p>
Chapters and volumes integrated next to each other, Chapters can group into Volumes based on filename
</p>
</div>
</div>
<div class="row feature">
<div class="col-sm-6 pic-right">
<img src=img/features/userandlibrarymgmt.png class="pull-right img-responsive" aria-hidden="true" alt="">
</div>
<div class="col-sm-6 info info-left">
<h3>
<i class="fas fa-chevron-right"></i>
User & Library Management from anywhere
</h3>
<p>
Rich User-based roles, authentication and library management right from the app
</p>
</div>
</div>
<div class="row feature">
<div class="col-sm-6">
<img src=img/features/new-reader.gif class="pull-right img-responsive" aria-hidden="true" alt="">
</div>
<div class="col-sm-6 info info-right">
<h3>
<i class="fas fa-chevron-right"></i>
Built-in Image Reader
</h3>
<p>
A responsive manga reader with impressive caching, never feel loading times when reading again. Supports webtoon and double page reading modes
</p>
</div>
</div>
<div class="row feature">
<div class="col-sm-6 pic-right">
<img src=img/features/book-reader.gif class="pull-right img-responsive" aria-hidden="true" alt="">
</div>
<div class="col-sm-6 info info-left">
<h3>
<i class="fas fa-chevron-right"></i>
Built-in Epub and PDF readers
</h3>
<p>
Customize your reading experience by controlling font, spacing, margin, color theme, and taping on edges of screen to navigate pages. Supports column and dual column mode with by-line progress resume mechanism
</p>
</div>
</div>
<div class="row feature">
<div class="col-sm-6">
<img src=img/features/stats.gif class="pull-right img-responsive" aria-hidden="true" alt="">
</div>
<div class="col-sm-6 info info-right">
<h3>
<i class="fas fa-chevron-right"></i>
Server and User Stats
</h3>
<p>
See interesting stats for your whole server or you as an individual
</p>
</div>
</div>
<div class="row feature">
<div class="col-sm-6 pic-right">
<img src=img/features/kavitaplus.gif class="pull-right img-responsive" aria-hidden="true" alt="">
</div>
<div class="col-sm-6 info info-left">
<h3>
<i class="fas fa-chevron-right"></i>
Kavita+ Premium Features
</h3>
<p>
Unlock External Reviews, Recommendations, Ratings, Scrobbling Support and more for your whole server with a Kavita+ Subscription (optional)
</p>
</div>
</div>
<div class="row feature">
<h3>And More!</h3>
<ul>
<li id="file-support">Extensive File support</li>
<ul aria-describedby="file-support">
<li>Manga/Comics: ZIP, RAR, RAR5, CBR, CBZ, CB7, CBT, TAR.GZ, 7ZIP/7Z</li>
<li>Books: EPUB2, EPUB3, PDF</li>
<li>Raw Images: JPG/JPEG, PNG, WebP, GIF, AVIF</li>
</ul>
<li id="manga-reader">Manga/Comic Reader</li>
<ul aria-describedby="manga-reader">
<li>Image Scaling to fit your device screen or override for what feels best to you</li>
<li>Image Splitting for those joined page spreads, don't scroll on your tablet, just split</li>
<li>Fullscreen Mode</li>
<li>Dual page reader mode with optional shadow to emulate reading a book</li>
<li>Reading Direction: Left/Right, Up/Down</li>
<li>Webtoon reader (scrolling) built in</li>
<li>Read across archives without closing the reader</li>
</ul>
<li id="book-reader">Book Reader</li>
<ul aria-describedby="book-reader">
<li>Interactive reader - can interact with text, run javascript and streams pages to the UI</li>
<li>Dark mode persists between page load</li>
<li>Immersive mode, just you and the words</li>
<li>Fullscreen Mode</li>
<li>No scroll mode with virtual pages</li>
<li>Dark, Black or White themes to enjoy on OLED and e-Ink devices</li>
<li>Customize your reading experience with custom Font, Font Size, Margin, Reading Direction, Theme, etc</li>
<li>Table of Content just a click away</li>
<li>Remember line position and resume where you left off, no matter the device</li>
</ul>
<li id="pdf-reader">PDF Reader</li>
<ul aria-describedby="pdf-reader">
<li>Dedicated PDF reader to give you the best experience for your PDFs</li>
<li>Offers light/dark mode and many customization options</li>
</ul>
<li id="usr-mgmt">User Management and Sharing</li>
<ul aria-describedby="usr-mgmt">
<li>Create users and share your libraries with them</li>
<li>Grant users permissions to view libraries or see different mixed-media collections</li>
<li>Built-in ratings and review for each of your users</li>
<li>Age restriction for user accounts</li>
</ul>
<li>Cross Platform with no dependencies - Everything in the box</li>
<li>Responsive and Fast! Built-in readers that fit to your device or use OPDS and interact with your favorite reader</li>
<li>Full text search to quickly find what you want to read</li>
<li>Group and Organize your files with collections, reading lists, series relationships, want to read lists, and more</li>
<li>Mixed media Libraries - Light Novels and Manga can be right next to each other</li>
<li>Fast and efficient library scans. Don't perform I/O if the underlying file hasn't changed.</li>
<li>Full metadata support and filtering ability</li>
<li>Send to Kindle or any email supported device for any user</li>
<li>Built-in Child accounts - limit age ratings and libraries accounts have access to</li>
<li>Folder watching capabilities - get changes without kicking off manual scans</li>
<li>Rich documentation</li>
<li>Full Localization support</li>
<li>Built-in Theme downloading and updating</li>
<li>Frequent updates with new features</li>
<li>Available on many devices and platforms including <a target="_blank" href="https://wiki.kavitareader.com/en/guides/misc/paperback">Paperback</a>,
<a target="_blank" href="https://wiki.kavitareader.com/en/guides/misc/tachiyomi">Tachiyomi</a> and <a target="_blank" href="https://wiki.kavitareader.com/en/guides/misc/cdisplayex">CDisplayEx</a></li>
</ul>
</div>
</div>
</div>
<div id=download class="download">
<div class="container" style="padding-top: 20px">
<a class="btn btn-primary" style="background-color: #4ac694; color: white; border-color: #4ac694; width: 100%" href="https://wiki.kavitareader.com/installation/getting-started#installation-methods">
Get Started with Kavita
</a>
</div>
</div>
<div id=support class=support>
<div class=container>
<div class=section-header>
<h3>Support</h3>
</div>
<div class=row>
<a class=col-sm-4 href=https://wiki.kavitareader.com/ target=_blank>
<div class=text>
<i class="far fa-lightbulb fa-2x"></i>
<h4>Wiki</h4>
<p>
Check out the FAQ, Install instructions or other guides on how to use Kavita
</p>
</div>
</a>
<a class=col-sm-4 href=https://discord.gg/b52wT37kt7 target=_blank>
<div class=text>
<i class="fab fa-discord fa-2x"></i>
<h4>Discord</h4>
<p>
Join our Discord server for a chat or some support
</p>
</div>
</a>
<a class=col-sm-4 href=https://github.com/Kareadita/Kavita/issues target=_blank>
<div class=text>
<i class="fab fa-github fa-2x"></i>
<h4>GitHub Issues</h4>
<p>
Track bugs and features for the things that matter to you
</p>
</div>
</a>
</div>
</div>
</div>
<div id=donate class=support>
<div class=container>
<div class=section-header>
<h3>Donate</h3>
</div>
<div class=row>
<a class=col-sm-6 href=https://www.paypal.com/paypalme/majora2007?locale.x=en_US target=_blank>
<div class=text>
<img src="img/paypal.png" height=32 width=32 class=img-responsive style="display: inline;" aria-hidden="true" alt="">
<h4>Paypal</h4>
</div>
</a>
<a class=col-sm-6 href=https://opencollective.com/kavita target=_blank>
<div class=text>
<img src="img/open-collective.png" height=32 width=32 class=img-responsive style="display: inline;" aria-hidden="true" alt="">
<h4>Open Collective</h4>
</div>
</a>
</div>
</div>
</div>
<footer id=footer class=footer>
<div class=container>
<div class="row credits">
<div class=col-md-12>
<div class="row copyright">
<div class=col-md-12>
© 2020-<span id=year></span> Kavita. All rights reserved.
</div>
</div>
</div>
</div>
</div>
</footer>
<script src=//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js></script>
<script src=//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js></script>
<script src=js/tab-loader.js?v=5a66d54eb3de3529f67381a6ff983e99></script>
<script src=https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.1/highlight.min.js></script>
<script>
hljs.initHighlightingOnLoad();
</script>
<script src=js/theme.js?v=453b4ff1a4f41c49315a28f79aa5ea83></script>
<script type=text/javascript src=js/index-slider.js?v=072006930bd52788bb7ab0a7d16861f7></script>
</body>
</html>