-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
127 lines (111 loc) · 5.24 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/chart.css">
<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="Petition Signatures by constituency or country"/>
<meta name="twitter:description" content="See top 10/25/50 petition signatures made from outside the UK or by constituency"/>
<meta name="twitter:image" content="http://zephyros-systems.co.uk/petition-signatures-outside-uk/images/site-preview.png"/>
<meta property="og:url"
content="http://zephyros-systems.co.uk/petition-signatures-outside-uk/#"/>
<meta property="og:type" content="article"/>
<meta property="og:title" content="Petition Signatures by constituency or country"/>
<meta property="og:description" content="See top 10/25/50 petition signatures made from outside the UK or by constituency"/>
<meta property="og:image"
content="http://zephyros-systems.co.uk/petition-signatures-outside-uk/images/site-preview.png"/>
<title>Petition signatures by constituency or country</title>
<script src="js/jquery.js" charset="utf-8"></script>
<script src="js/d3.v3.min.js" charset="utf-8"></script>
<script src="js/navigo.min.js" charset="utf-8"></script>
<script src="js/petitionUrl.js" charset="utf-8"></script>
<script src="js/petitionData.js" charset="utf-8"></script>
<script src="js/chart.js" charset="utf-8"></script>
<script src="js/pageManager.js" charset="utf-8"></script>
<script src="js/bootstrap.js" charset="utf-8"></script>
<script src="js/petitionsData.js" charset="utf-8"></script>
<script src="js/_init.js" charset="utf-8"></script>
</head>
<body>
<div class="container-fluid">
<header>
<nav class="navbar navbar-inverse navbar-collapse" role="navigation">
<span class="navbar-brand">
Petition signatures
</span>
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="#" id="drpPetitions" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="true">
Select a petition
<span class="caret"></span>
</a>
<ul class="petitions dropdown-menu" aria-labelledby="drpPetitions" >
<!--<li>-->
<!--<div class="input-group">-->
<!--<input type="text" id="petitionIdOrUrl" class="form-control" placeholder="Petition ID or URL">-->
<!--<span class="input-group-btn">-->
<!--<button id="navigateToPetition" class="btn btn-default" type="button">Go!</button>-->
<!--</span>-->
<!--</div>-->
<!--</li>-->
</ul>
</li>
</ul>
</nav>
</header>
<article>
<div class="everything-is-fine">
<h1 class="petition-title">Loading petition...</h1>
<h2 class="subtitle">Of <span class="n">n</span> signatures,</h2>
<div class="progress">
<div class="progress-bar progress-bar-uk" style="width: 50.0%">
<span>50% <span class="were-are">were</span> from the UK</span>
</div>
</div>
<h3 class="non-uk-summary">
<span class="hidden uk">These</span>
<span class="non-uk">
The remaining <span class="n">n</span> (<span class="percent">n%</span>) of
</span>
<span class="uk-non-uk dropdown">
<a href="#" id="drpUkNonUk" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="true">
<span class="inline-label">non-UK</span> <span class="caret"></span></a>
<ul class="dropdown-menu" aria-labelledby="drpUkNonUk" >
<li class="menu-non-uk disabled"><a href="#">non-UK</a></li>
<li class="menu-uk"><a href="#">UK</a></li>
</ul>
</span>
signatures <span class="were-are">were</span> from
<span class="non-uk country-count">n</span>
<span class="non-uk">countries.</span>
<span class="hidden uk"><span class="constituency-count">n</span> constituencies.</span>
These are the
<span class="text-nowrap">
top
<div class="btn-group to-show" role="group" aria-label="...">
<button type="button" data-to-show="10" class="btn btn-default to-show">10</button>
<button type="button" data-to-show="25" class="btn btn-default to-show active">25</button>
<button type="button" data-to-show="50" class="btn btn-default to-show">50</button>
<button type="button" data-to-show="500" class="btn btn-default to-show">All</button>
</div>
:
</span>
</h3>
<div id="chartContainer">
<a id="download" href="#">
download CSV
<span class="glyphicon glyphicon-download"></span>
</a>
<svg id="chart"></svg>
</div>
</div>
</article>
<footer class="navbar">
<p align="right">© Zephyros Systems Limited 2015</p>
<p align="right">Petition Data © Crown, published under <a href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/">Open Government License</a></p>
</footer>
</div>
</body>
</html>