-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathukgeresults.html
116 lines (106 loc) · 6.33 KB
/
ukgeresults.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
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>UK General Election Results 2015</title>
</head>
<body>
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#"><span class="flag flag-uk" > </span> UK Election 2015</a>
</div>
</div>
</nav>
<div class="container-fluid">
<div class="row">
<div class="col-md-8">{{> map}}</div>
<div class="col-md-4"><div class="results-and-change">{{> results}} {{> change}}</div></div>
</div>
</div>
<footer class="footer">
<div class="container">
<p class="text-muted">Created by <a href="http://www.twitter.com/ruaraidhdobson">Ruaraidh Dobson</a></p>
</div>
</footer>
</body>
<template name="results">
<!-- <ul id="results_list">
<img class="hashflag" src="hashflags/conservative.png" />Conservatives: <span id="tory_number">{{tory_seats.count}}</span>
<img class="hashflag" src="hashflags/labour.png" />Labour: <span id="labour_number">{{labour_seats.count}}</span>
<img class="hashflag" src="hashflags/libdems.png" />Lib Dem: <span id="libdem_number">{{libdem_seats.count}}</span>
<img class="hashflag" src="hashflags/snp.png" />SNP: <span id="snp_number">{{snp_seats.count}}</span>
<img class="hashflag" src="hashflags/ukip.png" />UKIP: <span id="ukip_number">{{ukip_seats.count}}</span>
<img class="hashflag" src="hashflags/greens.png" />Green: <span id="green_number">{{green_seats.count}}</span>
<img class="hashflag" src="hashflags/plaid15.png">Plaid Cymru: <span id="plaid_number">{{plaid_seats.count}}</span>
</ul> -->
<!-- <svg width="300" height="200">
<rect width="50" height="{{tory_seats.count}}" style="fill:blue;" />
<rect width="50" height="{{labour_seats.count}}" style="fill:red;" />
</svg> -->
<table class="results-table">
<!-- <tr>
<td valign="bottom"><div class="tory" width="30" height="{{tory_seats.count}}" style="background-color:#33C; min-height:{{tory_seats.count}}px;"></div></td>
<td valign="bottom"><div class="labour" width="30" height="{{labour_seats.count}}" style="background-color:#F00; min-height:{{labour_seats.count}}px;"></div></td>
<td valign="bottom"><div class="libdem" width="30" height="{{libdem_seats.count}}" style="background-color:#FC0; min-height:{{libdem_seats.count}}px;"></div></td>
<td valign="bottom"><div class="snp" width="30" height="{{snp_seats.count}}" style="background-color:#FF0; min-height:{{snp_seats.count}}px;"></div></td>
<td valign="bottom"><div class="ukip" width="30" height="{{ukip_seats.count}}" style="background-color:#c0c; min-height:{{ukip_seats.count}}px;"></div></td>
<td valign="bottom"><div class="green" width="30" height="{{green_seats.count}}" style="background-color:#00FF00; min-height:{{green_seats.count}}px;"></div></td>
<td valign="bottom"><div class="plaid" width="30" height="{{plaid_seats.count}}" style="background-color:#6c3; min-height:{{plaid_seats.count}}px;"></div></td>
<td valign="bottom"></td>
</tr> -->
<tr>
<td><img class="hashflag-large" src="hashflags/conservative.png" /></td>
<td><img class="hashflag-large" src="hashflags/labour.png" /></td>
<td><img class="hashflag-large" src="hashflags/libdems.png" /></td>
<td><img class="hashflag-large" src="hashflags/snp.png" /></td>
<td><img class="hashflag-large" src="hashflags/ukip.png" /></td>
<td><img class="hashflag-large" src="hashflags/greens.png" /></td>
<td><img class="hashflag-large" src="hashflags/plaid15.png"></td>
<td><span class="glyphicon glyphicon-retweet" alt="undeclared seats"></span></td>
</tr>
<tr>
<td>{{tory_seats.count}}</td>
<td>{{labour_seats.count}}</td>
<td>{{libdem_seats.count}}</td>
<td>{{snp_seats.count}}</td>
<td>{{ukip_seats.count}}</td>
<td>{{green_seats.count}}</td>
<td>{{plaid_seats.count}}</td>
<td>{{undeclared_seats.count}}</td>
</tr>
</table>
</template>
<template name="map">
<div id="svg_container">
<svg id="svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 1020 996" preserveAspectRatio="xMinYMin"></svg>
</div>
</template>
<template name="change">
<div id="change">
<div class="ui-widget form-group">
<form id="tags-form">
<label for="tags-input">Seat: </label>
<input id="tags-input" class="form-control">
</form>
</div>
<div id='parties_list'>
<div class="col-md-6">
<a href='#' class="btn btn-default party_choice" id="tory"><img class="hashflag" src="hashflags/conservative.png" />Conservative</a><br />
<a href='#' class="btn btn-default party_choice" id="labour"><img class="hashflag" src="hashflags/labour.png" />Labour</a><br />
<a href='#' class="btn btn-default party_choice" id="libdem"><img class="hashflag" src="hashflags/libdems.png" />Lib Dems</a><br />
<a href='#' class="btn btn-default party_choice" id="snp"><img class="hashflag" src="hashflags/snp.png" />SNP</a><br />
<a href='#' class="btn btn-default party_choice" id="ukip"><img class="hashflag" src="hashflags/ukip.png" />UKIP</a><br />
<a href='#' class="btn btn-default party_choice" id="green"><img class="hashflag" src="hashflags/greens.png" />Greens</a><br />
<a href='#' class="btn btn-default party_choice" id="pc"><img class="hashflag" src="hashflags/plaid15.png" />Plaid Cymru</a><br />
</div>
<div class="col-md-6">
<a href='#' class="btn btn-default party_choice" id="dup"><img class="hashflag" src="hashflags/dup.png" />DUP</a><br />
<a href='#' class="btn btn-default party_choice" id="sf"><img class="hashflag" src="hashflags/sinnfein.png" />Sinn Fein</a><br />
<a href='#' class="btn btn-default party_choice" id="uup"><img class="hashflag" src="hashflags/uup.jpeg" />UUP</a><br />
<a href='#' class="btn btn-default party_choice" id="sdlp"><img class="hashflag" src="hashflags/sdlp.png" />SDLP</a><br />
<a href='#' class="btn btn-default party_choice" id="alliance"><img class="hashflag" src="hashflags/allianceparty.png" />Alliance</a><br />
<a href='#' class="btn btn-default party_choice" id="ind">Independent</a><br />
<a href='#' class="btn btn-default party_choice" id="undeclared">Undeclared</a><br />
</div>
</div>
</div>
</template>