-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
236 lines (169 loc) · 13 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
<!DOCTYPE html>
<html >
<head>
<!-- Site made with Mobirise Website Builder v4.10.4, https://mobirise.com -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="generator" content="Mobirise v4.10.4, mobirise.com">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<link rel="shortcut icon" href="assets/images/eurstars-122x122.png" type="image/x-icon">
<meta name="description" content="">
<title>Home</title>
<link rel="stylesheet" href="assets/web/assets/mobirise-icons-bold/mobirise-icons-bold.css">
<link rel="stylesheet" href="assets/web/assets/mobirise-icons/mobirise-icons.css">
<link rel="stylesheet" href="assets/tether/tether.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css">
<link rel="stylesheet" href="assets/socicon/css/styles.css">
<link rel="stylesheet" href="assets/dropdown/css/style.css">
<link rel="stylesheet" href="assets/theme/css/style.css">
<link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css">
</head>
<body>
<section class="menu cid-rvgZMVDNg8" once="menu" id="menu1-0">
<nav class="navbar navbar-expand beta-menu navbar-dropdown align-items-center navbar-fixed-top navbar-toggleable-sm">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<div class="hamburger">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</button>
<div class="menu-logo">
<div class="navbar-brand">
<span class="navbar-logo">
<a href="index.html">
<img src="assets/images/eurstars-122x122.png" alt="European Stars" title="" style="height: 3.8rem;">
</a>
</span>
<span class="navbar-caption-wrap"><a class="navbar-caption text-primary display-4" href="index.html">Europinion</a></span>
</div>
</div>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav nav-dropdown nav-right" data-app-modern-menu="true"><li class="nav-item">
<a class="nav-link link text-white display-4" href="workflow.html">Workflow</a>
</li><li class="nav-item"><a class="nav-link link text-white display-4" href="code.html">Code</a></li><li class="nav-item"><a class="nav-link link text-white display-4" href="data.html">Data</a></li><li class="nav-item"><a class="nav-link link text-white display-4" href="graph.html">Knowledge Graph</a></li><li class="nav-item"><a class="nav-link link text-white display-4" href="queries.html">Queries</a></li></ul>
</div>
</nav>
</section>
<section class="engine"><a href="https://mobirise.info/j">website templates</a></section><section class="header1 cid-rvgZTtGgYU" id="header1-1">
<div class="container">
<div class="row justify-content-md-center">
<div class="mbr-white col-md-10">
<h1 class="mbr-section-title align-center mbr-bold pb-3 mbr-fonts-style display-1"><span style="font-weight: normal;">Europinion</span><br></h1>
<h3 class="mbr-section-subtitle align-center mbr-light pb-3 mbr-fonts-style display-2">[jʊər əpɪnyən]</h3>
</div>
</div>
</div>
</section>
<section class="mbr-section content4 cid-rvhdshBDds" id="content4-b">
<div class="container">
<div class="media-container-row">
<div class="title col-12 col-md-8">
<h2 class="align-center pb-3 mbr-fonts-style display-2"><strong>eurWhat?</strong></h2>
<h3 class="mbr-section-subtitle align-center mbr-light mbr-fonts-style display-5">Wait... Let us explain!</h3>
</div>
</div>
</div>
</section>
<section class="mbr-section article content1 cid-rvhdtl5NQi" id="content1-c">
<div class="container">
<div class="media-container-row">
<div class="mbr-text col-12 mbr-fonts-style display-7 col-md-10"><p><span style="font-size: 1rem;"> </span><span style="font-size: 1rem;"> </span><span style="font-size: 1rem;">Between the 23th and 26th May 2019 millions of people voted for the elections of the European Parliament. On the wave of the political changes that are 'reshaping' the European Union, with one of its historical members about to leave it (Newsflash: <a href="https://www.theguardian.com/politics/eu-referendum" target="_blank" class="text-info">Brexit</a>), the elections have been a significant political moment.</span><br></p><p> <span style="font-size: 1rem;">Europinion aims at identifying people’s reaction to the EU elections, in terms of either positive or negative opinion, as it emerged in the very aftermath of the vote. We decided to apply sentiment analysis to <a href="https://twitter.com" target="_blank" class="text-info">Twitter</a>, since we thought that it could have been a rich and appropriate source of data for our project, which aims at mapping opinions about a pan-european political matter.</span></p><p> <span style="font-size: 1rem;">Aa a criterion to select the tweets we searched for the expression “European elections” translated into all the EU official languages in Twitter. Given that the final results of the elections were published on Monday, the
persists of tweets tweeted after the 27th of May. Due to scarcity of data for some of the countries we abandoned the idea of creating a proportion between the selection of the number of tweets per country and the number of seats that country is assigned for the European Parliament. Besides, our research was driven by languages rather than countries. However, it can be noticed that generally the higher the number of seats, the higher the number of tweets tweeted in the language spoken in that country. (check our <a href="data.html">Data</a>). Overall, we collected approximately 100,000 tweets. </span></p></div>
</div>
</div>
</section>
<section class="counters1 counters cid-rvh4CXVIdS" id="counters1-2">
<div class="container">
<h2 class="mbr-section-title pb-3 align-center mbr-fonts-style display-2">Dataset</h2>
<div class="container pt-4 mt-2">
<div class="media-container-row">
<div class="card p-3 align-center col-12 col-md-6 col-lg-4">
<div class="panel-item">
<div class="card-img pb-3" style="max-height:97px;">
<span class="mbr-iconfont socicon-twitter socicon" style="color: rgb(255, 204, 0); fill: rgb(255, 204, 0);"></span>
</div>
<div class="card-text">
<h3 class="count pt-3 pb-3 mbr-fonts-style display-2">98980</h3>
<h4 class="mbr-content-title mbr-bold mbr-fonts-style display-7">
Tweets</h4>
<p class="mbr-content-text mbr-fonts-style display-7"></p><p>Twitter is the social network used to discuss current issues, especially political ones. Its use has spread all over the world. Twitter’s users can express their agreement, disagreement or complaint about the ongoing discussions.
</p><p></p>
</div>
</div>
</div>
<div class="card p-3 align-center col-12 col-md-6 col-lg-4">
<div class="panel-item">
<div class="card-img pb-3">
<span class="mbr-iconfont mbrib-flag" style="color: rgb(255, 204, 0); fill: rgb(255, 204, 0);"></span>
</div>
<div class="card-text">
<h3 class="count pt-3 pb-3 mbr-fonts-style display-2">24</h3>
<h4 class="mbr-content-title mbr-bold mbr-fonts-style display-7">
Languages</h4>
<p class="mbr-content-text mbr-fonts-style display-7"></p><p>Our ambition was to represent the sentiment of all EU citizens. We tried to achieve this objective by acquiring data for all languages which the EU officially supports: From English to Maltese. (<a href="data.html">List of Languages</a>)</p><p></p>
</div>
</div>
</div>
<div class="card p-3 align-center col-12 col-md-6 col-lg-4">
<div class="panel-item">
<div class="card-img pb-3">
<span class="mbr-iconfont mbri-hearth" style="color: rgb(255, 204, 0); fill: rgb(255, 204, 0);"></span>
</div>
<div class="card-text">
<h3 class="count pt-3 pb-3 mbr-fonts-style display-2">62831</h3>
<h4 class="mbr-content-title mbr-bold mbr-fonts-style display-7">
Sentiments</h4>
<p class="mbr-content-text mbr-fonts-style display-7"></p><p><a href="http://wit.istc.cnr.it/stlab-tools/sentilo/index.html" class="text-info" target="_blank">Sentilo</a> assigns an average positive or negative score to each tweet, sometimes both to the same tweet. It also assigns a positive or negative score to some keywords it identifies in the tweet.
</p><p></p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="mbr-section content4 cid-rvsFolriJM" id="content4-1k">
<div class="container">
<div class="media-container-row">
<div class="title col-12 col-md-8">
<h2 class="align-center pb-3 mbr-fonts-style display-2">Tweet Sample</h2>
</div>
</div>
</div>
</section>
<section class="mbr-section article content1 cid-rvsI9u7gCG" id="content1-1o">
<div class="container">
<div class="media-container-row">
<div class="mbr-text col-12 mbr-fonts-style display-7 col-md-10"><p>This Tweet was the most liked and retweeted Tweet concerning the European Election in the period 27th May to 2nd June.</p><p><strong>createdBy:</strong> JuliaHB1 – <span style="font-size: 1rem;"><strong>hasLocation:</strong> London – </span><span style="font-size: 1rem;"><strong>hasDate:</strong> 2019-05-27 – </span><span style="font-size: 1rem;"><strong>hasTime:</strong> 06:55:20<br><strong>hasRetweet:</strong> 7078 – <strong>isFavorite:</strong> 19274<strong> </strong>– <strong>hasAvgNegative:</strong> 0.5456 – <strong>hasAvgPositive:</strong> 0.0378</span></p><p><span style="font-size: 1rem;"><strong>hasText: </strong>Leave wins 52% in the EU referendum in 2016. Remoaners: but not by enough. Leave wins 80%+ the 2017 general election. Remoaners: but it wasn’t clear. Leave wins 2019 European elections. Remoaners: but the combined vote of the Remain losers is higher. Anyone seeing a pattern here?</span></p></div>
</div>
</div>
</section>
<section once="footers" class="cid-rvh7pWUyp3" id="footer7-3">
<div class="container">
<div class="media-container-row align-center mbr-white">
<div class="row row-links">
<ul class="foot-menu">
<li class="foot-menu-item mbr-fonts-style display-7"><a href="contact.html" class="text-white"><strong>Contact</strong></a></li><li class="foot-menu-item mbr-fonts-style display-7"><a href="disclaimer.html" class="text-white"><strong>Disclaimer</strong></a></li><li class="foot-menu-item mbr-fonts-style display-7"><a href="references.html" class="text-white"><strong>References</strong></a></li></ul>
</div>
<div class="row row-copirayt">
<p class="mbr-text mb-0 mbr-fonts-style mbr-white align-center display-7">© Copyright 2019 Severin Josef Burg, Eleonora Peruch</p>
</div>
</div>
</div>
</section>
<script src="assets/web/assets/jquery/jquery.min.js"></script>
<script src="assets/popper/popper.min.js"></script>
<script src="assets/tether/tether.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/touchswipe/jquery.touch-swipe.min.js"></script>
<script src="assets/viewportchecker/jquery.viewportchecker.js"></script>
<script src="assets/smoothscroll/smooth-scroll.js"></script>
<script src="assets/dropdown/js/nav-dropdown.js"></script>
<script src="assets/dropdown/js/navbar-dropdown.js"></script>
<script src="assets/theme/js/script.js"></script>
</body>
</html>