-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
79 lines (66 loc) · 2.8 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
<!doctype html>
<html lang='en'>
<head>
<meta charset='utf-8'>
<title>Gender in Shakespeare</title>
<meta name='description' content="Gender in Shakespeare">
<meta name='author' content='Emily Davis and Selena Groh'>
<script lang="javascript" src="js/jquery-3.1.0.min.js"></script>
<script lang="javascript" src="js/d3.v4.min.js"></script>
<link rel="icon" href="img/shakespeare-blue-pink-white.png" type="image/x-icon">
<link href="https://fonts.googleapis.com/css?family=Charmonman|Lato" rel="stylesheet">
<link rel='stylesheet' type='text/css' href='css/styles.css'>
</head>
<body>
<!-- Enjoy this cat:
/\__/\
/` '\
=== 0 0 ===
\ -- /
/ \
/ \
| |
\ || || /
\_oo__oo_/#######o -->
<div id='container'>
<div id='main'>
<div class='header'>
<div class='site-icon-title-wrapper'>
<img class='site-icon' src='img/shakespeare-blue-pink.png' alt="Shakespeare's head"/>
<h1 class='site-title'>Gender in Shakespeare</h1>
</div>
<p class='subtitle'>by Emily Davis and Selena Groh</p>
<div class='header-icons'>
<img class='icon shuffle' src='img/shuffle.svg' alt='Pick a random play'>
<span class='icon loop play' alt='Loop through plays chronologically'></span>
</div>
</div>
<div id='plays'>
<svg width='200' height='200'></svg>
</div>
<p class='play-graph-labels'>
<span class='play-graph-label pcp'>Parallel Coordinates Plot</span>
<span class='play-graph-label quadrant'>Quadrant Plot</span>
</p>
<p class='sources'>Sources: <a href='https://github.com/duhaime/mining_the_bard'>Mining the Bard</a>, <a href='https://www.dummies.com/education/literature/shakespeares-plays/'>Play Summaries</a>, Icons by <a href="https://www.flaticon.com/authors/gregor-cresnar" title="Gregor Cresnar">Gregor Cresnar</a> and <a href="https://www.flaticon.com/authors/pavel-kozlov" title="Pavel Kozlov">Pavel Kozlov</a> from <a href="https://www.flaticon.com/" title="Flaticon">flaticon.com</a> licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a>
</div>
<div id='left'>
<div id='timeline'>
<svg width='235' height='700'></svg>
</div>
</div>
<div id='right'>
<h3 id='instructions'>Select a play for details</h3>
<div id='characters' class='hidden'>
<h2 id='playTitle'></h2>
<p id='playInfo'></p>
<p id='playSummary'></p>
<p id='playCharBreakdown'></p>
<p id='playWordsBreakdown'></p>
<svg width='350' height='500'></svg>
</div>
</div>
</div>
<script src='js/scripts.js'></script>
</body>
</html>