-
Notifications
You must be signed in to change notification settings - Fork 9
/
document-your-data.html
509 lines (481 loc) · 33.4 KB
/
document-your-data.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
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
<!doctype html>
<html prefix="og: https://ogp.me/ns#">
<head>
<title>Creating a record for your data | HTR-United</title>
<!-- block header -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="Alix Chagué">
<meta name="author" content="Thibault Clérice">
<meta name="description" content="HTR-United is a catalog and an ecosystem for sharing and finding ground truth for optical character or handwritten text recognition (OCR/HTR)." />
<title>HTR-United</title>
<meta property="og:description"
content="HTR-United is a catalog and an ecosystem for sharing and finding ground truth for optical character or handwritten text recognition (OCR/HTR)." />
<meta property="og:locale" content="en_GB" />
<meta property="og:locale:alternate" content="fr_FR" />
<meta property="og:site_name" content="HTR-United" />
<meta property="og:image" content="https://htr-united.github.io/assets/images/logo_htr-united.png" />
<meta property="og:type" content="website" />
<meta property="og:title" content="HTR-United" />
<!-- Bootstrap core CSS -->
<link href="static/css/bootstrap.min.css" rel="stylesheet">
<!-- Favicons -->
<link rel="icon" href="assets/images/favicon.ico" />
<!-- Icon library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<!-- Custom styles for this template -->
<link href="static/css/custom.css" rel="stylesheet">
<script type="text/javascript">
(function() {
document.head.querySelector("meta[property='og:title']").setAttribute("content", window.title);
})();
</script>
<!-- endblock header -->
<link href="static/css/catalog.css" rel="stylesheet">
</head>
<body id="top">
<!-- navbar -->
<nav class="navbar navbar-expand-lg navbar-light bg-light rounded fixed-top d-flex flex-wrap align-items-center justify-content-center justify-content-md-between border-bottom py-3 mb-4 px-5 shadow-lg">
<a class="navbar-brand" href="index.html">HTR-United</a>
<a class="navbar-brand" href="https://github.com/HTR-United"><i class="fab fa-github"></i></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar_htr-united" aria-controls="navbar_htr-united" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span><!--<i class="far fa-minus-square"></i>-->
</button>
<div class="collapse navbar-collapse" id="navbar_htr-united">
<ul class="navbar-nav my-2 my-md-0 mr-md-3 col-sm-10">
<li class="nav-item">
<span class="mx-4"></span>
</li>
<li class="nav-item">
<a class="nav-link btn btn-nav me-2" href="catalog.html"><i class="fas fa-search"></i> <i18n vanilla-i18n="nav.catalog">Explorer le catalogue</i18n></a>
</li>
<li class="nav-item">
<a class="nav-link btn btn-nav me-2" href="document-your-data.html"><i class="fas fa-edit"></i> <i18n vanilla-i18n="nav.form">Enregistrer des données</i18n></a>
</li>
<li class="nav-item">
<a class="nav-link btn btn-nav me-2" href="tools.html"><i class="fas fa-hammer"></i> <i18n vanilla-i18n="nav.tools">Les Outils</i18n></a>
</li>
<li class="nav-item">
<a class="nav-link btn btn-nav me-2" href="actions.html"><i class="fas fa-cogs"></i> <i18n vanilla-i18n="nav.actions">Automatisation Github</i18n></a>
</li>
<li class="nav-item">
<a class="nav-link btn btn-nav me-2" href="team.html"><i class="fas fa-child"></i> <i18n vanilla-i18n="nav.team">L'Équipe</i18n></a>
</li>
</ul>
<div class="col-sm-2 text-end">
<select id="vanilla-i18n-toggler">
<option>Français</option>
<option>English</option>
</select>
</div>
</div>
</nav>
<!-- Main -->
<main>
<div class="px-4 pt-5 pb-2 mt-5 text-center" id="main">
<img src="assets/images/logo_htr-united.png" class="u-logo-image u-logo-image-1 mt-5" data-image-width="40" height="86" alt="HTR-United">
</div>
<div class="px-2 py-2" id="steps">
<h3 class="text-center"><i18n vanilla-i18n="form.steps.title">Suivez les étapes!</i18n></h3>
<div class="col-lg-4 mx-auto">
<div class="list-group list-group-flush">
<button class="btn list-group-item" type="button" data-toggle="collapse" data-target="#collapseStep1" aria-expanded="false" aria-controls="collapseStep1"><i18n vanilla-i18n="form.step1.title">1. Remplir le formulaire</i18n> <i class="fas fa-angle-down"></i></button>
<div class="collapse" id="collapseStep1">
<div class="card card-body bg-light"><i18n vanilla-i18n="form.step1.desc">Suivre les instructions et les exemples si nécessaire. Certaines rubriques sont optionnelles mais vous devriez essayer de donner autant de détails que possible. Vous pouvez aussi nous contacter <a href="https://github.com/HTR-United/htr-united/issues/new" target="_blank" class="text-decoration-none">en ouvrant une issue</a>.</i18n>
</div>
</div>
<!-- step 2 -->
<button class="btn list-group-item" type="button" data-toggle="collapse" data-target="#collapseStep2" aria-expanded="false" aria-controls="collapseStep2"><i18n vanilla-i18n="form.step2.title">2. Cliquer sur "Obtenir les métadonnées formatées"</i18n> <i class="fas fa-angle-down"></i></button>
<div class="collapse" id="collapseStep2">
<div class="card card-body bg-light"><i18n vanilla-i18n="form.step2.desc">Et copier le résultat !</i18n>
</div>
</div>
<!-- step 3 -->
<button class="btn list-group-item" type="button" data-toggle="collapse" data-target="#collapseStep3" aria-expanded="false" aria-controls="collapseStep3"><i18n vanilla-i18n="form.step3.title">3. Ajouter le résultat au catalogue d'HTR-United</i18n> <i class="fas fa-angle-down"></i></button>
<div class="collapse" id="collapseStep3">
<div class="card card-body bg-light"><i18n vanilla-i18n="form.step3.desc">En créant un nouveau fichier à l'intérieur de notre <a href="https://github.com/HTR-United/htr-united/tree/master/catalog" target="_blank" class="text-decoration-none">dossier catalog/</a>, en suivant le lien fourni après avoir généré les métadonnées. Vous pouvez aussi copier les métadonnées à l'intérieur de votre propre fichier htr-united.yml au sein de votre répertoire.</i18n></div>
</div>
</div>
</div>
</div>
<div class="px-4 pt-2 mb-2">
<div class="justify-content-center col-md-8 text-center mx-auto">
<h3 class="mt-2">Demo</h3>
<div class="my-2">
<a href="#" class="btn btn-sm btn-primary" id="startButton"><span class="fa fa-play"></span> <span vanilla-i18n="form.play">Play or restart</span> (GIF)</a>
<a href="https://youtu.be/MiBLhj4cw_c" class="btn btn-sm btn-secondary"><span class="fab fa-youtube"></span> Youtube</a>
</div>
<div>
<img class="img-fluid" id="imageContainer"/>
</div>
</div>
</div>
<!-- Use data -->
<div class="container col-xxl-8 px-4 py-4" id="use-data">
<div class="row">
<div class="col-12 text-muted"><p><i18n vanilla-i18n="form.mandatory_field">Les champs marqués d'un <span class="required">*</span> sont obligatoires.</i18n></p></div>
</div>
<div class="row">
<div class="col-12">
<form id="generate">
<div class="row">
<div class="col">
<h2><i18n vanilla-i18n="form.title.ds">Informations générales sur le set de données</i18n></h2>
</div>
</div>
<div class="form-group row my-2">
<label for="repoName" class="col-sm-3 col-form-label"><i18n vanilla-i18n="form.field.ds_title">Nom du dépôt / dataset (titre)</i18n><span class="required">*</span></label>
<div class="col-sm-9">
<input vanilla-i18n-placeholder="form.input.reponame" type="text" name="repoName" class="form-control" id="repoName" placeholder="Nom du dépôt" required="true">
</div>
</div>
<div class="form-group row my-2">
<label for="repoLink" class="col-sm-3 col-form-label"><i18n vanilla-i18n="form.field.repolink">Lien vers le dépôt</i18n><span class="required">*</span></label>
<div class="col-sm-9">
<input vanilla-i18n-placeholder="form.input.repolink" type="text" name="repoLink" class="form-control" id="repoLink" placeholder="Lien vers le dépôt" required="true">
</div>
</div>
<div class="form-group row my-2">
<label for="desc" class="col-sm-3 col-form-label"><i18n vanilla-i18n="form.field.ds_desc">Courte description</i18n><span class="required">*</span></label>
<div class="col-sm-9">
<textarea name="desc" class="form-control" id="desc" placeholder="Description" required="true"></textarea>
</div>
</div>
<div class="form-group row my-2">
<label for="citationCFF" class="col-sm-3 col-form-label"><i18n vanilla-i18n="form.field.cff.link">Lien vers un fichier CITATION.cff</i18n></label>
<div class="col-sm-9">
<input vanilla-i18n-placeholder="form.input.cff" type="text" name="cff" class="form-control" id="citationCFF" placeholder="Lien vers un fichier CITATION.cff">
<p><small class="text-muted"><i18n vanilla-i18n="form.field.cff.info">Les fichiers CITATION.cff permettent de fournir un mode de citation assez simple sur github par exemple. Lien:</i18n> <a href="https://citation-file-format.github.io/">https://citation-file-format.github.io/</a></small></p>
</div>
</div>
<div class="form-group row my-2">
<label for="license" class="col-sm-3 col-form-label"><i18n vanilla-i18n="form.field.license">Licence</i18n><span class="required">*</span></label>
<div class="col-sm-3">
<select class="form-control" name="license" id="license">
<option value="CC-BY 4.0">CC-BY 4.0</option>
<option value="CC-BY-SA 4.0">CC-BY-SA 4.0</option>
<option value="Etalab OL 2.0">Etalab OL 2.0</option>
<option value="ODbL 1.0">ODbL 1.0</option>
<!-- Ajouter d'autres options !-->
</select>
</div>
<div class="col-sm-1"></div>
<label for="format" class="col-sm-2 col-form-label"><i18n vanilla-i18n="form.field.std">Format des données</i18n><span class="required">*</span></label>
<div class="col-sm-3">
<select name="format" id="format" class="form-control" required>
<option value="" default>---</option>
<option value="Alto-XML">ALTO XML</option>
<option value="Page-XML">PAGE XML</option>
<option value="Image-Text-Pairs" vanilla-i18n="form.field.linepair">Line Pair</option>
<!-- Ajouter d'autres options !-->
</select>
</div>
</div>
<div class="form-group row my-2">
<div class="col-sm-3"><i18n vanilla-i18n="form.field.flags.label">Flags</i18n></div>
<div class="col-sm-9">
<div class="form-check">
<input type="checkbox" value="true" name="automatically-aligned" id="flagAutomaticallyAligned" class="flag-checkbox">
<label for="flagAutomaticallyAligned" name="automatically-aligned-label" vanilla-i18n="form.field.flags.automaticallyAligned.label">Contribution d'institution</label>
</div>
<p><small class="text-muted"><i18n vanilla-i18n="form.field.flags.automaticallyAligned.helper">placeholder</i18n></small></p>
</div>
</div>
<p><small class="text-muted"><i18n vanilla-i18n="form.field.std_info">Les licenses sont ici proposées à titre indicatif.</i18n></small></p>
<div class="form-group row my-2">
<label for="desc" class="col-sm-3 col-form-label"><i18n vanilla-i18n="form.field.software">Name of software(s) used to create the ground truth</i18n><span class="required">*</span></label>
<div class="col-sm-9">
<input type="text" name="software" class="form-control" id="software" placeholder="Description" vanilla-i18n-placeholder="form.field.software_placeholder" required="true"/>
</div>
<div class="offset-sm-3 col-sm-9">
<div class="row">
<div class="col-md-3 text-muted small">You can use the following buttons to populate the field.</div>
<div class="col-md-9">
<div class="btn-group btn-group-sm">
<a class="btn btn-sm btn-outline-info software-key" href="#">eScriptorium + Kraken</a>
<a class="btn btn-sm btn-outline-info software-key" href="#">Transkribus</a>
<a class="btn btn-sm btn-outline-info software-key" href="#">OCR For All</a>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col">
<h2><i18n vanilla-i18n="form.title.project">Informations générales sur le projet</i18n></h2>
</div>
</div>
<div class="form-group row my-2">
<label for="projectName" class="col-sm-3 col-form-label"><i18n vanilla-i18n="form.field.project.name">Nom du projet (si différent du nom du dépôt)</i18n></label>
<div class="col-sm-9">
<input type="text" name="projectName" class="form-control" id="projectName" placeholder="Nom du projet" vanilla-i18n-placeholder="form.input.projectname">
</div>
</div>
<div class="form-group row my-2">
<label for="projectWebsite" class="col-sm-3 col-form-label"><i18n vanilla-i18n="form.field.project.link">Lien vers le site du projet</i18n></label>
<div class="col-sm-9">
<input type="text" name="projectWebsite" class="form-control" id="projectWebsite" placeholder="Lien vers le site du projet (s'il existe)" vanilla-i18n-placeholder="form.input.projectlink">
</div>
</div>
<div class="form-group row my-2">
<div class="col-3">
<i18n vanilla-i18n="form.field.authors">Contributeur-rice-s et rôle(s)</i18n>
</div>
<div class="col-9">
<div class="row author original-author p-2 mx-1 mt-1 mb-2 rounded border border-secondary">
<div class="col-sm-6">
<div class="btn-group btn-group-sm my-2">
<button class="btn btn-info btn-sm add-author" vanilla-i18n="form.field.member.add">Ajouter une contriution</button>
<button class="btn btn-danger btn-sm remove-author d-none" vanilla-i18n="form.field.member.rm">Supprimer cette contribution</button>
</div>
</div>
<div class="col-sm-12">
<div class="row">
<div class="col-md-6">
<input type="text" name="authorityName" class="form-control mb-2" vanilla-i18n-placeholder="form.field.member.name"/>
</div>
<div class=" col-md-6">
<input type="text" name="authoritySurname" class="form-control mb-2 col-md-6" vanilla-i18n-placeholder="form.field.member.surname"/>
</div>
</div>
<div class="row mb-2">
<label class="col-md-2 col-form-label">ORCID</label>
<div class="col-md-10">
<input type="text" name="authorityORCID" class="form-control" pattern="\d{4}-\d{4}-\d{4}-\d{3}[0-9xX]" placeholder="0000-0000-0000-0000" />
</div>
</div>
<div class="row">
<div class="col" >
<div class="form-check">
<input type="checkbox" value="institution" name="authorityType" id="authorityType">
<label for="authorityType" name="authorityType" vanilla-i18n="form.field.member.status">Contribution d'institution</label>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4" vanilla-i18n="form.field.member.roles">Rôles</div>
<div class="col-md-4">
<div class="form-check">
<input type="checkbox" value="transcriber" name="roleTranscriber" id="roleTranscriber" class="roles">
<label class="form-check-label" for="roleTranscriber"><i18n vanilla-i18n="form.field.member.transcriber">Transcription</i18n></label>
</div>
<div class="form-check">
<input type="checkbox" value="aligner" name="roleAligner" id="roleAligner" class="roles">
<label class="form-check-label" for="roleAligner"><i18n vanilla-i18n="form.field.member.aligner">Alignement</i18n></label>
</div>
<div class="form-check">
<input type="checkbox" value="project-manager" name="roleMainCreator" id="roleMainCreator" class="roles">
<label class="form-check-label" for="roleMainCreator"><i18n vanilla-i18n="form.field.member.mainCreator">Responsable du projet</i18n></label>
</div>
</div>
<div class="col-md-4">
<div class="form-check">
<input type="checkbox" value="quality-control" name="roleQualityControl" id="roleQualityControl" class="roles">
<label class="form-check-label" for="roleQualityControl"><i18n vanilla-i18n="form.field.member.qualityControl">Contrôle Qualité</i18n></label>
</div>
<div class="form-check">
<input type="checkbox" value="digitization" name="roleDigitization" id="roleDigitization" class="roles">
<label class="form-check-label" for="roleDigitization"><i18n vanilla-i18n="form.field.member.digitizer">Numérisation</i18n></label>
</div>
<div class="form-check">
<input type="checkbox" value="support" name="roleSupport" id="roleSupport" class="roles">
<label class="form-check-label" for="roleSupport"><i18n vanilla-i18n="form.field.member.support">Assistance</i18n></label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col">
<h2><i18n vanilla-i18n="form.title.data">Informations générales sur les données</i18n></h2>
</div>
</div>
<div class="form-group row my-2">
<label for="date-begin" class="col-sm-3 col-form-label"><i18n vanilla-i18n="form.field.year.start">Année de début des sources</i18n><span class="required">*</span></label>
<div class="col-sm-3">
<input type="number" name="date-begin" class="form-control" id="date-begin" placeholder="Exemple: 1800" required="true" vanilla-i18n-placeholder="form.input.datebegin" />
</div>
<div class="col-sm-1"></div>
<label for="date-end" class="col-sm-2 col-form-label"><i18n vanilla-i18n="form.field.year.end">Année de fin des sources</i18n><span class="required">*</span></label>
<div class="col-sm-3">
<input type="number" name="date-end" class="form-control" id="date-end" placeholder="Exemple: 1948" required="true" vanilla-i18n-placeholder="form.input.dateend" />
</div>
</div>
<div class="row">
<div class="col offset-3"><p><small class="text-muted"><i18n vanilla-i18n="form.field.year.info">Préférez, pour des données au siècle près, 1200 pour un début au 13e siècle et 1299 pour une fin au 13e siècle. Les dates n'ont pas besoin d'être précises, cela reste une indication</i18n></small></p></div>
</div>
<div class="form-group row my-2">
<label for="language" class="col-sm-3 col-form-label"><i18n vanilla-i18n="form.field.languages.label">Langue(s)</i18n><span class="required">*</span></label>
<div class="col-sm-9">
<span class="language"></span>
<small class="form-text text-muted"><i18n vanilla-i18n="form.field.languages.helper">Pour faciliter l'entrée de données, des valeurs par défaut sont sélectionnées. Cliquez dessus pour les désélectionner.</i18n>
/</small>
</div>
</div>
<div class="form-group row my-2">
<label for="script" class="col-sm-3 col-form-label"><i18n vanilla-i18n="form.field.scripts.label">Système d'écriture</i18n><span class="required">*</span></label>
<div class="col-sm-9">
<span class="scripts"></span>
<small class="form-text text-muted"><i18n vanilla-i18n="form.field.scripts.helper">Pour faciliter l'entrée de données, des valeurs par défaut sont sélectionnées. Cliquez dessus pour les désélectionner.</i18n></small>
<small class="form-text text-muted"><i18n vanilla-i18n="form.field.scripts-details.helper">Lorsque c'est nécessaire seulement, vous pouvez spécifier une sous-catégorie pour le script décrit. Par exemple : Latf + Kurrent (pour qualifier la variante allemande de la Fraktur).</i18n></small>
</div>
<div class="offset-md-3 col-md-9 script-details-container"></div>
</div>
<div class="form-group row my-2">
<label for="scriptType" class="col-sm-3 col-form-label"><i18n vanilla-i18n="form.field.script.type.label">Type d'écriture</i18n><span class="required">*</span></label>
<div class="col-sm-9">
<select name="scriptType" id="format" class="form-control">
<option value="only-manuscript" vanilla-i18n="form.field.script.type.select.only-manuscript">Manuscrit uniquement</option>
<option value="only-typed" vanilla-i18n="form.field.script.type.select.only-typed">Imprimé/dactylographié uniquement</option>
<option value="mainly-manuscript" vanilla-i18n="form.field.script.type.select.mainly-manuscript">Principalement manuscrit</option>
<option value="mainly-typed" vanilla-i18n="form.field.script.type.select.mainly-typed">Principalement imprimé/dactylographié</option>
<option value="evenly-mixed" vanilla-i18n="form.field.script.type.select.evenly-mixed">Egale répartition manuscrit/dactylographié et imprimé</option>
</select>
</div>
</div>
<div class="form-group row my-2">
<label for="hands" class="col-sm-3 col-form-label mt-2"><i18n vanilla-i18n="form.field.hands.label">Nombre de mains (ou de fontes)</i18n><span class="required">*</span></label>
<div class="col-sm-3">
<select name="hands" id="hands" class="form-control my-2" required="true">
<option value="1" selected="">1</option>
<option value="1-per-file" vanilla-i18n="form.field.hands.select.1perfile">1 par fichier</option>
<option value="1-per-folder" vanilla-i18n="form.field.hands.select.1perfolder">1 par dossier</option>
<option value="less-than-11" vanilla-i18n="form.field.hands.select.less10">Inférieur ou égal à 10 (peu)</option>
<option value="more-than-10" vanilla-i18n="form.field.hands.select.more10">Supérieur à 10 (beaucoup)</option>
<option value="unknown" vanilla-i18n="form.field.hands.select.unknown">Inconnu</option>
</select>
</div>
<div class="col-sm-1"></div>
<label for="precision" class="col-sm-2 col-form-label mt-2"><i18n vanilla-i18n="form.field.prec.label">Précision</i18n><span class="required">*</span></label>
<div class="col-sm-3">
<select name="precision" id="precision" class="form-control my-2">
<option value="exact" selected="" vanilla-i18n="form.field.prec.select.exact">Valeur exacte</option>
<option value="estimated" vanilla-i18n="form.field.prec.select.estimated">Estimation</option>
</select>
</div>
</div>
<div class="form-group row my-2">
<label for="transcriptionGuidelines" class="col-sm-3 col-form-label"><i18n vanilla-i18n="form.field.guidelines.label">Normes de transcription</i18n></label>
<div class="col-sm-9">
<textarea name="transcriptionGuidelines" class="form-control" id="transcriptionGuidelines" placeholder="Normes de transcription" vanilla-i18n-placeholder="form.input.guidelines"></textarea>
<p><small class="text-muted"><i18n vanilla-i18n="form.field.guidelines.info">Normes de transcriptions utilisées (format libre). Peut concerner la résolution des abréviations, corrections de fautes d'orthographe, l'usage de caractères spéciaux, la normalisation, etc.</i18n></small></p>
</div>
</div>
<div class="row">
<div class="col">
<h2 vanilla-i18n="form.title.detail">Informations détaillées sur les données</h2>
</div>
</div>
<div class="form-group row my-2">
<label for="metric" class="col-sm-3 col-form-label"><i18n vanilla-i18n="form.field.qual.label">Description sommaire des quantités</i18n></label>
<div class="col-sm-9">
<div class="metric-form">
<div class="input-group">
<input vanilla-i18n-placeholder="form.input.quantity" type="number" name="metric-count" class="form-control" placeholder="Exemple: 200" min="1">
<select name="metric-metric" class="form-control ">
<option vanilla-i18n="form.field.qual.select.lines" value="lines">Lignes</option>
<option vanilla-i18n="form.field.qual.select.pages" value="pages">Pages</option>
<option vanilla-i18n="form.field.qual.select.characters" value="characters">Caractères</option>
<option vanilla-i18n="form.field.qual.select.regions" value="regions">Zones</option>
<option vanilla-i18n="form.field.qual.select.files" value="files">Fichiers XML</option>
</select>
<div class="input-group-append">
<button class="btn btn-outline-primary add-metric" type="button">+</button>
<button class="btn btn-outline-danger d-none remove-metric" type="button">-</button>
</div>
</div>
</div>
<hr />
</div>
</div>
<div class="form-group row my-2">
<label for="source-desc" class="col-sm-3 col-form-label"><i18n vanilla-i18n="form.field.src">Détails des sources transcrites</i18n></label>
<div class="col-sm-9">
<div><p><i18n vanilla-i18n="form.field.apa"><small class="text-muted">Le format APA est préféré pour les citations, ce qui peut donner des références longues comme <code>Allport, G. W. (1930–1967). Correspondence. Gordon W. Allport Papers (HUG 4118.10), Harvard University Archives, Cambridge, MA, United States.</code>, cf. <a href="https://apastyle.apa.org/style-grammar-guidelines/references/archival">APA Style</a>. Des formats plus courts sont autorisé. Le lien ou la référence APA peuvent suffire.</small></i18n></div>
<div class="sources-form">
<div class="input-group">
<input type="text" name="sources-ref" class="form-control" placeholder="Référence en mode APA" vanilla-i18n-placeholder="form.input.apa">
<input type="text" name="sources-link" class="form-control" placeholder="Lien vers le catalogue ou la ressource" vanilla-i18n-placeholder="form.input.src">
<div class="input-group-append"></div>
<button class="btn btn-outline-primary add-sources" type="button">+</button>
<button class="btn btn-outline-danger d-none remove-sources" type="button">-</button>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col">
<h2><i18n vanilla-i18n="form.title.generate">Générer le fichier <code>htr-united.yml</code></i18n></h2>
<p class="text-center">
<button class="btn btn-info btn-lg mt-4 py-3" type="submit"><i18n vanilla-i18n="form.btn.get">Obtenir les métadonnées formatées</i18n></button>
</p>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
<section class="container d-none" id="output-container">
<div class="row">
<div class="col-md-4">
<h3 vanilla-i18n="form.finale.steps">Étapes de mise en place</h3>
<p vanilla-i18n="form.finale.step1">(1) Récupérez le contenu, au choix:</p>
<div class="btn-group btn-group-sm my-1">
<a id="downloadOutput" class="btn btn-sm btn-primary"><span class="fa fa-download"></span> <span vanilla-i18n="form.finale.download">Téléchargez</span></a>
<a id="copyOutput" class="btn btn-sm btn-success"><span class="fa fa-copy"></span> <span vanilla-i18n="form.finale.copy">Copiez</span></a>
</div>
<p><span vanilla-i18n="form.finale.step2">(2) Puis ajoutez le au catalogue HTR-United via une cŕeation de fichier ou une issue</span></p>
<ul>
<li><a href="" id="createFileLink" target="_blank"><span class="fa fa-upload"></span> <span vanilla-i18n="form.finale.newFile">Créer le fichier</span></a></li>
<li><a href="" id="createIssueLink" target="_blank"><span class="fa fa-file"></span> <span vanilla-i18n="form.finale.newIssue">Ouvrir une issue</span></a></li>
</ul>
<p><span vanilla-i18n="form.finale.notWorking">Si cela ne marche pas avec les liens ci-dessus, ouvrez une issue sur le dépôt HTR-United:</span> <a href="https://github.com/HTR-United/htr-united/issues/new" id="issueLink"><em class="fa fa-wifi"></em> HTR-United</a></p>
</div>
<div class="col-md-8">
<pre id="output" class="my-3 p-4 rounded output-field" style="overflow-x: hidden; word-wrap: normal!important;"></pre>
</div>
</div>
</section>
</main>
<!-- New Footer -->
<footer class="footer mt-auto border-top bg-light" id="footer">
<div class="row bg-light pb-5">
<div class="col-1 col-md">
</div>
<div class="col-10 col-md">
<h5 class="pb-2 py-4">HTR-United <small class="mb-1 text-muted">· 2020–2024</small></h5>
<ul class="list-unstyled text-small">
<li class="mb-1"><a class="link-secondary text-decoration-none" href="data-reuse-charter.html"><i18n vanilla-i18n="nav.charter">Charte de réutilisation des données</i18n></a></li>
<li class="mb-1"><a class="link-secondary text-decoration-none" href="changelog.html"><i18n vanilla-i18n="footer.changelog">Changelog du schéma</i18n></a></li>
</ul>
<h5><i18n vanilla-i18n="footer.about">À propos</i18n></h5>
<ul class="list-unstyled text-small">
<li class="mb-1"><a class="link-secondary text-decoration-none" href="team.html"><i18n vanilla-i18n="footer.team">Qui est derrière HTR-United ?</i18n></a></li>
</ul>
</div>
<div class="col-5 col-md">
</div>
</div>
</footer>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<!--<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<!--<script src="static/js/bootstrap.bundle.min.js" integrity="sha384-p34f1UUtsS3wqzfto5wAAmdvj+osOnFyQFpp4Ua3gs/ZVWx6oOypYoCJhGGScy+8" crossorigin="anonymous"></script>-->
<!--<script src="/docs/5.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-p34f1UUtsS3wqzfto5wAAmdvj+osOnFyQFpp4Ua3gs/ZVWx6oOypYoCJhGGScy+8" crossorigin="anonymous"></script>-->
<script type="text/javascript" src="static/js/yaml.min.js"></script>
<script type="text/javascript" src="static/js/typeahead.js"></script>
<script type="text/javascript" src="static/js/form_consts.js"></script>
<script type="text/javascript" src="static/js/form.js"></script>
<!-- i18n -->
<script type="text/javascript" src="static/js/i18n-advanced.js"></script>
<script type="text/javascript" src="static/js/i18n.js"></script>
<!-- end of i18n -->
</body>
</html>