-
Notifications
You must be signed in to change notification settings - Fork 1
/
author.html
70 lines (67 loc) · 3.75 KB
/
author.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Histoires d'Autrices</title>
<link rel="stylesheet" href="assets/styles.css">
<script src="assets/papaparse.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datasource@0.1.0"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@0.7.0"></script>
<script src="assets/author.js"></script>
</head>
<body style="overflow:hidden;">
<div class="loader"><div class="lds-dual-ring"></div></div>
<main class="main">
<div style="font-size:1.5em;text-align:center;position:fixed;left:0px;right:0px;bottom:0px;height:60px;background-color:rgba(255,255,255,0.5);z-index:10000;"><strong>Site en cours de développement : URL des pages non pérennes</strong></div>
<nav class="return">
<a class="return__link" href="index.html">◀︎ Accueil</a>
</nav>
<nav class="nav">
<button class="nav__button" id="menuButton">
<span></span>
<span></span>
<span></span>
</button>
<ul class="nav__list" id="navList">
<li class="nav__list__title"><a href="index.html">Histoires d'Autrices</a></li>
<li class="nav__list__link"><a href="index.html#jeux-donnees">Où les retrouver ?</a></li>
<li class="nav__list__link"><a href="index.html#jeux-donnees">Où ont-elles vécu ?</a></li>
<li class="nav__list__link"><a href="index.html#a-propos">Pourquoi ce site ?</a></li>
</ul>
</nav>
<section class="authorHero">
<div id="authorHero__img"></div>
<h1 class="authorHero__title" id="h1_title"></h1>
<p class="authorHero__text"><span id="dob"></span><span id="dod"></span></p>
</section>
<section class="dataset">
<h2 class="dataset__title">Où la retrouver ?</h2>
<p class="dataset__text">Découvrez les jeux de données concernant <span id="author_title"></span> et survolez les petits cercles pour voir les données qui lui correspondent dans chaque jeu de données.</p>
<ul class="dataset__flex" id="datasetLinks"></ul>
</section>
<section class="bnf">
<span id="wikidataText">
<h2 class="read__title">Où la lire ?</h2>
<h3 class="wikidata__title">Sur Wikisource</h3>
<p class="bnf__text">Plongez dans ses œuvres mises à disposition sous forme de livres électroniques relus de façon collaborative sur Wikisource.</p>
</span>
<div class="wikidata__flex" id="wikidataData">
</div>
<button class="wikidata__btn" id="loadmore">Voir plus... (<span id="itemsLeftWikidata"></span>)</button>
<!-- <h2 class="wikidata__title">...et les histoires auxquelles elle a donné vie.</h2>
<p class="wikidata__text">Plongez aussi dans ses œuvres sur Wikidata.</p>
<ul class="wikidata__flex"></ul> -->
<span id="bnfText">
<h3 class="bnf__title">Dans Gallica</h3>
<p class="bnf__text">Plongez dans ses œuvres mises à disposition par la Bibliothèque nationale de France sur Gallica.</p>
</span>
<ul class="bnf__flex" id="worksLinks"></ul>
<button class="bnf__btn" id="loadmore2">Voir plus... (<span id="itemsLeftBNF"></span>)</button>
</section>
</main>
</body>
</html>