-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
157 lines (144 loc) · 6.58 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
<!DOCTYPE html>
<html>
<head>
<title>Solid Elections - Home</title>
<link rel="icon" href="assets/images/logo.png">
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
</head>
<body>
<div class="navbar">
<a href="#" class="active">Home</a>
<a href="#project">The project</a>
<a href="#team">Our team</a>
<a href="#osoc">Open Summer of Code</a>
<img src="assets/images/logo.png" alt="osoc logo">
</div>
<div class="content">
<h1 class="supertitle">Welcome to the</h1>
<h1>Solid Elections Project</h1>
<div class="spacer-line"></div>
<p class="full-length-paragraph">
Welcome to the project page of the Solid Elections project. Here you can find everything you need to get
started with our product. We have made a proof-of-concept that would replace the current bureaucratic
process needed to declare campaign expences made by political lists and candidates. This has been commissioned
by the Flemish Agency for local and provincial government (Agentschap Binnenlands Bestuur, ABB)
in partnership with Informatie Vlaanderen. Their assignment was for us to simplify and digitalize
the declaration process using technologies like Solid and Linked data.
</p>
<br>
<p class="full-length-paragraph">
To scale down this project within our scope, we decided to split the team and the project in three.
The submission team will deal with the actual forms that polititians will fill in. The frontend team will be
responsible for clearly displaying all data. Lastly the API team will act as a bridge between the two.
</p>
<div class="spacer"></div>
<div style="text-align: center;">
<h3>Submission team</h3>
<a href="https://osoc20.github.io/solid-elections-submission/" target="_blank" class="button">
<b>Check out the website</b>
</a>
<a href="https://github.com/osoc20/solid-elections-submission" target="_blank" class="border-button">
<b>Check out the source</b>
</a>
<div class="spacer"></div>
<h3>API team</h3>
<a href="https://api.sep.osoc.be/swagger" target="_blank" class="button">
<b>Check out the website</b>
</a>
<a href="https://github.com/osoc20/solid-elections-api" target="_blank" class="border-button">
<b>Check out the source</b>
</a>
<div class="spacer"></div>
<h3>Frontend team</h3>
<a href="https://osoc20.github.io/solid-elections-frontend" target="_blank" class="button">
<b>Check out the website</b>
</a>
<a href="https://github.com/osoc20/solid-elections-frontend" target="_blank" class="border-button">
<b>Check out the source</b>
</a>
</div>
<div class="large-spacer"></div>
<section id="project">
<h2 class="central">Decentralize, Simplify and Kick Ass</h2>
<div class="spacer"></div>
<div style="display: flex;">
<div class="left-column">
<div class="card">
<h3>The Solid ecosystem</h3>
<p>
During this project we have opted to use the Solid ecosystem. This is a newfangled way of storing data
in a decentralized manner. In short, each user has their own 'Solid Pod', on which they store various
data files. When a service, such as ours wants data from your pod, the user has to approve this transfer.
We thereby improve safety and give back ownership of data to the user. Click
<a href="https://solid.mit.edu/" target="_blank">here</a>
to find out more about solid!
</p>
</div>
<div class="spacer"></div>
<img src="assets/images/simple.svg" alt="Solid logo" class="card" style="float: right;">
<div class="card" style="margin-top: 30px;">
<h3>True transparency</h3>
<p>
Lastly, we wanted this project to ensure full transparency for both citizens and polititions. First of all,
this means the entire source code is available
<a href="https://github.com/osoc20" target="_blank">here</a>. Secondly, we have built an intuitive interface
that can acces, query, sort and graphically display all data, giving civilians, researchers and other
interested parties important insights.
</p>
</div>
</div>
<div class="right-column">
<img src="assets/images/solid.svg" alt="Solid logo" class="card">
<div class="spacer"></div>
<div class="card">
<h3>Simplify everything</h3>
<p>
Another one of our goals was to greatly simplify the declaration process for political lists and candidates.
To accomplish this, we have made several improvements to the current forms. For example, we have isolated
any personal data, so users will only have to fill those fields once. We have also implemented several checks
ensuring proper data submission.
</p>
</div>
<img src="assets/images/transparent.svg" alt="Solid logo" class="card" style="margin-top: 60px;">
</div>
</div>
</section>
<div class="large-spacer"></div>
<section id="team">
<h2 class="central">Our team</h2>
<div class="spacer"></div>
<p class="full-length-paragraph">
This project has been realized by an amazing team of students, brought together by the Open Summer of Code. We are experts
in several fields like Communication, Design in both User experience and Visuals, Backend, System administration and Frontend
design. In special, we want to thank ABB for providing us the oppertunity to develop this application. We also like to thank
Rutger Bevers, Jodi De Loof and Open Summer of Code for providing the support we needed to complete this project.
</p>
<img src="assets/images/group.png" alt="Team foto" style="width: 100%;">
</section>
<div class="large-spacer"></div>
<section id="osoc">
<h2 class="central">Open Summer of Code</h2>
<div class="spacer"></div>
<div style="display: flex;">
<div class="left-column">
<p>
Open Knowledge Belgium organizes the yearly event Open Summer of Code during the month of July. During this month, several
teams of students create open source solutions. Any information about the osoc event can be found here:
</p>
<br>
<a href="https://summerofcode.be/" target="_blank" class="button" style="margin-top: 112;">
<b>Visit the osoc website</b>
</a>
</div>
<div class="right-column">
<img src="assets/images/osoc.png" alt="osoc Logo">
</div>
</div>
</section>
<div class="large-spacer"></div>
</div>
</body>
</html>