-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
95 lines (94 loc) · 3.83 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
<!DOCTYPE html>
<html>
<head>
<title>Relationships</title>
<script src="https://d3js.org/d3.v5.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/d3-legend/2.25.6/d3-legend.min.js"></script>
<link rel="stylesheet" href="css/style.css" />
<link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet" />
</head>
<body>
<div class="Application">
<div class="UserMenu" id="UserMenu">
<div id="Toggleable">
<fieldset class="Legend">
<div class="keyGroup">
<div class="key" id="familyKey"></div>
<div><p>Family</p></div>
</div>
<div class="keyGroup">
<div class="key" id="friendKey"></div>
<p>Friend</p>
</div>
<!-- <div class="keyGroup">
<div class="key" id="businessKey"></div>
<p>Business Associate</p>
</div> -->
<!-- <div class="keyGroup">
<div class="key" id="geKey"></div>
<p>George Eliot</p>
</div> -->
</fieldset>
<div class="Search">
<datalist id="people"></datalist>
<input id="searchBar" placeholder="Search" list="people" type="text" onkeyup="filterInput()" />
<button id="clearButton" onclick="clearSearch()">Reset</button>
</div>
<div id="Biography">
<div class="Info">
<div class="NameAndClose">
<div id="BiographyName"></div>
<div id="CloseButton" onclick="clearDisplay()">
<svg
width="64"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
height="64"
viewBox="0 0 64 64"
xmlns:xlink="http://www.w3.org/1999/xlink"
enable-background="new 0 0 64 64"
>
<g>
<path
fill="#1D1D1B"
d="M28.941,31.786L0.613,60.114c-0.787,0.787-0.787,2.062,0,2.849c0.393,0.394,0.909,0.59,1.424,0.59 c0.516,0,1.031-0.196,1.424-0.59l28.541-28.541l28.541,28.541c0.394,0.394,0.909,0.59,1.424,0.59c0.515,0,1.031-0.196,1.424-0.59 c0.787-0.787,0.787-2.062,0-2.849L35.064,31.786L63.41,3.438c0.787-0.787,0.787-2.062,0-2.849c-0.787-0.786-2.062-0.786-2.848,0 L32.003,29.15L3.441,0.59c-0.787-0.786-2.061-0.786-2.848,0c-0.787,0.787-0.787,2.062,0,2.849L28.941,31.786z"
/>
</g>
</svg>
</div>
</div>
<div id="BirthAndDeath"></div>
<div class="Photo">
<img id="BiographyPhoto" />
</div>
</div>
<div id="BiographySummary"></div>
<div id="BiographyLetters"></div>
</div>
</div>
<div class="ToggleMenu" onclick="toggleMenu()">
<div class="Button">
<div id="ButtonText">Hide Menu</div>
<svg
id="ButtonArrow"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 129 129"
xmlns:xlink="http://www.w3.org/1999/xlink"
enable-background="new 0 0 129 129"
>
<g>
<path
d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z"
/>
</g>
</svg>
</div>
</div>
</div>
<div id="relationshipWeb"></div>
</div>
<script src="js/relationshipsUtils.js"></script>
<script src="js/relationship.js"></script>
</body>
</html>