-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
267 lines (257 loc) · 12.7 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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta
content="initial-scale=1, shrink-to-fit=no, width=device-width"
name="viewport"
/>
<!-- CSS -->
<link href="dist/css/main.css" rel="stylesheet" />
</head>
<body>
<header>
<div class="collapse bg-primary-light" id="navbarHeader">
<div class="container">
<div class="row">
<div class="col-sm-8 col-md-7 py-4">
<h4 class=""><a href="proposal.html">About</a></h4>
<p class=""></p>
</div>
<div class="col-sm-4 offset-md-1 py-4">
<h4 class="">Contact</h4>
<ul class="list-unstyled">
<li>
<a href="https://twitter.com/eucampaign" class=""
>Follow on Twitter</a
>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="navbar navbar-dark bg-primary box-shadow">
<div class="container d-flex justify-content-between">
<a href="#" class="navbar-brand d-flex align-items-center">
<div id="svglogo">
<object type="image/svg+xml" data="./10/img/logo.svg" height="200"></object>
</div>
<script>
function loadSVG(url, containerId) {
fetch(url)
.then((response) => response.text())
.then((data) => {
// Inject the SVG content into the container
const container = document.getElementById(containerId);
container.innerHTML = data;
});
}
// Load the SVG
loadSVG("./10/img/logo.svg", "svglogo");
</script>
MEP Watch
</a>
<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#navbarHeader"
aria-controls="navbarHeader"
aria-expanded="false"
aria-label="Toggle navigation"
>
<svg class="icon"><use href="#menu" /></svg>
</button>
</div>
</div>
</header>
<main role="main" class="d-flex flex-column">
<div class="container">
<section class="jumbotron text-center my-4">
<h1 class="jumbotron-heading">
Fight for a more just and inclusive Europe, with data
</h1>
<p>
</p>
</section>
</div>
<section class="container">
<p>
The European Parliament plays a crucial role in shaping policies
and laws that affect over 447 million citizens across the European
Union. Yet, despite its significance, many EU citizens remain unaware
of how their representatives vote on critical issues.
</p>
<h4 id="enhancing-accountability">Enhancing Accountability</h4>
<p>
Transparency in voting records ensures that Members of the European
Parliament (MEPs) are held accountable for their decisions, but only if that is explained and contextualised.
Very few media cover these votes in a way that connect with people outside of the brussels bubble. We believe NGOs and Trade Unions are the ones that can show what votes are relevants, and hold politicians accountable.
<br/>
We have the data, we want to better work with CSOs to show what is happening in the parliament
and help everyone evaluate whether their representatives act
in accordance with their stated platforms and commitments
</p>
<div class="alert alert-info" role="alert">
Find <a href="/10">all the <b>votes with rollcalls</b> from this term</a> or for <a href="/9>">2019-2024</a> or <a href="/8>">2014-2019</a>
</div>
<p>
Increasing access to and awareness of EP votes allows
citizens to question discrepancies. If an MEP campaigns on climate
action at home but votes against environmental legislation in the EP,
CSOs can help and organise their members to challenge such behaviour. This mechanism of public
scrutiny incentivises MEPs to act in good faith, aligning their
actions in Brussels or Strasbourg with their public rhetoric in
national contexts. A more informed electorate ensures that
representatives feel the pressure to genuinely represent their voters’
interests, fostering trust in the political process.
</p>
<h4 id="exposing-national-and-european-narrative-contradictions">
Exposing National and European Narrative Contradictions
</h4>
<p>
Political parties often adopt different narratives at the national and
European levels. While they might present themselves as
pro-environment, pro-worker, or progressive in their home countries,
their votes in the EP may tell a different story. This duality is
particularly problematic because it allows parties to mislead voters
while avoiding accountability. By highlighting how national parties
vote in the EP, discrepancies between their domestic messaging and
their European actions can be exposed.
</p>
<p>
For example, many far-right or populist parties claim to support
ordinary citizens while frequently opposing worker protections or
social initiatives in EP votes. Similarly, mainstream parties may
downplay their complicity in policies that contribute to inequality or
environmental harm. Exposing these contradictions can help voters
distinguish between rhetoric and reality, encouraging more informed
decision-making in elections.
</p>
<h4 id="showcasing-genuine-policy-differences">
Showcasing Genuine Policy Differences
</h4>
<p>
Increased awareness of EP votes can also reveal the substantive
differences between political parties, helping citizens understand the
ideological diversity of the European political landscape. Currently,
low awareness often creates the perception that all major parties are
essentially the same, fuelling apathy and disenchantment. This
perception benefits extremist and populist parties, which thrive on
presenting themselves as the only alternative to an untrustworthy
establishment.
</p>
<p>
By making voting records more transparent and accessible, it becomes
easier to show how parties diverge on crucial issues such as climate
change, labour rights, migration, and digital privacy. Highlighting
these differences empowers citizens to make choices based on
substantive policy positions rather than vague slogans or populist
appeals. It also dispels the myth that the EU is a monolithic
bureaucracy detached from the diverse political interests of its
member states.
</p>
<h4 id="countering-the-rise-of-the-far-right">
Countering the Rise of the Far Right
</h4>
<p>
The rise of far-right movements across Europe poses a serious
challenge to democratic values, social cohesion, and human rights.
These movements often capitalise on distrust in traditional political
institutions, spreading misinformation and exploiting voter apathy.
Increasing transparency and awareness of EP voting records can help
combat these dynamics.
</p>
<p>
By exposing how far-right parties vote against measures that benefit
their constituents—such as social protections, environmental
safeguards, or anti-corruption measures—voters can see the disconnect
between far-right rhetoric and action. Furthermore, when mainstream
parties are held accountable for their voting patterns, it reduces the
sense of impunity that populist movements often exploit. Transparency
shines a light on political opportunism and disingenuous behaviour,
making it harder for extremist parties to manipulate public opinion
through fearmongering and false promises.
</p>
<h4 id="practical-steps-to-increase-transparency-and-awareness">
Practical Steps to Increase Transparency and Awareness
</h4>
<p>To achieve these goals, practical steps must be taken:</p>
<ol>
<li>
<p>
<strong>Publicising Voting Records:</strong> Please use the voting data and interactive datavisualisations on this website an enable your audience
to easily track how their representatives
voted on specific issues.
</p>
</li>
<li>
<p>
<b>Civil Society Participation:</b> Join our progressive hub to share alerts on upcoming votes or behaviours worth sharing with your members
</li>
<li>
<p>
<strong>Fight for more transparency in the plenary:</strong>We have million of plenary votes analysed and visualised, but it's still the minority of votes (the majority is still raised hands, ie. we do not know what each MEP voted). If an upcoming vote matters to you, contact political advisers or MEP in a group to ask them to put it on rollcall
</p>
</li>
<li>
<p>
<strong>Fight for more transparency in the committee:</strong>Sadly, the EP doesn't yet publish computer readable rollcalls in the committees, if you have contacts in the EP, ask them to put pressure where they can to fix that.
</p>
</li>
</ol>
<h4 id="conclusion">Conclusion</h4>
<p>
Using the data we have to increase awareness of voting patterns in the
European Parliament is essential for strengthening democratic
accountability, exposing political hypocrisy, and showcasing the
ideological differences that define Europe’s political spectrum. These
efforts are not only vital for empowering citizens but also for
countering the rise of the far right, which feeds on misinformation
and distrust.
The stakes for the next European Parliament election could not
be higher, and transparency is a cornerstone of defending democracy in
these challenging times.
</p>
</section>
</main>
<!-- Optional JavaScript -->
<script src="dist/js/main.js"></script>
<script src="dist/js/dcbundle.js"></script>
<svg class="d-none">
<symbol id="menu" viewBox="0 0 24 24">
<path d="M0 0h24v24H0z" fill="none" />
<path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" />
</symbol>
<symbol id="logo" viewBox="0 0 24 24">
<path
d="M6 13c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0 4c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0-8c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm-3 .5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zM6 5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm15 5.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zM14 7c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm0-3.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zm-11 10c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm7 7c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm0-17c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zM10 7c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm0 5.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm8 .5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0 4c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0-8c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0-4c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm3 8.5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zM14 17c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0 3.5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm-4-12c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0 8.5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm4-4.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-4c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5z"
/>
</symbol>
</svg>
<style>
#svglogo {position:relative; height:40px; margin-right: 10px;}
#svglogo svg {width:auto;}
#svglogo path, #svglogo line {fill:purple}
circle {
stroke-width: 2px;
}
circle:hover {
animation: radiusAnimation 1s ease-in 2 alternate;
transition: all 1s;
stroke-width: 6px;
}
/* Define the CSS animation */
@keyframes radiusAnimation {
0% {
stroke-width: 1px;
}
100% {
stroke-width: 5px;
}
}
</style>
</body>
</html>