-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
105 lines (94 loc) · 5.03 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
<!DOCTYPE html>
<html>
<head>
<title>Teken nu voor een referendum over de Donorwet!</title>
<link rel="stylesheet" type="text/css" href="src/styles.css">
<meta charset="UTF-8">
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1923533084375339');
fbq('track', 'PageView');
</script>
<script src="src/raphael-2.1.4.min.js"></script>
<script src="src/justgage.js"></script>
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1923533084375339&ev=PageView&noscript=1"/></noscript>
</head>
<body>
<div id="content">
<div id="header" >
<div id="hvd-logo"><img src="src/hvd-logo.jpg" alt"Hart voor Democratie" /></div>
<ul id="menu">
<li><a href="/" class="active">Home</a></li>
<li><a href="https://referendum.nl/#/voorwaarden">Teken</a></li>
<li><a href="/doneer.html">Doneer</a></li>
<li><a href="/over.html">Over</a></li>
<li><a href="/faq.html">FAQ</a></li>
</ul>
</div>
<h1>TEKEN NU VOOR EEN REFERENDUM OVER DE DONORWET</h1>
<p>De nieuwe donorwet werpt een hele persoonlijke vraag op: Mag de overheid beslissen over wat er met jouw lichaam gebeurt? Daarom is deze wet een perfect onderwerp voor een referendum. Steunt Nederland actieve donorregistratie, of willen we liever een andere oplossing?</p>
<p>Teken ook! Je kunt met de button hieronder direct je handtekening zetten voor een referendum. Er is haast bij: vóór 14 juni zijn minimaal 300.000 handtekeningen nodig. Let op: maximaal 1 verzoek per kiesgerechtigde.</p>
<div class="center space">
<p><a href="https://referendum.nl/#/voorwaarden" class="btn" id="tekenNu">Teken nu!</a></p>
<div id="gauge"></div>
</div>
<h2>Waarom een referendum?</h2>
<p>Hart voor Democratie kiest geen stelling voor of tegen de nieuwe donorwet. Wel hebben wij vier argumenten om het initiatief voor dit referendum te nemen.</p>
<ol>
<li>De actieve donorregistratie die per 2020 in werking treedt heeft een directe invloed op alle burgers. Iedereen wordt automatisch als orgaandonor geregistreerd, tenzij je zelf in actie komt. De vraag of we orgaandonatie op deze manier willen regelen, is perfect voor een referendum. Het gaat namelijk over je eigen lichaam, en wat de overheid daarmee mag doen.</li>
<li>De regering wil het referendumrecht afpakken. Het instrument zou ‘niet brengen wat er van verwacht werd’, zegt D66-minister Ollongren. Maar de afgelopen twee referenda tonen aan dat burgers juist steeds beter met het instrument overweg kunnen. Laten we blijven oefenen!</li>
<li>Het doel van de wetswijziging is om via actieve registratie meer orgaandonoren te werven. Een referendum zorgt voor publiek debat, en daarmee voor aandacht voor dat onderwerp. Dat zal óók tot meer registraties leiden.</li>
<li>Uit onderzoek blijkt dat vooral laag- en middelbaar geschoolde kiezers het referendum als een brug tussen burger en bestuur beschouwen. Neem deze mensen hun inspraak niet af, referenda zijn goed om het afnemende vertrouwen in de politiek herstellen!</li>
</ol>
<div id="cupidonor"><img src="src/cupidonor.jpg" alt="Teken nu voor een referendum over de Donorwet!" /></div>
<div id="footer" class="center">
<ul id="footermenu">
<li><a href="/faq.html">FAQ</a></li>
<li><a href="https://zoek.officielebekendmakingen.nl/kst-33506-A.html">De wetswijziging</a></li>
<li><a href="/over.html">Over Hart voor Democratie</a></li>
<li><a href="/privacy.html">Privacyverklaring</a></li>
<li><a href="/doneer.html">Doneren</a></li>
</ul>
<div class="center italic">
<p>Hart voor Democratie is powered by GeenPeil</p>
</div>
</div>
</div>
<script src="https://matomo.hartvoordemocratie.nl/piwik.js" async defer></script>
<script src="https://hartvoordemocratie.nl/tracking.js"></script>
<script>
var xmlhttp = new XMLHttpRequest();
var url = "https://referendum.nl/cupido/api/total";
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var resp = JSON.parse(this.responseText);
console.dir(resp);
var g = new JustGage({
id: "gauge",
value: resp["total"],
min: 0,
max: 300000,
// title: "Handtekeningen",
levelColorsGradient: false,
levelColors: ["#EC2027"]
});
var gauge = document.querySelector("#gauge");
var svg = document.querySelector("#gauge svg");
var width = gauge.offsetWidth;
var height = gauge.offsetHeight;
svg.setAttribute("style","");
svg.setAttribute("viewBox","0 "+(height*(1/12))+" "+width+" "+height);
}
};
xmlhttp.open("GET", url, true);
xmlhttp.send();
</script>
</body>
</html>