Skip to content

Commit

Permalink
Merge pull request #4 from Parliament-in-Data/dev
Browse files Browse the repository at this point in the history
Code cleanup & Some reformatting
  • Loading branch information
laurensdeb authored May 9, 2021
2 parents a15df61 + 446a5e2 commit b1744aa
Show file tree
Hide file tree
Showing 22 changed files with 180 additions and 146 deletions.
30 changes: 15 additions & 15 deletions 404.html
Original file line number Diff line number Diff line change
Expand Up @@ -9,31 +9,31 @@
<meta name="description" content="Via 'Ons Parlement in Data' kan u Open Data over de Belgische Kamer van
Volksvertegenwoordigers raadplegen, waaronder statistieken over de betrokken Kamerleden en details over de
plenaire vergaderingen.">
<meta name="image" content="https://parlement-in-data.thundr.be/social-banner.png">
<meta name="image" content="https://parlement-in-data.thundr.be/img/social-banner.png">
<!-- Schema.org for Google -->
<meta itemprop="name" content="Ons Parlement in Data">
<meta itemprop="description" content="Via 'Ons Parlement in Data' kan u Open Data over de Belgische Kamer van
Volksvertegenwoordigers raadplegen, waaronder statistieken over de betrokken Kamerleden en details over de
plenaire vergaderingen.">
<meta itemprop="image" content="https://parlement-in-data.thundr.be/social-banner.png">
<meta itemprop="image" content="https://parlement-in-data.thundr.be/img/social-banner.png">
<!-- Twitter -->
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Ons Parlement in Data">
<meta name="twitter:description" content="Via 'Ons Parlement in Data' kan u Open Data over de Belgische Kamer van
Volksvertegenwoordigers raadplegen, waaronder statistieken over de betrokken Kamerleden en details over de
plenaire vergaderingen.">
<meta name="twitter:image:src" content="https://parlement-in-data.thundr.be/social-banner-twitter.png">
<meta name="twitter:image:src" content="https://parlement-in-data.thundr.be/img/social-banner-twitter.png">
<!-- Open Graph general (Facebook, Pinterest & Google+) -->
<meta name="og:title" property="og:title" content="Ons Parlement in Data">
<meta name="og:description" property="og:description" content="Via 'Ons Parlement in Data' kan u Open Data over de Belgische Kamer van
Volksvertegenwoordigers raadplegen, waaronder statistieken over de betrokken Kamerleden en details over de
plenaire vergaderingen.">
<meta name="og:image" property="og:image" content="https://parlement-in-data.thundr.be/social-banner.png">
<meta name="og:image" property="og:image" content="https://parlement-in-data.thundr.be/img/social-banner.png">
<meta name="og:url" property="og:url" content="https://parlement-in-data.thundr.be">
<meta name="og:site_name" property="og:site_name" content="Ons Parlement in Data">
<meta name="og:locale" property="og:locale" content="nl_BE">
<meta name="og:type" property="og:type" content="website">
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="/css/styles.css">

<!-- Ackee provides this site with privacy-friendly, self-hosted analytics. -->
<script async src="https://analytics.thundr.be/tracker.js" data-ackee-server="https://analytics.thundr.be"
Expand All @@ -42,9 +42,9 @@

