-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
463 lines (463 loc) · 27.9 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
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
<!DOCTYPE html><!-- This site was created in Webflow. https://webflow.com --><!-- Last Published: Thu Oct 10 2024 12:11:52 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="6707b6b0494c50af6eec7d83" data-wf-site="6707b6b0494c50af6eec7d92" lang="en">
<head>
<meta charset="utf-8">
<title>ParliMeter | The Parliamentary Performance Dashboard</title>
<meta content="Quality data, insights and resources that help South Africans better understand the work done, in their name, by their representatives in Parliament." name="description">
<meta content="ParliMeter | The Parliamentary Performance Dashboard" property="og:title">
<meta content="Quality data, insights and resources that help South Africans better understand the work done, in their name, by their representatives in Parliament." property="og:description">
<meta content="https://cdn.prod.website-files.com/66dd440e7b05cf45c0958c82/66e167125a2a5c0479181742_opengraph.png" property="og:image">
<meta content="ParliMeter | The Parliamentary Performance Dashboard" property="twitter:title">
<meta content="Quality data, insights and resources that help South Africans better understand the work done, in their name, by their representatives in Parliament." property="twitter:description">
<meta content="https://cdn.prod.website-files.com/66dd440e7b05cf45c0958c82/66e167125a2a5c0479181742_opengraph.png" property="twitter:image">
<meta property="og:type" content="website">
<meta content="summary_large_image" name="twitter:card">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Webflow" name="generator">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/up-is-awesome-0b4e441acf45be874b87e9922.webflow.css" rel="stylesheet" type="text/css">
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="images/favicon.png" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.png" rel="apple-touch-icon">
<script>
// LUMOS PAGE FUNCTIONS | Makes sure scripts only run once
(function(global){global.pageFunctions=global.pageFunctions||{executed:{},functions:{},addFunction:function(id,fn){if(!this.functions[id])this.functions[id]=fn},executeFunctions:function(){if(this.added)return;this.added=true;for(const id in this.functions){if(!this.executed[id]){try{this.functions[id]();this.executed[id]=true}catch(e){console.error(`Error executing function ${id}:`,e)}}}}}})(window);
</script>
</head>
<body>
<div class="page_wrap">
<div class="page_code_wrap">
<div class="page_code_base w-embed">
<style>
/* variables */
:root {
/* grid */
--column-count: 12;
--grid-main: repeat(var(--column-count), minmax(0, 1fr));
--grid-1: repeat(1, minmax(0, 1fr));
--grid-2: repeat(2, minmax(0, 1fr));
--grid-3: repeat(3, minmax(0, 1fr));
--grid-4: repeat(4, minmax(0, 1fr));
--grid-5: repeat(5, minmax(0, 1fr));
--grid-6: repeat(6, minmax(0, 1fr));
--grid-7: repeat(7, minmax(0, 1fr));
--grid-8: repeat(8, minmax(0, 1fr));
--grid-9: repeat(9, minmax(0, 1fr));
--grid-10: repeat(10, minmax(0, 1fr));
--grid-11: repeat(11, minmax(0, 1fr));
--grid-12: repeat(12, minmax(0, 1fr));
--grid-gap-total: calc(var(--grid-gap--main) * (var(--column-count) - 1));
--column-width: calc((100% - var(--grid-gap-total)) / var(--column-count) + var(--grid-gap--main));
--breakout-gutter: minmax(calc(var(--padding-horizontal--main) - var(--grid-gap--main)), 1fr);
--breakout-remaining: calc(var(--max-width--main) - (var(--padding-horizontal--main) * 2));
--breakout-start: [full-start] var(--breakout-gutter) [content-start];
--breakout-end: [content-end] var(--breakout-gutter) [full-end];
--grid-breakout-single: var(--breakout-start) minmax(0, var(--breakout-remaining)) var(--breakout-end);
--grid-breakout: var(--breakout-start) repeat(var(--column-count), minmax(0, calc((var(--breakout-remaining) - var(--grid-gap-total)) / var(--column-count)))) var(--breakout-end);
/* others */
--font-weight--inherit: inherit;
--font-weight--100: 100;
--font-weight--200: 200;
--font-weight--300: 300;
--font-weight--400: 400;
--font-weight--500: 500;
--font-weight--600: 600;
--font-weight--700: 700;
--font-weight--800: 800;
--font-weight--900: 900;
--text-transform--none: none;
--text-transform--uppercase: uppercase;
--text-transform--capitalize: capitalize;
--text-transform--lowercase: lowercase;
--text-transform--inherit: inherit;
--max-width--none: none;
}
/* default styles */
body {
font-weight: var(--text-main--font-weight);
text-transform: var(--text-main--text-transform);
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6, blockquote {
font-size: inherit;
line-height: inherit;
font-weight: inherit;
}
h1, h2, h3, h4, h5, h6, p, label, blockquote {
margin-top: 0;
margin-bottom: 0;
}
button {
background-color: unset;
padding: unset;
text-align: inherit;
cursor: pointer;
}
img::selection {
background: transparent;
}
:is(h1, h2, h3, h4, h5, h6, p) a {
text-decoration: underline;
}
.u-rich-text > *:first-child {
margin-top: 0;
}
.u-rich-text > *:last-child {
margin-bottom: 0;
}
video {
width: 100%;
object-fit: cover;
}
video.wf-empty {
padding: 0;
}
svg {
display: block;
}
section, header, footer {
position: relative;
}
/* line clamp */
.u-line-clamp-1, .u-line-clamp-2, .u-line-clamp-3, .u-line-clamp-4 {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.u-line-clamp-2 { -webkit-line-clamp: 2; }
.u-line-clamp-3 { -webkit-line-clamp: 3; }
.u-line-clamp-4 { -webkit-line-clamp: 4; }
/* component attributes */
/* section padding */
[data-padding-top="none"] { padding-top: var(--padding-vertical--none); }
[data-padding-bottom="none"] { padding-bottom: var(--padding-vertical--none); }
[data-padding-top="small"] { padding-top: var(--padding-vertical--small); }
[data-padding-bottom="small"] { padding-bottom: var(--padding-vertical--small); }
[data-padding-top="main"] { padding-top: var(--padding-vertical--main); }
[data-padding-bottom="main"] { padding-bottom: var(--padding-vertical--main); }
[data-padding-top="large"] { padding-top: var(--padding-vertical--large); }
[data-padding-bottom="large"] { padding-bottom: var(--padding-vertical--large); }
/* hide section if it has no cms items */
[data-cms-check="true"]:not(:has(.w-dyn-item)) {
display: none;
}
</style>
</div>
<div class="page_code_color w-embed">
<style>
/* theme light */
:root,
[data-theme="light"],
[data-theme="dark"] [data-theme="invert"] {
--theme--background: var(--swatch--light);
--theme--text: var(--swatch--dark);
--theme--border: var(--swatch--light-secondary);
/* button primary */
--button--background: var(--swatch--brand);
--button--text: var(--swatch--brand-text);
--button--border: var(--swatch--brand);
--button--background-hover: var(--swatch--dark);
--button--text-hover: var(--swatch--light);
--button--border-hover: var(--swatch--dark);
/* button secondary */
--button-secondary--background: var(--swatch--dark-secondary);
--button-secondary--text: var(--swatch--dark);
--button-secondary--border: var(--swatch--dark-secondary);
--button-secondary--background-hover: var(--swatch--dark);
--button-secondary--text-hover: var(--swatch--light);
--button-secondary--border-hover: var(--swatch--dark);
}
/* theme dark */
[data-theme="dark"],
[data-theme="invert"],
[data-theme="light"] [data-theme="invert"] {
--theme--background: var(--swatch--dark);
--theme--text: var(--swatch--light);
--theme--border: var(--swatch--dark-secondary);
/* button primary */
--button--background: var(--swatch--brand);
--button--text: var(--swatch--brand-text);
--button--border: var(--swatch--brand);
--button--background-hover: var(--swatch--light);
--button--text-hover: var(--swatch--dark);
--button--border-hover: var(--swatch--light);
/* button secondary */
--button-secondary--background: var(--swatch--transparent);
--button-secondary--text: var(--swatch--light);
--button-secondary--border: var(--swatch--dark-secondary);
--button-secondary--background-hover: var(--swatch--brand);
--button-secondary--text-hover: var(--swatch--brand-text);
--button-secondary--border-hover: var(--swatch--brand);
}
/* button secondary */
[data-button-style="secondary"] {
--button--background: var(--button-secondary--background);
--button--text: var(--button-secondary--text);
--button--border: var(--button-secondary--border);
--button--background-hover: var(--button-secondary--background-hover);
--button--text-hover: var(--button-secondary--text-hover);
--button--border-hover: var(--button-secondary--border-hover);
}
/* apply colors */
:is(c, :where([data-theme]:not([data-theme="inherit"]))) {
background-color: var(--theme--background);
color: var(--theme--text);
}
</style>
</div>
<div class="page_code_responsive w-embed">
<style>
/* desktop */
:root {
/* custom */
}
/* tablet */
@media screen and (max-width: 991px) {
:root {
/* custom */
--padding-horizontal--main: 2rem;
/* adaptive sizes */
--size--2rem: 1.75rem;
--size--2-5rem: 2.18rem;
--size--3rem: 2.52rem;
--size--3-5rem: 2.73rem;
--size--4rem: 3rem;
--size--4-5rem: 3.375rem;
--size--5rem: 3.75rem;
--size--5-5rem: 4.125rem;
--size--6rem: 4.5rem;
--size--6-5rem: 4.875rem;
--size--7rem: 5.25rem;
--size--7-5rem: 5.625rem;
--size--8rem: 6rem;
--size--8-5rem: 6.375rem;
--size--9rem: 6.75rem;
--size--9-5rem: 7.125rem;
--size--10rem: 7.5rem;
--size--11rem: 8.25rem;
--size--12rem: 9rem;
--size--13rem: 9.75rem;
--size--14rem: 10.5rem;
--size--15rem: 11.25rem;
--size--16rem: 12rem;
}
}
/* landscape */
@media screen and (max-width: 767px) {
:root {
/* custom */
--padding-horizontal--main: 1rem;
/* adaptive sizes */
--size--2-5rem: 2rem;
--size--3rem: 2.25rem;
--size--3-5rem: 2.375rem;
--size--4rem: 2.5rem;
--size--4-5rem: 2.75rem;
--size--5rem: 3rem;
--size--5-5rem: 3.25rem;
--size--6rem: 3.5rem;
--size--6-5rem: 3.75rem;
--size--7rem: 4rem;
--size--7-5rem: 4.25rem;
--size--8rem: 4.5rem;
--size--8-5rem: 4.75rem;
--size--9rem: 5rem;
--size--9-5rem: 5.25rem;
--size--10rem: 5.5rem;
--size--11rem: 5.75rem;
--size--12rem: 6rem;
--size--13rem: 6.5rem;
--size--14rem: 7rem;
--size--15rem: 7.5rem;
--size--16rem: 8rem;
}
}
/* portrait */
@media screen and (max-width: 479px) {
:root {
/* custom */
}
}
</style>
</div>
<div class="page_code_custom w-embed">
<style>
:root {
--borderColor: inset 0px 0px 0px (var(--border-width--main)) rgba(var(--swatch--text), 1);
--borderColorHover: inset 0px 0px 0px (var(--border-width--main)) rgba(var(--swatch--dark), 1);
}
/* NAV MENU STYLING */
.nav_wrap:has(.nav_checkbox:checked) .nav_menu_wrap {
transform: translateY(0%);
}
.nav_wrap:has(.nav_checkbox:checked) .nav_menu_contain {
opacity: 1;
}
.nav_wrap:has(.nav_checkbox:checked) .nav_toggle_open {
display: none;
}
.nav_wrap:has(.nav_checkbox:checked) .nav_toggle_close {
display: block;
}
/* UTILITY */
.no-events {
pointer-events:none;
}
.hidden {
display: none;
}
/* HERO IMAGE STYLING */
.hero_visual_wrap:hover .hero_circle {
opacity: 100%;
transform: rotate(10%);
}
/* CTA CARD STYLING */
.cta_layout.is-card {
padding: var(--size--2-5rem);
background-color: var(--swatch--light-secondary);
}
/* STATIC CARD STYLING */
.card_wrap.is-static {
background-color: var(--swatch--transparent);
border-width: 0;
}
.card_wrap.is-static .card_layout {
padding: 0rem;
}
/* BLOG CARD STYLING */
.blog_item_wrap:hover .blog_image_wrap {
border-color: var(--swatch--dark);
}
.blog_item_wrap:hover .blog_image_wrap {
-webkit-box-shadow:inset 0px 0px 0px 10px #f00;
-moz-box-shadow:inset 0px 0px 0px 10px #f00;
box-shadow:inset 0px 0px 0px 10px #f00;
}
/* FAQ STYLING */
.faq_wrap:hover .faq_plus {
background-color: var(--swatch--dark);
}
.faq_wrap:hover .faq_plus_icon {
color: var(--swatch--light);
}
.faq_wrap:has(.faq_checkbox:checked) .faq_height {
grid-template-rows: 1fr;
}
.faq_wrap:has(.faq_checkbox:checked) .faq_plus {
transform: rotate(45deg);
}
.faq_wrap:has(.faq_checkbox:checked) .faq_content_layout {
opacity: 100%;
}
</style>
</div>
</div>
<main class="page_main">
<section data-theme="inherit" class="home-hero_wrap">
<div data-padding-bottom="small" data-padding-top="small" class="hero-hero_contain u-container u-hflex-center-center">
<div class="home-hero_layout u-grid-tablet">
<div class="home-hero_content u-vflex-center-center u-gap-main u-column-6">
<div class="home-hero_logo"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewbox="0 0 250 30" fill="none">
<path d="M5.41283 24.4788C6.65109 25.717 6.65109 27.7247 5.41283 28.9629C4.17457 30.2012 2.16696 30.2012 0.928695 28.9629C-0.309565 27.7247 -0.309565 25.717 0.928696 24.4788C2.16696 23.2405 4.17457 23.2405 5.41283 24.4788Z" fill="#007749"></path>
<path d="M17.1565 24.4788C18.3947 25.717 18.3947 27.7247 17.1565 28.9629C15.9182 30.2012 13.9106 30.2012 12.6723 28.9629C11.4341 27.7247 11.4341 25.717 12.6723 24.4788C13.9106 23.2405 15.9182 23.2405 17.1565 24.4788Z" fill="#007749"></path>
<path d="M24.416 28.9629C23.1777 27.7247 23.1777 25.717 24.416 24.4788C25.6543 23.2405 27.6619 23.2405 28.9001 24.4788C30.1384 25.717 30.1384 27.7247 28.9001 28.9629C27.6619 30.2012 25.6543 30.2012 24.416 28.9629Z" fill="black"></path>
<path d="M36.1601 28.9629C34.9219 27.7247 34.9219 25.717 36.1601 24.4788C37.3984 23.2405 39.406 23.2405 40.6443 24.4788C41.8825 25.717 41.8825 27.7247 40.6443 28.9629C39.406 30.2012 37.3984 30.2012 36.1601 28.9629Z" fill="#001489"></path>
<path d="M47.9048 28.9629C46.6665 27.7247 46.6665 25.717 47.9048 24.4788C49.143 23.2405 51.1506 23.2405 52.3889 24.4788C53.6272 25.717 53.6272 27.7247 52.3889 28.9629C51.1506 30.2012 49.143 30.2012 47.9048 28.9629Z" fill="#001489"></path>
<path d="M28.9004 5.47509C27.6621 6.71335 25.6545 6.71335 24.4163 5.47509C23.178 4.23683 23.178 2.22921 24.4163 0.990951C25.6545 -0.24731 27.6621 -0.247309 28.9004 0.990952C30.1387 2.22921 30.1387 4.23683 28.9004 5.47509Z" fill="#E03C31"></path>
<path d="M28.9004 17.219C27.6621 18.4573 25.6545 18.4573 24.4163 17.219C23.178 15.9807 23.178 13.9731 24.4163 12.7349C25.6545 11.4966 27.6621 11.4966 28.9004 12.7349C30.1387 13.9731 30.1387 15.9807 28.9004 17.219Z" fill="#E03C31"></path>
<path d="M34.9631 21.5872C33.212 21.5872 31.7924 20.1676 31.7924 18.4164C31.7924 16.6653 33.212 15.2457 34.9631 15.2457C36.7143 15.2457 38.1339 16.6653 38.1339 18.4164C38.1339 20.1676 36.7143 21.5872 34.9631 21.5872Z" fill="black"></path>
<path d="M43.2669 13.2831C41.5157 13.2831 40.0961 11.8635 40.0961 10.1123C40.0961 8.36112 41.5157 6.94152 43.2669 6.94152C45.018 6.94152 46.4376 8.36112 46.4376 10.1123C46.4376 11.8635 45.018 13.2831 43.2669 13.2831Z" fill="black"></path>
<path d="M21.5248 18.4165C21.5248 20.1677 20.1052 21.5873 18.354 21.5873C16.6028 21.5873 15.1832 20.1677 15.1832 18.4165C15.1832 16.6653 16.6028 15.2457 18.354 15.2457C20.1052 15.2457 21.5248 16.6653 21.5248 18.4165Z" fill="#FB9905"></path>
<path d="M13.2206 10.1124C13.2206 11.8635 11.801 13.2831 10.0498 13.2831C8.29864 13.2831 6.87904 11.8635 6.87904 10.1124C6.87904 8.36121 8.29864 6.94161 10.0498 6.94161C11.801 6.94161 13.2206 8.36121 13.2206 10.1124Z" fill="#FB9905"></path>
<path d="M64.167 29.3562V27.8265L66.2321 27.5588C66.7165 27.5078 67.0352 27.3549 67.1882 27.0999C67.3412 26.845 67.4176 26.3478 67.4176 25.6084V5.72209C67.4176 5.08471 67.3284 4.65129 67.1499 4.42183C66.997 4.16688 66.6655 4.00116 66.1556 3.92467L64.167 3.69522V2.1655H74.1102C75.4614 2.1655 76.6852 2.26748 77.7815 2.47144C78.8778 2.6754 79.8466 2.98135 80.688 3.38927C81.5293 3.7717 82.2304 4.26886 82.7913 4.88075C83.3777 5.46714 83.8111 6.18101 84.0916 7.02235C84.372 7.8382 84.5123 8.76878 84.5123 9.81409C84.5123 10.9359 84.3465 11.9429 84.0151 12.8353C83.7091 13.7276 83.263 14.5307 82.6766 15.2446C82.0902 15.933 81.4018 16.5066 80.6115 16.9655C79.8211 17.4244 78.9415 17.7686 77.9727 17.9981C77.0039 18.2275 75.9841 18.3423 74.9133 18.3423C74.2504 18.3423 73.6258 18.3295 73.0394 18.304C72.4785 18.253 72.096 18.202 71.8921 18.1511V25.6849C71.8921 26.3478 71.9813 26.8195 72.1598 27.0999C72.3382 27.3804 72.7334 27.5461 73.3453 27.5971L75.9458 27.8265V29.3562H64.167ZM73.9572 16.5449C75.8693 16.5449 77.3098 15.9967 78.2786 14.9004C79.273 13.7786 79.7701 12.1214 79.7701 9.92882C79.7701 8.50108 79.5534 7.35379 79.12 6.48695C78.6866 5.59462 78.0237 4.94449 77.1314 4.53656C76.2645 4.12864 75.13 3.92467 73.7277 3.92467H71.8921V16.3919C72.096 16.4429 72.3765 16.4811 72.7334 16.5066C73.1158 16.5321 73.5238 16.5449 73.9572 16.5449Z" fill="black"></path>
<path d="M92.4375 29.8916C90.7548 29.8916 89.4163 29.4327 88.422 28.5149C87.4532 27.5716 86.9688 26.3096 86.9688 24.7288C86.9688 23.3266 87.313 22.2048 88.0013 21.3635C88.7152 20.5221 89.8752 19.8847 91.4814 19.4513C93.0876 18.9924 95.2292 18.6992 97.9062 18.5717V15.2446C97.9062 14.2248 97.766 13.3962 97.4856 12.7588C97.2306 12.1214 96.8227 11.6498 96.2618 11.3438C95.7264 11.0379 94.9998 10.8849 94.082 10.8849C93.3681 10.8849 92.6542 10.9996 91.9403 11.2291C91.2265 11.433 90.6911 11.7135 90.3341 12.0704C90.6656 12.5293 90.9205 12.9245 91.099 13.256C91.303 13.5874 91.4432 13.8678 91.5197 14.0973C91.6217 14.3013 91.6726 14.4925 91.6726 14.6709C91.6726 15.1554 91.4559 15.576 91.0225 15.933C90.6146 16.2644 90.0664 16.4301 89.3781 16.4301C88.6387 16.4301 88.0778 16.2517 87.6954 15.8947C87.313 15.5123 87.1217 15.0024 87.1217 14.365C87.1217 13.4727 87.4532 12.6441 88.1161 11.8792C88.8044 11.1144 89.7223 10.5025 90.8695 10.0436C92.0168 9.55914 93.2916 9.31693 94.6938 9.31693C96.351 9.31693 97.7278 9.57188 98.8241 10.0818C99.9459 10.5662 100.774 11.3311 101.31 12.3764C101.871 13.3962 102.151 14.7092 102.151 16.3154V25.6467C102.151 26.2586 102.291 26.7047 102.572 26.9852C102.852 27.2656 103.248 27.4059 103.757 27.4059C104.038 27.4059 104.318 27.3804 104.599 27.3294C104.905 27.2529 105.223 27.1637 105.555 27.0617L105.899 28.209C105.364 28.7444 104.752 29.1523 104.063 29.4327C103.375 29.7387 102.699 29.8916 102.036 29.8916C100.889 29.8916 99.9969 29.5985 99.3595 29.0121C98.7476 28.4002 98.3779 27.5333 98.2504 26.4115C97.817 27.2019 97.3199 27.852 96.759 28.3619C96.1981 28.8718 95.5607 29.2543 94.8468 29.5092C94.1329 29.7642 93.3298 29.8916 92.4375 29.8916ZM94.1967 27.4823C94.9106 27.4823 95.5479 27.3166 96.1088 26.9852C96.6697 26.6537 97.1031 26.1948 97.4091 25.6084C97.7405 25.022 97.9062 24.3592 97.9062 23.6198V20.1779C96.3765 20.1779 95.1145 20.3182 94.1202 20.5986C93.1514 20.8791 92.4375 21.3125 91.9786 21.8989C91.5197 22.4853 91.2902 23.2629 91.2902 24.2317C91.2902 25.2515 91.5452 26.0546 92.0551 26.641C92.565 27.2019 93.2789 27.4823 94.1967 27.4823Z" fill="black"></path>
<path d="M107.089 29.3562V27.8648L108.848 27.5588C109.256 27.5078 109.524 27.3549 109.651 27.0999C109.779 26.845 109.842 26.386 109.842 25.7232V14.0973C109.842 13.2305 109.766 12.6441 109.613 12.3381C109.46 12.0067 109.103 11.8027 108.542 11.7262L106.745 11.535L106.936 10.0053L113.055 9.58463L113.437 9.85233L113.705 13.4472H113.82C114.457 12.1214 115.273 11.1016 116.267 10.3877C117.261 9.67387 118.345 9.31693 119.518 9.31693C120.741 9.31693 121.723 9.64837 122.462 10.3112C123.202 10.9741 123.571 11.8665 123.571 12.9883C123.571 13.6256 123.469 14.1738 123.266 14.6327C123.062 15.0916 122.756 15.4486 122.348 15.7035C121.94 15.9585 121.443 16.0859 120.856 16.0859C120.066 16.0859 119.467 15.9202 119.059 15.5888C118.651 15.2573 118.447 14.8367 118.447 14.3268C118.447 14.0973 118.485 13.8678 118.562 13.6384C118.638 13.3834 118.753 13.1157 118.906 12.8353C119.059 12.5293 119.25 12.1724 119.479 11.7645C118.868 11.535 118.243 11.5095 117.606 11.688C116.968 11.8665 116.382 12.2234 115.846 12.7588C115.311 13.2687 114.878 13.9061 114.546 14.6709C114.215 15.4358 114.049 16.2644 114.049 17.1567V25.7997C114.049 26.4115 114.1 26.8322 114.202 27.0617C114.329 27.2911 114.61 27.4313 115.043 27.4823L118.141 27.903V29.3562H107.089Z" fill="black"></path>
<path d="M124.476 29.3562V27.8265L126.35 27.5588C126.834 27.4823 127.14 27.3166 127.268 27.0617C127.421 26.8067 127.497 26.3351 127.497 25.6467V4.34535C127.497 3.47851 127.408 2.90486 127.23 2.62441C127.051 2.34396 126.643 2.1655 126.006 2.08901L124.323 1.85955L124.514 0.291591L131.322 0.0621338L131.742 0.406321V25.7614C131.742 26.3223 131.806 26.743 131.934 27.0234C132.061 27.3039 132.392 27.4823 132.928 27.5588L134.878 27.8648V29.3562H124.476Z" fill="black"></path>
<path d="M136.902 29.3562V27.8265L138.929 27.5588C139.413 27.4823 139.719 27.3166 139.847 27.0617C139.974 26.8067 140.038 26.3351 140.038 25.6467V14.1738C140.038 13.2815 139.949 12.6823 139.77 12.3764C139.617 12.0449 139.247 11.8537 138.661 11.8027L136.902 11.5733L137.093 10.0053L143.824 9.66112L144.244 9.89058V25.7997C144.244 26.3351 144.308 26.743 144.436 27.0234C144.563 27.2784 144.869 27.4441 145.354 27.5206L147.419 27.8648V29.3562H136.902Z" fill="black"></path>
<path d="M139.11 5.17474C137.941 4.00521 137.941 2.10901 139.11 0.939471C140.28 -0.230068 142.176 -0.230068 143.345 0.939471C144.515 2.10901 144.515 4.00521 143.345 5.17475C142.176 6.34428 140.28 6.34428 139.11 5.17474Z" fill="black"></path>
<path d="M242.518 18.5443V29.3097H239.846V9.19149H242.327V13.7725C243.701 10.7948 246.679 8.88609 250 8.88609V11.6729C245.763 11.5202 242.518 14.1542 242.518 18.5443Z" fill="black"></path>
<path d="M226.986 29.6915C221.336 29.6915 217.595 25.4541 217.595 19.0789C217.595 13.1999 221.489 8.80981 226.834 8.80981C232.56 8.80981 236.301 13.429 235.843 19.8805H220.267C220.497 24.6524 223.016 27.5919 226.948 27.5919C230.307 27.5919 232.636 25.7213 233.285 22.5146H235.919C235.003 26.9811 231.605 29.6915 226.986 29.6915ZM226.795 10.8713C223.169 10.8713 220.611 13.658 220.267 18.0481H233.056C232.827 13.5435 230.498 10.8713 226.795 10.8713Z" fill="black"></path>
<path d="M215.486 26.752V29.1188C214.456 29.5388 213.578 29.6915 212.585 29.6915C209.264 29.6915 206.706 27.9736 206.706 23.6217V11.4439H203.483V9.19154H206.706V3.23625H209.378V9.19154H215.677V11.4439H209.378V23.049C209.378 26.1794 210.905 27.2483 213.119 27.2483C213.959 27.2483 214.646 27.0956 215.486 26.752Z" fill="black"></path>
<path d="M193.003 29.6915C187.353 29.6915 183.612 25.4541 183.612 19.0789C183.612 13.1999 187.506 8.80981 192.851 8.80981C198.577 8.80981 202.318 13.429 201.86 19.8805H186.285C186.514 24.6524 189.033 27.5919 192.965 27.5919C196.325 27.5919 198.653 25.7213 199.302 22.5146H201.936C201.02 26.9811 197.622 29.6915 193.003 29.6915ZM192.812 10.8713C189.186 10.8713 186.628 13.658 186.285 18.0481H199.073C198.844 13.5435 196.515 10.8713 192.812 10.8713Z" fill="black"></path>
<path d="M164.538 29.3097L154.612 6.06121V29.3097H151.94V1.90015H155.643L165.797 25.7976L176.028 1.90015H179.693V29.3097H177.059V6.06121L167.057 29.3097H164.538Z" fill="black"></path>
</svg></div>
<div class="hero_title_wrap u-text-h1">
<h1>
<div>
<div class="title_highlight_wrap">
<div>Coming soon!</div>
<div class="title_highlight-2"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewbox="0 0 497 66" fill="none" class="svg">
<path opacity="0.7" d="M93.8297 62.6156C81.6014 56.6124 10.6146 67.4581 4.34363 65.8173C-0.484974 63.7362 -1.23748 22.0741 1.83527 15.7107C2.96403 13.4695 4.53176 13.0293 8.67057 13.7897C13.6246 14.9503 74.8288 9.62748 95.0211 8.02664C96.2753 9.26729 98.9091 4.82494 99.6616 6.38577C101.167 8.66698 239.315 2.62377 243.203 2.54373C249.976 2.38364 244.708 4.90498 252.609 3.94447C269.478 1.94341 306.477 4.38471 319.207 2.38364C329.491 0.782796 331.686 0.742775 341.531 2.46369C350.122 3.94447 404.993 3.94447 411.389 1.38311C412.957 0.662733 414.086 0.982902 414.023 1.90339C414.023 1.98343 432.71 3.34415 432.836 3.34415C442.242 4.06454 451.648 4.945 451.711 5.30519C451.899 6.22568 453.028 6.70594 454.157 6.14564C456.163 5.18513 496.611 4.14458 496.924 6.86602C497.928 14.6702 488.709 46.9673 483.379 54.6514C477.798 62.8157 453.843 51.7698 432.647 55.892C325.666 51.4897 339.775 52.5302 317.2 55.5318C314.88 52.6903 305.975 59.4139 300.456 54.4913C298.199 52.4902 281.957 52.01 278.383 54.011C276.878 54.8515 255.306 54.011 233.169 53.8909C210.97 53.7709 188.082 54.4512 184.068 57.2527C166.949 52.4502 102.233 61.6951 93.7042 62.6156H93.8297Z" fill="currentColor"></path>
</svg></div>
</div>
</div>
</h1>
</div>
<div class="home-hero_subtitle_wrap u-text-h4">
<div style="max-width: none;">
<div class="w-richtext">
<h2>Civil society’s dashboard to measure the transparency and performance of South Africa's Parliament</h2>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
</div>
<div class="styleguide_guide_wrap">
<div class="w-embed">
<style>
html:not(.wf-design-mode) .styleguide_guide_wrap {
display: none;
}
.styleguide_guide_layout {
counter-reset: gridguides;
}
.styleguide_guide_layout > div::before {
counter-increment: gridguides;
content: counter(gridguides);
}
</style>
</div>
<div data-padding-bottom="none" data-padding-top="none" class="styleguide_guide_contain u-container">
<div class="styleguide_guide_layout u-grid-custom">
<div class="styleguide_guide_column u-vflex-center-bottom"></div>
<div class="styleguide_guide_column u-vflex-center-bottom"></div>
<div class="styleguide_guide_column u-vflex-center-bottom"></div>
<div class="styleguide_guide_column u-vflex-center-bottom"></div>
<div class="styleguide_guide_column u-vflex-center-bottom"></div>
<div class="styleguide_guide_column u-vflex-center-bottom"></div>
<div class="styleguide_guide_column u-vflex-center-bottom"></div>
<div class="styleguide_guide_column u-vflex-center-bottom"></div>
<div class="styleguide_guide_column u-vflex-center-bottom"></div>
<div class="styleguide_guide_column u-vflex-center-bottom"></div>
<div class="styleguide_guide_column u-vflex-center-bottom"></div>
<div class="styleguide_guide_column u-vflex-center-bottom"></div>
<div class="styleguide_guide_column u-vflex-center-bottom"></div>
<div class="styleguide_guide_column u-vflex-center-bottom"></div>
<div class="styleguide_guide_column u-vflex-center-bottom"></div>
<div class="styleguide_guide_column u-vflex-center-bottom"></div>
<div class="styleguide_guide_column u-vflex-center-bottom"></div>
<div class="styleguide_guide_column u-vflex-center-bottom"></div>
<div class="styleguide_guide_column u-vflex-center-bottom"></div>
<div class="styleguide_guide_column u-vflex-center-bottom"></div>
<div class="styleguide_guide_column u-vflex-center-bottom"></div>
<div class="styleguide_guide_column u-vflex-center-bottom"></div>
<div class="styleguide_guide_column u-vflex-center-bottom"></div>
<div class="styleguide_guide_column u-vflex-center-bottom"></div>
</div>
</div>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=6707b6b0494c50af6eec7d92" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/webflow.js" type="text/javascript"></script>
<script>
// LUMOS PAGE FUNCTIONS | Executes scripts last. Keep right before closing body tag //
pageFunctions.executeFunctions();
</script>
</body>
</html>