-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
64 lines (61 loc) · 4.48 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
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta itemprop="name" content="SVGPanZoom" />
<!-- HELLO JS: -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha384-tsQFqpEReu7ZLhBV2VZlAu7zcOV+rXbYlF2cqB8txI/8aZajjp4Bqd+V6D5IgvKT" crossorigin="anonymous"></script>
<script type="text/javascript" src="./js/jquery-ui.js"></script>
<script src='./js/panzoom.js'></script>
<!-- HELLO CSS: -->
<link rel="shortcut icon" type="image/png" href="./images/favicon.png"/>
<title>PAX - Alluvial of Mentions</title>
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
<link href="./css/jquery-ui.css" rel="stylesheet" type="text/css" media="all">
<link href="./css/theme.css" rel="stylesheet" type="text/css" media="all">
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<div id="menu">
<button class="dropdown-item" type="button" id="opener">Start</button>
<button class="dropdown-item actions" type="button" id="99" onclick="mysvgkit('99');">All Categories (3 Levels)</button>
<button class="dropdown-item cat" type="button" id="00" onclick="mysvgkit('00');">All Categories (2 levels)</button>
<div class="dropdown-divider"></div>
<button class="dropdown-item actions" type="button" id="a1">remove/restore flows</button>
<div class="dropdown-divider"></div>
<button class="dropdown-item cat" type="button" id="01" onclick="mysvgkit('01');">Gender</button>
<button class="dropdown-item cat" type="button" id="02" onclick="mysvgkit('02');">Groups</button>
<button class="dropdown-item cat" type="button" id="03" onclick="mysvgkit('03');">State definition</button>
<button class="dropdown-item cat" type="button" id="04" onclick="mysvgkit('04');">Governance</button>
<button class="dropdown-item cat" type="button" id="05" onclick="mysvgkit('05');">Power-sharing</button>
<button class="dropdown-item cat" type="button" id="06" onclick="mysvgkit('06');">HR and Equality</button>
<button class="dropdown-item cat" type="button" id="07" onclick="mysvgkit('07');">Justice Sector Reform</button>
<button class="dropdown-item cat" type="button" id="08" onclick="mysvgkit('08');">Socio-Economic Reconstruction</button>
<button class="dropdown-item cat" type="button" id="09" onclick="mysvgkit('09');">Land, property, and environment</button>
<button class="dropdown-item cat" type="button" id="10" onclick="mysvgkit('10');">Security Sector</button>
<button class="dropdown-item cat" type="button" id="11" onclick="mysvgkit('11');">Transitional Justice</button>
<button class="dropdown-item cat" type="button" id="12" onclick="mysvgkit('12');">Implementation</button>
</div>
<div id="svgfile"></div>
<div id="dialog" title="Alluvial of mentions in PA-X">
<h2>Welcome to the Alluvial of Mentions (AoM) in Peace Agreements database (<a href="">PA-X</a>).</h2>
<p>AoM is a tracker of mentions of concepts along the <a href="" target="pa_x">PA-X</a> collection of peace agreements.</p>
<p>
<h3>What is about:</h3>
This site presents Alluvial diagrams (in most cases a synonym of <a href="https://en.wikipedia.org/wiki/Sankey_diagram" target="wikipedia-sankey_diagram">Sankey diagram</a>). Each diagram presents from left to right these columns: Category names > Issue names > sub-issue names. Each of the 293 names has a vertical width relative to times that name is mentioned in the Peace Agreements collection (version 3).
</p>
<p><h3>Hints:</h3>
<ul>
<li>Pan&Zoom using the mouse wheel and click and drag</li>
<li>You can move and close this dialog. Open it again by clicking "Start".</li>
<li>Code in <a href="https://github.com/jaumet/Alluvial-of-Mentions">github repo</a></li>
<li>This site is published under a free license: Creative Commons by-nc-sa.</li>
<li>Comments to jaume AT nualart.cat</li>
</ul>
</p>
</div>
<!-- HELLO JS scripts: -->
<script src='./js/alluvial.js'></script>
</body>
</html>