-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
318 lines (301 loc) · 21 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
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
<!DOCTYPE html>
<html lang="en" data-noscript>
<head>
<meta charset="utf-8">
<link rel="icon" href="/favicon.png">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta name="description" content="Who doesn't love an Aussie pollie? Shouldn't be hard to find the perfect one ...">
<meta name="robots" content="index, follow">
<meta name="image" content="https://perfectpollie.au/images/adam-anthony-zali-peter-11.jpg">
<meta property="og:site_name" content="Perfect 💔 Pollie">
<meta property="og:type" content="website">
<meta property="og:title" content="Perfect 💔 Pollie">
<meta property="og:description" content="Who doesn't love an Aussie pollie? Shouldn't be hard to find the perfect one ...">
<meta property="og:url" content="https://perfectpollie.au">
<meta property="og:image" content="https://perfectpollie.au/images/adam-anthony-zali-peter-11.jpg">
<meta name="twitter:site" content="@PerfectPollie">
<meta itemprop="name" content="Perfect 💔 Pollie">
<meta itemprop="description" content="Who doesn't love an Aussie pollie? Shouldn't be hard to find the perfect one ...">
<meta itemprop="image" content="https://perfectpollie.au/images/adam-anthony-zali-peter-11.jpg">
<meta name="twitter:card" content="summary_large_image">
<meta name="theme-color" content="#45696a">
<script>try{delete document.documentElement.dataset.noscript;}catch(e){}</script>
<title>Perfect ❤︎ Pollie</title>
</head>
<body>
<script type="module" src="/src/main.js"></script>
<div id="i-get-it-now">
<div class="image-wrap" data-hint="over">
<div class="image">
<ol class="partials" data-alt="0" style="transform: translateY(0.950718%);">
<li>
<div class="partial">
<div class="partial-outer">
<div class="partial-inner" style="transform: scaleX(-1);">
<div class="partial-wrap" style="transform: translate(11.891%, 0.15%) scale(1.00603) rotate(-0.0111727rad); transform-origin: 20.1% 41.1% 0px;">
<img class="partial-image" src="/assets/people/10734.webp">
</div>
</div>
</div>
</div>
<aside class="info" data-party="australian-greens">
<figure class="info-inner">
<img src="https://perfectpollie.au/assets/people/10734-sm.webp">
<figcaption>
<strong class="name">Adam Bandt</strong>
<small class="role">Representative for Melbourne</small>
<small class="party">Australian Greens</small>
<small class="offices"></small>
<small class="votes">Consistent votes: 72</small>
</figcaption>
</figure>
<div class="partial-alignment" title="Adam's consistent voting alignment with the major parties">
<ul>
<li data-party="Australian Greens" data-txt="grn" style="order: 1; width: 100%;"></li>
<li data-party="Australian Labor Party" data-txt="alp" style="order: 2; width: 92%;"></li>
<li data-party="Liberal-National Coalition" data-txt="coa" style="order: 3; width: 3%;"></li>
<li data-party="Other" data-txt="oth" style=""></li>
</ul>
</div>
</aside>
</li>
<li>
<div class="partial">
<div class="partial-outer">
<div class="partial-inner" style="transform: scaleX(-1);">
<div class="partial-wrap" style="transform: translate(4.05564%, 2.55%) scale(0.95017) rotate(-0.0294755rad); transform-origin: 26.6% 38.7% 0px;">
<img class="partial-image" src="/assets/people/10007.webp">
</div>
</div>
</div>
</div>
<aside class="info" data-party="australian-labor-party">
<figure class="info-inner">
<img src="https://perfectpollie.au/assets/people/10007-sm.webp">
<figcaption>
<strong class="name">Anthony Albanese</strong>
<small class="role">Representative for Grayndler</small>
<small class="party">Australian Labor Party</small>
<small class="offices">Leader of the Opposition</small>
<small class="votes">Consistent votes: 68</small>
</figcaption>
</figure>
<div class="partial-alignment" title="Anthony's consistent voting alignment with the major parties">
<ul>
<li data-party="Australian Greens" data-txt="grn" style="order: 2; width: 87%;"></li>
<li data-party="Australian Labor Party" data-txt="alp" style="order: 1; width: 100%;"></li>
<li data-party="Liberal-National Coalition" data-txt="coa" style="order: 3; width: 3%;"></li>
<li data-party="Other" data-txt="oth" style=""></li>
</ul>
</div>
</aside>
</li>
<li>
<div class="partial">
<div class="partial-outer">
<div class="partial-inner" style="transform: scaleX(-1);">
<div class="partial-wrap" style="transform: translate(3.20153%, 2.85%) scale(1.0293) rotate(-0.0383374rad); transform-origin: 28% 38.4% 0px;">
<img class="partial-image" src="/assets/people/10941.webp">
</div>
</div>
</div>
</div>
<aside class="info" data-party="independent">
<figure class="info-inner">
<img src="https://perfectpollie.au/assets/people/10941-sm.webp">
<figcaption>
<strong class="name">Zali Steggall</strong>
<small class="role">Representative for Warringah</small>
<small class="party">Independent</small>
<small class="offices"></small>
<small class="votes">Consistent votes: 22</small>
</figcaption>
</figure>
<div class="partial-alignment" title="Zali's consistent voting alignment with the major parties">
<ul>
<li data-party="Australian Greens" data-txt="grn" style="order: 1; width: 100%;"></li>
<li data-party="Australian Labor Party" data-txt="alp" style="order: 2; width: 93%;"></li>
<li data-party="Liberal-National Coalition" data-txt="coa" style="order: 3; width: 33%;"></li>
<li data-party="Other" data-txt="oth" style=""></li>
</ul>
</div>
</aside>
</li>
<li>
<div class="partial">
<div class="partial-outer">
<div class="partial-inner" style="">
<div class="partial-wrap" style="transform: translate(-0.903735%, 1.65%) scale(0.912121) rotate(0.0275619rad); transform-origin: 32.7% 39.6% 0px;">
<img class="partial-image" src="/assets/people/10188.webp">
</div>
</div>
</div>
</div>
<aside class="info" data-party="liberal-party">
<figure class="info-inner">
<img src="https://perfectpollie.au/assets/people/10188-sm.webp">
<figcaption>
<strong class="name">Peter Dutton</strong>
<small class="role">Representative for Dickson</small>
<small class="party">Liberal Party</small>
<small class="offices">Minister<br>+1 more offices</small>
<small class="votes">Consistent votes: 82</small>
</figcaption>
</figure>
<div class="partial-alignment" title="Peter's consistent voting alignment with the major parties">
<ul>
<li data-party="Australian Greens" data-txt="grn" style="order: 3; width: 4%;"></li>
<li data-party="Australian Labor Party" data-txt="alp" style="order: 2; width: 5%;"></li>
<li data-party="Liberal-National Coalition" data-txt="coa" style="order: 1; width: 100%;"></li>
<li data-party="Other" data-txt="oth" style=""></li>
</ul>
</div>
</aside>
</li>
</ol>
<h2 class="image-title pollie" data-permutation="511,200" data-permutations="2,495,102,400">Adam "the Anthony" Zali-Peter</h2>
<div class="image-logo"><span>Perfect</span> 💔 <span>Pollie</span></div>
<ul class="alignment">
<li data-party="Australian Greens" data-txt="grn" data-percent="42" data-total="4" style="width: 41.9355%; order: 42;" data-score="26"></li>
<li data-party="Australian Labor Party" data-txt="alp" data-percent="41" data-total="4" style="width: 41.9355%; order: 41;" data-score="26" data-primary="1"></li>
<li data-party="Liberal-National Coalition" data-txt="coa" data-percent="17" data-total="2" style="width: 16.129%; order: 17;" data-score="10"></li>
<li data-party="Other" data-txt="oth" style=""></li>
</ul>
</div>
</div>
<h1 class="title pollie" data-permutation="511,200" data-permutations="2,495,102,400">Adam "the Anthony" Zali-Peter</h1>
<button id="btn-refresh" class="btn-refresh" aria-label="Not a perfect pollie? Re-Pollinate!" data-hint="over">
<span>Perfect</span> <span class="icon">💔</span> <span>Pollie</span>
</button>
<p class="description-wrap">
<span class="description"><i>Adam "the Anthony" Zali-Peter</i> has the look, but doesn't have any <a href="#policy-platform">big ticket policies</a> … despite subscribing to a soggy sandwich of <span class="party-align">Australian Labor Party</span> and <span class="party-align">Australian Greens</span> thinking (with a side of blueberries).</span>
</p>
<div class="actions" data-hint="over">
<a class="action-btn what" href="#policy-platform" aria-label="Big ticket policies"><span>🏆</span></a>
<a class="action-btn save" aria-label="Perfect!" href="#perfect"><span>❤️</span></a>
<a class="action-btn what" href="#what-what-what" aria-label="Please explain"><strong>🤨</strong></a>
</div>
<div class="alignment-footer">
<ul class="alignment">
<li data-party="Australian Greens" data-txt="grn" data-percent="42" style="width: 41.9355%; order: 42;" data-score="26" data-total="4"></li>
<li data-party="Australian Labor Party" data-txt="alp" data-percent="41" style="width: 41.9355%; order: 41;" data-score="26" data-total="4" data-primary="1"></li>
<li data-party="Liberal-National Coalition" data-txt="coa" data-percent="17" style="width: 16.129%; order: 17;" data-score="10" data-total="2"></li>
<li data-party="Other" data-txt="oth" style=""></li>
</ul>
</div>
</div>
<div class="policies-wrap" id="policy-platform">
<div class="policies">
<div class="policies-inner policies-bigticket" data-total="0">
<h2><span class="pollie" data-permutation="511,200" data-permutations="2,495,102,400">Adam "the Anthony" Zali-Peter</span> Policy Platform™</h2>
<h3 id="big-ticket-policies">1. Big ticket policies ⭐️🏆</h3>
<p class="policies-some">Actions speak louder than words. <strong class="pollie" data-permutation="511,200" data-permutations="2,495,102,400">Adam "the Anthony" Zali-Peter</strong> is so passionate about these polices that there's really no question about the way they'll vote. <i>So inspiring!</i></p>
<p class="policies-none">Actions speak louder than words. Nonetheless, <strong class="pollie" data-permutation="511,200" data-permutations="2,495,102,400">Adam "the Anthony" Zali-Peter</strong> remains somewhat confused about which policies to go all-in on.</p>
<ul class="policies-for-bigticket"></ul>
</div>
<div class="policies-inner" data-total="2">
<h3>2. Strongly held beliefs 👍</h3>
<p class="policies-some"><strong class="pollie" data-permutation="511,200" data-permutations="2,495,102,400">Adam "the Anthony" Zali-Peter</strong> believes in these policies, and votes consistently on them, even if a very small part of them can't really be bothered.</p>
<p class="policies-none">Nothing to see here. There's too much confusion. I can't get no belief.</p>
<ul class="policies-for-major"><li class="is-for">
<details>
<summary title="Adam, Anthony and Peter agree this is a great policy" data-count="3">recognising local government in the Constitution</summary>
<p><i>Adam, Anthony and Peter</i> agree that local government should be recognised in the Australian Constitution
<br><small>Aligned Parties: Australian Greens, Australian Labor Party, CWM, DPRES, Independent, Liberal Party, Liberal-National Coalition, National Party</small>
</p>
</details>
</li><li class="is-for">
<details>
<summary title="Adam, Anthony and Zali agree this is a great policy" data-count="3">increasing access to the JobKeeper Payment</summary>
<p><i>Adam, Anthony and Zali</i> agree that the JobKeeper payment, which is part of the federal government's response to the Coronavirus (COVID-19) pandemic, should be made available to more workers, including casual workers, workers with major charities, working-visa holders who are still in the country, and workers in sectors such as Education, Disability and Local Government
<br><small>Aligned Parties: Australian Greens, Australian Labor Party, Independent</small>
</p>
</details>
</li></ul>
</div>
<div class="policies-inner" data-total="3">
<h3>3. And some weakly held ideals 👋</h3>
<p class="policies-some"><strong class="pollie" data-permutation="511,200" data-permutations="2,495,102,400">Adam "the Anthony" Zali-Peter</strong> gives themself the benefit of the doubt on this confusing mix of policies … all consistently voted for, but with only half a head in it.</p>
<p class="policies-none">Even if <strong class="pollie" data-permutation="511,200" data-permutations="2,495,102,400">Adam "the Anthony" Zali-Peter</strong> had some weakly held policy ideals, they'd probably be worthy of big ticket status. This section is wildly unnecessary!</p>
<ul class="policies-for"><li class="is-for">
<details>
<summary title="Adam and Anthony agree this is a great policy" data-count="2">increasing fishing restrictions</summary>
<p><i>Adam and Anthony</i> agree that the federal government should increase fishing restrictions so that fish populations are sustainable
<br><small>Aligned Parties: Australian Greens, Australian Labor Party, Independent, Jacqui Lambie Network</small>
</p>
</details>
</li><li class="is-for">
<details>
<summary title="Adam and Anthony agree this is a great policy" data-count="2">letting environmental groups challenge the legality of certain government decisions</summary>
<p><i>Adam and Anthony</i> agree that environmental and conservation groups should be able to challenge the legality of federal government decisions made under the Environment Protection and Biodiversity Conservation Act 1999 (EPBC Act) (in other words, they should have standing to seek judicial review under that Act)
<br><small>Aligned Parties: Australian Greens, Australian Labor Party, DPRES, Independent</small>
</p>
</details>
</li><li class="is-for">
<details>
<summary title="Peter agrees this is a great policy" data-count="1">privatising government assets</summary>
<p><i>Peter</i> agrees that the federal government should privatise government owned assets
<br><small>Aligned Parties: DPRES, Liberal National Party, Liberal Party, Liberal-National Coalition</small>
</p>
</details>
</li></ul>
</div>
</div>
</div>
<section class="what-what-what">
<h2 id="what-what-what">I don't get it. Please explain. 🤔</h2>
<ul>
<li><strong>It's just a face mashup of Australian politicians (pollies)</strong>, backed up by a sprinkle of <a href="https://theyvoteforyou.org.au/help/data">real data</a>.</li>
<li><strong>Every face is unique!</strong> There are currently <strong class="combos">2,495,102,400</strong> possible combinations (that's billions). So, in all likelihood, you're the only person that will ever lay eyes on “<span class="pollie" data-permutation="511,200" data-permutations="2,495,102,400">Adam "the Anthony" Zali-Peter</span>” … unless they're worth a share!</li>
<li><strong>It's fun 🎉 because the frankenstein faces look ridiculous</strong>, and because you get a little bit of insight into what the pollies and parties are about. It's also less shouty than question time (or any political communication for that matter). Officially, the intention here is to educate the public, raise awareness and encourage debate 🥸.</li>
<li>How do the numbers work? <strong>On this site we're only interested in <em>consistent</em> voting</strong>, so at an individual level we're looking at the policies that have been voted on the same way, every time. Yes shortfalls / but also simplicity.</li>
<li><strong>We compare the policies and the vote</strong> from each of our selected politicians (a yay or nay) and compile a list of policies that all (who voted) agree on:
<ol>
<li>"Big ticket" policies are those that all four voted on and agreed on. The same vote on every division, every time.</li>
<li>"Strongly held" policies have at least three people voting and agreeing (the other person didn't vote at all).</li>
<li>"Weakly held" policies have only one or two people agreeing and consistently voting. The missing people haven't voted on this policy so we don't know how they feel.</li>
</ol>
</li>
<li>Finally, <strong>for party comparisons we check for a simple majority on each policy</strong>. If our individual's vote goes the same way we summise that they are voting with the party (regardless of their actual party).</li>
<li>You can find a lot more ins and outs of the vote-counting system (that's the one behind our system) on the <a href="https://theyvoteforyou.org.au/help/data">They Vote for You</a> website, which is our data source and provides all the sordid details of how votes are recorded and weighed (it's complicated!)</li>
<li>Technology-wise it's all pretty lo-fi, but we can boast that we used <strong>AI (AI!) (🤖!)</strong> to get the faces to match .. and some other stuff we won't boast about. The <a href="/db.json">data</a> is reproduced under the <a href="https://opendatacommons.org/licenses/odbl/summary/" title="Open Data Commons Open Database License">ODbL</a>. The code is <a href="https://github.com/theprojectsomething/perfectpollie" title="Careful, it's still a mess">open source</a>.</li>
<li>Oh, and it's a work-in-progress and constantly improving. So yes, expect mistakes. Many, many mistakes.</li>
<li>If you've got any great ideas or fabulous concerns please get in touch (hello@) or via <a href="https://github.com/theprojectsomething/perfectpollie">github</a>.</li>
</ul>
<div class="footer">
<a class="action-btn" href="#i-get-it-now" aria-label="Gotcha 👍"><span>👍</span></a>
</div>
</section>
<footer>
<p>Parliamentary data is reproduced under an <a href="https://opendatacommons.org/licenses/odbl/">Open Data Commons Open Database License</a>. Thanks goes to the wonderful people at <a href="https://theyvoteforyou.org.au">theyvoteforyou.org.au</a> and their supurb <a href="https://theyvoteforyou.org.au/help/data">API</a>.</p>
<p><small>Made with 🖤 in <a href="https://theprojectsomething.com">Cairns, Australia</a>.</small></p>
</footer>
<dialog id="perfect" class="dialog">
<div class="dialog-inner">
<div class="dialog-image">
<img src="">
</div>
<aside class="waiting">
pollinating …
<ul class="alignment">
<li data-txt="alp" style=""></li>
<li data-txt="coa" style=""></li>
<li data-txt="grn" style=""></li>
<li data-txt="oth" style=""></li>
</ul>
</aside>
<div class="dialog-actions">
<label class="link-wrap action-lbl action-lbl-active" aria-label="Copy the share link">
<button class="action-btn copy"><span>📎</span></button>
<a class="link"></a>
</label>
<div class="actions" data-hint="over">
<a class="action-btn twitter" target="_blank" href="https://twitter.com/intent/tweet?text=%23PerfectPollie+No.+511%2C200+...%0AAdam+%22the+Anthony%22+Zali-Peter%0A%0Ahttps%3A%2F%2Fperfectpollie.au%2F11%2Fadam-anthony-zali-peter%0A%23auspol" aria-label="Share on twitter"><strong>t</strong></a>
<button class="action-btn download" aria-label="Download snapshot"><span>📸</span></button>
<button class="action-btn close" aria-label="Close"><strong>×</strong></button>
</div>
</div>
</div>
</dialog>
</body>
</html>