-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
58 lines (57 loc) · 3.3 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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Piratenpartij Stemwijzer: Word wakker voor digitale burgerrechten en een vrije informatiesamenleving!</title>
<link rel="stylesheet" href="ppwekker.css" type="text/css" media="screen" charset="utf-8">
<script type="text/javascript" src="jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="ppwekker.js"></script>
</head>
<body>
<div id="header">
<div id="countdown">
<div class="time">nog 5 dagen<br /> 3 uur<br />2 minuten<br />34 seconden</div>
</div>
</div>
<div id="titlebar">
<h1>
Word wakker voor <span id="subcaption">digitale burgerrechten</span>!
</h1>
</div>
<div id="main">
<p class="intro">
De Piratenpartij is een serieuze politieke partij die de Tweede Kamer
wakker wil schudden op het gebied van de <strong>digitalisering van de
samenleving</strong>. Tijden zijn veranderd en digitalisering is iets
dat ons allen raakt, maar de huidige politiek klungelt hier enorm mee. Het
is hoog tijd voor meer expertise op dit gebied in de Nederlandse politiek!
</p>
<p>
<strong>Hoe piraat ben jij?</strong> Reageer op onze stellingen <span id="switchextended">(<a href="javascript:switchextended()">Ga je echt voor inhoud? Klik dan hier voor onze uitgebreide stemwijzer!</a>)</span>. Deel
vervolgens als je wilt je resultaat op sociale media, en overweeg woensdag een stem op <strong>Lijst 20: Piratenpartij</strong>!<br />
</p>
<div id="statement">
<span class="seqnr">Stelling</span>
<blockquote>De piratenpartij is een aanwinst voor de tweede kamer!</blockquote>
<div class="buttons">
<button id="agree">Eens</button>
<button id="disagree">Oneens</button>
</div>
</div>
<div id="share">
<blockquote><span id="duiding"></span> Je bent <span id="result">100</span>% piraat!</blockquote>
<div class="buttons">
<button id="facebook" onclick="window.location='https://www.facebook.com/sharer.php?u=https://piratenpartij.nl/stemwijzer/';">Deel op Facebook!</button>
<button id="twitter" onclick="window.location='https://twitter.com/intent/tweet?text=Ik word wakker voor digitale burgerrechten! Ik ben ' + $('#result').html() + '%25 piraat! En jij? %23piratenpartij %23tk2017 https://piratenpartij.nl/stemwijzer';">Deel op Twitter!</button>
</div>
</div>
<div id="references">
Vertrouw niet blind op een stemwijzer, campagnespot, poster of A4'tje<br/>
<strong>Informeer jezelf!</strong> Lees ons <a href="https://tk2017.piratenpartij.nl/">Partijprogramma</a> !
</div>
<div id="footer">
<a href="https://piratenpartij.nl">Piratenpartij Nederland</a> - Lijstrekker: <a href="https://twitter.com/ncilla">Ancilla van de Leest</a> - Broncode: <a href="https://github.com/Piratenpartij/stemwijzer_2017">Github</a> - Licentie: <a href="https://www.gnu.org/licenses/agpl-3.0.html">AGPLv3</a>
</div>
</div>
</body>
</html>