<link rel="stylesheet" href="https://unpkg.com/[email protected]/css/tachyons.min.css" />

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/img/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="apple-mobile-web-app-title" content="Ons Parlement in Data">
<meta name="application-name" content="Ons Parlement in Data">
Expand All @@ -66,7 +66,7 @@
<a class="link dim white dib mr3 ttu" href="/member.html">Kamerlid</a>
<a class="link dim white dib mr3 ttu" href="/meeting.html">Plenaire
vergadering</a>
<a class="link dim white dib mr6 ttu fr f5" href="search.html"><svg aria-hidden="true" focusable="false"
<a class="link dim white dib mr6 ttu fr f5" href="/search.html"><svg aria-hidden="true" focusable="false"
data-prefix="fas" data-icon="search" role="img" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 512 512" class="svg-inline--fa fa-search fa-w-16 fa-2x w1 h1 mr2">
<path fill="currentColor"
Expand All @@ -79,18 +79,18 @@
<a name="top"></a>
<article id="content" class="center f5 pv5 lh-copy ph6 w-80-l w-90-m w-100">
<h1 class="f1">Pagina niet gevonden (404)</h1>
<p>We konden de pagina die u wou bezoeken niet terugvinden.</p>
<div class="ph3 pb4 mt4">
<a class="fira f6 dim no-underline br3 ph3 pv2 mb2 dib white bg-black" href="/">Ga naar de thuispagina</a>
<a class="fira f6 dim no-underline br3 ph3 pv2 mb2 dib white bg-black" href="/search.html">Zoeken</a>
</div>
<p>We konden de pagina die u wou bezoeken niet terugvinden.</p>
<div class="ph3 pb4 mt4">
<a class="fira f6 dim no-underline br3 ph3 pv2 mb2 dib white bg-black" href="/">Ga naar de thuispagina</a>
<a class="fira f6 dim no-underline br3 ph3 pv2 mb2 dib white bg-black" href="/search.html">Zoeken</a>
</div>
</article>
<footer class="pv4 ph3 ph5-m ph6-l mid-gray">
<small class="f6 db tc"><b>Bronnen: </b> DeKamer.be, Wikipedia, Wikimedia Commons</small>
<small class="f6 db tc">De data gebruikt op deze website is vrij beschikbaar onder de <b><a
href="https://choosealicense.com/licenses/mit/" class="ttu">MIT license</a></b></small>
<div class="tc mt3">
<a href="about.html" title="Over" class="f6 dib ph2 link mid-gray dim">Over deze website</a>
<a href="/about.html" title="Over" class="f6 dib ph2 link mid-gray dim">Over deze website</a>
<a href="https://www.dekamer.be" title="DeKamer.be" class="f6 dib ph2 link mid-gray dim">DeKamer.be</a>
<a href="https://parlement.thundr.be" title="API" class="f6 dib ph2 link mid-gray dim">API</a>
<a href="https://github.com/laurensdeb/Federal-Parliament-Scraper" title="Github"
Expand Down
20 changes: 18 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,8 +1,24 @@
# Federal Parliament Visualisations
This repository hosts the code behind the Our Parliament in Data website.
This repository hosts the code behind the <a href="https://parliamentdata.be">"Our Parliament in Data"</a> website. It uses the <a href="https://observablehq.com">Observable</a> runtime to import the notebooks in which the visualisations were implemented.

