-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
220 lines (219 loc) · 9.91 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
---
layout: default
class: home
title: Explore your research photos
---
<section class="hero">
<div class="container-fluid">
<h1>Tropy</h1>
<p class="lead">Explore your research photos</p>
<tpy-download>
<a class="btn fallback legacy" href="https://github.com/tropy/tropy/releases/latest">Download Tropy</a>
</tpy-download>
</div>
<div class="hero-illustration"></div>
</section>
<section class="key-features">
<div class="container-fluid">
<h2 class="h1 text-sm-center">Built for today’s archival research</h2>
<p class="lead text-sm-center">Take control of your research photos with Tropy, a tool that shortens the path from finding archival sources to writing about them. Spend more time using your research photos, and less time hunting for them.</p>
<section>
<div class="row align-items-center">
<div class="col-lg-4 start-lg-2 col-text">
<h3 class="h2">Turn photos into items</h3>
<p>Tropy thinks the way you do: like a researcher. Say goodbye to <small>IMG_5261.JPG</small> and <small>IMG_5262.JPG</small>, and say hello to your sources.</p>
</div>
<div class="col-lg-6 start-lg-7">
<figure class="screenshot">
<img
src="assets/images/screenshot-1.jpg"
srcset="assets/images/screenshot-1.jpg 1280w, assets/images/[email protected] 2560w"
sizes="(min-width: 1024px) 1280px, (min-width: 768px) 1120px, (min-width: 360px) 800px, 640px"
width="1280"
height="720"
alt="Screenshot featuring the merging of two photos in one item.">
</figure>
</div>
</div>
</section>
<section>
<div class="row align-items-center">
<div class="col-lg-4 start-lg-8 col-text">
<h3 class="h2">Describe your sources</h3>
<p>Tropy helps you contextualize artifacts and their photos by capturing your own subject expertise. A friendly editing interface allows customized templates that fit your research like a glove.</p>
</div>
<div class="col-lg-6 start-lg-1 justify-self-end">
<figure class="screenshot">
<img
src="assets/images/screenshot-2.jpg"
srcset="assets/images/screenshot-2.jpg 1280w, assets/images/[email protected] 2560w"
sizes="(min-width: 1024px) 1280px, (min-width: 768px) 1120px, (min-width: 360px) 800px, 640px"
width="1280"
height="720"
alt="Screenshot featuring the editing of a custom template’s metadata field.">
</figure>
</div>
</div>
</section>
<section>
<div class="row align-items-center">
<div class="col-lg-4 start-lg-2 col-text">
<h3 class="h2">Organize your research</h3>
<p>Tropy understands that every researcher is different and that every project has its own demands. Break free from the logic of the physical archive and use tags and lists to organize your research items according to your needs.</p>
</div>
<div class="col-lg-6 start-lg-7">
<figure class="screenshot">
<img
src="assets/images/screenshot-3.jpg"
srcset="assets/images/screenshot-3.jpg 1280w, assets/images/[email protected] 2560w"
sizes="(min-width: 1024px) 1280px, (min-width: 768px) 1120px, (min-width: 360px) 800px, 640px"
width="1280"
height="720"
alt="Screenshot featuring the drag and drop of selected items onto a list">
</figure>
</div>
</div>
</section>
<section>
<div class="row align-items-center">
<div class="col-lg-4 start-lg-8 col-text">
<h3 class="h2">Annotate your photos</h3>
<p>Tropy’s beautiful annotation tools allow you to transcribe documents, select image details, and manipulate photographs to get the clearest view of your sources.</p>
</div>
<div class="col-lg-6 start-lg-1 justify-self-end">
<figure class="screenshot">
<img
src="assets/images/screenshot-4.jpg"
srcset="assets/images/screenshot-4.jpg 1280w, assets/images/[email protected] 2560w"
sizes="(min-width: 1024px) 1280px, (min-width: 768px) 1120px, (min-width: 360px) 800px, 640px"
width="1280"
height="720"
alt="Screenshot of Tropy’s note editor side by side with the image editor.">
</figure>
</div>
</div>
</section>
</div>
</section>
<section class="platforms">
<div class="container-fluid">
<h2 class="h1">Fully integrated</h2>
<p class="lead">Whether it’s Linux, macOS or Windows: Tropy blends in with your preferred desktop.</p>
<figure id="platforms" class="screenshots">
<picture class="linux">
<source
media="(max-width: 479px)"
srcset="assets/images/platforms/linux-1.png 1x, assets/images/platforms/[email protected] 2x">
<source
media="(min-width: 480px)"
srcset="assets/images/platforms/linux-2.png 1x, assets/images/platforms/[email protected] 2x">
<img
src="assets/images/platforms/linux-1.png"
width="1308"
height="484"
alt="Screenshot of Tropy’s dark theme on Linux">
</picture>
<picture class="windows">
<source
media="(max-width: 1199px)"
srcset="assets/images/platforms/windows-1.png 1x, assets/images/platforms/[email protected] 2x">
<source
media="(min-width: 1200px)"
srcset="assets/images/platforms/windows-2.png 1x, assets/images/platforms/[email protected] 2x">
<img
src="assets/images/platforms/windows-1.png"
width="1308"
height="438"
alt="Screenshot of Tropy’s dark theme on Windows.">
</picture>
<img
class="macos"
src="assets/images/platforms/macos.png"
srcset="assets/images/platforms/macos.png 1x, assets/images/platforms/[email protected] 2x"
width="1308"
height="392"
alt="Screenshot of Tropy’s dark theme on macOS.">
</figure>
</div>
</section>
<section class="features">
<div class="container-fluid">
<h2 class="h1">Tailor-made for researchers</h2>
<div class="row">
<div class="col-sm-6 col-md-5 start-md-2 feature export">
<img src="/assets/images/rdf-icon.svg" width="128" height="128" alt="RDF icon">
<h3 class="h2">Export your research</h3>
<p>Tropy exports your research projects as JSON‑LD, CSV, and even directly to Omeka S. Need a custom format? With Tropy it’s possible to create your own export plugin.</p>
</div>
<div class="col-sm-6 col-md-5 feature open-source">
<img src="/assets/images/git-icon.svg" width="128" height="128" alt="Git icon">
<h3 class="h2">Free & open source</h3>
<p>Built to encourage sustainable development, Tropy saves your research data using SQLite, the storage format recommended by the Library of Congress for preservation.</p>
</div>
</div>
</div>
</section>
<section class="plugins">
<div class="container-fluid">
<h2 class="h1">Core plugins</h2>
<p class="lead">Create custom workflows and choose the extensions for your projects.</p>
<ul>
<li>
<a href="https://github.com/tropy/tropy-plugin-iiif">
<img src="assets/images/plugins/iiif-plugin-icon.svg" width="48" height="48">
<div>
<p class="name">IIIF</p>
<p class="description">Import IIIF manifests.</p>
</div>
</a>
</li>
<li>
<a href="https://github.com/tropy/tropy-plugin-omeka">
<img src="assets/images/plugins/omeka-plugin-icon.svg" width="48" height="48">
<div>
<p class="name">Omeka</p>
<p class="description">Export your items to Omeka S.</p>
</div>
</a>
</li>
<li>
<a href="https://github.com/tropy/tropy-plugin-csl">
<img src="assets/images/plugins/csl-plugin-icon.svg" width="48" height="48">
<div>
<p class="name">CSL</p>
<p class="description">Export your Tropy items to Zotero.</p>
</div>
</a>
</li>
<li>
<a href="https://github.com/tropy/tropy-plugin-csv">
<img src="assets/images/plugins/csv-plugin-icon.svg" width="48" height="48">
<div>
<p class="name">CSV</p>
<p class="description">Import and export CSV files.</p>
</div>
</a>
</li>
<li>
<a href="https://github.com/tropy/tropy-plugin-archive">
<img src="assets/images/plugins/archive-plugin-icon.svg" width="48" height="48">
<div>
<p class="name">Archive</p>
<p class="description">Export your items as a ZIP archive.</p>
</div>
</a>
</li>
</ul>
</div>
</section>
<section class="about">
<div class="container-fluid">
<h2 class="h1">About Tropy</h2>
<p class="lead">Tropy is an independent, open-source project designed and produced by an international team of historians and software developers.</p>
<p class="about-text">Originally created at the Roy Rosenzweig Center for History and New Media (<small>RRCHNM</small>), Tropy today is jointly developed by <small>RRCHNM</small>, the Luxembourg Centre for Contemporary and Digital History (<small>C²DH</small>), and Digital Scholar, the nonprofit corporation which operates allied projects Zotero, Omeka, and Sourcery. Tropy is generously funded by the Andrew W. Mellon Foundation. Tropy benefits from the support of its enthusiastic users, who supply essential feedback, feature requests, issue reports, workshops, and interface translations. All Tropy code is open source and freely available on GitHub.</p>
</div>
<div class="marquee">
{%- include about-marquee.html -%}
{%- include about-marquee.html attr="aria-hidden='true'" -%}
</div>
</section>