From fc3737509fc3f6915b24ecb93d2ea408d8b21e67 Mon Sep 17 00:00:00 2001
From: Laurens Debackere <laurens.debackere@ugent.be>
Date: Sat, 8 May 2021 22:32:26 +0200
Subject: [PATCH 1/6] Added code for dev/prod switching

---
 datavis_main.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/datavis_main.js b/datavis_main.js
index f3edb0e..ca2ab04 100644
--- a/datavis_main.js
+++ b/datavis_main.js
@@ -32,6 +32,10 @@ main.redefine("member_url", `${window.location.origin}/member`);
 main.redefine("meeting_url", `${window.location.origin}/meeting`);
 main.redefine("search_url", `${window.location.origin}/search`);
 
+if(window.location.origin === "https://parlement-in-data-dev.thundr.be"){
+    main.redefine("API_BASE", "https://parlement-dev.thundr.be");
+}
+
 
 function resizeHandler(_e) {
     function pxToNr(px) {

From ea0f643c9f48cfd7ac785408d7ffe2b6176e6b44 Mon Sep 17 00:00:00 2001
From: Laurens Debackere <laurens.debackere@ugent.be>
Date: Sat, 8 May 2021 22:36:24 +0200
Subject: [PATCH 2/6] reformat

---
 datavis_main.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/datavis_main.js b/datavis_main.js
index ca2ab04..72579a4 100644
--- a/datavis_main.js
+++ b/datavis_main.js
@@ -36,7 +36,6 @@ if(window.location.origin === "https://parlement-in-data-dev.thundr.be"){
     main.redefine("API_BASE", "https://parlement-dev.thundr.be");
 }
 
-
 function resizeHandler(_e) {
     function pxToNr(px) {
         return +px.slice(0, -2);

From 638b7990e7bc17b4b2cc085ee824ade32798d96f Mon Sep 17 00:00:00 2001
From: Laurens Debackere <laurens.debackere@ugent.be>
Date: Sun, 9 May 2021 13:54:15 +0200
Subject: [PATCH 3/6] Some cleanup

---
 404.html                                      |  30 +++++++-------
 about.html                                    |  38 +++++++++---------
 browserconfig.xml                             |   2 +-
 styles.css => css/styles.css                  |   0
 .../android-chrome-192x192.png                | Bin
 .../android-chrome-512x512.png                | Bin
 .../apple-touch-icon.png                      | Bin
 favicon-16x16.png => img/favicon-16x16.png    | Bin
 favicon-32x32.png => img/favicon-32x32.png    | Bin
 favicon.ico => img/favicon.ico                | Bin
 mstile-150x150.png => img/mstile-150x150.png  | Bin
 .../social-banner-twitter.png                 | Bin
 social-banner.png => img/social-banner.png    | Bin
 index.html                                    |  22 +++++-----
 datavis_main.js => js/datavis_main.js         |  38 +++++++++---------
 meeting.html                                  |  22 +++++-----
 member.html                                   |  22 +++++-----
 party.html                                    |  22 +++++-----
 search.html                                   |  22 +++++-----
 site.webmanifest                              |   4 +-
 20 files changed, 113 insertions(+), 109 deletions(-)
 rename styles.css => css/styles.css (100%)
 rename android-chrome-192x192.png => img/android-chrome-192x192.png (100%)
 rename android-chrome-512x512.png => img/android-chrome-512x512.png (100%)
 rename apple-touch-icon.png => img/apple-touch-icon.png (100%)
 rename favicon-16x16.png => img/favicon-16x16.png (100%)
 rename favicon-32x32.png => img/favicon-32x32.png (100%)
 rename favicon.ico => img/favicon.ico (100%)
 rename mstile-150x150.png => img/mstile-150x150.png (100%)
 rename social-banner-twitter.png => img/social-banner-twitter.png (100%)
 rename social-banner.png => img/social-banner.png (100%)
 rename datavis_main.js => js/datavis_main.js (51%)

diff --git a/404.html b/404.html
index 69694bd..0183d2e 100644
--- a/404.html
+++ b/404.html
@@ -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"
@@ -42,9 +42,9 @@
 
     <link rel="stylesheet" href="https://unpkg.com/tachyons@4.12.0/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">
@@ -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"
@@ -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"
diff --git a/about.html b/about.html
index e0bb269..da3b762 100644
--- a/about.html
+++ b/about.html
@@ -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"
@@ -42,9 +42,9 @@
 
     <link rel="stylesheet" href="https://unpkg.com/tachyons@4.12.0/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">
@@ -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"
@@ -150,15 +150,17 @@ <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">
@@ -166,7 +168,7 @@ <h2>Ik wil zelf met deze data aan de slag.</h2>
         <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"
diff --git a/browserconfig.xml b/browserconfig.xml
index f9c2e67..9e68e5d 100644
--- a/browserconfig.xml
+++ b/browserconfig.xml
@@ -2,7 +2,7 @@
 <browserconfig>
     <msapplication>
         <tile>
-            <square150x150logo src="/mstile-150x150.png"/>
+            <square150x150logo src="/img/mstile-150x150.png"/>
             <TileColor>#2b5797</TileColor>
         </tile>
     </msapplication>
diff --git a/styles.css b/css/styles.css
similarity index 100%
rename from styles.css
rename to css/styles.css
diff --git a/android-chrome-192x192.png b/img/android-chrome-192x192.png
similarity index 100%
rename from android-chrome-192x192.png
rename to img/android-chrome-192x192.png
diff --git a/android-chrome-512x512.png b/img/android-chrome-512x512.png
similarity index 100%
rename from android-chrome-512x512.png
rename to img/android-chrome-512x512.png
diff --git a/apple-touch-icon.png b/img/apple-touch-icon.png
similarity index 100%
rename from apple-touch-icon.png
rename to img/apple-touch-icon.png
diff --git a/favicon-16x16.png b/img/favicon-16x16.png
similarity index 100%
rename from favicon-16x16.png
rename to img/favicon-16x16.png
diff --git a/favicon-32x32.png b/img/favicon-32x32.png
similarity index 100%
rename from favicon-32x32.png
rename to img/favicon-32x32.png
diff --git a/favicon.ico b/img/favicon.ico
similarity index 100%
rename from favicon.ico
rename to img/favicon.ico
diff --git a/mstile-150x150.png b/img/mstile-150x150.png
similarity index 100%
rename from mstile-150x150.png
rename to img/mstile-150x150.png
diff --git a/social-banner-twitter.png b/img/social-banner-twitter.png
similarity index 100%
rename from social-banner-twitter.png
rename to img/social-banner-twitter.png
diff --git a/social-banner.png b/img/social-banner.png
similarity index 100%
rename from social-banner.png
rename to img/social-banner.png
diff --git a/index.html b/index.html
index bba06a4..5f0ada6 100644
--- a/index.html
+++ b/index.html
@@ -9,36 +9,36 @@
     <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">
     <script type="module">
         import notebook from "https://api.observablehq.com/@laurensdeb/hoe-is-het-gesteld-met-ons-federale-parlement.js?collection=@laurensdeb/belgisch-federaal-parlement&v=3";
         window._datavis_notebook = notebook;
     </script>
-    <script type="module" src="datavis_main.js"></script>
+    <script type="module" src="/js/datavis_main.js"></script>
     
     <!-- 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"
@@ -46,9 +46,9 @@
 
     <link rel="stylesheet" href="https://unpkg.com/tachyons@4.12.0/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">
@@ -66,7 +66,7 @@
         <nav class="f6 fw6 tracked">
             <a class="link dim white dib mr3 classic" href="/"><i>Ons Parlement in <u>Data</u></i></a>
             <div id="link-container"></div>
-            <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" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z" class=""></path></svg>  Zoeken</a>
+            <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" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z" class=""></path></svg>  Zoeken</a>
         </nav>
     </header>
     <div class="spacer"></div>
@@ -78,7 +78,7 @@
         <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"
diff --git a/datavis_main.js b/js/datavis_main.js
similarity index 51%
rename from datavis_main.js
rename to js/datavis_main.js
index 72579a4..4280974 100644
--- a/datavis_main.js
+++ b/js/datavis_main.js
@@ -8,31 +8,33 @@ const notebook = window._datavis_notebook;
 const runtime = new Runtime();
 
 const main = runtime.module(notebook, name => {
-    if(name === 'links') {
-        return {fulfilled(links) {
-            const container = document.getElementById('link-container');
-            container.innerHTML = '';
-            for(const link of links) {
-                const a = document.createElement('a');
-                a.className = "link dim white dib mr3 ttu";
-                a.innerText = link.title;
-                a.href = link.href;
-                //a.title = link.title; // Useless?
-                container.appendChild(a);
+    if (name === 'links') {
+        return {
+            fulfilled(links) {
+                const container = document.getElementById('link-container');
+                container.innerHTML = '';
+                for (const link of links) {
+                    const a = document.createElement('a');
+                    a.className = "link dim white dib mr3 ttu";
+                    a.innerText = link.title;
+                    a.href = link.href;
+                    container.appendChild(a);
+                }
             }
-        }};
+        };
     }
     return Inspector.into(document.getElementById("content"))();
 });
 
-// Note: no leading / to be able to host on subdir
+// Redefine the navitation URIs
 main.redefine("index_url", `${window.location.origin}/`);
-main.redefine("party_url", `${window.location.origin}/party`);
-main.redefine("member_url", `${window.location.origin}/member`);
-main.redefine("meeting_url", `${window.location.origin}/meeting`);
-main.redefine("search_url", `${window.location.origin}/search`);
+main.redefine("party_url", `${window.location.origin}/party.html`);
+main.redefine("member_url", `${window.location.origin}/member.html`);
+main.redefine("meeting_url", `${window.location.origin}/meeting.html`);
+main.redefine("search_url", `${window.location.origin}/search.html`);
 
-if(window.location.origin === "https://parlement-in-data-dev.thundr.be"){
+// This code enables the development API environment
+if (window.location.origin === "https://parlement-in-data-dev.thundr.be") {
     main.redefine("API_BASE", "https://parlement-dev.thundr.be");
 }
 
diff --git a/meeting.html b/meeting.html
index c0b8006..ccb10d8 100644
--- a/meeting.html
+++ b/meeting.html
@@ -9,36 +9,36 @@
     <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">
     <script type="module">
         import notebook from "https://api.observablehq.com/d/c1dbd922b5e365c7.js?collection=@laurensdeb/belgisch-federaal-parlement&v=3";
         window._datavis_notebook = notebook;
     </script>
-    <script type="module" src="datavis_main.js"></script>
+    <script type="module" src="/js/datavis_main.js"></script>
 
     <!-- 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"
@@ -46,9 +46,9 @@
 
     <link rel="stylesheet" href="https://unpkg.com/tachyons@4.12.0/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">
@@ -67,7 +67,7 @@
         <nav class="f6 fw6 tracked">
             <a class="link dim white dib mr3 classic" href="/"><i>Ons Parlement in <u>Data</u></i></a>
             <div id="link-container"></div>
-            <a class="link dim white dib mr6 ttu fr f5" href="/search"><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"
@@ -85,7 +85,7 @@
         <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" 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"
diff --git a/member.html b/member.html
index 25f0f5a..878770b 100644
--- a/member.html
+++ b/member.html
@@ -8,36 +8,36 @@
     <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">
     <script type="module">
         import notebook from "https://api.observablehq.com/d/b5c404104ff8f712.js?collection=@laurensdeb/belgisch-federaal-parlement&v=3";
         window._datavis_notebook = notebook;
     </script>
-    <script type="module" src="datavis_main.js"></script>
+    <script type="module" src="/js/datavis_main.js"></script>
 
     <!-- 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"
@@ -45,9 +45,9 @@
 
     <link rel="stylesheet" href="https://unpkg.com/tachyons@4.12.0/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">
@@ -66,7 +66,7 @@
         <nav class="f6 fw6 tracked">
             <a class="link dim white dib mr3 classic" href="/"><i>Ons Parlement in <u>Data</u></i></a>
             <div id="link-container"></div>
-            <a class="link dim white dib mr6 ttu fr f5" href="/search"><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"
@@ -84,7 +84,7 @@
         <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" 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"
diff --git a/party.html b/party.html
index e960cb2..af38b38 100644
--- a/party.html
+++ b/party.html
@@ -8,36 +8,36 @@
     <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">
     <script type="module">
         import notebook from "https://api.observablehq.com/d/3ce22ff83ac53c4e.js?collection=@laurensdeb/belgisch-federaal-parlement&v=3";
         window._datavis_notebook = notebook;
     </script>
-    <script type="module" src="datavis_main.js"></script>
+    <script type="module" src="/js/datavis_main.js"></script>
 
     <!-- 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"
@@ -45,9 +45,9 @@
 
     <link rel="stylesheet" href="https://unpkg.com/tachyons@4.12.0/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">
@@ -66,7 +66,7 @@
         <nav class="f6 fw6 tracked">
             <a class="link dim white dib mr3 classic" href="/"><i>Ons Parlement in <u>Data</u></i></a>
             <div id="link-container"></div>
-            <a class="link dim white dib mr6 ttu fr f5" href="/search"><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"
@@ -84,7 +84,7 @@
         <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" 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"
diff --git a/search.html b/search.html
index 2eed53b..b6c9cb4 100644
--- a/search.html
+++ b/search.html
@@ -9,36 +9,36 @@
     <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">
     <script type="module">
         import notebook from "https://api.observablehq.com/@laurensdeb/ons-parlement-in-data.js?collection=@laurensdeb/belgisch-federaal-parlement&v=3";
         window._datavis_notebook = notebook;
     </script>
-    <script type="module" src="datavis_main.js"></script>
+    <script type="module" src="/js/datavis_main.js"></script>
 
     <!-- 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"
@@ -46,9 +46,9 @@
 
     <link rel="stylesheet" href="https://unpkg.com/tachyons@4.12.0/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">
@@ -66,7 +66,7 @@
         <nav class="f6 fw6 tracked">
             <a class="link dim white dib mr3 classic" href="/"><i>Ons Parlement in <u>Data</u></i></a>
             <div id="link-container"></div>
-            <a class="link dim white dib mr6 ttu fr f5" href="/search"><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"
@@ -84,7 +84,7 @@
         <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" 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"
diff --git a/site.webmanifest b/site.webmanifest
index 82a8973..d259011 100644
--- a/site.webmanifest
+++ b/site.webmanifest
@@ -3,12 +3,12 @@
     "short_name": "Ons Parlement in Data",
     "icons": [
         {
-            "src": "/android-chrome-192x192.png",
+            "src": "/img/android-chrome-192x192.png",
             "sizes": "192x192",
             "type": "image/png"
         },
         {
-            "src": "/android-chrome-512x512.png",
+            "src": "/img/android-chrome-512x512.png",
             "sizes": "512x512",
             "type": "image/png"
         }

From bdeba9658492c502ef6e50885eb9b738e31a4d06 Mon Sep 17 00:00:00 2001
From: Laurens Debackere <laurens.debackere@ugent.be>
Date: Sun, 9 May 2021 13:57:05 +0200
Subject: [PATCH 4/6] Ready for hand-in

---
 README.md | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 34ae132..70a4d81 100644
--- a/README.md
+++ b/README.md
@@ -1,8 +1,15 @@
 # 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
+```
 
 ## 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" />

From 24ca5e520f48054e925fdb702d319a690308007e Mon Sep 17 00:00:00 2001
From: Laurens Debackere <laurens.debackere@ugent.be>
Date: Sun, 9 May 2021 14:02:39 +0200
Subject: [PATCH 5/6] Added references to notebooks

---
 README.md | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/README.md b/README.md
index 70a4d81..bcff402 100644
--- a/README.md
+++ b/README.md
@@ -8,6 +8,15 @@ To locally run this project, you can use any simple HTTP server (like Python's `
 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 Cloudflare, without the free services provided by these valued partners we wouldn't be able to exist.
 

From 446a5e2d644d86db0f3213c25704380046845e89 Mon Sep 17 00:00:00 2001
From: Laurens Debackere <laurens.debackere@ugent.be>
Date: Sun, 9 May 2021 14:04:19 +0200
Subject: [PATCH 6/6] Final reformatting

---
 index.html   | 17 ++++++++++++-----
 meeting.html |  3 ++-
 member.html  |  3 ++-
 party.html   |  3 ++-
 search.html  |  5 +++--
 5 files changed, 21 insertions(+), 10 deletions(-)

diff --git a/index.html b/index.html
index 5f0ada6..a7469ca 100644
--- a/index.html
+++ b/index.html
@@ -39,13 +39,14 @@
         window._datavis_notebook = notebook;
     </script>
     <script type="module" src="/js/datavis_main.js"></script>
-    
+
     <!-- 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"
-        data-ackee-domain-id="bd62c77e-bddf-4cda-aef4-7da21bc8d4b6" data-ackee-opts='{ "ignoreOwnVisits": false, "detailed": true }'></script>
+        data-ackee-domain-id="bd62c77e-bddf-4cda-aef4-7da21bc8d4b6"
+        data-ackee-opts='{ "ignoreOwnVisits": false, "detailed": true }'></script>
 
     <link rel="stylesheet" href="https://unpkg.com/tachyons@4.12.0/css/tachyons.min.css" />
-    
+
     <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">
@@ -66,7 +67,13 @@
         <nav class="f6 fw6 tracked">
             <a class="link dim white dib mr3 classic" href="/"><i>Ons Parlement in <u>Data</u></i></a>
             <div id="link-container"></div>
-            <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" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z" class=""></path></svg>  Zoeken</a>
+            <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"
+                        d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"
+                        class=""></path>
+                </svg> Zoeken</a>
         </nav>
     </header>
     <div class="spacer"></div>
@@ -87,4 +94,4 @@
     </footer>
 </body>
 
-</html>
+</html>
\ No newline at end of file
diff --git a/meeting.html b/meeting.html
index ccb10d8..0e38115 100644
--- a/meeting.html
+++ b/meeting.html
@@ -42,7 +42,8 @@
 
     <!-- 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"
-        data-ackee-domain-id="bd62c77e-bddf-4cda-aef4-7da21bc8d4b6" data-ackee-opts='{ "ignoreOwnVisits": false, "detailed": true }'></script>
+        data-ackee-domain-id="bd62c77e-bddf-4cda-aef4-7da21bc8d4b6"
+        data-ackee-opts='{ "ignoreOwnVisits": false, "detailed": true }'></script>
 
     <link rel="stylesheet" href="https://unpkg.com/tachyons@4.12.0/css/tachyons.min.css" />
 
diff --git a/member.html b/member.html
index 878770b..fc73179 100644
--- a/member.html
+++ b/member.html
@@ -41,7 +41,8 @@
 
     <!-- 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"
-        data-ackee-domain-id="bd62c77e-bddf-4cda-aef4-7da21bc8d4b6" data-ackee-opts='{ "ignoreOwnVisits": false, "detailed": true }'></script>
+        data-ackee-domain-id="bd62c77e-bddf-4cda-aef4-7da21bc8d4b6"
+        data-ackee-opts='{ "ignoreOwnVisits": false, "detailed": true }'></script>
 
     <link rel="stylesheet" href="https://unpkg.com/tachyons@4.12.0/css/tachyons.min.css" />
 
diff --git a/party.html b/party.html
index af38b38..6704246 100644
--- a/party.html
+++ b/party.html
@@ -41,7 +41,8 @@
 
     <!-- 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"
-        data-ackee-domain-id="bd62c77e-bddf-4cda-aef4-7da21bc8d4b6" data-ackee-opts='{ "ignoreOwnVisits": false, "detailed": true }'></script>
+        data-ackee-domain-id="bd62c77e-bddf-4cda-aef4-7da21bc8d4b6"
+        data-ackee-opts='{ "ignoreOwnVisits": false, "detailed": true }'></script>
 
     <link rel="stylesheet" href="https://unpkg.com/tachyons@4.12.0/css/tachyons.min.css" />
 
diff --git a/search.html b/search.html
index b6c9cb4..2b4429b 100644
--- a/search.html
+++ b/search.html
@@ -42,7 +42,8 @@
 
     <!-- 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"
-        data-ackee-domain-id="bd62c77e-bddf-4cda-aef4-7da21bc8d4b6" data-ackee-opts='{ "ignoreOwnVisits": false, "detailed": true }'></script>
+        data-ackee-domain-id="bd62c77e-bddf-4cda-aef4-7da21bc8d4b6"
+        data-ackee-opts='{ "ignoreOwnVisits": false, "detailed": true }'></script>
 
     <link rel="stylesheet" href="https://unpkg.com/tachyons@4.12.0/css/tachyons.min.css" />
 
@@ -93,4 +94,4 @@
     </footer>
 </body>
 
-</html>
+</html>
\ No newline at end of file