-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
177 lines (171 loc) · 7.23 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
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>Mirador — Home</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href='https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:300,200' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Lato:300,900' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/skel.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-wide.css" />
<link rel="stylesheet" href="css/style-noscript.css" />
<link rel="shortcut icon" type="image/svg" href="/img/mirador-logo.svg"/>
</head>
<body>
<header id="header" class="alt">
<nav>
<ul>
<li class="current">
<a href="/index.html">Home</a>
</li>
<li class="">
<a href="https://mirador-dev.netlify.app/__tests__/integration/mirador">Demo</a>
</li>
<li class="">
<a href="https://github.com/projectmirador/mirador/wiki">Docs</a>
</li>
<li class="">
<a href="https://github.com/projectmirador/mirador">Code</a>
</li>
<li class="">
<a href="#participate">Participate</a>
</li>
<li class="">
<a href="#status">Status</a>
</li>
</ul>
</nav>
</header>
<section id="banner">
<div class="inner">
<header>
<img src="img/mirador-logo.png" alt="Mirador">
<h2>mirador</h2>
</header>
<p>
<span style="font-weight: 400;">Open-source</span>,
web based, multi-window image viewing platform <br>
with the ability to zoom, display, compare and annotate <br>
images from around the world.
</p>
</div>
<div>
<a class="button button-primary" href="https://mirador-dev.netlify.app/__tests__/integration/mirador">Try a Live Demo</a>
</div>
</section>
<article id="main">
<!-- Feature list -->
<header class="special container">
<h2>Fully Featured IIIF Viewer</h2>
<p>
Mirador is a configurable, extensible, and easy-to-integrate image viewer, which enables image annotation and comparison of images from repositories dispersed around the world. Mirador has been optimized to display resources from repositories that support the <a href="http://iiif.io/">International Image Interoperability Framework</a> (IIIF) API's. Mirador provides several workspaces for comparing image-based resources, suitable for use in both cultural heritage and research settings.
</p>
<div class="flex-container">
<div class="flex-1">
<h3>Classic Image Viewer Features</h3>
<ul>
<li>Compare images</li>
<li>Zoom and pan</li>
<li>Book, gallery, and scroll views</li>
</ul>
</div>
<div class="flex-1">
<h3>Rich Metadata display</h3>
<ul>
<li>Item and canvas level metadata</li>
<li>Table of contents</li>
<li>Multiple sequences</li>
</ul>
</div>
</div>
<div class="flex-container">
<div class="flex-1">
<h3>Flexible Configuration</h3>
<ul>
<li>Mosaic workspace for snap-to-grid window display</li>
<li>Elastic workspace for free window arrangement</li>
<li>Easily import and export your workspace state for later reuse</li>
</ul>
</div>
<div class="flex-1">
<h3>Annotations</h3>
<ul>
<li>Annotation creation available via plugin</li>
<li>Supports viewing both OpenAnnotation and W3C Web Annotation standards</li>
</ul>
</div>
</div>
<div class="flex-container">
<div class="flex-1">
<h3>IIIF API Support</h3>
<ul>
<li>v2 and v3 Image and Presentation</li>
<li>Authentication</li>
<li>Search</li>
<li>Image Level 0</li>
<li>Audio and Video support through Presentation v3</li>
<li>IIIF Collection viewing and navigation</li>
</ul>
</div>
<div class="flex-1">
<h3>Multilingual Support</h3>
<ul>
<li>Available in 12 languages</li>
<li>Comprehensive right-to-left support</li>
<li>
</ul>
</div>
</div>
<div class="flex-container">
<div class="flex-1">
<h3>Customizable Out of the Box</h3>
<ul>
<li>Rich set of out-of-the-box configurations</li>
<li>Themable</li>
<li>Light / Dark mode</li>
</ul>
</div>
<div class="flex-1">
<h3>Extensible</h3>
<ul>
<li>Available as a single JS file or customizable build</li>
<li>Plugin framework enables additional customization</li>
</ul>
</div>
</div>
<div class="flex-container">
<div class="flex-1">
<h3>Open Source, Community-Driven Software</h3>
<ul>
<li>Built with an accessibility focus</li>
<li>Friendly developer community</li>
<li>Continuous integration and testing</li>
</ul>
</div>
</div>
</header>
<section class="wrapper container special-alt">
<iframe src="https://mirador-dev.netlify.app/__tests__/integration/mirador/" width="800" height="600" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" id="frame" allowfullscreen="">You need an iFrame capable browser to view this.</iframe>
</section>
<header id="participate" class="special container">
<h2>Participate in the Community</h2>
<p>
Mirador's development, design, and maintenance is driven by community needs and ongoing feedback and discussion. Join us at our regularly scheduled community calls, on <a href="http://bit.ly/iiif-slack">IIIF slack</a> or the <a href="https://groups.google.com/forum/#!forum/iiif-discuss">iiif-discuss</a> mailing list. To suggest features, report bugs, and clarify usage, <a href="https://github.com/projectmirador/mirador/issues">submit a GitHub issue</a>.
</p>
</header>
<header id="status" class="special container">
<h2>Current Mirador Status</h2>
<p>
A beta release of Mirador 4 is now available! This includes major updates to React to version 18 and the Material UI interface library it uses to version 5, an overhaul of its automated testing suite to use React Test Library, and much more. You'll find a complete list of changes in the <a href="https://github.com/ProjectMirador/mirador/releases/tag/v4.0.0.alpha-1">4.0.0.alpha-1 release notes</a>.
</p>
<p>
The community is shifting its attention now to assessing plugin compatibility with version 4, reviewing documentation, and improving digital accessibility. As always we’d be thrilled for you to join the effort! Please reach out to the community through the channels listed above if you wish to learn more about where and how to help.
</p>
</header>
<p/>
</article>
<script src="js/jquery.min.js"></script>
</body>
</html>