## Locally running this project
To locally run this project, you can use any simple HTTP server (like Python's `http.server`).

```sh
python -m http.server
```

## Underlying Observable Notebooks
<a href="https://observablehq.com">Observable</a> notebooks are used to build the content of all the pages in this repo dynamically. The runtime provides us with many conveniences for visualizing data using <a href="https://d3js.org">D3.js</a> and <a href="https://vega.github.io/vega-lite/">Vega-Lite</a>. Below you can find the link to the relevant notebooks for each page:

- <a href="https://parliamentdata.be">Homepage</a> (<a href="https://observablehq.com/@laurensdeb/hoe-is-het-gesteld-met-ons-federale-parlement?collection=@laurensdeb/belgisch-federaal-parlement">Observable Notebook</a>)
- <a href="https://parliamentdata.be/member">Member</a> (<a href="https://observablehq.com/@laurensdeb/untitled/3?collection=@laurensdeb/belgisch-federaal-parlement&session=55&member=3c75984bb3">Observable Notebook</a>)
- <a href="https://parliamentdata.be/party">Party</a> (<a href="https://observablehq.com/@laurensdeb/untitled/2?party=CD%26V&session=55">Observable Notebook</a>)
- <a href="https://parliamentdata.be/search">Search</a> (<a href="https://observablehq.com/@laurensdeb/ons-parlement-in-data?collection=@laurensdeb/belgisch-federaal-parlement">Observable Notebook</a>)


## Sponsors
The <a href="https://parliamentdata.be">Our Parliament in Data</a> website is hosted by Netlify and Clouflare, without the free services provided by these valued partners we wouldn't be able to exist.
The <a href="https://parliamentdata.be">Our Parliament in Data</a> website is hosted by Netlify and Cloudflare, without the free services provided by these valued partners we wouldn't be able to exist.

<a href="https://www.netlify.com">
<img src="https://www.netlify.com/img/global/badges/netlify-color-accent.svg" alt="Deploys by Netlify" />
Expand Down
38 changes: 20 additions & 18 deletions about.html
Original file line number Diff line number Diff line change
Expand Up @@ -9,31 +9,31 @@
<meta name="description" content="Via 'Ons Parlement in Data' kan u Open Data over de Belgische Kamer van
Volksvertegenwoordigers raadplegen, waaronder statistieken over de betrokken Kamerleden en details over de
plenaire vergaderingen.">
<meta name="image" content="https://parlement-in-data.thundr.be/social-banner.png">
<meta name="image" content="https://parlement-in-data.thundr.be/img/social-banner.png">
<!-- Schema.org for Google -->
<meta itemprop="name" content="Ons Parlement in Data">
<meta itemprop="description" content="Via 'Ons Parlement in Data' kan u Open Data over de Belgische Kamer van
Volksvertegenwoordigers raadplegen, waaronder statistieken over de betrokken Kamerleden en details over de
plenaire vergaderingen.">
<meta itemprop="image" content="https://parlement-in-data.thundr.be/social-banner.png">
<meta itemprop="image" content="https://parlement-in-data.thundr.be/img/social-banner.png">
<!-- Twitter -->
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Ons Parlement in Data">
<meta name="twitter:description" content="Via 'Ons Parlement in Data' kan u Open Data over de Belgische Kamer van
Volksvertegenwoordigers raadplegen, waaronder statistieken over de betrokken Kamerleden en details over de
plenaire vergaderingen.">
<meta name="twitter:image:src" content="https://parlement-in-data.thundr.be/social-banner-twitter.png">
<meta name="twitter:image:src" content="https://parlement-in-data.thundr.be/img/social-banner-twitter.png">
<!-- Open Graph general (Facebook, Pinterest & Google+) -->
<meta name="og:title" property="og:title" content="Ons Parlement in Data">
<meta name="og:description" property="og:description" content="Via 'Ons Parlement in Data' kan u Open Data over de Belgische Kamer van
Volksvertegenwoordigers raadplegen, waaronder statistieken over de betrokken Kamerleden en details over de
plenaire vergaderingen.">
<meta name="og:image" property="og:image" content="https://parlement-in-data.thundr.be/social-banner.png">
<meta name="og:image" property="og:image" content="https://parlement-in-data.thundr.be/img/social-banner.png">
<meta name="og:url" property="og:url" content="https://parlement-in-data.thundr.be">
<meta name="og:site_name" property="og:site_name" content="Ons Parlement in Data">
<meta name="og:locale" property="og:locale" content="nl_BE">
<meta name="og:type" property="og:type" content="website">
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="/css/styles.css">

<!-- Ackee provides this site with privacy-friendly, self-hosted analytics. -->
<script async src="https://analytics.thundr.be/tracker.js" data-ackee-server="https://analytics.thundr.be"
Expand All @@ -42,9 +42,9 @@

<link rel="stylesheet" href="https://unpkg.com/[email protected]/css/tachyons.min.css" />

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/img/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="apple-mobile-web-app-title" content="Ons Parlement in Data">
<meta name="application-name" content="Ons Parlement in Data">
Expand All @@ -62,11 +62,11 @@
<nav class="f6 fw6 tracked">
<a class="link dim white dib mr3 classic" href="/"><i>Ons Parlement in <u>Data</u></i></a>
<a class="link dim white dib mr3 ttu" href="/">Home</a>
<a class="link dim white dib mr3 ttu" href="party.html">Partij</a>
<a class="link dim white dib mr3 ttu" href="member.html">Kamerlid</a>
<a class="link dim white dib mr3 ttu" href="meeting.html">Plenaire
<a class="link dim white dib mr3 ttu" href="/party.html">Partij</a>
<a class="link dim white dib mr3 ttu" href="/member.html">Kamerlid</a>
<a class="link dim white dib mr3 ttu" href="/meeting.html">Plenaire
vergadering</a>
<a class="link dim white dib mr6 ttu fr f5" href="search.html"><svg aria-hidden="true" focusable="false"
<a class="link dim white dib mr6 ttu fr f5" href="/search.html"><svg aria-hidden="true" focusable="false"
data-prefix="fas" data-icon="search" role="img" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 512 512" class="svg-inline--fa fa-search fa-w-16 fa-2x w1 h1 mr2">
<path fill="currentColor"
Expand Down Expand Up @@ -150,23 +150,25 @@ <h2>Hoe zit het met mijn privacy?</h2>
maar niet over individuele gebruikspatronen, aangezien het gebruikers niet volgt en geen persoonlijke
identificeerbare informatie opslaat.
</p>
<p>Tot slot bieden we knoppen op deze website aan om de inhoud te delen via <i>social media</i>, deze maken geen gebruik van invasieve tools
van bepaalde sociale netwerken. Indien u ermee in interactie gaat moet u zich bewust zijn dat het gekozen sociale
netwerk bepaalde informatie kan verzamelen over uw bezoek.
<p>Tot slot bieden we knoppen op deze website aan om de inhoud te delen via <i>social media</i>, deze maken geen
gebruik van invasieve tools
van bepaalde sociale netwerken. Indien u ermee in interactie gaat moet u zich bewust zijn dat het gekozen
sociale
netwerk bepaalde informatie kan verzamelen over uw bezoek.
</p>
<h2>Ik wil zelf met deze data aan de slag.</h2>
<p>Dat kan uiteraard, we bieden zonder enige garanties op de beschikbaarheid of accuraatheid van de data een
gehoste versie van de API aan via <a href="https://parlement.thundr.be">parlement.thundr.be</a>. Daarnaast
stellen we eveneens <a
href="https://github.com/laurensdeb/Federal-Parliament-Scraper">de achterliggende broncode</a> beschikbaar onder de MIT licentie.
stellen we eveneens <a href="https://github.com/laurensdeb/Federal-Parliament-Scraper">de achterliggende
broncode</a> beschikbaar onder de MIT licentie.
</p>
</article>
<footer class="pv4 ph3 ph5-m ph6-l mid-gray">
<small class="f6 db tc"><b>Bronnen: </b> DeKamer.be, Wikipedia, Wikimedia Commons</small>
<small class="f6 db tc">De data gebruikt op deze website is vrij beschikbaar onder de <b><a
href="https://choosealicense.com/licenses/mit/" class="ttu">MIT license</a></b></small>
<div class="tc mt3">
<a href="about.html" title="Over" class="f6 dib ph2 link mid-gray dim">Over deze website</a>
<a href="/about.html" title="Over" class="f6 dib ph2 link mid-gray dim">Over deze website</a>
<a href="https://www.dekamer.be" title="DeKamer.be" class="f6 dib ph2 link mid-gray dim">DeKamer.be</a>
<a href="https://parlement.thundr.be" title="API" class="f6 dib ph2 link mid-gray dim">API</a>
<a href="https://github.com/laurensdeb/Federal-Parliament-Scraper" title="Github"
Expand Down
2 changes: 1 addition & 1 deletion browserconfig.xml
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
<browserconfig>
<msapplication>
<tile>
<square150x150logo src="/mstile-150x150.png"/>
<square150x150logo src="/img/mstile-150x150.png"/>
<TileColor>#2b5797</TileColor>
</tile>
</msapplication>
Expand Down
File renamed without changes.
44 changes: 0 additions & 44 deletions datavis_main.js

This file was deleted.

File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes.
File renamed without changes
File renamed without changes
File renamed without changes
Loading

0 comments on commit b1744aa

Please sign in to comment.