-
Notifications
You must be signed in to change notification settings - Fork 1
/
learn.html
90 lines (77 loc) · 4.44 KB
/
learn.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
<!DOCTYPE html>
<html>
<head>
<title>Learn how OPDS works</title>
<meta name="description" content="Discover the three building blocks behind the OPDS standard: catalogs, shelves and callbacks." />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<!-- Bootstrap -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta charset="utf-8" />
<link href="css/bootstrap.min.css" rel="stylesheet" />
<link href="css/bootstrap-responsive.min.css" rel="stylesheet" />
<!-- Site CSS -->
<link href="css/opds.css" rel="stylesheet" />
</head>
<body>
<div class="container">
<!-- Navigation -->
<div class="row-fluid hidden-phone">
<a href="index.html"><img src="img/logo.png" alt="Open Publication Distribution System" title="Open Publication Distribution System" /></a>
<ul class="nav nav-pills pull-right">
<li><a href="index.html">Home</a></li>
<li><a href="presentation.html">Presentation</a></li>
<li class="active"><a href="learn.html">Learn</a></li>
<li><a href="https://specs.opds.io">Specifications</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Resources <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="https://test.opds.io">Test a client</a></li>
<li><a href="http://opds-validator.appspot.com/">Validate a catalog</a></li>
<li><a href="http://github.com/search?q=OPDS&start_value=1&type=Repositories">Search on GitHub</a></li>
</ul>
</li>
<li><a href="http://groups.google.com/group/openpub">Discussions</a></li>
</ul>
</div>
<div class="row-fluid visible-phone center">
<a href="index.html"><img src="img/logo.png" alt="Open Publication Distribution System" title="Open Publication Distribution System" /></a>
</div>
<hr class="hidden-phone" />
<!-- Presentation -->
<div class="row-fluid append1">
<h1>Learn how OPDS works</h1>
<hr />
<p class="lead">OPDS is based on three building blocks that can be used independently from one another, but all share the same technology. Clients and content providers can rely on one or more of these blocks to vastly improve their content distribution.</p>
</div>
<!-- Main content -->
<div class="row-fluid">
<div class="span4 append1">
<a href="catalog.html"><img src="img/catalogs.png" alt="Catalog" title="Catalog" /></a>
<h2>Catalog</h2>
<p>An easy way to browse, search and acquire content from a large collection. Catalogs are designed to be uniquely curated by their creators, with deep navigation based on links and faceted browsing.</p>
<p><a class="btn" href="catalog.html">Learn more »</a></p>
</div>
<div class="span4 append1">
<img src="img/shelves.png" alt="Shelf" title="Shelf" />
<h2>Shelf</h2>
<p>A place to find any content that you've bought, borrowed or subscribed to. Shelves are meant to safely store your content, and help you move between multiple devices.</p>
</div>
<div class="span4 append1">
<a href="callback.html"><img src="img/callbacks.png" alt="Callback" title="Callback" /></a>
<h2>Callback</h2>
<p>A message shared between the content provider and an OPDS client. They're meant to do all the hard-work for you – download your content, provide extra metadata, add your shelf and provide a catalog – all with a single click.</p>
<p><a class="btn" href="callback.html">Learn more »</a></p>
</div>
</div>
<hr />
<footer>
<p class="pull-right hidden-phone"><a href="#">Back to top</a></p>
<p>A project of the <a href="http://groups.google.com/group/openpub">OPDS Working Group</a> & <a href="http://www.feedbooks.com/">Feedbooks</a>, © <a href="http://www.lindsaygrime.co.uk/">Lindsay Grime</a> for the illustrations</p>
</footer>
</div>
<script src="https://code.jquery.com/jquery-latest.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>