From 8f7b53be73cbb24e3e8d1240dc0a77672e98611a Mon Sep 17 00:00:00 2001
From: desmukh <desmukh@users.noreply.github.com>
Date: Tue, 31 Jan 2023 12:20:45 +0500
Subject: [PATCH 01/38] display dispatches from api on map

---
 content/publishers/_index.html                |  4 +-
 .../layouts/shortcodes/publishers_map.html    | 40 +++++++++++++++++++
 2 files changed, 41 insertions(+), 3 deletions(-)
 create mode 100644 themes/lumbung-theme/layouts/shortcodes/publishers_map.html

diff --git a/content/publishers/_index.html b/content/publishers/_index.html
index e5c74ae..01d6718 100644
--- a/content/publishers/_index.html
+++ b/content/publishers/_index.html
@@ -3,6 +3,4 @@ draft: false
 ---
 <h1>Lumbung of Publishers</h1>
 
-<article class="map">
-  {{< map geoJson="data/geojsonContributors.json">}}
-</article>
\ No newline at end of file
+{{< publishers_map >}}
\ No newline at end of file
diff --git a/themes/lumbung-theme/layouts/shortcodes/publishers_map.html b/themes/lumbung-theme/layouts/shortcodes/publishers_map.html
new file mode 100644
index 0000000..76f1cd2
--- /dev/null
+++ b/themes/lumbung-theme/layouts/shortcodes/publishers_map.html
@@ -0,0 +1,40 @@
+<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.3/dist/leaflet.css"
+   integrity="sha256-kLaT2GOSpHechhsozzB+flnD+zUyjE2LlfWPgU04xyI=" crossorigin="" />
+
+<script src="https://unpkg.com/leaflet@1.9.3/dist/leaflet.js"
+   integrity="sha256-WBkoXOwTeyKclOHuWtc+i2uENFpDZ9YPdf5Hf+D7ewM=" crossorigin=""></script>
+
+<div id="map"></div>
+
+<style>
+   #map {
+      width: 100%;
+      padding-bottom: 70%;
+      margin-bottom: 80px;
+   }
+</style>
+
+<script>
+   var map = L.map('map').setView([51.505, -0.09], 3);
+   window.addEventListener('load', (event) => {
+      map.invalidateSize();
+   });
+  
+   L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
+      maxZoom: 19,
+      attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
+   }).addTo(map);
+
+   
+{{ with getJSON "https://kios-admin.lumbung.space/api/dispatches"}}
+   {{ range .docs }}
+      var start = L.GeoJSON.coordsToLatLng({{ .startingPoint.location }});
+      var end = L.GeoJSON.coordsToLatLng({{ .endPoint.location }});
+      
+      var startMarker = L.marker(start).addTo(map);
+      var endMarker = L.marker(end).addTo(map);
+      var route = L.polyline([start, end], {color: 'red'}).addTo(map);
+
+      {{ end }}
+   {{ end }}
+</script>
\ No newline at end of file

From 99bea6ae6cea1604a429e0c96467a2d5b9b9d2ac Mon Sep 17 00:00:00 2001
From: desmukh <desmukh@users.noreply.github.com>
Date: Tue, 31 Jan 2023 16:24:39 +0500
Subject: [PATCH 02/38] map: display popup on clicking marker or route

---
 .../layouts/shortcodes/publishers_map.html      | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/themes/lumbung-theme/layouts/shortcodes/publishers_map.html b/themes/lumbung-theme/layouts/shortcodes/publishers_map.html
index 76f1cd2..5264866 100644
--- a/themes/lumbung-theme/layouts/shortcodes/publishers_map.html
+++ b/themes/lumbung-theme/layouts/shortcodes/publishers_map.html
@@ -32,8 +32,23 @@
       var end = L.GeoJSON.coordsToLatLng({{ .endPoint.location }});
       
       var startMarker = L.marker(start).addTo(map);
+      startMarker.bindPopup({{ .startingPoint.name }});
+      
       var endMarker = L.marker(end).addTo(map);
-      var route = L.polyline([start, end], {color: 'red'}).addTo(map);
+      endMarker.bindPopup({{ .endPoint.name }});
+      
+      var route = L.polyline([start, end], {color: '#000'}).addTo(map);
+
+      var productsString = "";
+      var productsList = {{ .products }};
+      productsList.forEach((product, i) => productsString = productsString + product.productTitle + (i + 1 < productsList.length ? ', ' : ""));
+
+      route.bindPopup(
+         '<p>Origin: <strong>' + {{ .startingPoint.name }} + '</strong><br />' + 
+         'Destination: <strong>' + {{ .endPoint.name }} + '</strong><br />' + 
+         'Courier: <strong>' + {{ .courier.name }} + '</strong><br />' + 
+         'Products: <strong>' + productsString + '</strong><br />' +
+         'Status: <strong>' + {{ .status }} + '</strong></p>');
 
       {{ end }}
    {{ end }}

From 5506d3cfa2fa0fa806059c8c708bd9a3411ab5c5 Mon Sep 17 00:00:00 2001
From: desmukh <desmukh@users.noreply.github.com>
Date: Tue, 7 Feb 2023 15:34:56 +0500
Subject: [PATCH 03/38] map: add layer groups and layer controld for makers,
 retailers, dispatches

---
 .../layouts/shortcodes/publishers_map.html    | 93 +++++++++++++------
 1 file changed, 65 insertions(+), 28 deletions(-)

diff --git a/themes/lumbung-theme/layouts/shortcodes/publishers_map.html b/themes/lumbung-theme/layouts/shortcodes/publishers_map.html
index 5264866..945725a 100644
--- a/themes/lumbung-theme/layouts/shortcodes/publishers_map.html
+++ b/themes/lumbung-theme/layouts/shortcodes/publishers_map.html
@@ -1,44 +1,61 @@
 <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.3/dist/leaflet.css"
-   integrity="sha256-kLaT2GOSpHechhsozzB+flnD+zUyjE2LlfWPgU04xyI=" crossorigin="" />
+  integrity="sha256-kLaT2GOSpHechhsozzB+flnD+zUyjE2LlfWPgU04xyI=" crossorigin="" />
 
 <script src="https://unpkg.com/leaflet@1.9.3/dist/leaflet.js"
-   integrity="sha256-WBkoXOwTeyKclOHuWtc+i2uENFpDZ9YPdf5Hf+D7ewM=" crossorigin=""></script>
+  integrity="sha256-WBkoXOwTeyKclOHuWtc+i2uENFpDZ9YPdf5Hf+D7ewM=" crossorigin=""></script>
 
 <div id="map"></div>
 
 <style>
-   #map {
-      width: 100%;
-      padding-bottom: 70%;
-      margin-bottom: 80px;
-   }
+  #map {
+    width: 100%;
+    padding-bottom: 70%;
+    margin-bottom: 80px;
+  }
 </style>
 
 <script>
-   var map = L.map('map').setView([51.505, -0.09], 3);
-   window.addEventListener('load', (event) => {
-      map.invalidateSize();
-   });
+  var osm = L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
+    maxZoom: 19,
+    attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
+  });
+
+  // Create makers layer group
+  var makers = L.layerGroup();
+  {{ with getJSON "https://kios-admin.lumbung.space/api/makers"}}
+    {{ range .docs }}
+      var makerMarker = L.marker(L.GeoJSON.coordsToLatLng({{ .location }}));
+      makerMarker.bindPopup({{ .name }})
+      makers.addLayer(makerMarker);
+    {{ end }}
+  {{ end }}
   
-   L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
-      maxZoom: 19,
-      attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
-   }).addTo(map);
+  // Create retailers layer group
+  var retailers = L.layerGroup();
+  {{ with getJSON "https://kios-admin.lumbung.space/api/retailers"}}
+    {{ range .docs }}
+      var retailerMarker = L.marker(L.GeoJSON.coordsToLatLng({{ .location }}));
+      retailerMarker.bindPopup({{ .name }})
+      retailers.addLayer(retailerMarker);
+    {{ end }}
+  {{ end }}
 
-   
-{{ with getJSON "https://kios-admin.lumbung.space/api/dispatches"}}
-   {{ range .docs }}
+  // Create dispatches layer group
+  var dispatches = L.layerGroup();
+  {{ with getJSON "https://kios-admin.lumbung.space/api/dispatches"}}
+    {{ range .docs }}
       var start = L.GeoJSON.coordsToLatLng({{ .startingPoint.location }});
-      var end = L.GeoJSON.coordsToLatLng({{ .endPoint.location }});
-      
-      var startMarker = L.marker(start).addTo(map);
+      var startMarker = L.marker(start);
       startMarker.bindPopup({{ .startingPoint.name }});
-      
-      var endMarker = L.marker(end).addTo(map);
-      endMarker.bindPopup({{ .endPoint.name }});
-      
-      var route = L.polyline([start, end], {color: '#000'}).addTo(map);
 
+      var end = L.GeoJSON.coordsToLatLng({{ .endPoint.location }});
+      var endMarker = L.marker(end);
+      endMarker.bindPopup({{ .endPoint.name }});
+
+      // Add line to display dispatch route
+      var route = L.polyline([start, end], {color: '#000'})
+
+      // Generate string to display list of products in popup
       var productsString = "";
       var productsList = {{ .products }};
       productsList.forEach((product, i) => productsString = productsString + product.productTitle + (i + 1 < productsList.length ? ', ' : ""));
@@ -50,6 +67,26 @@
          'Products: <strong>' + productsString + '</strong><br />' +
          'Status: <strong>' + {{ .status }} + '</strong></p>');
 
-      {{ end }}
-   {{ end }}
+      dispatches.addLayer(route);
+      dispatches.addLayer(startMarker);
+      dispatches.addLayer(endMarker);
+    {{ end }}
+  {{ end }}
+
+  var map = L.map('map', {
+    center: [0, 0],
+    zoom: 2,
+    layers: [osm, makers]
+  });
+  
+  var overlayMaps = {
+    "Makers": makers,
+    "Retailers": retailers,
+    "Dispatches": dispatches
+  };
+  
+  var layerControl = L.control.layers(overlayMaps, null, {collapsed: false, position: "topleft"}).addTo(map);
+  window.addEventListener('load', (event) => {
+    map.invalidateSize();
+  });
 </script>
\ No newline at end of file

From f241689eb75a556ea2408d63986fde9412c52b06 Mon Sep 17 00:00:00 2001
From: desmukh <desmukh@users.noreply.github.com>
Date: Wed, 8 Feb 2023 16:51:46 +0500
Subject: [PATCH 04/38] map: change line appearance based on dispatch status

---
 .../lumbung-theme/layouts/shortcodes/publishers_map.html | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/themes/lumbung-theme/layouts/shortcodes/publishers_map.html b/themes/lumbung-theme/layouts/shortcodes/publishers_map.html
index 945725a..a55c202 100644
--- a/themes/lumbung-theme/layouts/shortcodes/publishers_map.html
+++ b/themes/lumbung-theme/layouts/shortcodes/publishers_map.html
@@ -53,7 +53,8 @@
       endMarker.bindPopup({{ .endPoint.name }});
 
       // Add line to display dispatch route
-      var route = L.polyline([start, end], {color: '#000'})
+      var myDashArray = {{ .status }} === "routeRequested" ? "20, 10" : {{ .status }} === "completed" ? "1, 5" : "0, 0"; // Dashed line based on status
+      var route = L.polyline([start, end], {color: '#000', dashArray: myDashArray });
 
       // Generate string to display list of products in popup
       var productsString = "";
@@ -76,13 +77,13 @@
   var map = L.map('map', {
     center: [0, 0],
     zoom: 2,
-    layers: [osm, makers]
+    layers: [osm, dispatches]
   });
   
   var overlayMaps = {
+    "Dispatches": dispatches,
     "Makers": makers,
-    "Retailers": retailers,
-    "Dispatches": dispatches
+    "Retailers": retailers
   };
   
   var layerControl = L.control.layers(overlayMaps, null, {collapsed: false, position: "topleft"}).addTo(map);

From 6bff57966d221f82a33fce51c8e1a2931566905f Mon Sep 17 00:00:00 2001
From: rra <r@noreply.git.autonomic.zone>
Date: Sat, 18 Mar 2023 11:05:59 +0100
Subject: [PATCH 05/38] Update
 'themes/lumbung-theme/layouts/partials/news-ticker.html'

remove imprint references
---
 themes/lumbung-theme/layouts/partials/news-ticker.html | 1 -
 1 file changed, 1 deletion(-)

diff --git a/themes/lumbung-theme/layouts/partials/news-ticker.html b/themes/lumbung-theme/layouts/partials/news-ticker.html
index bd52896..e69de29 100644
--- a/themes/lumbung-theme/layouts/partials/news-ticker.html
+++ b/themes/lumbung-theme/layouts/partials/news-ticker.html
@@ -1 +0,0 @@
-<iframe src="https://documenta-fifteen.de/en/external-ticker-lumbung/" sandbox="allow-same-origin allow-scripts allow-popups allow-popups-to-escape-sandbox" scrolling="no" loading="lazy" style="overflow: hidden" width="100%" height="80px" frameborder="0"></iframe>
\ No newline at end of file

From 5179c5fa6cdc164648c1f5b4ec0bcdf5bbcb2d15 Mon Sep 17 00:00:00 2001
From: decentral1se <cellarspoon@riseup.net>
Date: Tue, 28 Mar 2023 10:22:59 +0200
Subject: [PATCH 06/38] chore: remove whitespace [ci skip]

---
 config.toml | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/config.toml b/config.toml
index 826c181..647c46f 100644
--- a/config.toml
+++ b/config.toml
@@ -3,6 +3,7 @@ languageCode = "en-gb"
 title = "lumbung.space"
 theme = "lumbung-theme"
 pluralizeListTitles = "false"
+paginate = 20
 
 [params]
     logo = "/img/logo.svg"
@@ -10,14 +11,18 @@ pluralizeListTitles = "false"
     description = 'a digital living room for the lumbung ekosistem'
     images = ['/img/logo.png']
     title = 'lumbung dot space'
+    bundleCss = "/bundle.css"
+    bundleJs = "/bundle.js"
+    mainSections = ['social', 'shouts', 'events', 'tv', 'pen', 'pages']
 
 [markup.goldmark.renderer]
-unsafe = true
+    unsafe = true
 
 [taxonomies]
     author = "authors"
+    contributor = "contributors"
     tag = "tags"
-    category = "categories"
+    source = "sources"
     timeline = "timelines"
 
 [permalinks]

From 11ba5b920a15298ba72974bf63d3db70f3ce9ad5 Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Mon, 19 Dec 2022 13:27:26 +0500
Subject: [PATCH 07/38] hide contributors map

---
 content/contributors.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/contributors.md b/content/contributors.md
index 84d97d4..dbf9c15 100644
--- a/content/contributors.md
+++ b/content/contributors.md
@@ -5,7 +5,7 @@ draft: false
 hidden: true
 ---
 
-{{< map geoJson="data/geojsonContributors.json">}}
+<!-- {{< map geoJson="data/geojsonContributors.json">}} -->
 
 ## Lumbung members
 - **The Question of Funding**

From 7366856523557e7a05a6149efd3b504653342813 Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Mon, 19 Dec 2022 13:53:06 +0500
Subject: [PATCH 08/38] update calendar events directory

---
 compose.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/compose.yml b/compose.yml
index 6ef5d02..eace9df 100644
--- a/compose.yml
+++ b/compose.yml
@@ -56,7 +56,7 @@ services:
     volumes:
       - content:/src/content
     environment:
-      OUTPUT_DIR: /src/content/calendar
+      OUTPUT_DIR: /src/content/events
       CALENDAR_URL: "https://cloud.lumbung.space/remote.php/dav/public-calendars/WbnHM8YdCkKT6bcT?export"
     command: |
       bash -c "

From a4279bc6c3e055f1ae81df83ca6b09a0d50fbfce Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Mon, 19 Dec 2022 14:21:40 +0500
Subject: [PATCH 09/38] hide contributors map

---
 content/contributors.md | 2 --
 1 file changed, 2 deletions(-)

diff --git a/content/contributors.md b/content/contributors.md
index dbf9c15..46626b9 100644
--- a/content/contributors.md
+++ b/content/contributors.md
@@ -5,8 +5,6 @@ draft: false
 hidden: true
 ---
 
-<!-- {{< map geoJson="data/geojsonContributors.json">}} -->
-
 ## Lumbung members
 - **The Question of Funding**
     - Adele Jarrar

From 5d3bfe7b69a8dc43ba8cae19b34a818e89d630a1 Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Mon, 19 Dec 2022 14:25:12 +0500
Subject: [PATCH 10/38] change calendar events folder back to old name

---
 compose.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/compose.yml b/compose.yml
index eace9df..6ef5d02 100644
--- a/compose.yml
+++ b/compose.yml
@@ -56,7 +56,7 @@ services:
     volumes:
       - content:/src/content
     environment:
-      OUTPUT_DIR: /src/content/events
+      OUTPUT_DIR: /src/content/calendar
       CALENDAR_URL: "https://cloud.lumbung.space/remote.php/dav/public-calendars/WbnHM8YdCkKT6bcT?export"
     command: |
       bash -c "

From b5119752c7a48479974eb571a430a10f5aa946de Mon Sep 17 00:00:00 2001
From: knoflook <knoflook@disroot.org>
Date: Mon, 19 Dec 2022 10:48:26 +0100
Subject: [PATCH 11/38] change the calendar output dir

---
 compose.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/compose.yml b/compose.yml
index 6ef5d02..eace9df 100644
--- a/compose.yml
+++ b/compose.yml
@@ -56,7 +56,7 @@ services:
     volumes:
       - content:/src/content
     environment:
-      OUTPUT_DIR: /src/content/calendar
+      OUTPUT_DIR: /src/content/events
       CALENDAR_URL: "https://cloud.lumbung.space/remote.php/dav/public-calendars/WbnHM8YdCkKT6bcT?export"
     command: |
       bash -c "

From 9dff545b050f9b934a614eb9d4cf6466537ceacc Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Mon, 19 Dec 2022 13:20:54 +0500
Subject: [PATCH 12/38] update css in preparation for MR

---
 themes/lumbung-theme/static/css/main.css | 2611 +++++++++++++---------
 1 file changed, 1574 insertions(+), 1037 deletions(-)

diff --git a/themes/lumbung-theme/static/css/main.css b/themes/lumbung-theme/static/css/main.css
index 2b9874a..019dee4 100644
--- a/themes/lumbung-theme/static/css/main.css
+++ b/themes/lumbung-theme/static/css/main.css
@@ -3,87 +3,97 @@
     font-style: normal;
     font-weight: 400;
     src: url(fonts/gudea.woff2) format("woff2");
-}
-
-@font-face {
+  }
+  
+  @font-face {
     font-family: Gudea;
     font-style: italic;
     font-weight: 400;
     src: url(fonts/gudea-italic.woff2) format("woff2");
-}
-
-@font-face {
+  }
+  
+  @font-face {
     font-family: Gudea;
     font-style: normal;
     font-weight: 700;
     src: url(fonts/gudea-bold.woff2) format("woff2");
-}
-
-:root {
+  }
+  
+  :root {
     --border-color: tomato;
-
+  
     --tv-dark: #237D0F;
     --tv-light: #E2FAD7;
-
+  
     --pen-dark: #C5021E;
     --pen-light: #FFEBD9;
-
+  
     --social-light: #C2E4F2;
     --social-dark: #0163A4;
-
+  
     --gallery-light: #FCF4B9;
     --gallery-dark: #846A00;
-
+  
     --kios-light: #F6D1BC;
     --kios-dark: #E05732;
-
+  
     --shouts-dark: #CB001D;
     --shouts-light: #FFD9DD;
-
+  
     --calendar-light: #B6EDFF;
     --calendar-dark: #0E64C8;
-
+  
     --sounds-light: #ECC5EC;
     --sounds-dark: #CA14D4;
-
+  
     --books-dark: #954d43;
     --books-light: #edd7c4;
-}
-
-
-/*Main Stuff*/
-
-body {
+  }
+  
+  
+  /*Main Stuff*/
+  
+  html {
+    scroll-behavior: smooth;
+  }
+  
+  
+  body {
     font-size: 21px;
     font-family: Gudea, sans-serif;
     margin: 0;
-
+  
     /* pushes footer to bottom */
     display: grid;
     grid-template-rows: auto auto 1fr auto;
     min-height: 100vh;
-}
-
-/* pushes banner to bottom */
-body > iframe {
+  }
+  
+  /* pushes banner to bottom */
+  body > iframe {
     margin: auto 0 0;
-}
-
-* {
+  }
+  
+  * {
     box-sizing: border-box;
-}
-
-.container {
+  }
+  
+  a {
+    color: #000;
+  }
+  
+  .container {
     margin: 2em auto;
     max-width: 80%;
+    width: 100%;
     margin-bottom: 0;
-}
-
-.container .single {
+  }
+  
+  .container .single {
     max-width: 65ch;
-}
-
-.card {
+  }
+  
+  .card {
     border: 2px solid var(--border-color);
     background-color: #fff09d;
     max-width: 600px;
@@ -91,13 +101,13 @@ body > iframe {
     flex: auto;
     margin: 0 3em 3em 0;
     align-self: start;
-}
-
-.card {
+  }
+  
+  .card {
     background-color: peachpuff;
-}
-
-.date-marker{
+  }
+  
+  .date-marker{
     background-color: #333333;
     color: white;
     font-style: bold;
@@ -108,306 +118,389 @@ body > iframe {
     font-family: Gudea;
     font-weight: 700;
     text-align: center;
-}
-.date-marker:nth-child(odd){
+  }
+  .date-marker:nth-child(odd){
     transform: rotate(3deg);
-}
-.date-marker:nth-child(even){
+  }
+  .date-marker:nth-child(even){
     transform: rotate(-2deg);
-}
-
-
-.side-bar {
+  }
+  
+  
+  .side-bar {
     border: 2px solid var(--border-color);
     max-width: 400px;
-}
-
-.card:nth-child(even) {
+  }
+  
+  .post:nth-child(even) {
     transform: rotate(-1deg);
-}
-
-.card:nth-child(odd) {
+  }
+  
+  .post:nth-child(odd) {
     transform: rotate(1deg);
-}
-
-.card:nth-child(5) {
+  }
+  
+  .post:nth-child(5) {
     transform: rotate(2deg);
-}
-
-.video.box {
+  }
+  
+  .video.box {
     margin-top: 3em;
-}
-
-.bar {
+  }
+  
+  .bar {
     border: 2px solid var(--border-color);
     box-shadow: 0.6em 0.6em 0 #d2d1c8;
     margin-bottom: 2em;
     margin-top: 3em;
     display: inline-block;
     background-color: #fff09d;
-}
-
-.h-feed {
+  }
+  
+  .h-feed {
     display: flex;
     flex-flow: row wrap;
     width: 100%;
-}
-
-.p-name {
+  }
+  
+  .p-name {
     padding-right: 1em;
-}
-
-/* base header & menu */
-
-#top-menu {
-    padding: 1.5rem 1rem 0;
-    display: grid;
-    grid-template-columns: 300px 1fr auto;
-    align-items: flex-start;
-}
-
-.home-link {
-    text-decoration: none;
-}
-
-.logo {
-    width: 283px;
-    margin-top: 2rem;
-}
-
-#top-menu a {
+  }
+  
+  /* base header & menu */
+  
+  .header-row {
+    margin: 1.5rem;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+  
+  .home-link {
+    display: block;
+    max-width: 700px;
+    width: 70%;
+    padding: 0;
+    margin: auto;
+  }
+  
+  .logo {
+    display: block;
+    width: 100%;
+    height: auto;
+  }
+  
+  #top-menu .login-link {
+    background: #009d9b;
+    padding: 5px 30px;
+    color: #fff;
+    font-weight: 900; 
+    position: absolute;
+    right: 1.5rem;
+  }
+  
+  .menu-row {
+    margin: 0 auto;
+    max-width: 80%;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    position: sticky;
+    top: 15px;
+    z-index: 99;
+    max-width: fit-content;
+  }
+  
+  .menu-row .menu .filter-link {
+    background: #333;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    padding: 0.5rem 1.5rem;
+    color: #fff;
+    cursor: pointer;
+  }
+  
+  .filter-icon {
+    height: 14px;
+    width: auto;
+    display: block;
+    margin-right: 10px;
+  }
+  
+  .filter-icon path {
+    fill:#fff;
+  }
+  
+  .menu-button {
+    width: 30px;
+    height: 16px;
+    display: none;
+    flex-direction: column;
+    justify-content: space-between;
+    color: pointer;
+  }
+  
+  .menu-button--line {
+    width: 100%;
+    height: 2px;
+    background: #333;
+  }
+  
+  .menu {
+    border: 2px solid #333;
+    padding: 0 1rem;
+    display: flex;
+    align-items: center;
+    background: #fff;
+    position: relative;
+  }
+  
+  .menu-dot {
+    width: 10px;
+    height: 10px;
+    margin-right: 3rem;
+  }
+  
+  .menu ul {
+    list-style-type: none;
+    margin: 0 auto;
+    padding-left: 0;
+    display: flex;
+    justify-content: space-between;
+    text-transform: lowercase;
+  }
+  
+  .menu ul li {
+    margin-right: 1.5rem;
+    padding: 0.5rem 0;
+  }
+  
+  .menu ul li:last-child {
+    margin-right: 0;
+  }
+  
+  .menu-nav-item {
+    border-right: 2px solid var(--border-color);
+    padding: 0.5em;
+  }
+  
+  .menu a {
     text-decoration: none;
     color: #333;
-}
-
-#top-menu a:hover,
-#top-menu a:focus {
+  }
+  
+  .menu a:hover,
+  .menu a:focus {
     color: black;
-}
-
-#top-menu #login {
-    font-weight: bold;
-    margin-top: 8px;    
-}
-
-#top-menu div {
+  }
+  
+  #top-menu div {
     display: flex;
-}
-
-#top-menu div.mobile-menu,
-.drawer {
+  }
+  
+  #top-menu div.mobile-menu,
+  .drawer {
     display: none;
-}
-
-#top-menu input {
+  }
+  
+  .menu input {
     border: none;
     border-bottom: 1px solid #333;
     margin-right: 2rem;
     font-size: 13px;
     margin-left: 5px;
-}
-
-#top-menu input:focus,
-#top-menu input:hover {
+  }
+  
+  .menu input:focus,
+  .menu input:hover {
     outline: none;
     border-bottom: 1px solid #333;
-}
-
-.menu-dropdown summary {
+  }
+  
+  .menu-dropdown summary {
     list-style: none;
     cursor: pointer;
-}
-
-.dropdown-menu summary::-webkit-details-marker {
+  }
+  
+  .dropdown-menu summary::-webkit-details-marker {
     display: none;
-}
-
-.menu {
-    margin-top: 8px;
-}
-
-.menu ul {
-    list-style-type: none;
-    margin: 0 auto;
-    padding-left: 3rem;
+  }
+  
+  .login-menu {
+    display: none;
+  }
+  
+  .menu-row .login {
+    height: 100%;
     display: flex;
-    justify-content: space-between;
-    text-transform: lowercase;
-    max-width: 1100px;
-}
-
-.menu-nav-item {
-    border-right: 2px solid var(--border-color);
-    padding: 0.5em;
-}
-
-/* styles for "tools" dropdown menu */
-#top-menu ul.submenu {
+    align-items: center;
+    border: 2px solid #333;
+    padding: 0 1.5rem;
+    background: #fff;
+  }
+  
+  .login a {
+    text-decoration: none;
+  }
+  
+  /* styles for "tools" dropdown menu */
+  .menu ul.submenu {
     flex-direction: column;
     margin-left: 0;
     position: absolute;
     background-color: white;
     z-index: 2;
-}
-
-.menu .submenu {
+  }
+  
+  .menu .submenu {
     visibility: hidden;
     transition: all 0.1s ease-in-out;
-}
-
-.menu .submenu li {
+  }
+  
+  .menu .submenu li {
     margin: 2px 0;
-}
-
-.menu .has-submenu {
+    padding: 0;
+  }
+  
+  .menu .has-submenu {
     cursor: pointer;
     color: #333333;
-}
-
-.menu .has-submenu:hover {
+  }
+  
+  .menu .has-submenu:hover {
     color: black;
-}
-
-.menu .has-submenu:hover .submenu {
+  }
+  
+  .menu .has-submenu:hover .submenu {
     visibility: visible;
-}
-
-#top-menu .menu ul.submenu {
-    margin-left: 11px;
-    margin-top: 10px;
-    border: 1px solid ;
+  }
+  
+  .menu ul.submenu {
+    margin-left: -0.5em;
+    margin-top: 8px;
+    border: 2px solid ;
     gap: 0.25em;
     padding: 0.5em;
-}
-
-#top-menu a {
-  padding: 0 5px;
-}
-
-#top-menu .menu .submenu a {
+  }
+  
+  .menu .menu .submenu a {
     margin: 0;
     display: flex;
-}
-
-#top-menu .drawer .submenu {
+  }
+  
+  .menu .drawer .submenu {
     position: initial;
     display: none;
-}
-
-#top-menu .drawer .submenu.opened {
+  }
+  
+  .menu .drawer .submenu.opened {
     display: flex;
-}
-
-#top-menu .drawer .submenu li {
+  }
+  
+  .menu .drawer .submenu li {
    padding: 0;
    padding-top: 1em; 
-}
-
-#top-menu .drawer .opened .submenu {
+  }
+  
+  .menu .drawer .opened .submenu {
     visibility: visible;
-}
-
-.drawer .has-submenu {
-    padding-left: 1em;
-    margin-left: 5px;
-    color: #333;
-    display: flex;
-    flex-direction: column;
-}
-
-
-/*Article Summary Cards*/
-
-.h-entry header {
+  }
+  
+  
+  /*Article Summary Cards*/
+  
+  .h-entry header {
     display: flex;
     justify-content: space-between;
-}
-
-.h-entry header h2 {
+  }
+  
+  .h-entry header h2 {
     padding: 0.2em;
     margin: 0;
     padding-right: 0.3em;
     padding-left: 0.3em;
     flex-grow: 1;
-}
-
-.h-entry header h2:hover {
+  }
+  
+  .h-entry header h2:hover {
     cursor: pointer;
-}
-
-.h-entry header h2 a {
+  }
+  
+  .h-entry header h2 a {
     text-decoration: none;
     color: var(--border-color);
-}
-
-.h-entry header .header-metadata {
+  }
+  
+  .h-entry header .header-metadata {
     margin: 0;
     display: flex;
     flex-flow: column wrap;
     font-size: 0.8rem;
-}
-
-.h-entry img {
+  }
+  
+  .h-entry img {
     max-width: 100%;
     width: 100%;
-}
-
-/* .portrait .h-entry img {
+  }
+  
+  /* .portrait .h-entry img {
     max-width: unset;
     width: unset;
-} */
-
-.header-metadata .dt-published {
+  } */
+  
+  .header-metadata .dt-published {
     padding: 0.5em 1.2em 0.5em 1.2em;
-}
-
-.author.p-author {
+  }
+  
+  .author.p-author {
     border-top: 2px solid var(--border-color);
     padding: 0.5em 1.2em 0.5em 1.2em;
-}
-
-.p-summary.truncated.image {
+  }
+  
+  .p-summary.truncated.image {
     display: flex;
     flex-direction: row-reverse;
-}
-
-.p-summary.truncated {
+  }
+  
+  .p-summary.truncated {
     display: flex;
     flex-direction: column;
-}
-
-.summary-text {
+  }
+  
+  .summary-text {
     flex: 1;
     padding: 1em;
     min-width: 34ch;
     text-overflow: ellipsis;
     overflow: hidden;
-}
-
-.summary-image > a {
+  }
+  
+  .summary-image > a {
     display: flex;
-}
-
-footer.post-footer {
+  }
+  
+  footer.post-footer {
     display: flex;
     flex-flow: row-reverse;
     padding: 0.5em 1em;
-}
-
-.footer-filler {
+  }
+  
+  .footer-filler {
     border-top: 2px solid var(--border-color);
     flex-grow: 1;
-}
-
-.read-more {
+  }
+  
+  .read-more {
     align-content: flex-end;
     font-size: 0.9rem;
-}
-
-
-/* network cards */
-
-.card.network {
+  }
+  
+  
+  /* shout cards */
+  
+  .card.shout {
     border: 2px solid var(--shouts-dark);
     background-color: var(--shouts-light);
     max-width: min-content;
@@ -416,73 +509,73 @@ footer.post-footer {
     margin: 0 3em 3em 0;
     align-self: start;
     color: var(--shouts-dark);
-}
-
-
-.h-entry.network header {
+  }
+  
+  
+  .h-entry.shout header {
     display: flex;
     flex-direction: column;
-}
-
-.h-entry.network header h2 {
+  }
+  
+  .h-entry.shout header h2 {
     padding: 0.2em 0.5em 0.5em 0.5em;
     margin: 0;
     border: none;
-}
-
-.h-entry.network header h2:hover {
+  }
+  
+  .h-entry.shout header h2:hover {
     cursor: pointer;
-}
-
-.h-entry.network header h2 a {
+  }
+  
+  .h-entry.shout header h2 a {
     text-decoration: none;
     color: var(--shouts-dark);
-}
-
-.h-entry.network header time {
+  }
+  
+  .h-entry.shout header time {
     text-align: right;
     padding: 0.6em 0.8em;
     font-size: 1rem;
-}
-
-.network .header-metadata {
+  }
+  
+  .shout .header-metadata {
     align-items: center;
-}
-
-.network .header-metadata .dt-published {
+  }
+  
+  .shout .header-metadata .dt-published {
     border-bottom: 2px solid var(--shouts-dark);
-}
-
-.network .filler {
+  }
+  
+  .shout .filler {
     min-height: 1rem;
-}
-
-.network .author.p-author {
+  }
+  
+  .shout .author.p-author {
     border-color: var(--shouts-dark);
     padding: 0.5em 1.2em 0.5em 1.2em;
-}
-
-.network .p-summary {
+  }
+  
+  .shout .p-summary {
     display: flex;
-}
-
-.network .p-summary.portrait {
+  }
+  
+  .shout .p-summary.portrait {
     /* flex-direction: row; */
-}
-
-.network .p-summary.landscape {
+  }
+  
+  .shout .p-summary.landscape {
     flex-direction: column;
-}
-
-.network .summary-image > img {
+  }
+  
+  .shout .summary-image > img {
     display: inherit;
-}
-
-.network .summary-text {
+  }
+  
+  .shout .summary-text {
     font-size: 18px;
-}
-
-div.network-source {
+  }
+  
+  div.shout-source {
     padding: 1em;
     padding-right: 2em;
     width: fit-content;
@@ -493,55 +586,54 @@ div.network-source {
     color: white;
     position: relative;
     right: 1em;
-}
-
-.network-source::before {
-    content: "";
+  }
+  
+  .shout-source .triangle {
     position: absolute;
-    right: -20px;
+    right: 0px;
     bottom: 0;
-    width: 0;
-    height: 0;
-    border-left: 20px solid var(--shouts-dark);
-    border-top: 23px solid transparent;
-    border-bottom: 23px solid transparent;
-}
-
-.network-source a {
+    width: auto;
+    height: calc(100% + 0.5px);
+    top: -0.5px;
+    transform: translateX(calc(100% - 0.5px));
+    fill: var(--shouts-dark);
+  }
+  
+  .shout-source a {
     font-weight: bold;
     color: white;
-}
-
-.network .footer-filler {
+  }
+  
+  .shout .footer-filler {
     border-left: 2px solid var(--shouts-dark);
     border-top: none;
-}
-
-.network footer.post-footer {
+  }
+  
+  .shout footer.post-footer {
     border-top: 2px solid var(--shouts-dark);
     flex-flow: row;
     font-size: 0.9rem;
     background-color: var(--shouts-light);
     color: var(--shouts-dark);
     padding: 1em;
-}
-
-.network footer svg {
+  }
+  
+  .shout footer svg {
     fill: var(--shouts-dark)
-}
-
-.network .read-more {
+  }
+  
+  .shout .read-more {
     border: none;
     border-left: 2px solid var(--shouts-dark);
     padding: 0.5em 1.2em 0.5em 1.2em;
-}
-
-.network .footer-metadata {
+  }
+  
+  .shout .footer-metadata {
     padding: 0.5em 1.2em 0.5em 1.2em;
-}
-
-/* pen cards */
-.card.pen {
+  }
+  
+  /* pen cards */
+  .card.pen {
     border: 2px solid var(--pen-dark);
     background-color: var(--pen-light);
     max-width: min-content;
@@ -550,77 +642,77 @@ div.network-source {
     margin: 0 3em 3em 0;
     align-self: start;
     color: var(--shouts-dark);
-}
-
-.h-entry.pen header {
+  }
+  
+  .h-entry.pen header {
     display: flex;
     flex-direction: column;
-}
-
-.h-entry.pen header h2 {
+  }
+  
+  .h-entry.pen header h2 {
     padding: 0.2em 0.5em 0.5em 0.5em;
     margin: 0;
     border: none;
-}
-
-.h-entry.pen header h2:hover {
+  }
+  
+  .h-entry.pen header h2:hover {
     cursor: pointer;
-}
-
-.h-entry.pen header h2 a {
+  }
+  
+  .h-entry.pen header h2 a {
     text-decoration: none;
     color: var(--pen-dark);
-}
-
-.h-entry.pen header time {
+  }
+  
+  .h-entry.pen header time {
     text-align: right;
     padding: 0.6em 0.8em;
     padding-top: 0;
     font-size: 1rem;
-}
-
-.pen .header-metadata {
+  }
+  
+  .pen .header-metadata {
     align-items: center;
-}
-
-.pen .header-metadata .dt-published {
+  }
+  
+  .pen .header-metadata .dt-published {
     border-bottom: 2px solid var(--pen-dark);
-}
-
-.pen .filler {
+  }
+  
+  .pen .filler {
     min-height: 1rem;
-}
-
-.pen .author.p-author {
+  }
+  
+  .pen .author.p-author {
     border-color: var(--pen-dark);
     padding: 0.5em 1.2em 0.5em 1.2em;
-}
-
-.pen .p-summary {
+  }
+  
+  .pen .p-summary {
     display: flex;
-}
-
-.pen .p-summary.portrait {
+  }
+  
+  .pen .p-summary.portrait {
     /* flex-direction: row; */
     /* 
      * for some reason images on specific posts aren't appearing with the portrait class
      */
     flex-direction: column;
-}
-
-.pen .p-summary.landscape {
+  }
+  
+  .pen .p-summary.landscape {
     flex-direction: column;
-}
-
-.pen .summary-image > img {
+  }
+  
+  .pen .summary-image > img {
     display: inherit;
-}
-
-.pen .summary-text {
+  }
+  
+  .pen .summary-text {
     font-size: 18px;
-}
-
-div.pen-source {
+  }
+  
+  div.pen-source {
     padding: 1em;
     font-size: 14px;
     display: flex;
@@ -631,45 +723,45 @@ div.pen-source {
     position: relative;
     bottom: 21px;
     transform:  rotate(1deg);
-}
-
-
-.pen-source a {
+  }
+  
+  
+  .pen-source a {
     font-weight: bold;
     color: white;
-}
-
-.pen .footer-filler {
+  }
+  
+  .pen .footer-filler {
     border-left: 2px solid var(--pen-dark);
     border-top: none;
-}
-
-.pen footer.post-footer {
+  }
+  
+  .pen footer.post-footer {
     border-top: 2px solid var(--pen-dark);
     flex-flow: row;
     font-size: 0.9rem;
     background-color: var(--pen-light);
     color: var(--pen-dark);
     padding: 0.25em 0.5em;
-}
-
-.pen footer svg {
+  }
+  
+  .pen footer svg {
     fill: var(--pen-dark)
-}
-
-.pen .read-more {
+  }
+  
+  .pen .read-more {
     border: none;
     border-left: 2px solid var(--pen-dark);
     padding: 0.5em 1.2em 0.5em 1.2em;
-}
-
-.pen .footer-metadata {
+  }
+  
+  .pen .footer-metadata {
     padding: 0.5em 1.2em 0.5em 1.2em;
-}
-
-/* shouts cards */
-
-.card.shout {
+  }
+  
+  /* social / hashtag cards */
+  
+  .card.social {
     border-color: steelblue;
     border: 2px solid;
     background-color: aliceblue;
@@ -679,88 +771,88 @@ div.pen-source {
     margin: 0 3em 3em 0;
     align-self: start;
     color: steelblue;
-}
-
-.card.shout h2 a {
+  }
+  
+  .card.social h2 a {
     color: var(--social-dark);
     cursor: pointer;
     display: block;
     word-wrap: anywhere;
-}
-
-.card .card.shout h2 a:hover {
+  }
+  
+  .card .card.social h2 a:hover {
     border: none;
     text-decoration: none;
-}
-
-.card.shout .post-footer {
+  }
+  
+  .card.social .post-footer {
     background: var(--social-light);
     color: var(--social-dark);
-}
-
-.card.shout .post-footer a{
+  }
+  
+  .card.social .post-footer a{
     background: var(--social-light);
     color: var(--social-dark);
     text-decoration: underline;
-}
-
-
-/* gallery cards */
-.card.shout.lumbung-gallery {
+  }
+  
+  
+  /* gallery cards */
+  .card.social.lumbunggallery, .card.social.lumbunggallery .post-footer a {
     border-color: var(--gallery-dark);
     background-color: var(--gallery-light);
     color: var(--gallery-dark);
-}
-
-.card.shout.lumbung-gallery h2 a {
+  }
+  
+  .card.social.lumbunggallery h2 a {
     color: var(--gallery-dark);
-}
-
-
-.card.shout.lumbung-gallery .post-footer {
+  }
+  
+  
+  .card.social.lumbunggallery .post-footer {
     background: var(--gallery-light);
     color: var(--gallery-dark);
     border-top: 2px solid;
-}
-
-/* kios cards */
-.card.shout.lumbung-kios {
+  }
+  
+  /* kios cards */
+  .card.social.lumbungkios {
     border-color: var(--kios-dark);
     background-color: var(--kios-light);
     color: var(--kios-dark);
-}
-
-.card.shout.lumbung-kios h2 a {
+  }
+  
+  .card.social.lumbungkios h2 a {
     color: var(--kios-dark);
-}
-
-
-.card.shout.lumbung-kios .post-footer {
+  }
+  
+  
+  .card.social.lumbungkios .post-footer {
     background: var(--kios-light);
     color: var(--kios-dark);
     border-top: 2px solid;
-}
-
-.card.shout.lumbung-kios .post-footer a {
+  }
+  
+  .card.social.lumbungkios .post-footer a {
     background: none;
     color: var(--kios-dark);
-}
-
-/* books cards */
-
-.book.card {
+  }
+  
+  /* books cards */
+  
+  .book.card {
     background-color: var(--books-light);
     color: var(--books-dark);
     border-color: var(--books-dark);
-}
-
-.tape-label.book span{
+  }
+  
+  .tape-label.book span{
     background-color: var(--books-dark);
-}
-
-/* calendar cards */
-
-.card.calendar {
+  }
+  
+  /* calendar cards */
+  
+  .card.calendar {
     border: 2px solid var(--calendar-dark);
     background-color: var(--calendar-light);
     max-width: 360px;
@@ -769,99 +861,99 @@ div.pen-source {
     margin: 0 3em 3em 0;
     align-self: start;
     color: var(--calendar-dark);
-}
-
-.calendar .tape-label {
+  }
+  
+  .calendar .tape-label {
     background-color: var(--calendar-light);
-}
-
-.calendar .tape-label span {
+  }
+  
+  .calendar .tape-label span {
     background-color: var(--calendar-dark);
-}
-
-.h-event.calendar header {
+  }
+  
+  .h-event.calendar header {
     display: flex;
     border-bottom: 2px solid cornflowerblue;
-}
-
-.h-event.calendar header h2 {
+  }
+  
+  .h-event.calendar header h2 {
     padding: 0.2em 0.5em 0.2em 0.5em;
     margin: 0;
     border-right: none;
-}
-
-.h-event.calendar header h2:hover {
+  }
+  
+  .h-event.calendar header h2:hover {
     cursor: pointer;
-}
-
-.h-event.calendar header h2 a {
+  }
+  
+  .h-event.calendar header h2 a {
     text-decoration: none;
     color: var(--calendar-dark);
-}
-
-.h-event.calendar .calendar-location a {
+  }
+  
+  .h-event.calendar .calendar-location a {
     color: var(--calendar-dark);
-}
-
-.header-filler {
+  }
+  
+  .header-filler {
     min-width: 10%;
-}
-
-.calendar-location {
+  }
+  
+  .calendar-location {
     font-size: 0.8rem;
     min-width: 20%;
     padding: 0.5em 0.9em 0.5em 0.9em;
     border-left: 2px solid cornflowerblue;
-}
-
-.calendar-duration {
+  }
+  
+  .calendar-duration {
     font-size: 0.8rem;
     border-right: 2px solid cornflowerblue;
     padding: 0.5em 0.9em 0.5em 0.9em;
-}
-
-.start-scroller {
+  }
+  
+  .start-scroller {
     display: flex;
     flex-flow: row-reverse;
     border-bottom: 2px solid cornflowerblue;
-}
-
-.start-scroller marquee {
+  }
+  
+  .start-scroller marquee {
     font-size: 0.8rem;
     padding-top: 0.2em;
     padding-bottom: 0.2em;
-}
-
-.calendar .description {
+  }
+  
+  .calendar .description {
     border-top: 2px solid cornflowerblue;
-}
-
-.calendar-image-holder {
+  }
+  
+  .calendar-image-holder {
     border-bottom: 2px solid cornflowerblue;
-}
-
-.calendar-image-holder a {
+  }
+  
+  .calendar-image-holder a {
     display: inherit;
-}
-
-.calendar-image {
+  }
+  
+  .calendar-image {
     width: 100%;
     max-width: 100%;
     display: inherit;
-}
-
-
-/* Card metadata (video, calendar & books) */
-
-.tape-label {
+  }
+  
+  
+  /* Card metadata (video, calendar & books) */
+  
+  .tape-label {
     display: flex;
     justify-content: center;
     border: none;
     font-size: 1rem;
-}
-
-.tape-label a,
-.tape-label span {
+  }
+  
+  .tape-label a,
+  .tape-label span {
     width: max-content;
     padding: 0.5em;
     position: relative;
@@ -869,127 +961,127 @@ div.pen-source {
     z-index: 1;
     transform: rotate(2deg);
     color: white;
-}
-
-.metadata {
+  }
+  
+  .metadata {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
-}
-
-.description p:first-of-type {
+  }
+  
+  .description p:first-of-type {
     margin: 0;
-}
-
-.description ul:first-of-type {
+  }
+  
+  .description ul:first-of-type {
     margin: 0;
-}
-
-input+label+.calendar-location+.description {
+  }
+  
+  input+label+.calendar-location+.description {
     display: none;
-}
-
-input:checked+label+.calendar-location+.description {
+  }
+  
+  input:checked+label+.calendar-location+.description {
     display: block;
     transition: ease .5s;
-}
-
-.metadata label {
+  }
+  
+  .metadata label {
     vertical-align: sub;
     flex-grow: 1;
     font-weight: normal;
     cursor: pointer;
     padding: 0.4em 0.9em 0.4em 0.9em;
     font-size: 0.9em;
-}
-
-label:hover {
+  }
+  
+  label:hover {
     box-shadow: inset 2px 2px 0px var(--calendar-dark);
-}
-
-.description {
+  }
+  
+  .description {
     padding: 0.5em 0.7em 0.7em 0.5em;
     overflow: hidden;
     flex-basis: 100%;
-}
-
-.descr_button {
+  }
+  
+  .descr_button {
     cursor: pointer;
     flex-grow: 1;
     text-align: center;
-}
-
-
-/* Paginator */
-
-.pagination-container {
+  }
+  
+  
+  /* Paginator */
+  
+  .pagination-container {
     width: 60%;
     margin: auto;
     margin-top: 2em;
     margin-bottom: 2em;
-}
-
-ul.pagination {
+  }
+  
+  ul.pagination {
     display: flex;
     justify-content: space-evenly;
     /* align horizontal */
     align-items: center;
     /* align vertical */
-}
-
-.page-item {
+  }
+  
+  .page-item {
     display: block;
     text-align: center;
     font-size: 38px;
     border-bottom: 2px solid black;
     cursor: pointer;
-}
-
-li.page-item {
+  }
+  
+  li.page-item {
     padding: 0.4em;
     position: relative;
-}
-
-li.page-item a {
+  }
+  
+  li.page-item a {
     color: black;
-}
-
-li.page-item.active a {
+  }
+  
+  li.page-item.active a {
     text-decoration: underline;
-}
-
-li.page-item.disabled {
+  }
+  
+  li.page-item.disabled {
     display: none;
-}
-
-li.page-item:first-child,
-li.page-item:last-child,
-li.page-item:nth-last-child(2),
-.previous-page-link {
+  }
+  
+  li.page-item:first-child,
+  li.page-item:last-child,
+  li.page-item:nth-last-child(2),
+  .previous-page-link {
     border: none;
     text-decoration: none;
-}
-
-li.page-item:first-child::before,
-li.page-item:first-child::after,
-li.page-item:last-child::before,
-li.page-item:last-child::after,
-li.page-item:nth-last-child(2)::before,
-li.page-item:nth-last-child(2)::after,
-.previous-page-link::before,
-.previous-page-link::after {
+  }
+  
+  li.page-item:first-child::before,
+  li.page-item:first-child::after,
+  li.page-item:last-child::before,
+  li.page-item:last-child::after,
+  li.page-item:nth-last-child(2)::before,
+  li.page-item:nth-last-child(2)::after,
+  .previous-page-link::before,
+  .previous-page-link::after {
     display: none;
-}
-
-li.page-item a {
+  }
+  
+  li.page-item a {
     text-decoration: none;
-}
-
-li.page-item:hover a {
+  }
+  
+  li.page-item:hover a {
     text-decoration: underline;
-}
-
-li.page-item:before {
+  }
+  
+  li.page-item:before {
     content: "";
     position: absolute;
     left: 0;
@@ -998,9 +1090,9 @@ li.page-item:before {
     width: 50%;
     border-left: 2px solid black;
     z-index: -100;
-}
-
-li.page-item:after {
+  }
+  
+  li.page-item:after {
     content: "";
     position: absolute;
     right: 0;
@@ -1009,118 +1101,329 @@ li.page-item:after {
     width: 50%;
     border-right: 2px solid black;
     z-index: -100;
-}
-
-/* Landingpage */
-.welcome-text {
+  }
+  
+  
+  
+  /* Landingpage */
+  .welcome-text {
     text-align: center;
     max-width: 1000px;
     margin: 0 auto 50px;
-}
-
-.app-columns {
+  }
+  
+  .app-columns {
     display: flex;
     flex-wrap: wrap;
     max-width: 1200px;
     margin: 0 auto 50px;
-}
-
-.app-column {
+  }
+  
+  .app-column {
     width: 33%;
     text-align: center;
     padding: 3.5%;
-}
-
-.app-column a {
+  }
+  
+  .app-column a {
     text-decoration: none;
-}
-
-.app-icon {
+  }
+  
+  .app-icon {
     display: block;
     max-width: 90px;
     width: 80%;
     margin-left: auto;
     margin-right: auto;
     transition: transform 0.2s ease;
-}
-
-.app-icon:hover {
+  }
+  
+  .app-icon:hover {
     transform: rotate(-15deg);
-}
-
-.app-name {
+  }
+  
+  .app-name {
     font-weight: bold;
     margin-bottom: 0.2em;
     color: #333;
-}
-
-.app-description {
+  }
+  
+  .app-description {
     font-size: 14px;
     display: block;
     margin-left: auto;
     margin-right: auto;
-}
-
-/* ### Timeline ### */
-
-/* Timeline Tags */
-.timeline-tags {
+  }
+  
+  
+  /* FILTER */
+  
+  .filter-item, .card, .video-box {
+    display: none;
+  }
+  
+  .show-item {
+    display: block !important;
+  }
+  
+  .filter-container {
+    display: none;
+    background: #fff;
+    padding: 1.5rem;
+    border: 2px solid #333;
+    border-top: 0;
+    position: absolute;
+    left: 0;
+    z-index: 99;
+    width: 100%;
+    justify-content: space-between;
+  }
+  
+  .filter-information {
+    width: 15%;
+  }
+  
+  #load-more {
+    font-size: 0.8rem;
+    text-decoration: underline;
+    cursor: pointer;
+  }
+  
+  .filter-buttons-container {
+    align-items: center;
+    display: flex;
+    width: calc(85% - 30px);
+  }
+  
+  .filter-buttons-container-header {
+    display: flex;
+    margin-right: 20px;
+  }
+  
+  .filter-link {
+    height: 100%;
+    display: flex;
+    align-items: center;
+    background: #333;
+    color: #fff;
+    padding: calc(0.5rem + 2px) 1rem;
+    cursor: pointer;
+  }
+  
+  .filter-link:hover + .filter-container {
+    display: flex;
+  }
+  
+  .filter-container:hover {
+    display: flex;
+  }
+  
+  .filter-buttons-dropdown {
+    position: absolute;
+    top: 41px;
+    width: calc(100% + 2px);
+    left: -1px;
+    background: #fff;
+    max-height: 35vh;
+    min-height: 100%;
+    overflow-y: scroll;
+    overflow-x: hidden;
+    border: 1px solid #333;
+    border-top: 0;
+    display: none;
+  }
+  
+  .post.tv {
+    margin: auto;
+  }
+  
+  @media all and (min-width: 980px) {
+    .filter-buttons:hover .filter-buttons-dropdown {
+        display: block;
+    }
+  
+    .filter-buttons:hover {
+        display: block;
+    }
+  }
+  
+  .filter-buttons {
+    width: fit-content;
+    display: flex;
+    white-space: nowrap;
+    flex-direction: column;
+    position: relative;
+    border: 1px solid #333;
+    margin-right: 10px;
+    padding-right: 30px;
+    width: calc(25% - 7.5px);
+  }
+  
+  .filter-buttons:last-child {
+    margin-right: 0px;
+  }
+  
+  .filter-buttons > button {
+    height: 40px;
+  }
+  
+  .filter-by:after {
+    content:"";
+    width: 0;
+    height: 0;
+    border-style: solid;
+    border-width: 5px 5px 0 5px;
+    border-color: #333333 transparent transparent transparent;
+    position: absolute;
+    right: 0.5rem;
+  }
+  
+  .filter-buttons button {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    border: 0;
+    background: unset;
+    border-radius: 0;
+    width: 100%;
+    padding: 0.6rem;
+    cursor: pointer;
+    white-space: nowrap;
+    text-transform: lowercase;
+  }
+  
+  .filter-buttons-dropdown button {
+    border-bottom: 1px solid;
+  }
+  
+  .filter-buttons .filter-button {
+    padding: 0.6rem 0.6rem 0.6rem 1.6rem;
+  }
+  
+  .filter-button svg {
+    width: 10px;
+    position: absolute;
+    left: 0.6rem;
+  }
+  
+  .filter-button svg path {
+    fill: #3330;
+    stroke: #333;
+    stroke-width: 2px;
+  }
+  
+  .filter-button.active svg path {
+    fill: #333;
+  }
+  
+  .filter-title {
+    width: calc(100% - 20px);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    text-align: left;
+  }
+  
+  .filter-buttons-dropdown button:last-child {
+    border-bottom: 0;
+  }
+  
+  .filter-buttons .filter-button.active {
+    background: #c2c2ff;
+  }
+  
+  .disable-button {
+    display: none !important;
+  }
+  
+  .page-nav {
+    display: flex;
+    justify-content: center;
+    margin: 20px auto 50px;
+  }
+  
+  .nextpage {
+    padding: 15px;
+    position: relative;
+    color: #333;
+    text-decoration: none;
+    margin: 0px 20px;
+    font-size: 38px;
+  }
+  
+  .nextpage:after {
+    content: "";
+    height: 50%;
+    width: 100%;
+    display: block;
+    border: 2px solid #333;
+    border-top: 0;
+    bottom: 0;
+    position: absolute;
+    left: 0;
+  }
+  
+  
+  /* ### Timeline ### */
+  
+  /* Timeline Tags */
+  .timeline-tags {
     margin-bottom: 50px;
     display: flex;
     align-items: center;
     width: 90vw;
     font-size: 1.4vw;
-}
-
-.timeline-tags-headline {
+  }
+  
+  .timeline-tags-headline {
     margin-right: 10px;
-}
-
-.timeline-tags ul {
+  }
+  
+  .timeline-tags ul {
     list-style: none;
     padding-left: 0;
     white-space: nowrap;
     overflow: scroll;
     -ms-overflow-style: none;
     scrollbar-width: none;
-}
-
-.timeline-tags ul::-webkit-scrollbar {
+  }
+  
+  .timeline-tags ul::-webkit-scrollbar {
     display: none;
-}
-
-.timeline-tags ul li {
+  }
+  
+  .timeline-tags ul li {
     display: inline-block;
     margin-right: 10px;
-}
-
-.timeline-tags ul li.timeline-tag {
+  }
+  
+  .timeline-tags ul li.timeline-tag {
     display: inline-block;
     margin-right: 10px;
     padding: 10px 35px;
     background: #007f76;
     border-radius: 50px;
-}
-
-.timeline-tags ul li a {
+  }
+  
+  .timeline-tags ul li a {
     color: #fff;
     text-decoration: none;
-}
-
-/* Timeline Container and Line */
-.timeline-container {
+  }
+  
+  /* Timeline Container and Line */
+  .timeline-container {
     position: relative;
     display: flex;
     flex-direction: column;
-}
-
-.timeline-start {
+  }
+  
+  .timeline-start {
     font-size: 3vw;
     text-align: center;
     padding: 1.5vw 0 4.5vw;
-}
-
-.timeline-end {
+  }
+  
+  .timeline-end {
     font-size: 3vw;
     text-align: center;
     padding: 10vw 0 10vw;
@@ -1128,9 +1431,9 @@ li.page-item:after {
     background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
     width: 100vw;
     margin-left: -10vw;
-}
-
-.timeline-start span {
+  }
+  
+  .timeline-start span {
     padding: 1.5vw 3vw;
     border: 2px solid;
     background: #fff;
@@ -1139,9 +1442,9 @@ li.page-item:after {
     width: fit-content;
     margin: auto;
     font-weight: 700;
-}
-
-.timeline-line {
+  }
+  
+  .timeline-line {
     position: absolute;
     z-index: -1;
     width: 35vw;
@@ -1151,9 +1454,9 @@ li.page-item:after {
     left: 0;
     right: 0;
     margin: 0 auto;
-}
-
-.timeline-line-head {
+  }
+  
+  .timeline-line-head {
     background-image: url(/img/timeline-head.svg);
     background-repeat: no-repeat;
     background-size: 100%;
@@ -1165,9 +1468,9 @@ li.page-item:after {
     left: 0;
     right: 0;
     margin: 0 auto;
-}
-
-.timeline-line-body {
+  }
+  
+  .timeline-line-body {
     background-image: url(/img/timeline-body.svg);
     background-repeat: repeat-y;
     background-size: 100%;
@@ -1180,15 +1483,15 @@ li.page-item:after {
     left: 0;
     right: 0;
     margin: 0 auto;
-}
-
-/* Timeline Events and Position */
-.timeline-events {
+  }
+  
+  /* Timeline Events and Position */
+  .timeline-events {
     display: flex;
     flex-direction: column;
-}
-
-.timeline-event {
+  }
+  
+  .timeline-event {
     width: 20vw;
     height: 12vw;
     display: flex;
@@ -1196,119 +1499,119 @@ li.page-item:after {
     margin-top: -3.1vw !important;
     opacity: 0;
     transition: opacity 1.4s ease;
-}
-
-.timeline-event.inView {
+  }
+  
+  .timeline-event.inView {
     opacity: 1;
-}
-
-.timeline-url {
+  }
+  
+  .timeline-url {
     font-size: 1.8vw;
     color: #333;
     text-decoration: unset;
-}
-
-a.timeline-url {
+  }
+  
+  a.timeline-url {
     text-decoration: underline;
-}
-
-.link-svg {
+  }
+  
+  .link-svg {
     height: 1.2vw;
     width: 1.2vw;
     margin-left: 0.8vw;
-}
-
-/* Timeline Events - Left Side (sort margin)*/
-.timeline-event:nth-child(36n + 7), .timeline-event:nth-child(36n + 9), .timeline-event:nth-child(36n + 33) {
+  }
+  
+  /* Timeline Events - Left Side (sort margin)*/
+  .timeline-event:nth-child(36n + 7), .timeline-event:nth-child(36n + 9), .timeline-event:nth-child(36n + 33) {
     margin-left: 2vw;
-}
-
-.timeline-event:nth-child(36n + 1) {
+  }
+  
+  .timeline-event:nth-child(36n + 1) {
     margin-left: 8vw;
-}
-
-.timeline-event:nth-child(36n + 25), .timeline-event:nth-child(36n + 35) {
+  }
+  
+  .timeline-event:nth-child(36n + 25), .timeline-event:nth-child(36n + 35) {
     margin-left: 10vw;
-}
-
-.timeline-event:nth-child(1), .timeline-event:nth-child(36n + 11), .timeline-event:nth-child(36n + 17), .timeline-event:nth-child(36n + 23), .timeline-event:nth-child(36n + 27) {
+  }
+  
+  .timeline-event:nth-child(1), .timeline-event:nth-child(36n + 11), .timeline-event:nth-child(36n + 17), .timeline-event:nth-child(36n + 23), .timeline-event:nth-child(36n + 27) {
     margin-left: 12vw;
-}
-
-.timeline-event:nth-child(36n + 3), .timeline-event:nth-child(36n + 15), .timeline-event:nth-child(36n + 21) {
+  }
+  
+  .timeline-event:nth-child(36n + 3), .timeline-event:nth-child(36n + 15), .timeline-event:nth-child(36n + 21) {
     margin-left: 14vw;
-}
-
-.timeline-event:nth-child(3), .timeline-event:nth-child(36n + 5), .timeline-event:nth-child(36n + 13), .timeline-event:nth-child(36n + 19), .timeline-event:nth-child(36n + 29) {
+  }
+  
+  .timeline-event:nth-child(3), .timeline-event:nth-child(36n + 5), .timeline-event:nth-child(36n + 13), .timeline-event:nth-child(36n + 19), .timeline-event:nth-child(36n + 29) {
     margin-left: 16vw;
-}
-
-/* Timeline Events - Right Side */
-.timeline-event:nth-child(2n) {
+  }
+  
+  /* Timeline Events - Right Side */
+  .timeline-event:nth-child(2n) {
     margin-left: auto;
-}
-
-.timeline-event:nth-child(36n + 2), .timeline-event:nth-child(36n + 6), .timeline-event:nth-child(36n + 20), .timeline-event:nth-child(36n + 32) {
+  }
+  
+  .timeline-event:nth-child(36n + 2), .timeline-event:nth-child(36n + 6), .timeline-event:nth-child(36n + 20), .timeline-event:nth-child(36n + 32) {
     margin-right: 4vw;
-}
-
-.timeline-event:nth-child(36n + 34) {
+  }
+  
+  .timeline-event:nth-child(36n + 34) {
     margin-right: 6vw;
-}
-
-.timeline-event:nth-child(36n + 36) {
+  }
+  
+  .timeline-event:nth-child(36n + 36) {
     margin-right: 8vw;
-}
-
-.timeline-event:nth-child(36n + 8), .timeline-event:nth-child(36n + 24) {
+  }
+  
+  .timeline-event:nth-child(36n + 8), .timeline-event:nth-child(36n + 24) {
     margin-right: -3vw;
-}
-
-.timeline-event:nth-child(36n + 14), .timeline-event:nth-child(36n + 16) {
+  }
+  
+  .timeline-event:nth-child(36n + 14), .timeline-event:nth-child(36n + 16) {
     margin-right: -4vw;
-}
-
-.timeline-event:nth-child(36n + 26) {
+  }
+  
+  .timeline-event:nth-child(36n + 26) {
     margin-right: -5vw;
-}
-
-/* Timeline Events - Rotate */
-.timeline-event:nth-child(2n) {
+  }
+  
+  /* Timeline Events - Rotate */
+  .timeline-event:nth-child(2n) {
     transform: rotate(2deg);
-}
-
-.timeline-event:nth-child(5n) {
+  }
+  
+  .timeline-event:nth-child(5n) {
     transform: rotate(3deg);
-}
-
-.timeline-event:nth-child(2n + 1) {
+  }
+  
+  .timeline-event:nth-child(2n + 1) {
     transform: rotate(-1.5deg);
-}
-
-.timeline-event:nth-child(18n + 5), .timeline-event:nth-child(18n + 17) {
+  }
+  
+  .timeline-event:nth-child(18n + 5), .timeline-event:nth-child(18n + 17) {
     transform: rotate(5deg);
-}
-
-.timeline-event:nth-child(18n + 13), .timeline-event:nth-child(18n + 36) {
+  }
+  
+  .timeline-event:nth-child(18n + 13), .timeline-event:nth-child(18n + 36) {
     transform: rotate(-3deg);
-}
-
-.timeline-event:nth-child(18n + 9), .timeline-event:nth-child(18n + 12), .timeline-event:nth-child(18n + 22) {
+  }
+  
+  .timeline-event:nth-child(18n + 9), .timeline-event:nth-child(18n + 12), .timeline-event:nth-child(18n + 22) {
     transform: rotate(-5deg);
-}
-
-/* Event Single */
-.back-button {
+  }
+  
+  /* Event Single */
+  .back-button {
     width: fit-content;
     padding: 10px 20px;
     border: 0;
     background: #007f76;
     color: #fff;
     cursor: pointer;
-}
-
-/* PopUp */
-.popup-container {
+  }
+  
+  /* PopUp */
+  .popup-container {
     position: fixed;
     z-index: 999;
     top: 0;
@@ -1321,15 +1624,15 @@ a.timeline-url {
     opacity: 0;
     visibility: hidden;
     transition: opacity 0.6s ease, visibility 0s ease 0.6s;
-}
-
-.popup-container.view {
+  }
+  
+  .popup-container.view {
     opacity: 1;
     visibility: visible;
     transition: opacity 0.6s ease, visibility 0s ease 0s;
-}
-
-.popup {
+  }
+  
+  .popup {
     background: #fff;
     padding: 0 30px 30px;
     border: 2px solid;
@@ -1339,20 +1642,20 @@ a.timeline-url {
     z-index: 2;
     max-height: 80%;
     overflow-y: scroll;
-}
-
-.popup-header {
+  }
+  
+  .popup-header {
     display: flex;
     justify-content: space-between;
     padding-top: 30px;
-}
-
-.popup-header h3 {
+  }
+  
+  .popup-header h3 {
     margin: 0;
     padding-right: 10px;
-}
-
-.popup-close {
+  }
+  
+  .popup-close {
     position: relative;
     height: 30px;
     width: 30px;
@@ -1362,9 +1665,9 @@ a.timeline-url {
     cursor: pointer;
     border: 0;
     background: none;
-}
-
-.popup-close:after, .popup-close:before {
+  }
+  
+  .popup-close:after, .popup-close:before {
     content: "";
     height: 30px;
     width: 2px;
@@ -1372,13 +1675,13 @@ a.timeline-url {
     background: #333;
     position: absolute;
     transform: rotate(45deg);
-}
-
-.popup-close:before {
+  }
+  
+  .popup-close:before {
     transform: rotate(-45deg);
-}
-
-.popup-bg {
+  }
+  
+  .popup-bg {
     position: absolute;
     background: #00000059;
     top: 0;
@@ -1386,144 +1689,259 @@ a.timeline-url {
     left: 0;
     right: 0;
     z-index: -1;
-}
-
-
-/* Page footer */
-
-#footer {
+  }
+  
+  
+  /* EVENT LIST */
+  
+  .event-list {
+    border: 2px solid var(--calendar-dark);
+    background-color: var(--calendar-light);
+    color: var(--calendar-dark);
+    margin: 1rem 0 4rem;
+  }
+  
+  .event-list .tape-label span {
+    background-color: var(--calendar-dark);
+  }
+  
+  .event-list-item {
+    border-top: 1px solid;
+    display: flex;
+    flex-wrap: wrap;
+  }
+  
+  .event-list-item-head {
+    display: flex;
+  }
+  
+  .event-list-item a {
+    color: var(--calendar-dark);
+  }
+  
+  .event-list-item .date-start, .event-list-item .title, .event-list-item .time, .event-list-item .duration, .event-list-item .location {
+    display: flex;
+    align-items: center;
+    border-right: 1px solid var(--calendar-dark);
+    padding: 0.8rem 0;
+    overflow: hidden;
+  }
+  
+  .event-list-item .date-start {
+    font-size: 1.2rem;
+    width: 110px;
+    padding-left: 0.4rem;
+    border-right: 0;
+  }
+  
+  .event-list-item .title {
+    width: calc(45% - 110px);   
+    padding-left: 0.4rem;
+  }
+  
+  .event-list-item .p-name {
+    margin: 0;
+    font-size: 1.2rem;
+    padding: 0;
+    display: block;
+    width: 100%;
+  }
+  
+  .event-list-item .p-name a {
+    color: var(--calendar-dark);
+    text-decoration: none;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    width: calc(100% - 20px);
+    display: block;
+  }
+  
+  .event-list-item .time {
+    width: 20%;
+  }
+  
+  .event-list-item .time .start-scroller {
+    border-bottom: 0px;
+  }
+  
+  .event-list-item .duration {
+    width: 12.5%;
+    font-size: 0.8rem;
+    padding: 0.8rem 0.4rem;
+  }
+  
+  .event-list-item .duration b {
+    margin-left: 3px;
+  }
+  
+  .event-list-item .location {
+    min-width: unset;
+    width: 15%;
+    font-size: 0.8rem;
+    padding: 0.8rem 0.4rem;
+  }
+  
+  .event-list-item .button {
+    width: 7.5%;
+  }
+  
+  .event-list-item .calendar {
+    width: 7.5%;
+    display: flex;
+    align-items: center;
+    padding: 0.8rem 0.4rem;
+    cursor: pointer;
+  }
+  
+  .event-list-item .description {
+    display: none;
+    border-top: 1px solid;
+    font-size: 1.2rem;
+  }
+  
+  input:checked + label + .description {
+    display: block;
+    transition: ease .5s;
+  }
+  
+  /* Page footer */
+  
+  #footer {
     position: relative;
     margin-top: 10px;
     font-size: 18px;
-}
-
-#footer.blue .f-main {
+  }
+  
+  #footer.blue .f-main {
     background: var(--social-light);
-}
-
-#footer.blue .f-credits {
+  }
+  
+  #footer.blue .f-credits {
     background: var(--social-dark);
-}
-
-#footer.orange .f-main {
+  }
+  
+  #footer.orange .f-main {
     background: var(--kios-light);
-}
-
-#footer.orange .f-credits {
+  }
+  
+  #footer.orange .f-credits {
     background: var(--kios-dark);
-}
-
-#footer.green .f-main {
+  }
+  
+  #footer.green .f-main {
     background: var(--tv-light);
-}
-
-#footer.green .f-credits {
+  }
+  
+  #footer.green .f-credits {
     background: var(--tv-dark);
-}
-
-
-.f-main {
+  }
+  
+  
+  .f-main {
     padding: 60px 2rem;
     display: flex;
     justify-content: space-between;
-}
-
-.f-column {
+  }
+  
+  .f-column {
     margin-right: 6vw;
-}
-
-.f-column:first-child {
+  }
+  
+  .f-column:first-child {
     margin-right: 8vw;
-}
-
-.f-column:last-child {
+  }
+  
+  .f-column:last-child {
     margin-right: 0;
-}
-
-.f-main .logo {
+  }
+  
+  .f-main .logo {
+    width: 280px;
+    max-height: unset;
     filter: brightness(0);
     max-width: 20vw;
     margin-top: 0;
     opacity: 0.8;
-}
-
-.f-menu-headline {
+  }
+  
+  .f-menu-headline {
     font-weight: bold;
     margin-bottom: 5px;
-}
-
-.f-main a {
+  }
+  
+  .f-main a {
     color: #000;
     display: block;
     font-size: 18px;
     margin-bottom: 5px;
     text-decoration: none;
     white-space: nowrap;
-}
-
-.f-main .login {
+  }
+  
+  .f-main .login {
     font-weight: bold;
     padding: 8px 28px;
     border: 1.5px solid;
-}
-
-.f-credits {
+  }
+  
+  .f-credits {
     color: #fff;
     font-size: 15px;
     padding: 20px 2rem;
-}
-
-.f-credits a {
+  }
+  
+  .f-credits a {
     color: #fff;
     text-decoration: none;
-}
-
-.f-credits a:hover {
+  }
+  
+  .f-credits a:hover {
     cursor: pointer;
     text-decoration: underline;
-}
-
-/* about styles */
-
-#about-img {
+  }
+  
+  /* about styles */
+  
+  #about-img {
     width: 50%;
     height: auto;
     display:block;
     margin:auto;
-}
-
-
-/* single page styles */
-.single header {
+  }
+  
+  
+  /* single page styles */
+  .single header {
     flex-direction: column;
     margin-bottom: 4rem;
-}
-
-.single .p-name a {
+  }
+  
+  .single .p-name a {
     color: black;
     text-decoration: none;
     font-size: 2.2rem;
-}
-
-.single .p-name a:hover {
+  }
+  
+  .single .p-name a:hover {
     text-decoration: underline;
-}
-
-.single .h-entry img {
+  }
+  
+  .single .h-entry img {
     object-fit: contain;
     height: auto;
-}
-
-.single .h-entry figure{
+  }
+  
+  .single .h-entry figure{
     margin: 0 0 20px;
-}
-
-.single .h-entry figure figure{
+  }
+  
+  .single .h-entry figure figure{
     margin: 0;
-}
-
-/* lumbung radio player widget  */
-.lumbung-radio-player {
+  }
+  
+  /* lumbung radio player widget  */
+  .lumbung-radio-player {
     display: flex;
     color: var(--sounds-dark);
     border: 1px solid var(--sounds-dark);
@@ -1538,44 +1956,241 @@ a.timeline-url {
     bottom: 2rem;
     right: 2rem;
     cursor: pointer;
-}
-
-
-@media all and (min-width: 980px) and (max-width: 1180px) {
-	#top-menu a, .menu .has-submenu {
+  }
+  
+  
+  @media all and (min-width: 980px) and (max-width: 1180px) {
+  #top-menu a, .menu .has-submenu {
         font-size: 1.8vw;
         vertical-align: top;
     }
-}
-
-
-/* tablet styles */
-
-@media (max-width: 980px) {
+  
+    .menu-row {
+        font-size: 1.78vw;
+      }
+  }
+  
+  
+  /* tablet styles */
+  
+  @media (max-width: 980px) {
     body {
         display: initial;
     }
-
+  
     #top-menu {
-        grid-template-columns: 1fr;
+        width: 100%;
     }
-
-    .menu,
-    #login {
+  
+    .logo {
+        max-height: 50px;
+    }
+  
+    /* menu styles */
+  
+    .menu-row, #top-menu {
+        position: fixed !important;
+        z-index: 97;
+    }
+  
+    .menu-row {
+        z-index: 98;
+        width: fit-content;
+        margin-top: 3vw;
+        right: 5%;
+    }
+  
+    .menu {
+        display: none;
+        position: fixed;
+        left: 20px;
+        top: 80px;
+        width: calc(100vw - 40px);
+        overflow: scroll;
+        height: calc(100% - 90px);
+        padding: 0.5rem 1.5rem;
+    }
+  
+    .menu.active {
+        display: block;
+    }
+  
+    .menu ul {
+        margin: 0;
+        display: block;
+    }
+  
+    .menu-row .login {
         display: none;
     }
-
-    /* menu styles */
+  
+    .menu-button {
+        display: flex;
+        position: fixed;
+        left: 20px;
+        top: clamp(25px, 7vw, 35px);
+    }
+    
+    .menu ul.submenu {
+        margin-left: 0;
+        margin-top: 4px;
+        position: unset;
+        border: 0;
+        padding-left: 20px !important;
+        display: none;
+    }
+  
+    .menu .submenu li {
+        margin: 0;
+        padding: 0.5rem 0;
+    }
+  
+    .menu ul.submenu.active {
+        display: block;
+        visibility: visible;
+    }
+  
+    .login-menu {
+        display: block;
+        padding: 0.5rem 2rem;
+        background: #333;
+        transform: rotate(-3deg);
+        width: fit-content;
+        margin: 0.5rem 0 1rem;
+    }
+  
+    .login-menu a {
+        color: #fff !important;
+    }
+  
+    .menu-button--line{
+        transition: all 0.3s ease-in-out;
+    }
+  
+    .menu-button.active {
+        -webkit-transition: all 0.3s ease-in-out;
+        -o-transition: all 0.3s ease-in-out;
+        transition: all 0.3s ease-in-out;
+          transition-delay: 0s;
+        -webkit-transition-delay: 0.6s;
+        -o-transition-delay: 0.6s;
+        transition-delay: 0.6s;
+        -webkit-transform: rotate(45deg);
+        -ms-transform: rotate(45deg);
+        -o-transform: rotate(45deg);
+        transform: rotate(45deg);
+    }
+  
+    .menu-button.active .menu-button--line:nth-child(1) {
+        -webkit-transform: translateY(8px);
+        -ms-transform: translateY(8px);
+        -o-transform: translateY(8px);
+        transform: translateY(8px);
+        -webkit-transition-delay: 0.3s;
+        -o-transition-delay: 0.3s;
+        transition-delay: 0.3s;
+    }
+  
+    .menu-button.active .menu-button--line:nth-child(2) {
+        width: 0px;
+    }
+  
+    .menu-button.active .menu-button--line:nth-child(3) {
+        -webkit-transform: translateY(-6px) rotate(90deg);
+        -ms-transform: translateY(-6px) rotate(90deg);
+        -o-transform: translateY(-6px) rotate(90deg);
+        transform: translateY(-6px) rotate(90deg);
+        -webkit-transition-delay: 0.3s;
+        -o-transition-delay: 0.3s;
+        transition-delay: 0.3s;
+    }
+  
+    .filter {
+        position: fixed;
+        right: 20px;
+        top: clamp(25px, 7vw, 35px);
+    }
+  
+    .filter-container {
+        flex-wrap: wrap;
+        border-top: 2px solid #333;
+        left: 20px;
+        width: calc(100vw - 40px);
+        position: fixed;
+        margin-top: 30px;
+        display: none !important;
+    }
+  
+    #filter.active .filter-container {
+        display: block !important;
+    }
+  
+    .filter-information {
+        width: 100%;
+        margin-bottom: 15px;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+    }
+  
+    .filter-buttons-container {
+        display: block;
+        width: 100%;
+    }
+  
+    .filter-buttons-container.open {
+        display: block !important;
+    }
+  
+    .filter-buttons-dropdown {
+        z-index: 99;
+    }
+  
+    .filter-buttons {
+        margin-right: 0px;
+        margin-bottom: 10px;
+        width: 100%;
+    }
+  
+    .container {
+        padding-top: 60px;
+    }
+  
+    .filter-link {
+        background: unset;
+        padding: 0;
+    }
+  
+    .filter-link span {
+        display: none;
+    }
+  
+    .filter-icon {
+        height: 20px;
+        margin-right: 0;
+    }
+  
+    .filter-icon path {
+        fill: #333;
+    }
+  
+    .filter-buttons-dropdown.active {
+        display: block;
+    }
+  
+    .filter-by.active:after {
+        transform: rotate(180deg);
+    }
+  
     #top-menu div.mobile-menu {
         display: flex;
         justify-content: space-between;
     }
-
-    .mobile-menu #login {
-        display: inline-flex;
-        margin: 0 0 0 auto;
+  
+    #top-menu .login-link {
+        display: none;
     }
-
+  
     .hamburger {
         border: none;
         background: none;
@@ -1583,12 +2198,12 @@ a.timeline-url {
         z-index: 3;
         cursor: pointer;
     }
-
+  
     .hamburger.opened {
         position: fixed;
         margin-top: 3px;
     }
-
+  
     .drawer {
         display: block;
         position: fixed;
@@ -1604,12 +2219,12 @@ a.timeline-url {
         overflow-x: hidden;
         overflow-y: scroll;
     }
-
+  
     .drawer * {
         display: none;
         opacity: 0;
     }
-
+  
     #top-menu .drawer ul {
         display: flex;
         flex-direction: column;
@@ -1618,47 +2233,47 @@ a.timeline-url {
         margin: 0;
         padding: 0;
     }
-
+  
     #top-menu ul.submenu {
         position: initial;
     }
-
+  
     .drawer ul li {
         padding: 1em 0;
         /* border-bottom: 1px solid #333; */
     }
-
+  
     .drawer ul > li:last-child {
         padding-bottom: 2em;
     }
-
+  
     .drawer ul li a {
         color: white;
         text-decoration: none;
         text-transform: lowercase;
         margin-left: 1em;
     }
-
+  
     .drawer.opened {
         width: 80%;
     }
-
+  
     .drawer.opened * {
         display: block;
         opacity: 1;
     }
-
+  
     /* Landingpage */
     .app-column {
         width: 33%;
         padding: 2.5%;
     }
-
+  
     /* Landingpage */
     .f-main {
         flex-wrap: wrap;
     }
-
+  
     .f-column {
         margin-right: 0vw;
         
@@ -1667,234 +2282,156 @@ a.timeline-url {
     .f-column:nth-child(1), .f-column:nth-child(2){
         margin-bottom: 45px;
     }
-
+  
     .f-main .logo {
         max-width: unset;
     }
-}
-
-/* mobile styles */
-
-@media (max-width: 768px) {
-
+  
+    /* EVENT LIST */
+  
+    .event-list .event-list-item:nth-child(2n) {
+        background: #c8efff;
+    }
+  
+    .event-list-item .date-start {
+        border-bottom: 1px solid;
+    }
+  
+    .event-list-item .title {
+        width: calc(100% - 110px);
+        border-bottom: 1px solid;
+        border-right: 0;
+    }
+  
+    .event-list-item .time {
+        width: 100%;
+        border-bottom: 1px solid;
+        border-right: 0;
+        padding: 0;
+    }
+  
+    .event-list-item .duration, .event-list-item .location {
+        width: 42%;
+    }
+  
+    .event-list-item .calendar {
+        width: 16%;
+    }
+  
+  }
+  
+  /* mobile styles */
+  
+  @media (max-width: 768px) {
+  
     /* card styles */
     .card,
     .card.network {
         max-width: 83vw;
     }
-
+  
     .card .summary-text {
         font-size: 17px;
         min-width: 30ch;
     }
-
+  
     .card h2 a {
         font-size: 26px;
     }
-
+  
     /* Landingpage */
     .app-column {
         width: 50%;
         padding: 2.5%;
     }
-
+  
     /* Timeline Tags */
     .timeline-tags {
         font-size: 3vw;
     }
-
+  
     /* Timeline Container and Line */
     .timeline-start {
         font-size: 5vw;
         padding: 1.5vw 0 9vw;
     }
-
+  
     .timeline-line {
         height: calc(100% - 18vw);
         top: 18vw;
         width: 25vw;
     }
-
+  
     .timeline-line-head {
         height: 18.5vw;
     }
-
+  
     .timeline-line-body {
         height: calc(100% - 18.2vw);
         top: 18.2vw;
     }
-
+  
     /* Timeline Events and Position */
     .timeline-events {
         padding-top: 15vw;
     }
-
+  
     .timeline-event {
         width: 30vw;
         height: 35vw;
         margin-top: -12vw !important;
     }
-
+  
     .timeline-url {
         font-size: 3.4vw;
     }
-
+  
     .link-svg {
         height: 2.4vw;
         width: 2.4vw;
         margin-left: 1.6vw;
     }
-
+  
     /* Timeline Events - Left Side (sort margin)*/
     .timeline-event:nth-child(36n + 7), .timeline-event:nth-child(36n + 9), .timeline-event:nth-child(36n + 33) {
         margin-left: 1vw;
     }
-
+  
     .timeline-event:nth-child(36n + 1), .timeline-event:nth-child(36n + 3), .timeline-event:nth-child(36n + 15), .timeline-event:nth-child(36n + 21), .timeline-event:nth-child(36n + 11), .timeline-event:nth-child(36n + 17), .timeline-event:nth-child(36n + 23), .timeline-event:nth-child(36n + 27) {
         margin-left: 2vw;
     }
-
+  
     .timeline-event:nth-child(3), .timeline-event:nth-child(36n + 5), .timeline-event:nth-child(36n + 13), .timeline-event:nth-child(36n + 19), .timeline-event:nth-child(36n + 29), .timeline-event:nth-child(36n + 25), .timeline-event:nth-child(36n + 35) {
         margin-left: -3vw;
     }
-
+  
     /* Timeline Events - Right Side */
     .timeline-event:nth-child(2n) {
         margin-right: -5vw;
-}
-
+    }
+  
     .timeline-event:nth-child(36n + 8), .timeline-event:nth-child(36n + 24) {
         margin-right: -6vw;
     }
-
+  
     .timeline-event:nth-child(36n + 26) {
         margin-right: -8vw;
     }
-}
-
-@media (max-width: 480px) {
+  }
+  
+  @media (max-width: 480px) {
     .pagination-container {
         width: 71vw;
         margin: 2em 0;
     }
-
+  
     .pagination .page-item {
         font-size: 26px;
     }
-}
-
-@media (max-width:  960px) {
+  }
+  
+  @media (max-width:  960px) {
     .menu ul:first-child {
         padding: 0;
     }
-}
-
-
-/*===============================================
-Styles for publishers page 
-================================================= */
-
-.publishers-page .map {
-    margin-block: 2rem 4rem;
-    border: 1px solid;
-}
-
-.card.publishers {
-    border: 2px solid var(--social-dark);
-    background-color: var(--social-light);
-    max-width: min-content;
-    margin-bottom: 2em;
-    flex: auto;
-    margin: 0 3em 3em 0;
-    align-self: start;
-    color: var(--social-dark);
-    transition: transform 0.1s ease-in-out;
-}
-
-.card.publishers .link-wrapper {
-    text-decoration: none;
-    color: inherit;
-}
-
-.card.publishers:hover {
-    transform: rotate(5deg);
-}
-
-.h-entry.publishers header {
-    display: flex;
-    flex-direction: column;
-}
-
-.h-entry.publishers header h2 {
-    padding: 0.5em 0.5em 0.2em 0.5em;
-    margin: 0;
-    border: none;
-}
-
-.h-entry.publishers header h2:hover {
-    cursor: pointer;
-}
-
-.h-entry.publishers header h2 a {
-    text-decoration: none;
-    color: var(--social-dark);
-}
-
-.h-entry.publishers header time {
-    text-align: right;
-    padding: 0.6em 0.8em;
-    font-size: 1rem;
-}
-
-.card.publishers .header-metadata {
-    align-items: center;
-}
-
-.card.publishers .header-metadata .dt-published {
-    border-bottom: 2px solid var(--social-dark);
-}
-
-.card.publishers .filler {
-    min-height: 1rem;
-}
-
-.card.publishers .author.p-author {
-    border-color: var(--social-dark);
-    padding: 0.5em 1.2em 0.5em 1.2em;
-}
-
-.card.publishers .p-summary {
-    display: flex;
-}
-
-.card.publishers .p-summary.landscape {
-    flex-direction: column;
-}
-
-.card.publishers .summary-image > img {
-    display: inherit;
-}
-
-.card.publishers .summary-text {
-    font-size: 18px;
-}
-
-.card.publishers .footer-filler {
-    border-left: 2px solid var(--social-dark);
-    border-top: none;
-}
-
-.card.publishers .post-footer {
-    border-top: 2px solid var(--social-dark);
-    flex-flow: row;
-    font-size: 0.9rem;
-    background-color: var(--social-light);
-    color: var(--social-dark);
-    padding: 1em;
-    justify-content: space-between;
-    align-items: center;
-}
-
-.card.publishers .post-footer svg {
-    fill: var(--social-dark)
-}
\ No newline at end of file
+  }
\ No newline at end of file

From b196fc363b7fec09ac88783b3f2a37d72e80ed86 Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Mon, 19 Dec 2022 13:23:44 +0500
Subject: [PATCH 13/38] add trailing space

---
 themes/lumbung-theme/static/css/main.css | 2234 +++++++++++-----------
 1 file changed, 1117 insertions(+), 1117 deletions(-)

diff --git a/themes/lumbung-theme/static/css/main.css b/themes/lumbung-theme/static/css/main.css
index 019dee4..b0508f9 100644
--- a/themes/lumbung-theme/static/css/main.css
+++ b/themes/lumbung-theme/static/css/main.css
@@ -3,97 +3,97 @@
     font-style: normal;
     font-weight: 400;
     src: url(fonts/gudea.woff2) format("woff2");
-  }
-  
-  @font-face {
+}
+
+@font-face {
     font-family: Gudea;
     font-style: italic;
     font-weight: 400;
     src: url(fonts/gudea-italic.woff2) format("woff2");
-  }
-  
-  @font-face {
+}
+
+@font-face {
     font-family: Gudea;
     font-style: normal;
     font-weight: 700;
     src: url(fonts/gudea-bold.woff2) format("woff2");
-  }
-  
-  :root {
+}
+
+:root {
     --border-color: tomato;
-  
+
     --tv-dark: #237D0F;
     --tv-light: #E2FAD7;
-  
+
     --pen-dark: #C5021E;
     --pen-light: #FFEBD9;
-  
+
     --social-light: #C2E4F2;
     --social-dark: #0163A4;
-  
+
     --gallery-light: #FCF4B9;
     --gallery-dark: #846A00;
-  
+
     --kios-light: #F6D1BC;
     --kios-dark: #E05732;
-  
+
     --shouts-dark: #CB001D;
     --shouts-light: #FFD9DD;
-  
+
     --calendar-light: #B6EDFF;
     --calendar-dark: #0E64C8;
-  
+
     --sounds-light: #ECC5EC;
     --sounds-dark: #CA14D4;
-  
+
     --books-dark: #954d43;
     --books-light: #edd7c4;
-  }
-  
-  
-  /*Main Stuff*/
-  
-  html {
+}
+
+
+/*Main Stuff*/
+
+html {
     scroll-behavior: smooth;
-  }
+}
   
-  
-  body {
+
+body {
     font-size: 21px;
     font-family: Gudea, sans-serif;
     margin: 0;
-  
+
     /* pushes footer to bottom */
     display: grid;
     grid-template-rows: auto auto 1fr auto;
     min-height: 100vh;
-  }
-  
-  /* pushes banner to bottom */
-  body > iframe {
+}
+
+/* pushes banner to bottom */
+body > iframe {
     margin: auto 0 0;
-  }
-  
-  * {
+}
+
+* {
     box-sizing: border-box;
-  }
-  
-  a {
+}
+
+a {
     color: #000;
-  }
-  
-  .container {
+}
+
+.container {
     margin: 2em auto;
     max-width: 80%;
     width: 100%;
     margin-bottom: 0;
-  }
-  
-  .container .single {
+}
+
+.container .single {
     max-width: 65ch;
-  }
-  
-  .card {
+}
+
+.card {
     border: 2px solid var(--border-color);
     background-color: #fff09d;
     max-width: 600px;
@@ -101,13 +101,13 @@
     flex: auto;
     margin: 0 3em 3em 0;
     align-self: start;
-  }
-  
-  .card {
+}
+
+.card {
     background-color: peachpuff;
-  }
-  
-  .date-marker{
+}
+
+.date-marker{
     background-color: #333333;
     color: white;
     font-style: bold;
@@ -118,88 +118,88 @@
     font-family: Gudea;
     font-weight: 700;
     text-align: center;
-  }
-  .date-marker:nth-child(odd){
+}
+.date-marker:nth-child(odd){
     transform: rotate(3deg);
-  }
-  .date-marker:nth-child(even){
+}
+.date-marker:nth-child(even){
     transform: rotate(-2deg);
-  }
-  
-  
-  .side-bar {
+}
+
+
+.side-bar {
     border: 2px solid var(--border-color);
     max-width: 400px;
-  }
-  
-  .post:nth-child(even) {
+}
+
+.post:nth-child(even) {
     transform: rotate(-1deg);
-  }
-  
-  .post:nth-child(odd) {
+}
+
+.post:nth-child(odd) {
     transform: rotate(1deg);
-  }
-  
-  .post:nth-child(5) {
+}
+
+.post:nth-child(5) {
     transform: rotate(2deg);
-  }
-  
-  .video.box {
+}
+
+.video.box {
     margin-top: 3em;
-  }
-  
-  .bar {
+}
+
+.bar {
     border: 2px solid var(--border-color);
     box-shadow: 0.6em 0.6em 0 #d2d1c8;
     margin-bottom: 2em;
     margin-top: 3em;
     display: inline-block;
     background-color: #fff09d;
-  }
-  
-  .h-feed {
+}
+
+.h-feed {
     display: flex;
     flex-flow: row wrap;
     width: 100%;
-  }
-  
-  .p-name {
+}
+
+.p-name {
     padding-right: 1em;
-  }
-  
-  /* base header & menu */
-  
-  .header-row {
+}
+
+/* base header & menu */
+
+.header-row {
     margin: 1.5rem;
     display: flex;
     justify-content: space-between;
     align-items: center;
-  }
-  
-  .home-link {
+}
+
+.home-link {
     display: block;
     max-width: 700px;
     width: 70%;
     padding: 0;
     margin: auto;
-  }
-  
-  .logo {
+}
+
+.logo {
     display: block;
     width: 100%;
     height: auto;
-  }
-  
-  #top-menu .login-link {
+}
+
+#top-menu .login-link {
     background: #009d9b;
     padding: 5px 30px;
     color: #fff;
     font-weight: 900; 
     position: absolute;
     right: 1.5rem;
-  }
-  
-  .menu-row {
+}
+
+.menu-row {
     margin: 0 auto;
     max-width: 80%;
     width: 100%;
@@ -210,9 +210,9 @@
     top: 15px;
     z-index: 99;
     max-width: fit-content;
-  }
-  
-  .menu-row .menu .filter-link {
+}
+
+.menu-row .menu .filter-link {
     background: #333;
     height: 100%;
     display: flex;
@@ -220,287 +220,287 @@
     padding: 0.5rem 1.5rem;
     color: #fff;
     cursor: pointer;
-  }
-  
-  .filter-icon {
+}
+
+.filter-icon {
     height: 14px;
     width: auto;
     display: block;
     margin-right: 10px;
-  }
-  
-  .filter-icon path {
+}
+
+.filter-icon path {
     fill:#fff;
-  }
-  
-  .menu-button {
+}
+
+.menu-button {
     width: 30px;
     height: 16px;
     display: none;
     flex-direction: column;
     justify-content: space-between;
     color: pointer;
-  }
-  
-  .menu-button--line {
+}
+
+.menu-button--line {
     width: 100%;
     height: 2px;
     background: #333;
-  }
-  
-  .menu {
+}
+
+.menu {
     border: 2px solid #333;
     padding: 0 1rem;
     display: flex;
     align-items: center;
     background: #fff;
     position: relative;
-  }
-  
-  .menu-dot {
+}
+
+.menu-dot {
     width: 10px;
     height: 10px;
     margin-right: 3rem;
-  }
-  
-  .menu ul {
+}
+
+.menu ul {
     list-style-type: none;
     margin: 0 auto;
     padding-left: 0;
     display: flex;
     justify-content: space-between;
     text-transform: lowercase;
-  }
-  
-  .menu ul li {
+}
+
+.menu ul li {
     margin-right: 1.5rem;
     padding: 0.5rem 0;
-  }
-  
-  .menu ul li:last-child {
+}
+
+.menu ul li:last-child {
     margin-right: 0;
-  }
-  
-  .menu-nav-item {
+}
+
+.menu-nav-item {
     border-right: 2px solid var(--border-color);
     padding: 0.5em;
-  }
-  
-  .menu a {
+}
+
+.menu a {
     text-decoration: none;
     color: #333;
-  }
-  
-  .menu a:hover,
-  .menu a:focus {
+}
+
+.menu a:hover,
+.menu a:focus {
     color: black;
-  }
-  
-  #top-menu div {
+}
+
+#top-menu div {
     display: flex;
-  }
-  
-  #top-menu div.mobile-menu,
-  .drawer {
+}
+
+#top-menu div.mobile-menu,
+.drawer {
     display: none;
-  }
-  
-  .menu input {
+}
+
+.menu input {
     border: none;
     border-bottom: 1px solid #333;
     margin-right: 2rem;
     font-size: 13px;
     margin-left: 5px;
-  }
-  
-  .menu input:focus,
-  .menu input:hover {
+}
+
+.menu input:focus,
+.menu input:hover {
     outline: none;
     border-bottom: 1px solid #333;
-  }
-  
-  .menu-dropdown summary {
+}
+
+.menu-dropdown summary {
     list-style: none;
     cursor: pointer;
-  }
-  
-  .dropdown-menu summary::-webkit-details-marker {
+}
+
+.dropdown-menu summary::-webkit-details-marker {
     display: none;
-  }
-  
-  .login-menu {
+}
+
+.login-menu {
     display: none;
-  }
-  
-  .menu-row .login {
+}
+
+.menu-row .login {
     height: 100%;
     display: flex;
     align-items: center;
     border: 2px solid #333;
     padding: 0 1.5rem;
     background: #fff;
-  }
-  
-  .login a {
+}
+
+.login a {
     text-decoration: none;
-  }
-  
-  /* styles for "tools" dropdown menu */
-  .menu ul.submenu {
+}
+
+/* styles for "tools" dropdown menu */
+.menu ul.submenu {
     flex-direction: column;
     margin-left: 0;
     position: absolute;
     background-color: white;
     z-index: 2;
-  }
-  
-  .menu .submenu {
+}
+
+.menu .submenu {
     visibility: hidden;
     transition: all 0.1s ease-in-out;
-  }
-  
-  .menu .submenu li {
+}
+
+.menu .submenu li {
     margin: 2px 0;
     padding: 0;
-  }
-  
-  .menu .has-submenu {
+}
+
+.menu .has-submenu {
     cursor: pointer;
     color: #333333;
-  }
-  
-  .menu .has-submenu:hover {
+}
+
+.menu .has-submenu:hover {
     color: black;
-  }
-  
-  .menu .has-submenu:hover .submenu {
+}
+
+.menu .has-submenu:hover .submenu {
     visibility: visible;
-  }
-  
-  .menu ul.submenu {
+}
+
+.menu ul.submenu {
     margin-left: -0.5em;
     margin-top: 8px;
     border: 2px solid ;
     gap: 0.25em;
     padding: 0.5em;
-  }
-  
-  .menu .menu .submenu a {
+}
+
+.menu .menu .submenu a {
     margin: 0;
     display: flex;
-  }
-  
-  .menu .drawer .submenu {
+}
+
+.menu .drawer .submenu {
     position: initial;
     display: none;
-  }
-  
-  .menu .drawer .submenu.opened {
+}
+
+.menu .drawer .submenu.opened {
     display: flex;
-  }
-  
-  .menu .drawer .submenu li {
+}
+
+.menu .drawer .submenu li {
    padding: 0;
    padding-top: 1em; 
-  }
-  
-  .menu .drawer .opened .submenu {
+}
+
+.menu .drawer .opened .submenu {
     visibility: visible;
-  }
-  
-  
-  /*Article Summary Cards*/
-  
-  .h-entry header {
+}
+
+
+/*Article Summary Cards*/
+
+.h-entry header {
     display: flex;
     justify-content: space-between;
-  }
-  
-  .h-entry header h2 {
+}
+
+.h-entry header h2 {
     padding: 0.2em;
     margin: 0;
     padding-right: 0.3em;
     padding-left: 0.3em;
     flex-grow: 1;
-  }
-  
-  .h-entry header h2:hover {
+}
+
+.h-entry header h2:hover {
     cursor: pointer;
-  }
-  
-  .h-entry header h2 a {
+}
+
+.h-entry header h2 a {
     text-decoration: none;
     color: var(--border-color);
-  }
-  
-  .h-entry header .header-metadata {
+}
+
+.h-entry header .header-metadata {
     margin: 0;
     display: flex;
     flex-flow: column wrap;
     font-size: 0.8rem;
-  }
-  
-  .h-entry img {
+}
+
+.h-entry img {
     max-width: 100%;
     width: 100%;
-  }
-  
-  /* .portrait .h-entry img {
+}
+
+/* .portrait .h-entry img {
     max-width: unset;
     width: unset;
-  } */
-  
-  .header-metadata .dt-published {
+} */
+
+.header-metadata .dt-published {
     padding: 0.5em 1.2em 0.5em 1.2em;
-  }
-  
-  .author.p-author {
+}
+
+.author.p-author {
     border-top: 2px solid var(--border-color);
     padding: 0.5em 1.2em 0.5em 1.2em;
-  }
-  
-  .p-summary.truncated.image {
+}
+
+.p-summary.truncated.image {
     display: flex;
     flex-direction: row-reverse;
-  }
-  
-  .p-summary.truncated {
+}
+
+.p-summary.truncated {
     display: flex;
     flex-direction: column;
-  }
-  
-  .summary-text {
+}
+
+.summary-text {
     flex: 1;
     padding: 1em;
     min-width: 34ch;
     text-overflow: ellipsis;
     overflow: hidden;
-  }
-  
-  .summary-image > a {
+}
+
+.summary-image > a {
     display: flex;
-  }
-  
-  footer.post-footer {
+}
+
+footer.post-footer {
     display: flex;
     flex-flow: row-reverse;
     padding: 0.5em 1em;
-  }
-  
-  .footer-filler {
+}
+
+.footer-filler {
     border-top: 2px solid var(--border-color);
     flex-grow: 1;
-  }
-  
-  .read-more {
+}
+
+.read-more {
     align-content: flex-end;
     font-size: 0.9rem;
-  }
-  
-  
-  /* shout cards */
-  
-  .card.shout {
+}
+
+
+/* shout cards */
+
+.card.shout {
     border: 2px solid var(--shouts-dark);
     background-color: var(--shouts-light);
     max-width: min-content;
@@ -509,73 +509,73 @@
     margin: 0 3em 3em 0;
     align-self: start;
     color: var(--shouts-dark);
-  }
-  
-  
-  .h-entry.shout header {
+}
+
+
+.h-entry.shout header {
     display: flex;
     flex-direction: column;
-  }
-  
-  .h-entry.shout header h2 {
+}
+
+.h-entry.shout header h2 {
     padding: 0.2em 0.5em 0.5em 0.5em;
     margin: 0;
     border: none;
-  }
-  
-  .h-entry.shout header h2:hover {
+}
+
+.h-entry.shout header h2:hover {
     cursor: pointer;
-  }
-  
-  .h-entry.shout header h2 a {
+}
+
+.h-entry.shout header h2 a {
     text-decoration: none;
     color: var(--shouts-dark);
-  }
-  
-  .h-entry.shout header time {
+}
+
+.h-entry.shout header time {
     text-align: right;
     padding: 0.6em 0.8em;
     font-size: 1rem;
-  }
-  
-  .shout .header-metadata {
+}
+
+.shout .header-metadata {
     align-items: center;
-  }
-  
-  .shout .header-metadata .dt-published {
+}
+
+.shout .header-metadata .dt-published {
     border-bottom: 2px solid var(--shouts-dark);
-  }
-  
-  .shout .filler {
+}
+
+.shout .filler {
     min-height: 1rem;
-  }
-  
-  .shout .author.p-author {
+}
+
+.shout .author.p-author {
     border-color: var(--shouts-dark);
     padding: 0.5em 1.2em 0.5em 1.2em;
-  }
-  
-  .shout .p-summary {
+}
+
+.shout .p-summary {
     display: flex;
-  }
-  
-  .shout .p-summary.portrait {
+}
+
+.shout .p-summary.portrait {
     /* flex-direction: row; */
-  }
-  
-  .shout .p-summary.landscape {
+}
+
+.shout .p-summary.landscape {
     flex-direction: column;
-  }
-  
-  .shout .summary-image > img {
+}
+
+.shout .summary-image > img {
     display: inherit;
-  }
-  
-  .shout .summary-text {
+}
+
+.shout .summary-text {
     font-size: 18px;
-  }
-  
-  div.shout-source {
+}
+
+div.shout-source {
     padding: 1em;
     padding-right: 2em;
     width: fit-content;
@@ -586,9 +586,9 @@
     color: white;
     position: relative;
     right: 1em;
-  }
-  
-  .shout-source .triangle {
+}
+
+.shout-source .triangle {
     position: absolute;
     right: 0px;
     bottom: 0;
@@ -597,43 +597,43 @@
     top: -0.5px;
     transform: translateX(calc(100% - 0.5px));
     fill: var(--shouts-dark);
-  }
-  
-  .shout-source a {
+}
+
+.shout-source a {
     font-weight: bold;
     color: white;
-  }
-  
-  .shout .footer-filler {
+}
+
+.shout .footer-filler {
     border-left: 2px solid var(--shouts-dark);
     border-top: none;
-  }
-  
-  .shout footer.post-footer {
+}
+
+.shout footer.post-footer {
     border-top: 2px solid var(--shouts-dark);
     flex-flow: row;
     font-size: 0.9rem;
     background-color: var(--shouts-light);
     color: var(--shouts-dark);
     padding: 1em;
-  }
-  
-  .shout footer svg {
+}
+
+.shout footer svg {
     fill: var(--shouts-dark)
-  }
-  
-  .shout .read-more {
+}
+
+.shout .read-more {
     border: none;
     border-left: 2px solid var(--shouts-dark);
     padding: 0.5em 1.2em 0.5em 1.2em;
-  }
-  
-  .shout .footer-metadata {
+}
+
+.shout .footer-metadata {
     padding: 0.5em 1.2em 0.5em 1.2em;
-  }
-  
-  /* pen cards */
-  .card.pen {
+}
+
+/* pen cards */
+.card.pen {
     border: 2px solid var(--pen-dark);
     background-color: var(--pen-light);
     max-width: min-content;
@@ -642,77 +642,77 @@
     margin: 0 3em 3em 0;
     align-self: start;
     color: var(--shouts-dark);
-  }
-  
-  .h-entry.pen header {
+}
+
+.h-entry.pen header {
     display: flex;
     flex-direction: column;
-  }
-  
-  .h-entry.pen header h2 {
+}
+
+.h-entry.pen header h2 {
     padding: 0.2em 0.5em 0.5em 0.5em;
     margin: 0;
     border: none;
-  }
-  
-  .h-entry.pen header h2:hover {
+}
+
+.h-entry.pen header h2:hover {
     cursor: pointer;
-  }
-  
-  .h-entry.pen header h2 a {
+}
+
+.h-entry.pen header h2 a {
     text-decoration: none;
     color: var(--pen-dark);
-  }
-  
-  .h-entry.pen header time {
+}
+
+.h-entry.pen header time {
     text-align: right;
     padding: 0.6em 0.8em;
     padding-top: 0;
     font-size: 1rem;
-  }
-  
-  .pen .header-metadata {
+}
+
+.pen .header-metadata {
     align-items: center;
-  }
-  
-  .pen .header-metadata .dt-published {
+}
+
+.pen .header-metadata .dt-published {
     border-bottom: 2px solid var(--pen-dark);
-  }
-  
-  .pen .filler {
+}
+
+.pen .filler {
     min-height: 1rem;
-  }
-  
-  .pen .author.p-author {
+}
+
+.pen .author.p-author {
     border-color: var(--pen-dark);
     padding: 0.5em 1.2em 0.5em 1.2em;
-  }
-  
-  .pen .p-summary {
+}
+
+.pen .p-summary {
     display: flex;
-  }
-  
-  .pen .p-summary.portrait {
+}
+
+.pen .p-summary.portrait {
     /* flex-direction: row; */
     /* 
      * for some reason images on specific posts aren't appearing with the portrait class
      */
     flex-direction: column;
-  }
-  
-  .pen .p-summary.landscape {
+}
+
+.pen .p-summary.landscape {
     flex-direction: column;
-  }
-  
-  .pen .summary-image > img {
+}
+
+.pen .summary-image > img {
     display: inherit;
-  }
-  
-  .pen .summary-text {
+}
+
+.pen .summary-text {
     font-size: 18px;
-  }
-  
-  div.pen-source {
+}
+
+div.pen-source {
     padding: 1em;
     font-size: 14px;
     display: flex;
@@ -723,45 +723,45 @@
     position: relative;
     bottom: 21px;
     transform:  rotate(1deg);
-  }
-  
-  
-  .pen-source a {
+}
+
+
+.pen-source a {
     font-weight: bold;
     color: white;
-  }
-  
-  .pen .footer-filler {
+}
+
+.pen .footer-filler {
     border-left: 2px solid var(--pen-dark);
     border-top: none;
-  }
-  
-  .pen footer.post-footer {
+}
+
+.pen footer.post-footer {
     border-top: 2px solid var(--pen-dark);
     flex-flow: row;
     font-size: 0.9rem;
     background-color: var(--pen-light);
     color: var(--pen-dark);
     padding: 0.25em 0.5em;
-  }
-  
-  .pen footer svg {
+}
+
+.pen footer svg {
     fill: var(--pen-dark)
-  }
-  
-  .pen .read-more {
+}
+
+.pen .read-more {
     border: none;
     border-left: 2px solid var(--pen-dark);
     padding: 0.5em 1.2em 0.5em 1.2em;
-  }
-  
-  .pen .footer-metadata {
+}
+
+.pen .footer-metadata {
     padding: 0.5em 1.2em 0.5em 1.2em;
-  }
-  
-  /* social / hashtag cards */
-  
-  .card.social {
+}
+
+/* social / hashtag cards */
+
+.card.social {
     border-color: steelblue;
     border: 2px solid;
     background-color: aliceblue;
@@ -771,88 +771,88 @@
     margin: 0 3em 3em 0;
     align-self: start;
     color: steelblue;
-  }
-  
-  .card.social h2 a {
+}
+
+.card.social h2 a {
     color: var(--social-dark);
     cursor: pointer;
     display: block;
     word-wrap: anywhere;
-  }
-  
-  .card .card.social h2 a:hover {
+}
+
+.card .card.social h2 a:hover {
     border: none;
     text-decoration: none;
-  }
-  
-  .card.social .post-footer {
+}
+
+.card.social .post-footer {
     background: var(--social-light);
     color: var(--social-dark);
-  }
-  
-  .card.social .post-footer a{
+}
+
+.card.social .post-footer a{
     background: var(--social-light);
     color: var(--social-dark);
     text-decoration: underline;
-  }
-  
-  
-  /* gallery cards */
-  .card.social.lumbunggallery, .card.social.lumbunggallery .post-footer a {
+}
+
+
+/* gallery cards */
+.card.social.lumbunggallery, .card.social.lumbunggallery .post-footer a {
     border-color: var(--gallery-dark);
     background-color: var(--gallery-light);
     color: var(--gallery-dark);
-  }
-  
-  .card.social.lumbunggallery h2 a {
+}
+
+.card.social.lumbunggallery h2 a {
     color: var(--gallery-dark);
-  }
-  
-  
-  .card.social.lumbunggallery .post-footer {
+}
+
+
+.card.social.lumbunggallery .post-footer {
     background: var(--gallery-light);
     color: var(--gallery-dark);
     border-top: 2px solid;
-  }
-  
-  /* kios cards */
-  .card.social.lumbungkios {
+}
+
+/* kios cards */
+.card.social.lumbungkios {
     border-color: var(--kios-dark);
     background-color: var(--kios-light);
     color: var(--kios-dark);
-  }
-  
-  .card.social.lumbungkios h2 a {
+}
+
+.card.social.lumbungkios h2 a {
     color: var(--kios-dark);
-  }
-  
-  
-  .card.social.lumbungkios .post-footer {
+}
+
+
+.card.social.lumbungkios .post-footer {
     background: var(--kios-light);
     color: var(--kios-dark);
     border-top: 2px solid;
-  }
-  
-  .card.social.lumbungkios .post-footer a {
+}
+
+.card.social.lumbungkios .post-footer a {
     background: none;
     color: var(--kios-dark);
-  }
-  
-  /* books cards */
-  
-  .book.card {
+}
+
+/* books cards */
+
+.book.card {
     background-color: var(--books-light);
     color: var(--books-dark);
     border-color: var(--books-dark);
-  }
-  
-  .tape-label.book span{
+}
+
+.tape-label.book span{
     background-color: var(--books-dark);
-  }
-  
-  /* calendar cards */
-  
-  .card.calendar {
+}
+
+/* calendar cards */
+
+.card.calendar {
     border: 2px solid var(--calendar-dark);
     background-color: var(--calendar-light);
     max-width: 360px;
@@ -861,99 +861,99 @@
     margin: 0 3em 3em 0;
     align-self: start;
     color: var(--calendar-dark);
-  }
-  
-  .calendar .tape-label {
+}
+
+.calendar .tape-label {
     background-color: var(--calendar-light);
-  }
-  
-  .calendar .tape-label span {
+}
+
+.calendar .tape-label span {
     background-color: var(--calendar-dark);
-  }
-  
-  .h-event.calendar header {
+}
+
+.h-event.calendar header {
     display: flex;
     border-bottom: 2px solid cornflowerblue;
-  }
-  
-  .h-event.calendar header h2 {
+}
+
+.h-event.calendar header h2 {
     padding: 0.2em 0.5em 0.2em 0.5em;
     margin: 0;
     border-right: none;
-  }
-  
-  .h-event.calendar header h2:hover {
+}
+
+.h-event.calendar header h2:hover {
     cursor: pointer;
-  }
-  
-  .h-event.calendar header h2 a {
+}
+
+.h-event.calendar header h2 a {
     text-decoration: none;
     color: var(--calendar-dark);
-  }
-  
-  .h-event.calendar .calendar-location a {
+}
+
+.h-event.calendar .calendar-location a {
     color: var(--calendar-dark);
-  }
-  
-  .header-filler {
+}
+
+.header-filler {
     min-width: 10%;
-  }
-  
-  .calendar-location {
+}
+
+.calendar-location {
     font-size: 0.8rem;
     min-width: 20%;
     padding: 0.5em 0.9em 0.5em 0.9em;
     border-left: 2px solid cornflowerblue;
-  }
-  
-  .calendar-duration {
+}
+
+.calendar-duration {
     font-size: 0.8rem;
     border-right: 2px solid cornflowerblue;
     padding: 0.5em 0.9em 0.5em 0.9em;
-  }
-  
-  .start-scroller {
+}
+
+.start-scroller {
     display: flex;
     flex-flow: row-reverse;
     border-bottom: 2px solid cornflowerblue;
-  }
-  
-  .start-scroller marquee {
+}
+
+.start-scroller marquee {
     font-size: 0.8rem;
     padding-top: 0.2em;
     padding-bottom: 0.2em;
-  }
-  
-  .calendar .description {
+}
+
+.calendar .description {
     border-top: 2px solid cornflowerblue;
-  }
-  
-  .calendar-image-holder {
+}
+
+.calendar-image-holder {
     border-bottom: 2px solid cornflowerblue;
-  }
-  
-  .calendar-image-holder a {
+}
+
+.calendar-image-holder a {
     display: inherit;
-  }
-  
-  .calendar-image {
+}
+
+.calendar-image {
     width: 100%;
     max-width: 100%;
     display: inherit;
-  }
-  
-  
-  /* Card metadata (video, calendar & books) */
-  
-  .tape-label {
+}
+
+
+/* Card metadata (video, calendar & books) */
+
+.tape-label {
     display: flex;
     justify-content: center;
     border: none;
     font-size: 1rem;
-  }
-  
-  .tape-label a,
-  .tape-label span {
+}
+
+.tape-label a,
+.tape-label span {
     width: max-content;
     padding: 0.5em;
     position: relative;
@@ -961,127 +961,127 @@
     z-index: 1;
     transform: rotate(2deg);
     color: white;
-  }
-  
-  .metadata {
+}
+
+.metadata {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
-  }
-  
-  .description p:first-of-type {
+}
+
+.description p:first-of-type {
     margin: 0;
-  }
-  
-  .description ul:first-of-type {
+}
+
+.description ul:first-of-type {
     margin: 0;
-  }
-  
-  input+label+.calendar-location+.description {
+}
+
+input+label+.calendar-location+.description {
     display: none;
-  }
-  
-  input:checked+label+.calendar-location+.description {
+}
+
+input:checked+label+.calendar-location+.description {
     display: block;
     transition: ease .5s;
-  }
-  
-  .metadata label {
+}
+
+.metadata label {
     vertical-align: sub;
     flex-grow: 1;
     font-weight: normal;
     cursor: pointer;
     padding: 0.4em 0.9em 0.4em 0.9em;
     font-size: 0.9em;
-  }
-  
-  label:hover {
+}
+
+label:hover {
     box-shadow: inset 2px 2px 0px var(--calendar-dark);
-  }
-  
-  .description {
+}
+
+.description {
     padding: 0.5em 0.7em 0.7em 0.5em;
     overflow: hidden;
     flex-basis: 100%;
-  }
-  
-  .descr_button {
+}
+
+.descr_button {
     cursor: pointer;
     flex-grow: 1;
     text-align: center;
-  }
-  
-  
-  /* Paginator */
-  
-  .pagination-container {
+}
+
+
+/* Paginator */
+
+.pagination-container {
     width: 60%;
     margin: auto;
     margin-top: 2em;
     margin-bottom: 2em;
-  }
-  
-  ul.pagination {
+}
+
+ul.pagination {
     display: flex;
     justify-content: space-evenly;
     /* align horizontal */
     align-items: center;
     /* align vertical */
-  }
-  
-  .page-item {
+}
+
+.page-item {
     display: block;
     text-align: center;
     font-size: 38px;
     border-bottom: 2px solid black;
     cursor: pointer;
-  }
-  
-  li.page-item {
+}
+
+li.page-item {
     padding: 0.4em;
     position: relative;
-  }
-  
-  li.page-item a {
+}
+
+li.page-item a {
     color: black;
-  }
-  
-  li.page-item.active a {
+}
+
+li.page-item.active a {
     text-decoration: underline;
-  }
-  
-  li.page-item.disabled {
+}
+
+li.page-item.disabled {
     display: none;
-  }
-  
-  li.page-item:first-child,
-  li.page-item:last-child,
-  li.page-item:nth-last-child(2),
-  .previous-page-link {
+}
+
+li.page-item:first-child,
+li.page-item:last-child,
+li.page-item:nth-last-child(2),
+.previous-page-link {
     border: none;
     text-decoration: none;
-  }
-  
-  li.page-item:first-child::before,
-  li.page-item:first-child::after,
-  li.page-item:last-child::before,
-  li.page-item:last-child::after,
-  li.page-item:nth-last-child(2)::before,
-  li.page-item:nth-last-child(2)::after,
-  .previous-page-link::before,
-  .previous-page-link::after {
+}
+
+li.page-item:first-child::before,
+li.page-item:first-child::after,
+li.page-item:last-child::before,
+li.page-item:last-child::after,
+li.page-item:nth-last-child(2)::before,
+li.page-item:nth-last-child(2)::after,
+.previous-page-link::before,
+.previous-page-link::after {
     display: none;
-  }
-  
-  li.page-item a {
+}
+
+li.page-item a {
     text-decoration: none;
-  }
-  
-  li.page-item:hover a {
+}
+
+li.page-item:hover a {
     text-decoration: underline;
-  }
-  
-  li.page-item:before {
+}
+
+li.page-item:before {
     content: "";
     position: absolute;
     left: 0;
@@ -1090,9 +1090,9 @@
     width: 50%;
     border-left: 2px solid black;
     z-index: -100;
-  }
-  
-  li.page-item:after {
+}
+
+li.page-item:after {
     content: "";
     position: absolute;
     right: 0;
@@ -1101,72 +1101,72 @@
     width: 50%;
     border-right: 2px solid black;
     z-index: -100;
-  }
-  
-  
-  
-  /* Landingpage */
-  .welcome-text {
+}
+
+
+
+/* Landingpage */
+.welcome-text {
     text-align: center;
     max-width: 1000px;
     margin: 0 auto 50px;
-  }
-  
-  .app-columns {
+}
+
+.app-columns {
     display: flex;
     flex-wrap: wrap;
     max-width: 1200px;
     margin: 0 auto 50px;
-  }
-  
-  .app-column {
+}
+
+.app-column {
     width: 33%;
     text-align: center;
     padding: 3.5%;
-  }
-  
-  .app-column a {
+}
+
+.app-column a {
     text-decoration: none;
-  }
-  
-  .app-icon {
+}
+
+.app-icon {
     display: block;
     max-width: 90px;
     width: 80%;
     margin-left: auto;
     margin-right: auto;
     transition: transform 0.2s ease;
-  }
-  
-  .app-icon:hover {
+}
+
+.app-icon:hover {
     transform: rotate(-15deg);
-  }
-  
-  .app-name {
+}
+
+.app-name {
     font-weight: bold;
     margin-bottom: 0.2em;
     color: #333;
-  }
-  
-  .app-description {
+}
+
+.app-description {
     font-size: 14px;
     display: block;
     margin-left: auto;
     margin-right: auto;
-  }
-  
-  
-  /* FILTER */
-  
-  .filter-item, .card, .video-box {
+}
+
+
+/* FILTER */
+
+.filter-item, .card, .video-box {
     display: none;
-  }
-  
-  .show-item {
+}
+
+.show-item {
     display: block !important;
-  }
-  
-  .filter-container {
+}
+
+.filter-container {
     display: none;
     background: #fff;
     padding: 1.5rem;
@@ -1177,30 +1177,30 @@
     z-index: 99;
     width: 100%;
     justify-content: space-between;
-  }
-  
-  .filter-information {
+}
+
+.filter-information {
     width: 15%;
-  }
-  
-  #load-more {
+}
+
+#load-more {
     font-size: 0.8rem;
     text-decoration: underline;
     cursor: pointer;
-  }
-  
-  .filter-buttons-container {
+}
+
+.filter-buttons-container {
     align-items: center;
     display: flex;
     width: calc(85% - 30px);
-  }
-  
-  .filter-buttons-container-header {
+}
+
+.filter-buttons-container-header {
     display: flex;
     margin-right: 20px;
-  }
-  
-  .filter-link {
+}
+
+.filter-link {
     height: 100%;
     display: flex;
     align-items: center;
@@ -1208,17 +1208,17 @@
     color: #fff;
     padding: calc(0.5rem + 2px) 1rem;
     cursor: pointer;
-  }
-  
-  .filter-link:hover + .filter-container {
+}
+
+.filter-link:hover + .filter-container {
     display: flex;
-  }
-  
-  .filter-container:hover {
+}
+
+.filter-container:hover {
     display: flex;
-  }
-  
-  .filter-buttons-dropdown {
+}
+
+.filter-buttons-dropdown {
     position: absolute;
     top: 41px;
     width: calc(100% + 2px);
@@ -1231,23 +1231,23 @@
     border: 1px solid #333;
     border-top: 0;
     display: none;
-  }
-  
-  .post.tv {
+}
+
+.post.tv {
     margin: auto;
-  }
-  
-  @media all and (min-width: 980px) {
+}
+
+@media all and (min-width: 980px) {
     .filter-buttons:hover .filter-buttons-dropdown {
         display: block;
     }
-  
+
     .filter-buttons:hover {
         display: block;
     }
-  }
-  
-  .filter-buttons {
+}
+
+.filter-buttons {
     width: fit-content;
     display: flex;
     white-space: nowrap;
@@ -1257,17 +1257,17 @@
     margin-right: 10px;
     padding-right: 30px;
     width: calc(25% - 7.5px);
-  }
-  
-  .filter-buttons:last-child {
+}
+
+.filter-buttons:last-child {
     margin-right: 0px;
-  }
-  
-  .filter-buttons > button {
+}
+
+.filter-buttons > button {
     height: 40px;
-  }
-  
-  .filter-by:after {
+}
+
+.filter-by:after {
     content:"";
     width: 0;
     height: 0;
@@ -1276,9 +1276,9 @@
     border-color: #333333 transparent transparent transparent;
     position: absolute;
     right: 0.5rem;
-  }
-  
-  .filter-buttons button {
+}
+
+.filter-buttons button {
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -1290,68 +1290,68 @@
     cursor: pointer;
     white-space: nowrap;
     text-transform: lowercase;
-  }
-  
-  .filter-buttons-dropdown button {
+}
+
+.filter-buttons-dropdown button {
     border-bottom: 1px solid;
-  }
-  
-  .filter-buttons .filter-button {
+}
+
+.filter-buttons .filter-button {
     padding: 0.6rem 0.6rem 0.6rem 1.6rem;
-  }
-  
-  .filter-button svg {
+}
+
+.filter-button svg {
     width: 10px;
     position: absolute;
     left: 0.6rem;
-  }
-  
-  .filter-button svg path {
+}
+
+.filter-button svg path {
     fill: #3330;
     stroke: #333;
     stroke-width: 2px;
-  }
-  
-  .filter-button.active svg path {
+}
+
+.filter-button.active svg path {
     fill: #333;
-  }
-  
-  .filter-title {
+}
+
+.filter-title {
     width: calc(100% - 20px);
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-  }
-  
-  .filter-buttons-dropdown button:last-child {
+}
+
+.filter-buttons-dropdown button:last-child {
     border-bottom: 0;
-  }
-  
-  .filter-buttons .filter-button.active {
+}
+
+.filter-buttons .filter-button.active {
     background: #c2c2ff;
-  }
-  
-  .disable-button {
+}
+
+.disable-button {
     display: none !important;
-  }
-  
-  .page-nav {
+}
+
+ .page-nav {
     display: flex;
     justify-content: center;
     margin: 20px auto 50px;
-  }
-  
-  .nextpage {
+ }
+
+ .nextpage {
     padding: 15px;
     position: relative;
     color: #333;
     text-decoration: none;
     margin: 0px 20px;
     font-size: 38px;
-  }
-  
-  .nextpage:after {
+ }
+
+ .nextpage:after {
     content: "";
     height: 50%;
     width: 100%;
@@ -1361,69 +1361,69 @@
     bottom: 0;
     position: absolute;
     left: 0;
-  }
-  
-  
-  /* ### Timeline ### */
-  
-  /* Timeline Tags */
-  .timeline-tags {
+ }
+
+
+/* ### Timeline ### */
+
+/* Timeline Tags */
+.timeline-tags {
     margin-bottom: 50px;
     display: flex;
     align-items: center;
     width: 90vw;
     font-size: 1.4vw;
-  }
-  
-  .timeline-tags-headline {
+}
+
+.timeline-tags-headline {
     margin-right: 10px;
-  }
-  
-  .timeline-tags ul {
+}
+
+.timeline-tags ul {
     list-style: none;
     padding-left: 0;
     white-space: nowrap;
     overflow: scroll;
     -ms-overflow-style: none;
     scrollbar-width: none;
-  }
-  
-  .timeline-tags ul::-webkit-scrollbar {
+}
+
+.timeline-tags ul::-webkit-scrollbar {
     display: none;
-  }
-  
-  .timeline-tags ul li {
+}
+
+.timeline-tags ul li {
     display: inline-block;
     margin-right: 10px;
-  }
-  
-  .timeline-tags ul li.timeline-tag {
+}
+
+.timeline-tags ul li.timeline-tag {
     display: inline-block;
     margin-right: 10px;
     padding: 10px 35px;
     background: #007f76;
     border-radius: 50px;
-  }
-  
-  .timeline-tags ul li a {
+}
+
+.timeline-tags ul li a {
     color: #fff;
     text-decoration: none;
-  }
-  
-  /* Timeline Container and Line */
-  .timeline-container {
+}
+
+/* Timeline Container and Line */
+.timeline-container {
     position: relative;
     display: flex;
     flex-direction: column;
-  }
-  
-  .timeline-start {
+}
+
+.timeline-start {
     font-size: 3vw;
     text-align: center;
     padding: 1.5vw 0 4.5vw;
-  }
-  
-  .timeline-end {
+}
+
+.timeline-end {
     font-size: 3vw;
     text-align: center;
     padding: 10vw 0 10vw;
@@ -1431,9 +1431,9 @@
     background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
     width: 100vw;
     margin-left: -10vw;
-  }
-  
-  .timeline-start span {
+}
+
+.timeline-start span {
     padding: 1.5vw 3vw;
     border: 2px solid;
     background: #fff;
@@ -1442,9 +1442,9 @@
     width: fit-content;
     margin: auto;
     font-weight: 700;
-  }
-  
-  .timeline-line {
+}
+
+.timeline-line {
     position: absolute;
     z-index: -1;
     width: 35vw;
@@ -1454,9 +1454,9 @@
     left: 0;
     right: 0;
     margin: 0 auto;
-  }
-  
-  .timeline-line-head {
+}
+
+.timeline-line-head {
     background-image: url(/img/timeline-head.svg);
     background-repeat: no-repeat;
     background-size: 100%;
@@ -1468,9 +1468,9 @@
     left: 0;
     right: 0;
     margin: 0 auto;
-  }
-  
-  .timeline-line-body {
+}
+
+.timeline-line-body {
     background-image: url(/img/timeline-body.svg);
     background-repeat: repeat-y;
     background-size: 100%;
@@ -1483,15 +1483,15 @@
     left: 0;
     right: 0;
     margin: 0 auto;
-  }
-  
-  /* Timeline Events and Position */
-  .timeline-events {
+}
+
+/* Timeline Events and Position */
+.timeline-events {
     display: flex;
     flex-direction: column;
-  }
-  
-  .timeline-event {
+}
+
+.timeline-event {
     width: 20vw;
     height: 12vw;
     display: flex;
@@ -1499,119 +1499,119 @@
     margin-top: -3.1vw !important;
     opacity: 0;
     transition: opacity 1.4s ease;
-  }
-  
-  .timeline-event.inView {
+}
+
+.timeline-event.inView {
     opacity: 1;
-  }
-  
-  .timeline-url {
+}
+
+.timeline-url {
     font-size: 1.8vw;
     color: #333;
     text-decoration: unset;
-  }
-  
-  a.timeline-url {
+}
+
+a.timeline-url {
     text-decoration: underline;
-  }
-  
-  .link-svg {
+}
+
+.link-svg {
     height: 1.2vw;
     width: 1.2vw;
     margin-left: 0.8vw;
-  }
-  
-  /* Timeline Events - Left Side (sort margin)*/
-  .timeline-event:nth-child(36n + 7), .timeline-event:nth-child(36n + 9), .timeline-event:nth-child(36n + 33) {
+}
+
+/* Timeline Events - Left Side (sort margin)*/
+.timeline-event:nth-child(36n + 7), .timeline-event:nth-child(36n + 9), .timeline-event:nth-child(36n + 33) {
     margin-left: 2vw;
-  }
-  
-  .timeline-event:nth-child(36n + 1) {
+}
+
+.timeline-event:nth-child(36n + 1) {
     margin-left: 8vw;
-  }
-  
-  .timeline-event:nth-child(36n + 25), .timeline-event:nth-child(36n + 35) {
+}
+
+.timeline-event:nth-child(36n + 25), .timeline-event:nth-child(36n + 35) {
     margin-left: 10vw;
-  }
-  
-  .timeline-event:nth-child(1), .timeline-event:nth-child(36n + 11), .timeline-event:nth-child(36n + 17), .timeline-event:nth-child(36n + 23), .timeline-event:nth-child(36n + 27) {
+}
+
+.timeline-event:nth-child(1), .timeline-event:nth-child(36n + 11), .timeline-event:nth-child(36n + 17), .timeline-event:nth-child(36n + 23), .timeline-event:nth-child(36n + 27) {
     margin-left: 12vw;
-  }
-  
-  .timeline-event:nth-child(36n + 3), .timeline-event:nth-child(36n + 15), .timeline-event:nth-child(36n + 21) {
+}
+
+.timeline-event:nth-child(36n + 3), .timeline-event:nth-child(36n + 15), .timeline-event:nth-child(36n + 21) {
     margin-left: 14vw;
-  }
-  
-  .timeline-event:nth-child(3), .timeline-event:nth-child(36n + 5), .timeline-event:nth-child(36n + 13), .timeline-event:nth-child(36n + 19), .timeline-event:nth-child(36n + 29) {
+}
+
+.timeline-event:nth-child(3), .timeline-event:nth-child(36n + 5), .timeline-event:nth-child(36n + 13), .timeline-event:nth-child(36n + 19), .timeline-event:nth-child(36n + 29) {
     margin-left: 16vw;
-  }
-  
-  /* Timeline Events - Right Side */
-  .timeline-event:nth-child(2n) {
+}
+
+/* Timeline Events - Right Side */
+.timeline-event:nth-child(2n) {
     margin-left: auto;
-  }
-  
-  .timeline-event:nth-child(36n + 2), .timeline-event:nth-child(36n + 6), .timeline-event:nth-child(36n + 20), .timeline-event:nth-child(36n + 32) {
+}
+
+.timeline-event:nth-child(36n + 2), .timeline-event:nth-child(36n + 6), .timeline-event:nth-child(36n + 20), .timeline-event:nth-child(36n + 32) {
     margin-right: 4vw;
-  }
-  
-  .timeline-event:nth-child(36n + 34) {
+}
+
+.timeline-event:nth-child(36n + 34) {
     margin-right: 6vw;
-  }
-  
-  .timeline-event:nth-child(36n + 36) {
+}
+
+.timeline-event:nth-child(36n + 36) {
     margin-right: 8vw;
-  }
-  
-  .timeline-event:nth-child(36n + 8), .timeline-event:nth-child(36n + 24) {
+}
+
+.timeline-event:nth-child(36n + 8), .timeline-event:nth-child(36n + 24) {
     margin-right: -3vw;
-  }
-  
-  .timeline-event:nth-child(36n + 14), .timeline-event:nth-child(36n + 16) {
+}
+
+.timeline-event:nth-child(36n + 14), .timeline-event:nth-child(36n + 16) {
     margin-right: -4vw;
-  }
-  
-  .timeline-event:nth-child(36n + 26) {
+}
+
+.timeline-event:nth-child(36n + 26) {
     margin-right: -5vw;
-  }
-  
-  /* Timeline Events - Rotate */
-  .timeline-event:nth-child(2n) {
+}
+
+/* Timeline Events - Rotate */
+.timeline-event:nth-child(2n) {
     transform: rotate(2deg);
-  }
-  
-  .timeline-event:nth-child(5n) {
+}
+
+.timeline-event:nth-child(5n) {
     transform: rotate(3deg);
-  }
-  
-  .timeline-event:nth-child(2n + 1) {
+}
+
+.timeline-event:nth-child(2n + 1) {
     transform: rotate(-1.5deg);
-  }
-  
-  .timeline-event:nth-child(18n + 5), .timeline-event:nth-child(18n + 17) {
+}
+
+.timeline-event:nth-child(18n + 5), .timeline-event:nth-child(18n + 17) {
     transform: rotate(5deg);
-  }
-  
-  .timeline-event:nth-child(18n + 13), .timeline-event:nth-child(18n + 36) {
+}
+
+.timeline-event:nth-child(18n + 13), .timeline-event:nth-child(18n + 36) {
     transform: rotate(-3deg);
-  }
-  
-  .timeline-event:nth-child(18n + 9), .timeline-event:nth-child(18n + 12), .timeline-event:nth-child(18n + 22) {
+}
+
+.timeline-event:nth-child(18n + 9), .timeline-event:nth-child(18n + 12), .timeline-event:nth-child(18n + 22) {
     transform: rotate(-5deg);
-  }
-  
-  /* Event Single */
-  .back-button {
+}
+
+/* Event Single */
+.back-button {
     width: fit-content;
     padding: 10px 20px;
     border: 0;
     background: #007f76;
     color: #fff;
     cursor: pointer;
-  }
-  
-  /* PopUp */
-  .popup-container {
+}
+
+/* PopUp */
+.popup-container {
     position: fixed;
     z-index: 999;
     top: 0;
@@ -1624,15 +1624,15 @@
     opacity: 0;
     visibility: hidden;
     transition: opacity 0.6s ease, visibility 0s ease 0.6s;
-  }
-  
-  .popup-container.view {
+}
+
+.popup-container.view {
     opacity: 1;
     visibility: visible;
     transition: opacity 0.6s ease, visibility 0s ease 0s;
-  }
-  
-  .popup {
+}
+
+.popup {
     background: #fff;
     padding: 0 30px 30px;
     border: 2px solid;
@@ -1642,20 +1642,20 @@
     z-index: 2;
     max-height: 80%;
     overflow-y: scroll;
-  }
-  
-  .popup-header {
+}
+
+.popup-header {
     display: flex;
     justify-content: space-between;
     padding-top: 30px;
-  }
-  
-  .popup-header h3 {
+}
+
+.popup-header h3 {
     margin: 0;
     padding-right: 10px;
-  }
-  
-  .popup-close {
+}
+
+.popup-close {
     position: relative;
     height: 30px;
     width: 30px;
@@ -1665,9 +1665,9 @@
     cursor: pointer;
     border: 0;
     background: none;
-  }
-  
-  .popup-close:after, .popup-close:before {
+}
+
+.popup-close:after, .popup-close:before {
     content: "";
     height: 30px;
     width: 2px;
@@ -1675,13 +1675,13 @@
     background: #333;
     position: absolute;
     transform: rotate(45deg);
-  }
-  
-  .popup-close:before {
+}
+
+.popup-close:before {
     transform: rotate(-45deg);
-  }
-  
-  .popup-bg {
+}
+
+.popup-bg {
     position: absolute;
     background: #00000059;
     top: 0;
@@ -1689,65 +1689,65 @@
     left: 0;
     right: 0;
     z-index: -1;
-  }
-  
-  
-  /* EVENT LIST */
-  
-  .event-list {
+}
+
+
+/* EVENT LIST */
+
+.event-list {
     border: 2px solid var(--calendar-dark);
     background-color: var(--calendar-light);
     color: var(--calendar-dark);
     margin: 1rem 0 4rem;
-  }
-  
-  .event-list .tape-label span {
+}
+
+.event-list .tape-label span {
     background-color: var(--calendar-dark);
-  }
-  
-  .event-list-item {
+}
+
+.event-list-item {
     border-top: 1px solid;
     display: flex;
     flex-wrap: wrap;
-  }
-  
-  .event-list-item-head {
+}
+
+.event-list-item-head {
     display: flex;
-  }
-  
-  .event-list-item a {
+}
+
+.event-list-item a {
     color: var(--calendar-dark);
-  }
-  
-  .event-list-item .date-start, .event-list-item .title, .event-list-item .time, .event-list-item .duration, .event-list-item .location {
+}
+
+.event-list-item .date-start, .event-list-item .title, .event-list-item .time, .event-list-item .duration, .event-list-item .location {
     display: flex;
     align-items: center;
     border-right: 1px solid var(--calendar-dark);
     padding: 0.8rem 0;
     overflow: hidden;
-  }
-  
-  .event-list-item .date-start {
+}
+
+.event-list-item .date-start {
     font-size: 1.2rem;
     width: 110px;
     padding-left: 0.4rem;
     border-right: 0;
-  }
-  
-  .event-list-item .title {
+}
+
+.event-list-item .title {
     width: calc(45% - 110px);   
     padding-left: 0.4rem;
-  }
-  
-  .event-list-item .p-name {
+}
+
+.event-list-item .p-name {
     margin: 0;
     font-size: 1.2rem;
     padding: 0;
     display: block;
     width: 100%;
-  }
-  
-  .event-list-item .p-name a {
+}
+
+.event-list-item .p-name a {
     color: var(--calendar-dark);
     text-decoration: none;
     white-space: nowrap;
@@ -1755,193 +1755,193 @@
     text-overflow: ellipsis;
     width: calc(100% - 20px);
     display: block;
-  }
-  
-  .event-list-item .time {
+}
+
+.event-list-item .time {
     width: 20%;
-  }
-  
-  .event-list-item .time .start-scroller {
+}
+
+.event-list-item .time .start-scroller {
     border-bottom: 0px;
-  }
-  
-  .event-list-item .duration {
+}
+
+.event-list-item .duration {
     width: 12.5%;
     font-size: 0.8rem;
     padding: 0.8rem 0.4rem;
-  }
-  
-  .event-list-item .duration b {
+}
+
+.event-list-item .duration b {
     margin-left: 3px;
-  }
-  
-  .event-list-item .location {
+}
+
+.event-list-item .location {
     min-width: unset;
     width: 15%;
     font-size: 0.8rem;
     padding: 0.8rem 0.4rem;
-  }
-  
-  .event-list-item .button {
+}
+
+.event-list-item .button {
     width: 7.5%;
-  }
-  
-  .event-list-item .calendar {
+}
+
+.event-list-item .calendar {
     width: 7.5%;
     display: flex;
     align-items: center;
     padding: 0.8rem 0.4rem;
     cursor: pointer;
-  }
-  
-  .event-list-item .description {
+}
+
+.event-list-item .description {
     display: none;
     border-top: 1px solid;
     font-size: 1.2rem;
-  }
-  
-  input:checked + label + .description {
+}
+
+input:checked + label + .description {
     display: block;
     transition: ease .5s;
   }
-  
-  /* Page footer */
-  
-  #footer {
+
+/* Page footer */
+
+#footer {
     position: relative;
     margin-top: 10px;
     font-size: 18px;
-  }
-  
-  #footer.blue .f-main {
+}
+
+#footer.blue .f-main {
     background: var(--social-light);
-  }
-  
-  #footer.blue .f-credits {
+}
+
+#footer.blue .f-credits {
     background: var(--social-dark);
-  }
-  
-  #footer.orange .f-main {
+}
+
+#footer.orange .f-main {
     background: var(--kios-light);
-  }
-  
-  #footer.orange .f-credits {
+}
+
+#footer.orange .f-credits {
     background: var(--kios-dark);
-  }
-  
-  #footer.green .f-main {
+}
+
+#footer.green .f-main {
     background: var(--tv-light);
-  }
-  
-  #footer.green .f-credits {
+}
+
+#footer.green .f-credits {
     background: var(--tv-dark);
-  }
-  
-  
-  .f-main {
+}
+
+
+.f-main {
     padding: 60px 2rem;
     display: flex;
     justify-content: space-between;
-  }
-  
-  .f-column {
+}
+
+.f-column {
     margin-right: 6vw;
-  }
-  
-  .f-column:first-child {
+}
+
+.f-column:first-child {
     margin-right: 8vw;
-  }
-  
-  .f-column:last-child {
+}
+
+.f-column:last-child {
     margin-right: 0;
-  }
-  
-  .f-main .logo {
+}
+
+.f-main .logo {
     width: 280px;
     max-height: unset;
     filter: brightness(0);
     max-width: 20vw;
     margin-top: 0;
     opacity: 0.8;
-  }
-  
-  .f-menu-headline {
+}
+
+.f-menu-headline {
     font-weight: bold;
     margin-bottom: 5px;
-  }
-  
-  .f-main a {
+}
+
+.f-main a {
     color: #000;
     display: block;
     font-size: 18px;
     margin-bottom: 5px;
     text-decoration: none;
     white-space: nowrap;
-  }
-  
-  .f-main .login {
+}
+
+.f-main .login {
     font-weight: bold;
     padding: 8px 28px;
     border: 1.5px solid;
-  }
-  
-  .f-credits {
+}
+
+.f-credits {
     color: #fff;
     font-size: 15px;
     padding: 20px 2rem;
-  }
-  
-  .f-credits a {
+}
+
+.f-credits a {
     color: #fff;
     text-decoration: none;
-  }
-  
-  .f-credits a:hover {
+}
+
+.f-credits a:hover {
     cursor: pointer;
     text-decoration: underline;
-  }
-  
-  /* about styles */
-  
-  #about-img {
+}
+
+/* about styles */
+
+#about-img {
     width: 50%;
     height: auto;
     display:block;
     margin:auto;
-  }
-  
-  
-  /* single page styles */
-  .single header {
+}
+
+
+/* single page styles */
+.single header {
     flex-direction: column;
     margin-bottom: 4rem;
-  }
-  
-  .single .p-name a {
+}
+
+.single .p-name a {
     color: black;
     text-decoration: none;
     font-size: 2.2rem;
-  }
-  
-  .single .p-name a:hover {
+}
+
+.single .p-name a:hover {
     text-decoration: underline;
-  }
-  
-  .single .h-entry img {
+}
+
+.single .h-entry img {
     object-fit: contain;
     height: auto;
-  }
-  
-  .single .h-entry figure{
+}
+
+.single .h-entry figure{
     margin: 0 0 20px;
-  }
-  
-  .single .h-entry figure figure{
+}
+
+.single .h-entry figure figure{
     margin: 0;
-  }
-  
-  /* lumbung radio player widget  */
-  .lumbung-radio-player {
+}
+
+/* lumbung radio player widget  */
+.lumbung-radio-player {
     display: flex;
     color: var(--sounds-dark);
     border: 1px solid var(--sounds-dark);
@@ -1956,50 +1956,50 @@
     bottom: 2rem;
     right: 2rem;
     cursor: pointer;
-  }
-  
-  
-  @media all and (min-width: 980px) and (max-width: 1180px) {
-  #top-menu a, .menu .has-submenu {
+}
+
+
+@media all and (min-width: 980px) and (max-width: 1180px) {
+	#top-menu a, .menu .has-submenu {
         font-size: 1.8vw;
         vertical-align: top;
     }
-  
+
     .menu-row {
         font-size: 1.78vw;
       }
-  }
-  
-  
-  /* tablet styles */
-  
-  @media (max-width: 980px) {
+}
+
+
+/* tablet styles */
+
+@media (max-width: 980px) {
     body {
         display: initial;
     }
-  
+
     #top-menu {
         width: 100%;
     }
-  
+
     .logo {
         max-height: 50px;
     }
-  
+
     /* menu styles */
-  
+
     .menu-row, #top-menu {
         position: fixed !important;
         z-index: 97;
     }
-  
+
     .menu-row {
         z-index: 98;
         width: fit-content;
         margin-top: 3vw;
         right: 5%;
     }
-  
+
     .menu {
         display: none;
         position: fixed;
@@ -2010,20 +2010,20 @@
         height: calc(100% - 90px);
         padding: 0.5rem 1.5rem;
     }
-  
+
     .menu.active {
         display: block;
     }
-  
+
     .menu ul {
         margin: 0;
         display: block;
     }
-  
+
     .menu-row .login {
         display: none;
     }
-  
+
     .menu-button {
         display: flex;
         position: fixed;
@@ -2039,17 +2039,17 @@
         padding-left: 20px !important;
         display: none;
     }
-  
+
     .menu .submenu li {
         margin: 0;
         padding: 0.5rem 0;
     }
-  
+
     .menu ul.submenu.active {
         display: block;
         visibility: visible;
     }
-  
+
     .login-menu {
         display: block;
         padding: 0.5rem 2rem;
@@ -2058,15 +2058,15 @@
         width: fit-content;
         margin: 0.5rem 0 1rem;
     }
-  
+
     .login-menu a {
         color: #fff !important;
     }
-  
+
     .menu-button--line{
         transition: all 0.3s ease-in-out;
     }
-  
+
     .menu-button.active {
         -webkit-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
@@ -2080,7 +2080,7 @@
         -o-transform: rotate(45deg);
         transform: rotate(45deg);
     }
-  
+
     .menu-button.active .menu-button--line:nth-child(1) {
         -webkit-transform: translateY(8px);
         -ms-transform: translateY(8px);
@@ -2090,11 +2090,11 @@
         -o-transition-delay: 0.3s;
         transition-delay: 0.3s;
     }
-  
+
     .menu-button.active .menu-button--line:nth-child(2) {
         width: 0px;
     }
-  
+
     .menu-button.active .menu-button--line:nth-child(3) {
         -webkit-transform: translateY(-6px) rotate(90deg);
         -ms-transform: translateY(-6px) rotate(90deg);
@@ -2104,13 +2104,13 @@
         -o-transition-delay: 0.3s;
         transition-delay: 0.3s;
     }
-  
+
     .filter {
         position: fixed;
         right: 20px;
         top: clamp(25px, 7vw, 35px);
     }
-  
+
     .filter-container {
         flex-wrap: wrap;
         border-top: 2px solid #333;
@@ -2120,11 +2120,11 @@
         margin-top: 30px;
         display: none !important;
     }
-  
+
     #filter.active .filter-container {
         display: block !important;
     }
-  
+
     .filter-information {
         width: 100%;
         margin-bottom: 15px;
@@ -2132,65 +2132,65 @@
         align-items: center;
         justify-content: space-between;
     }
-  
+
     .filter-buttons-container {
         display: block;
         width: 100%;
     }
-  
+
     .filter-buttons-container.open {
         display: block !important;
     }
-  
+
     .filter-buttons-dropdown {
         z-index: 99;
     }
-  
+
     .filter-buttons {
         margin-right: 0px;
         margin-bottom: 10px;
         width: 100%;
     }
-  
+
     .container {
         padding-top: 60px;
     }
-  
+
     .filter-link {
         background: unset;
         padding: 0;
     }
-  
+
     .filter-link span {
         display: none;
     }
-  
+
     .filter-icon {
         height: 20px;
         margin-right: 0;
     }
-  
+
     .filter-icon path {
         fill: #333;
     }
-  
+
     .filter-buttons-dropdown.active {
         display: block;
     }
-  
+
     .filter-by.active:after {
         transform: rotate(180deg);
     }
-  
+
     #top-menu div.mobile-menu {
         display: flex;
         justify-content: space-between;
     }
-  
+
     #top-menu .login-link {
         display: none;
     }
-  
+
     .hamburger {
         border: none;
         background: none;
@@ -2198,12 +2198,12 @@
         z-index: 3;
         cursor: pointer;
     }
-  
+
     .hamburger.opened {
         position: fixed;
         margin-top: 3px;
     }
-  
+
     .drawer {
         display: block;
         position: fixed;
@@ -2219,12 +2219,12 @@
         overflow-x: hidden;
         overflow-y: scroll;
     }
-  
+
     .drawer * {
         display: none;
         opacity: 0;
     }
-  
+
     #top-menu .drawer ul {
         display: flex;
         flex-direction: column;
@@ -2233,47 +2233,47 @@
         margin: 0;
         padding: 0;
     }
-  
+
     #top-menu ul.submenu {
         position: initial;
     }
-  
+
     .drawer ul li {
         padding: 1em 0;
         /* border-bottom: 1px solid #333; */
     }
-  
+
     .drawer ul > li:last-child {
         padding-bottom: 2em;
     }
-  
+
     .drawer ul li a {
         color: white;
         text-decoration: none;
         text-transform: lowercase;
         margin-left: 1em;
     }
-  
+
     .drawer.opened {
         width: 80%;
     }
-  
+
     .drawer.opened * {
         display: block;
         opacity: 1;
     }
-  
+
     /* Landingpage */
     .app-column {
         width: 33%;
         padding: 2.5%;
     }
-  
+
     /* Landingpage */
     .f-main {
         flex-wrap: wrap;
     }
-  
+
     .f-column {
         margin-right: 0vw;
         
@@ -2282,156 +2282,156 @@
     .f-column:nth-child(1), .f-column:nth-child(2){
         margin-bottom: 45px;
     }
-  
+
     .f-main .logo {
         max-width: unset;
     }
-  
+
     /* EVENT LIST */
-  
+
     .event-list .event-list-item:nth-child(2n) {
         background: #c8efff;
     }
-  
+
     .event-list-item .date-start {
         border-bottom: 1px solid;
     }
-  
+
     .event-list-item .title {
         width: calc(100% - 110px);
         border-bottom: 1px solid;
         border-right: 0;
     }
-  
+
     .event-list-item .time {
         width: 100%;
         border-bottom: 1px solid;
         border-right: 0;
         padding: 0;
     }
-  
+
     .event-list-item .duration, .event-list-item .location {
         width: 42%;
     }
-  
+
     .event-list-item .calendar {
         width: 16%;
     }
-  
-  }
-  
-  /* mobile styles */
-  
-  @media (max-width: 768px) {
-  
+
+}
+
+/* mobile styles */
+
+@media (max-width: 768px) {
+
     /* card styles */
     .card,
     .card.network {
         max-width: 83vw;
     }
-  
+
     .card .summary-text {
         font-size: 17px;
         min-width: 30ch;
     }
-  
+
     .card h2 a {
         font-size: 26px;
     }
-  
+
     /* Landingpage */
     .app-column {
         width: 50%;
         padding: 2.5%;
     }
-  
+
     /* Timeline Tags */
     .timeline-tags {
         font-size: 3vw;
     }
-  
+
     /* Timeline Container and Line */
     .timeline-start {
         font-size: 5vw;
         padding: 1.5vw 0 9vw;
     }
-  
+
     .timeline-line {
         height: calc(100% - 18vw);
         top: 18vw;
         width: 25vw;
     }
-  
+
     .timeline-line-head {
         height: 18.5vw;
     }
-  
+
     .timeline-line-body {
         height: calc(100% - 18.2vw);
         top: 18.2vw;
     }
-  
+
     /* Timeline Events and Position */
     .timeline-events {
         padding-top: 15vw;
     }
-  
+
     .timeline-event {
         width: 30vw;
         height: 35vw;
         margin-top: -12vw !important;
     }
-  
+
     .timeline-url {
         font-size: 3.4vw;
     }
-  
+
     .link-svg {
         height: 2.4vw;
         width: 2.4vw;
         margin-left: 1.6vw;
     }
-  
+
     /* Timeline Events - Left Side (sort margin)*/
     .timeline-event:nth-child(36n + 7), .timeline-event:nth-child(36n + 9), .timeline-event:nth-child(36n + 33) {
         margin-left: 1vw;
     }
-  
+
     .timeline-event:nth-child(36n + 1), .timeline-event:nth-child(36n + 3), .timeline-event:nth-child(36n + 15), .timeline-event:nth-child(36n + 21), .timeline-event:nth-child(36n + 11), .timeline-event:nth-child(36n + 17), .timeline-event:nth-child(36n + 23), .timeline-event:nth-child(36n + 27) {
         margin-left: 2vw;
     }
-  
+
     .timeline-event:nth-child(3), .timeline-event:nth-child(36n + 5), .timeline-event:nth-child(36n + 13), .timeline-event:nth-child(36n + 19), .timeline-event:nth-child(36n + 29), .timeline-event:nth-child(36n + 25), .timeline-event:nth-child(36n + 35) {
         margin-left: -3vw;
     }
-  
+
     /* Timeline Events - Right Side */
     .timeline-event:nth-child(2n) {
         margin-right: -5vw;
     }
-  
+
     .timeline-event:nth-child(36n + 8), .timeline-event:nth-child(36n + 24) {
         margin-right: -6vw;
     }
-  
+
     .timeline-event:nth-child(36n + 26) {
         margin-right: -8vw;
     }
-  }
-  
-  @media (max-width: 480px) {
+}
+
+@media (max-width: 480px) {
     .pagination-container {
         width: 71vw;
         margin: 2em 0;
     }
-  
+
     .pagination .page-item {
         font-size: 26px;
     }
-  }
-  
-  @media (max-width:  960px) {
+}
+
+@media (max-width:  960px) {
     .menu ul:first-child {
         padding: 0;
     }
-  }
\ No newline at end of file
+}

From 9d4cf8d394c090e151adb1acee1020b05af70442 Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Mon, 19 Dec 2022 09:24:21 +0100
Subject: [PATCH 14/38] Merge pull request 'front page redesign & post
 filtering' (#63) from r/lumbung.space:main into main

Reviewed-on: https://git.autonomic.zone/ruangrupa/lumbung.space/pulls/63
---
 config.toml                                   |   4 +
 .../{contributors.md => ls-contributors.md}   |   0
 .../layouts/_default/baseof.html              |  91 ++++--
 .../lumbung-theme/layouts/_default/list.html  |  70 ++---
 themes/lumbung-theme/layouts/events/list.html |  39 +++
 themes/lumbung-theme/layouts/index.html       |  67 +++--
 themes/lumbung-theme/layouts/page/filter.html | 262 ++++++++++++++++++
 .../layouts/partials/book_card.html           |  39 +++
 .../layouts/partials/calendar_card.html       |   2 +-
 .../lumbung-theme/layouts/partials/card.html  |   2 +-
 .../layouts/partials/data/authors.html        |   1 +
 .../layouts/partials/data/categories.html     |   1 +
 .../layouts/partials/data/contributors.html   |   1 +
 .../layouts/partials/data/sources.html        |   1 +
 .../layouts/partials/data/tags.html           |   1 +
 .../layouts/partials/event_list_item.html     |  19 ++
 .../layouts/partials/filter-nav.html          |  91 ++++++
 .../layouts/partials/footer.html              |   2 +-
 .../lumbung-theme/layouts/partials/head.html  |   1 +
 .../layouts/partials/header.html              |  67 ++---
 .../layouts/partials/network_card.html        |  47 ----
 .../layouts/partials/pen_card.html            |   2 +-
 .../layouts/partials/shout_card.html          |  93 +++----
 .../layouts/partials/social_card.html         |  49 ++++
 .../layouts/partials/video_box.html           |   2 +-
 themes/lumbung-theme/static/img/black-dot.svg |  16 ++
 themes/lumbung-theme/static/img/logo-big.svg  |  21 ++
 themes/lumbung-theme/static/img/logo.svg      |  36 ++-
 .../static/js/hugotagsfilter-1.2.2.min.js     | 221 +++++++++++++++
 29 files changed, 1008 insertions(+), 240 deletions(-)
 rename content/{contributors.md => ls-contributors.md} (100%)
 create mode 100644 themes/lumbung-theme/layouts/events/list.html
 create mode 100644 themes/lumbung-theme/layouts/page/filter.html
 create mode 100644 themes/lumbung-theme/layouts/partials/book_card.html
 create mode 100644 themes/lumbung-theme/layouts/partials/data/authors.html
 create mode 100644 themes/lumbung-theme/layouts/partials/data/categories.html
 create mode 100644 themes/lumbung-theme/layouts/partials/data/contributors.html
 create mode 100644 themes/lumbung-theme/layouts/partials/data/sources.html
 create mode 100644 themes/lumbung-theme/layouts/partials/data/tags.html
 create mode 100644 themes/lumbung-theme/layouts/partials/event_list_item.html
 create mode 100644 themes/lumbung-theme/layouts/partials/filter-nav.html
 delete mode 100644 themes/lumbung-theme/layouts/partials/network_card.html
 create mode 100644 themes/lumbung-theme/layouts/partials/social_card.html
 create mode 100644 themes/lumbung-theme/static/img/black-dot.svg
 create mode 100644 themes/lumbung-theme/static/img/logo-big.svg
 create mode 100644 themes/lumbung-theme/static/js/hugotagsfilter-1.2.2.min.js

diff --git a/config.toml b/config.toml
index 647c46f..1489f8a 100644
--- a/config.toml
+++ b/config.toml
@@ -5,6 +5,7 @@ theme = "lumbung-theme"
 pluralizeListTitles = "false"
 paginate = 20
 
+
 [params]
     logo = "/img/logo.svg"
     favicon = "/img/favicon.ico"
@@ -24,6 +25,9 @@ paginate = 20
     tag = "tags"
     source = "sources"
     timeline = "timelines"
+    
 
 [permalinks]
     timelines = "/timeline/:slug/"
+
+
diff --git a/content/contributors.md b/content/ls-contributors.md
similarity index 100%
rename from content/contributors.md
rename to content/ls-contributors.md
diff --git a/themes/lumbung-theme/layouts/_default/baseof.html b/themes/lumbung-theme/layouts/_default/baseof.html
index 638faaa..007eb1a 100644
--- a/themes/lumbung-theme/layouts/_default/baseof.html
+++ b/themes/lumbung-theme/layouts/_default/baseof.html
@@ -11,6 +11,8 @@
         {{- partial "news-ticker.html" . -}}
         {{- partial "footer.html" . -}}
     </body>
+
+    <script src="{{ "js/hugotagsfilter-1.2.2.min.js" | relURL}}"></script>
     <script>
         function toggleDescription(id) {
             document.querySelector(id).classList.toggle("collapsed");
@@ -33,29 +35,84 @@
         if (document.querySelector('[aria-label="Previous"]')) {
             document.querySelector('[aria-label="Previous"]').parentElement.classList.add('previous-page-link')
         }
-        // for toggling submenus in mobile navigation drawer
-        let submenuLinks = document.querySelectorAll('.drawer .has-submenu');
-        [...submenuLinks].forEach(submenuLink => {
-            submenuLink.addEventListener('click', function() {
-                submenuLink.querySelector('.submenu').classList.toggle('opened')
-            })
-        })
-
-        // add classes for styling lumbung kios and lumbung gallery cards
-        let cards = document.querySelectorAll('.shout.card');
-        [...cards].forEach(card => {
-            if (card.querySelector('a[href="/tags/lumbungkios"]') || card.querySelector('a[href="/tags/lumbungkiosproducts"]')) {
-                card.classList.add('lumbung-kios')
-            } else if (card.querySelector('a[href="/tags/lumbunggallery"]')) {
-                card.classList.add('lumbung-gallery')
-            }
-        })
 
         // footer random color
         var color = ['orange','green','blue'];
 		var footer = document.getElementById("footer");
 		var rand = Math.floor(Math.random() * color.length);
 		footer.classList.add(color[rand]);
+
+        // mobile menu
+        document.getElementById("menu-button").onclick=function(){
+            this.classList.toggle("active");
+            document.getElementById("menu").classList.toggle("active");
+        }
+
+        // mobile menu - submenu
+        submenuLinks = document.querySelectorAll(".has-submenu");
+        [...submenuLinks].forEach((t=>{
+            t.addEventListener("click",(function(){t.querySelector(".submenu").classList.toggle("active")}))
+        }));
+        
+        // mobile mainfilter
+        document.getElementById("filter-link").onclick=function(){document.getElementById("filter").classList.toggle("active")};
+
+        // mobile filter
+        filterButtons=document.querySelectorAll(".filter-buttons");
+        [...filterButtons].forEach((t=>{
+            t.addEventListener("click",(function(){t.querySelector(".filter-buttons-dropdown").classList.toggle("active");
+            t.querySelector(".filter-by").classList.toggle("active")}))
+        }));
+
+        // load more cards
+        document.getElementById("load-more").onclick=function(){
+            document.getElementById('load-more-paginator').click();
+        }
+        
+        // filter config
+        var htfConfig = {
+          filters: [
+            {
+              name: 'tags',
+              prefix: 'tag-',
+              buttonClass: 'tag-button',
+              allSelector: '#selectAllTags',
+              attrName: 'data-tags',
+              selectedPrefix: 'stags-',
+            },
+            {
+              name: 'section',
+              prefix: 'sect-',
+              buttonClass: 'sect-button',
+              allSelector: '#selectAllSections',
+              attrName: 'data-section',
+              selectedPrefix: 'ssect-',
+            },
+            {
+              name: 'contributors',
+              prefix: 'cont-',
+              buttonClass: 'cont-button',
+              allSelector: '#selectAllContributors',
+              attrName: 'data-contributors',
+              selectedPrefix: 'scont-',
+            },
+            {
+              name: 'sources',
+              prefix: 'src-',
+              buttonClass: 'src-button',
+              allSelector: '#selectAllSources',
+              attrName: 'data-sources',
+              selectedPrefix: 'ssrc-',
+            }
+          ],
+          showItemClass: "show-item",
+          filterItemClass: "filter-item",
+          activeButtonClass: "active",
+          counterSelector: "selectedItemCount",
+          populateCount: true,
+          setDisabledButtonClass: "disable-button"
+        } 
+        var htf = new HugoTagsFilter(htfConfig);
     </script>
 
 </html>
diff --git a/themes/lumbung-theme/layouts/_default/list.html b/themes/lumbung-theme/layouts/_default/list.html
index e93d0c7..9178d35 100644
--- a/themes/lumbung-theme/layouts/_default/list.html
+++ b/themes/lumbung-theme/layouts/_default/list.html
@@ -1,48 +1,48 @@
 {{ define "main" }}
   <main>
     <section class='entries'>
-      <div class="h-feed">
-        {{ range where (.Paginator 13).Pages "Params.hidden" "ne" "true" }}
-
-          {{ if in .Params.categories "tv"}}
+      <div class="h-feed">    
+        {{ $range := where .Pages "Params.hidden" "ne" "true" }}
+        {{ $paginator := .Paginate $range }}
+        {{ $pageSize := $paginator.PageSize }}
+        {{ $totalPostsToShow := mul $paginator.PageNumber $pageSize }}
+        {{ range $index, $el := (first $totalPostsToShow $range) }}
         
-            {{- partial "video_box.html" . -}}
+        <div class='post {{if eq .Section "tv"}}tv{{ end }}' {{ if eq $index (sub $totalPostsToShow $pageSize) }}id="newpage"{{ end }}>
+          {{if eq .Section "tv"}}
+              {{- partial "video_box.html" . -}}
 
-          {{ else if in .Params.categories "calendar" }}
+            {{ else if eq .Section "events" }}
+              {{- partial "partials/calendar_card.html" . -}}
 
-            {{- partial "calendar_card.html" . -}}
+            {{ else if eq .Section "shouts" }}
+                {{ if in .Params.sources "pen.lumbung.space" }}
+                  {{- partial "partials/pen_card.html" . -}}
+                {{ else }}
+                  {{- partial "partials/shout_card.html" . -}}
+                {{ end }}
 
-          {{ else if in .Params.categories "network" }}
+            {{ else if eq .Section "social" }}
+              {{- partial "partials/social_card.html" . -}}
 
-            {{- partial "network_card.html" . -}}
+            {{ else if eq .Section "publications"}}
+              {{- partial "partials/book_card.html" . -}}
 
-          {{ else if in .Params.categories "shouts" }}
-
-            {{- partial "shout_card.html" . -}}
-
-          {{ else if in .Params.categories "pen" }}
-
-            {{- partial "pen_card.html" . -}}
-
-          {{ else if in .Params.categories "book" }}
-
-            {{- partial "book.html" . -}}
-          
-          {{ else if in .Params.categories "page" }}
-
-            {{- partial "blank.html" . -}}
-
-          {{ else }}
-
-            {{- partial "card.html" . -}}
-
-          {{ end }}   
+            {{ else if eq .Section "sounds"}}
+              {{- partial "sounds_card.html" . -}}
 
+            {{ else }}
+              {{- partial "card.html" . -}}
+            {{ end }}
+        </div>
         {{ end }}
       </div>
-
-      <nav class="pagination">
-        {{ template "_internal/pagination.html" . }}
-      </nav>
+      
+      <div class="page-nav">
+        {{ if and (gt $paginator.TotalPages 1) ($paginator.HasNext) }}
+          <a id="load-more-paginator" class="nextpage" href="{{ $paginator.Next.URL }}#newpage">load more</a>
+        {{ end }}
+      </div>
+    </section>
   </main>
-{{ end }}
+{{ end }}
\ No newline at end of file
diff --git a/themes/lumbung-theme/layouts/events/list.html b/themes/lumbung-theme/layouts/events/list.html
new file mode 100644
index 0000000..739ad2c
--- /dev/null
+++ b/themes/lumbung-theme/layouts/events/list.html
@@ -0,0 +1,39 @@
+{{ define "main" }}
+  <main>
+    <section class='entries'>
+        
+        {{ $now := (now.Format "060102" ) }}
+
+        {{ $upcoming := slice }}
+        {{ $past := slice}}
+
+        {{ range .Pages }}
+                {{ $t := (substr .Params.event_end 2 8) }} 
+                {{ $time := ( replace $t "-" "") }}   
+                {{ if ge $time $now }}
+                    {{ $upcoming = $upcoming | append . }}
+                {{ else if gt $now $time }}
+                    {{ $past = $past | append . }}
+                {{ end }}
+            {{ end }}
+
+        {{ with $upcoming }}
+        <div class="upcoming event-list">
+            <div class='tape-label'><span>upcoming events</span></div>
+            {{ range $upcoming}}
+            {{- partial "event_list_item.html" . -}}
+            {{end}}
+            </div>
+        {{end}}
+        {{ with $past }}
+        <div class="past event-list">
+            <div class='tape-label'><span>past events</span></div>
+            {{ range $past }}
+            {{- partial "event_list_item.html" . -}}
+            {{ end }}
+        </div>
+        {{ end }}
+          
+    </section>        
+  </main>
+{{ end }}
\ No newline at end of file
diff --git a/themes/lumbung-theme/layouts/index.html b/themes/lumbung-theme/layouts/index.html
index 0f9408f..190ba06 100644
--- a/themes/lumbung-theme/layouts/index.html
+++ b/themes/lumbung-theme/layouts/index.html
@@ -1,32 +1,50 @@
 {{ define "main" }}
   <main>
     <section class='entries'>
-      <div class="h-feed">
-{{ range (.Paginate (.Site.RegularPages.GroupByDate "January 2006") 20 ).PageGroups  }}
+      
+      <div class="h-feed">    
+        {{ $range := .Site.RegularPages }}
+        {{ $paginator := .Paginate $range }}
+        {{ $pageSize := $paginator.PageSize }}
+        {{ $totalPostsToShow := mul $paginator.PageNumber $pageSize }}
+        {{ range $index, $el := (first $totalPostsToShow .Site.RegularPages) }}
+        
+        <div class='post {{if eq .Section "tv"}}tv{{ end }}' {{ if eq $index (sub $totalPostsToShow $pageSize) }}id="newpage"{{ end }}>
+          {{if eq .Section "tv"}}
+              {{- partial "video_box.html" . -}}
 
-          <span class="date-marker">{{ .Key }}</span>
-          {{ range .Pages }}
-          {{ if in .Params.categories "tv"}}
-            {{- partial "video_box.html" . -}}
-          {{ else if in .Params.categories "calendar" }}
-            {{- partial "calendar_card.html" . -}}
-          {{ else if in .Params.categories "network" }}
-            {{- partial "network_card.html" . -}}
-          {{ else if in .Params.categories "pen" }}
-            {{- partial "pen_card.html" . -}}
-          {{ else if in .Params.categories "shouts" }}
-            {{- partial "shout_card.html" . -}}
-          {{ else if in .Params.categories "books.lumbung.space"}}
-          {{- partial "book_card.html" . -}}
-          {{ else }}
-            {{- partial "card.html" . -}}
-          {{ end }}  
-        {{ end }}
+            {{ else if eq .Section "events" }}
+              {{- partial "partials/calendar_card.html" . -}}
+
+            {{ else if eq .Section "shouts" }}
+                {{ if in .Params.sources "pen.lumbung.space" }}
+                  {{- partial "partials/pen_card.html" . -}}
+                {{ else }}
+                  {{- partial "partials/shout_card.html" . -}}
+                {{ end }}
+
+            {{ else if eq .Section "social" }}
+              {{- partial "partials/social_card.html" . -}}
+
+            {{ else if eq .Section "publications"}}
+              {{- partial "partials/book_card.html" . -}}
+
+            {{ else if eq .Section "sounds"}}
+              {{- partial "sounds_card.html" . -}}
+
+            {{ else }}
+              {{- partial "card.html" . -}}
+            {{ end }}
+        </div>
         {{ end }}
       </div>
-      <nav class="pagination-container">
-        {{ template "_internal/pagination.html" . }}
-      </nav>
+      
+      <div class="page-nav">
+        {{ if and (gt $paginator.TotalPages 1) ($paginator.HasNext) }}
+          <a id="load-more-paginator" class="nextpage" href="{{ $paginator.Next.URL }}#newpage">load more</a>
+        {{ end }}
+      </div>
+
       <div class="lumbung-radio-player" onclick="window.open('https://lumbungradio.stationofcommons.org', 'Lumbung Radio', 'height=800,width=450')">
         <svg class="lumbung-radio-play-button" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
           <path d="M7 4V20L20 12L7 4Z" fill="#CA14D4" stroke="#CA14D4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@@ -34,5 +52,8 @@
         <span>lumbung radio</span>
         <img src="/img/lumbung-radio-logo.png" alt="" height="30">
       </div>
+        
+    </section>
   </main>
+
 {{ end }}
\ No newline at end of file
diff --git a/themes/lumbung-theme/layouts/page/filter.html b/themes/lumbung-theme/layouts/page/filter.html
new file mode 100644
index 0000000..af5f844
--- /dev/null
+++ b/themes/lumbung-theme/layouts/page/filter.html
@@ -0,0 +1,262 @@
+<!DOCTYPE html>
+<html{{ with .Site.LanguageCode }} lang="{{ . }}"{{ end }}>
+
+<head>
+  <link rel="stylesheet" href="{{ "css/chroma.css" | relURL }}" />
+  
+  <link rel="stylesheet" href="{{ "vendor/bare/css/bare.min.css" | relURL }}" />
+  <style>
+  /*** Important ***/
+  .tf-filter-item {
+    display: none;
+  }
+
+  button.active {
+    background-color: #ddd;
+  }
+  
+  button.disable-button {
+    border-style: dashed;
+  }
+  
+  .show-item {
+    display: inline-block;
+  }
+
+  /*** Aesthetics ***/
+  section {
+    margin-top: 18px !important;
+  }
+  .tf-items-container {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+  }
+
+  .tf-item {
+    width: 250px;
+    margin: 8px;
+    background: #fff;
+    padding: 2rem;
+    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
+    border-radius: 2px;
+    margin-bottom: 2rem
+  }
+
+  .chroma {
+    overflow-x: auto;
+    padding: 4px;
+    
+  }
+
+  .panel {
+      padding: 0 18px;
+      max-height: 0;
+      overflow: hidden;
+      transition: max-height 0.2s ease-out;
+  }
+  
+  .acc:after {
+    content: '\02795';
+    color: #fff;
+    margin-left: 5px;
+  }
+
+  .acc.active:after {
+      content: "\2796";
+  }
+  
+  .navbtn {
+    padding: 0.5rem!important;
+    font-size: 90%!important;
+    
+  }
+  .nava {
+    text-transform: none;
+    font-size: 90%!important;
+  }
+  </style>
+  
+
+  
+</head>
+
+
+
+<section>
+
+
+{{ $pages := where .Site.RegularPages "Type" "in" .Site.Params.mainSections }}
+{{ $sections := .Site.Params.mainSections }}
+
+{{ $.Scratch.Set "authors" (slice ) }}
+{{ $.Scratch.Set "noAuthors" 0 }}
+
+{{ range where .Site.RegularPages "Type" "in" .Site.Params.mainSections }}
+  {{ with .Params.authors }}
+    {{ if eq ( printf "%T" . ) "[]string"  }}
+      {{ if ( not ( in ($.Scratch.Get "authors") . ) ) }}
+        {{ $.Scratch.Add "authors" . }}
+      {{ end }}
+    {{ else if ( printf "%T" . ) "[]string" }}
+      {{ range . }}
+        {{ if ( not ( in ($.Scratch.Get "authors") . ) ) }}
+          {{ $.Scratch.Add "authors" . }}
+        {{ end }}
+      {{ end }}
+    {{ end }}
+  {{ else }}
+    {{ $.Scratch.Add "noAuthors" 1 }}
+  {{ end }}
+{{ end }}
+
+
+{{ $tags := $.Site.Taxonomies.tags.ByCount }}
+
+{{ $.Scratch.Set "untagged" 0 }}
+{{ range $pages }}
+  {{ with .Params.tags }}{{ else }}{{ $.Scratch.Add "untagged" 1 }}{{ end }}
+{{ end }}
+
+
+<div class="tf-wrapper">
+  <div class="tf-buttons-container flex-grow">
+    <h4>Sections</h4>
+    <button xx id="selectAllSections" onclick="htf.showAll('section')">
+      All Sections
+    </button>
+    {{ range $sections }}
+      <button xx class="sect-button" id="sect-{{ . | urlize }}" onclick="htf.checkFilter('{{ . | urlize }}', 'sect-')">
+        {{ . | title }} <span id="ssect-{{ . | urlize }}"> -count-</span> | <span id="csect-{{ . | urlize }}"> -count-</span>
+      </button>
+    {{ end }}
+    
+  
+    
+    <h4>Authors</h4>
+    <button xx id="selectAllAuthors" onclick="htf.showAll('authors')">
+      All Authors
+    </button>
+    {{ range $.Scratch.Get "authors" }}
+      <button xx class="auth-button" id="auth-{{ . | replaceRE "[.]" "_" | urlize }}" onclick="htf.checkFilter('{{ . | replaceRE "[.]" "_" | urlize }}', 'auth-')">
+        {{ . }} <span id="sauth-{{ . | replaceRE "[.]" "_" | urlize }}"> -count-</span> | <span id="cauth-{{ . | replaceRE "[.]" "_" | urlize }}"> -count-</span>
+      </button>
+    {{ end }}
+    {{ if gt ( $.Scratch.Get "noAuthors") 0 }}
+    <button xx class="auth-button" id="auth-no-author" onclick="htf.checkFilter('no-author', 'auth-')">
+      No Author <span id="sauth-no-author"> -count-</span> | <span id="cauth-no-author"> -count-</span>
+    </button>
+    {{ end }}
+    
+    
+    
+    <h4>Tags</h4>
+    <button xx class="" id="selectAllTags" onclick="htf.showAll('tags')">
+      All Tags
+    </button>
+    {{ range $tags }}
+      {{ if .Term }}
+        <button xx class="tag-button" id="tag-{{ .Term | replaceRE "[.]" "_" | urlize }}" onclick="htf.checkFilter('{{ .Term | replaceRE "[.]" "_" | urlize }}', 'tag-')">
+          <span>{{.Term | humanize | title }}</span>
+          <span id="stags-{{ .Term | urlize }}"> -count-</span> | <span id="ctags-{{ .Term | urlize }}"> -count-</span>
+        </button>
+      {{ end }}
+    {{ end }}
+    {{ if gt ( $.Scratch.Get "untagged") 0 }}
+    <button xx class="tag-button" id="tag-tfuntagged" onclick="htf.checkFilter('tfuntagged', 'tag-')">
+      Untagged <span id="stags-tfuntagged"> -count-</span> | <span id="ctags-tfuntagged"> -count-</span>
+    </button>
+    {{ end }}
+    
+    
+    <hr >
+  </div>
+      
+    
+  
+  <hr >
+  <div><h2><span id="selectedItemCount"></span> Items</h2></div>
+  <div class="tf-items-container">      
+  {{ range $pages.ByPublishDate.Reverse }}
+  {{ if in .Params.categories "tv"}}
+  {{- partial "video_box.html" . -}}
+{{ else if in .Params.categories "calendar" }}
+  {{- partial "calendar_card.html" . -}}
+{{ else if in .Params.categories "network" }}
+  {{- partial "network_card.html" . -}}
+{{ else if in .Params.categories "pen" }}
+  {{- partial "pen_card.html" . -}}
+{{ else if in .Params.categories "shouts" }}
+  {{- partial "shout_card.html" . -}}
+{{ else if in .Params.categories "books.lumbung.space"}}
+{{- partial "book_card.html" . -}}
+{{ else }}
+  {{- partial "card.html" . -}}
+{{ end }}  
+  {{ end }}
+  </div>
+
+</div>
+
+<script src="{{ "vendor/htf/hugotagsfilter-1.2.2.min.js" | relURL}}"></script>
+<!--<script src="{{ "hugotagsfilter.js" | relURL}}"></script>-->
+<script>
+var htfConfig = {
+  filters: [
+    {
+      name: 'tags',
+      prefix: 'tag-',
+      buttonClass: 'tag-button',
+      allSelector: '#selectAllTags',
+      attrName: 'data-tags',
+      selectedPrefix: 'stags-',
+      countPrefix: 'ctags-'
+    },
+    {
+      name: 'section',
+      prefix: 'sect-',
+      buttonClass: 'sect-button',
+      allSelector: '#selectAllSections',
+      attrName: 'data-section',
+      selectedPrefix: 'ssect-',
+      countPrefix: 'csect-'
+      
+    },
+    {
+      name: 'authors',
+      prefix: 'auth-',
+      buttonClass: 'auth-button',
+      allSelector: '#selectAllAuthors',
+      attrName: 'data-authors',
+      selectedPrefix: 'sauth-',
+      countPrefix: 'cauth-'
+      
+    }
+  ],
+  showItemClass: "show-item",
+  filterItemClass: "filter-item",
+  activeButtonClass: "active",
+  counterSelector: "selectedItemCount",
+  populateCount: true,
+  setDisabledButtonClass: "disable-button"
+} 
+var htf = new HugoTagsFilter(htfConfig);
+</script>
+
+<script>
+function toggleAcc(el) {
+  el.classList.toggle("active")
+  var panel = el.nextElementSibling;
+  if (panel.style.maxHeight){
+    panel.style.maxHeight = null;
+  } else {
+    panel.style.maxHeight = panel.scrollHeight + "px";
+  } 
+}
+</script>
+</section>
+
+</body>
+
+
+</html>
diff --git a/themes/lumbung-theme/layouts/partials/book_card.html b/themes/lumbung-theme/layouts/partials/book_card.html
new file mode 100644
index 0000000..2bd0975
--- /dev/null
+++ b/themes/lumbung-theme/layouts/partials/book_card.html
@@ -0,0 +1,39 @@
+<div class='book card filter-item'>
+  <article class="h-entry book">
+    <div class="tape-label book"><span><time class="dt-published" datetime="{{ .Date.Format `Jan 02 2006` }}">{{ .Date.Format "Jan 02, 2006" }}</time></span><div></div></div>
+    
+      {{ $postPermalink := .Permalink}}
+    </header>
+
+    {{ with (index (.Resources.ByType "image") 0) }}
+      {{ $height := add .Height 0.0}}
+      {{ $ratio := div $height .Width}}
+      {{ $thumb := .Fit "540x540 q80 webp"}}
+    <div class="p-summary{{if gt $ratio 1 }} portrait {{else}} landscape {{end}}">
+      <div class="summary-image {{if gt $ratio 1 }} portrait {{else}} landscape {{end}}"> 
+      <a href="{{ $postPermalink }}"><img src="{{ $thumb.Permalink }}"  alt="{{ .Title }}"> </a>
+    </div>
+      {{ else }}
+      <div class="p-summary">
+      {{ end }}
+      <header>
+      <h2 class="p-name"><a href="{{ .Permalink }}" class="u-url">
+        {{.Title}}</a></h2>
+      </header>
+      <div class="summary-text">
+        {{ .Summary }}
+      </div>
+      </div>
+      <div class="shout-source"></div>
+
+    <footer class='post-footer'>
+      <div class='footer-metadata'>
+      <span class="from p-author">{{ if .Params.authors }}By {{range .Params.authors}}<b> <a href='{{ "/authors/" | relLangURL }}{{ . | urlize }}/'> {{ . }}</a> {{end}}</b> on{{ end }}</span>
+       
+     {{ if .Truncated }}
+        <div class="footer-filler"></div>
+        <div class='read-more'><a href="{{ .RelPermalink }}">Read More…</a></div>
+        {{ end }}
+      </footer>            
+  </article>
+</div>
diff --git a/themes/lumbung-theme/layouts/partials/calendar_card.html b/themes/lumbung-theme/layouts/partials/calendar_card.html
index c41cfa9..3a20ffc 100644
--- a/themes/lumbung-theme/layouts/partials/calendar_card.html
+++ b/themes/lumbung-theme/layouts/partials/calendar_card.html
@@ -1,5 +1,5 @@
 {{  $t := (time .Params.event_end) }} 
-<div class='card calendar {{ if $t.Before now }}past{{end}}'>
+<div class='card calendar {{ if $t.Before now }}past{{end}} filter-item' data-section="{{ .Section }}" data-sources='{{- partial "data/sources.html" . -}}' data-contributors='{{- partial "data/contributors.html" . -}}' data-tags='{{- partial "data/tags.html" . -}}'>
   <div class='date tape-label'><span> {{ substr .Params.date 0 11}}</span></div>
   <article class="h-event calendar ">
     <header>
diff --git a/themes/lumbung-theme/layouts/partials/card.html b/themes/lumbung-theme/layouts/partials/card.html
index 9154a32..5cbaa86 100644
--- a/themes/lumbung-theme/layouts/partials/card.html
+++ b/themes/lumbung-theme/layouts/partials/card.html
@@ -1,4 +1,4 @@
-    <div class='card'>
+    <div class='card filter-item' data-section="{{ .Section }}" data-sources='{{- partial "data/sources.html" . -}}' data-contributors='{{- partial "data/contributors.html" . -}}' data-tags='{{- partial "data/tags.html" . -}}'>
           <article class="h-entry">
             <header>
               <h2 class="p-name"><a href="{{ .Permalink }}" class="u-url">{{ .Title }}</a></h2>
diff --git a/themes/lumbung-theme/layouts/partials/data/authors.html b/themes/lumbung-theme/layouts/partials/data/authors.html
new file mode 100644
index 0000000..69be009
--- /dev/null
+++ b/themes/lumbung-theme/layouts/partials/data/authors.html
@@ -0,0 +1 @@
+{{ with .Params.authors }}{{ if eq ( printf "%T" . ) "string" }}{{ . | replaceRE "[.]" "_" | urlize }}{{ else if eq ( printf "%T" . ) "[]string" }}{{ range . }}{{ . | replaceRE "[.]" "_" | urlize }} {{end}}{{end}}{{else}}no-author{{end}}
\ No newline at end of file
diff --git a/themes/lumbung-theme/layouts/partials/data/categories.html b/themes/lumbung-theme/layouts/partials/data/categories.html
new file mode 100644
index 0000000..9303037
--- /dev/null
+++ b/themes/lumbung-theme/layouts/partials/data/categories.html
@@ -0,0 +1 @@
+{{ with .Params.categories }}{{ if eq ( printf "%T" . ) "string" }}{{ . | replaceRE "[.]" "_" | urlize }}{{ else if eq ( printf "%T" . ) "[]string" }}{{ range . }}{{ . | replaceRE "[.]" "_" | urlize }} {{end}}{{end}}{{else}}no-cat{{end}}
\ No newline at end of file
diff --git a/themes/lumbung-theme/layouts/partials/data/contributors.html b/themes/lumbung-theme/layouts/partials/data/contributors.html
new file mode 100644
index 0000000..20dce32
--- /dev/null
+++ b/themes/lumbung-theme/layouts/partials/data/contributors.html
@@ -0,0 +1 @@
+{{ with .Params.contributors }}{{ if eq ( printf "%T" . ) "string" }}{{ . | replaceRE "[.]" "_" | urlize }}{{ else if eq ( printf "%T" . ) "[]string" }}{{ range . }}{{ . | replaceRE "[.]" "_" | urlize }} {{end}}{{end}}{{else}}no-contributor{{end}}
\ No newline at end of file
diff --git a/themes/lumbung-theme/layouts/partials/data/sources.html b/themes/lumbung-theme/layouts/partials/data/sources.html
new file mode 100644
index 0000000..d39e141
--- /dev/null
+++ b/themes/lumbung-theme/layouts/partials/data/sources.html
@@ -0,0 +1 @@
+{{ with .Params.sources }}{{ if eq ( printf "%T" . ) "string" }}{{ . | replaceRE "[.]" "_" | urlize }}{{ else if eq ( printf "%T" . ) "[]string" }}{{ range . }}{{ . | replaceRE "[.]" "_" | urlize }} {{end}}{{end}}{{else}}no-sources{{end}}
\ No newline at end of file
diff --git a/themes/lumbung-theme/layouts/partials/data/tags.html b/themes/lumbung-theme/layouts/partials/data/tags.html
new file mode 100644
index 0000000..6cb4851
--- /dev/null
+++ b/themes/lumbung-theme/layouts/partials/data/tags.html
@@ -0,0 +1 @@
+{{ with .Params.tags }}{{ range . }}{{ . | replaceRE "[.]" "_" | urlize }} {{ end }}{{ else }} tfuntagged{{ end }}
\ No newline at end of file
diff --git a/themes/lumbung-theme/layouts/partials/event_list_item.html b/themes/lumbung-theme/layouts/partials/event_list_item.html
new file mode 100644
index 0000000..524ea99
--- /dev/null
+++ b/themes/lumbung-theme/layouts/partials/event_list_item.html
@@ -0,0 +1,19 @@
+{{  $t := (time .Params.event_end) }} 
+<div class='event-list-item'>
+  <div class='date-start'><span> {{ substr .Params.event_begin 0 11}}</span></div>
+  <div class='title'><h2 class="p-name"><a href="{{ .Permalink }}" class="u-url">{{ .Title }}</a></h2></div>
+  <div class='time'>
+    <div class='start-scroller'>
+      <marquee behavior="scroll" direction="left">
+        {{ .Params.localized_begin | markdownify }}
+      </marquee>
+    </div>
+  </div>
+  <div class='duration'>Duration: <b>{{ .Params.duration }}</b></div>
+  <div class='location'>{{ .Params.location | markdownify }}</div>
+  <input class='descr_button' type='checkbox' id='toggle-{{ .Params.uid }}'/>
+  <label class='calendar' for='toggle-{{ .Params.uid }}'>↕</label>
+  <div class='calendar description p-description' id='event-{{ .Params.uid }}'>
+    {{.Content}}
+  </div>
+</div>
\ No newline at end of file
diff --git a/themes/lumbung-theme/layouts/partials/filter-nav.html b/themes/lumbung-theme/layouts/partials/filter-nav.html
new file mode 100644
index 0000000..373c62b
--- /dev/null
+++ b/themes/lumbung-theme/layouts/partials/filter-nav.html
@@ -0,0 +1,91 @@
+<div class="filter" id="filter">
+	<div class="filter-link" id="filter-link"><svg class="filter-icon" enable-background="new 0 0 510.2 512" version="1.1" viewBox="0 0 510.2 512" xmlns="http://www.w3.org/2000/svg"><path d="m499.1 0c2.8 2.2 6.2 4 8.3 6.8 4.4 5.8 3.5 12.6-1.9 19.2-15.7 19.4-31.5 38.8-47.3 58.2-41.2 50.8-82.5 101.6-123.8 152.4-2 2.4-3.9 3.4-7.1 3.4-48.2-0.1-96.3-0.1-144.5 0-3.2 0-5.1-1-7.1-3.4-56.4-69.6-112.9-139.1-169.4-208.7-9.7-11.9-8.3-20.3 4.8-27.9h488z"/><path d="m206.1 512c-8.7-4-11.2-10.8-11.1-20.2 0.3-71.8 0.1-143.6 0.1-215.4v-6.2h120v5.5c0 57.6-0.1 115.3 0.1 172.9 0 8.7-3.3 14.4-11.1 18.2-29.9 14.6-59.6 29.6-89.4 44.4-0.3 0.1-0.4 0.5-0.6 0.7-2.7 0.1-5.3 0.1-8 0.1z"/></svg><span>filter</span></div>
+
+	{{ $pages := where .Site.RegularPages "Type" "in" .Site.Params.mainSections }}
+	{{ $sections := .Site.Params.mainSections }}
+	{{ $tags := $.Site.Taxonomies.tags.ByCount }}
+	{{ $.Scratch.Set "untagged" 0 }}
+	{{ range $pages }}
+		{{ with .Params.tags }}{{ else }}{{ $.Scratch.Add "untagged" 1 }}{{ end }}
+	{{ end }}
+
+	<div class="filter-container">
+		<div class="filter-information">
+			<div><span id="selectedItemCount"></span> Cards</div>
+			<div id="load-more">load more cards</div>
+		</div>
+		<div class="filter-buttons-container">
+			<div class="filter-buttons">
+				<button class="filter-by">
+					by sections
+				</button>
+				<div class="filter-buttons-dropdown">
+					{{ range $sections }}
+						<button xx class="sect-button filter-button" id="sect-{{ . | urlize }}" onclick="htf.checkFilter('{{ . | urlize }}', 'sect-')"><svg enable-background="new 0 0 14.9 14.9" version="1.1" viewBox="-2 -2 18.9 18.9" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path d="m11.8 1.9c-0.8-1.2-2.1-1.8-3.8-1.6-0.8-0.3-1.6-0.4-2.4-0.1-2.3 0.8-3.9 2.4-5 4.5-1.4 2.6-0.5 6.8 2.4 8.1h0.1c0.2 0.2 0.5 0.3 0.8 0.4 0.4 0.6 0.9 1.1 1.6 1.3 1.9 0.7 4.1 0.1 5.5-1.2 0.9-0.6 1.6-1.4 2-2.4 1-0.9 1.6-2.2 1.8-3.5 0.3-2.2-0.7-4.7-3-5.5z"/></svg> <span class="filter-title">{{ . | title }}</span> <span id="ssect-{{ . | urlize }}"></span>
+						</button>
+					{{ end }}
+					<button xx id="selectAllSections" class="filter-all" onclick="htf.showAll('section')">
+						All Sections
+					</button>
+				</div>
+			</div>
+
+			<div class="filter-buttons">
+				<button class="filter-by">
+					by contributors
+				</button>
+				<div class="filter-buttons-dropdown">
+					{{ range .Site.Taxonomies.contributors }}
+					<button xx class="cont-button filter-button" id="cont-{{ .Page.Title | replaceRE "[.]" "_" | urlize }}" onclick="htf.checkFilter('{{ .Page.Title | replaceRE "[.]" "_" | urlize }}', 'cont-')"><svg enable-background="new 0 0 14.9 14.9" version="1.1" viewBox="-2 -2 18.9 18.9" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path d="m11.8 1.9c-0.8-1.2-2.1-1.8-3.8-1.6-0.8-0.3-1.6-0.4-2.4-0.1-2.3 0.8-3.9 2.4-5 4.5-1.4 2.6-0.5 6.8 2.4 8.1h0.1c0.2 0.2 0.5 0.3 0.8 0.4 0.4 0.6 0.9 1.1 1.6 1.3 1.9 0.7 4.1 0.1 5.5-1.2 0.9-0.6 1.6-1.4 2-2.4 1-0.9 1.6-2.2 1.8-3.5 0.3-2.2-0.7-4.7-3-5.5z"/></svg> <span class="filter-title">{{ .Page.Title }}</span> <span id="scont-{{ .Page.Title | replaceRE "[.]" "_" | urlize }}"></span>
+					</button>
+					{{ end }}
+
+					<button xx class="cont-button filter-button" id="cont-no-contributor" onclick="htf.checkFilter('no-contributor', 'cont-')"><svg enable-background="new 0 0 14.9 14.9" version="1.1" viewBox="-2 -2 18.9 18.9" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path d="m11.8 1.9c-0.8-1.2-2.1-1.8-3.8-1.6-0.8-0.3-1.6-0.4-2.4-0.1-2.3 0.8-3.9 2.4-5 4.5-1.4 2.6-0.5 6.8 2.4 8.1h0.1c0.2 0.2 0.5 0.3 0.8 0.4 0.4 0.6 0.9 1.1 1.6 1.3 1.9 0.7 4.1 0.1 5.5-1.2 0.9-0.6 1.6-1.4 2-2.4 1-0.9 1.6-2.2 1.8-3.5 0.3-2.2-0.7-4.7-3-5.5z"/></svg> <span class="filter-title">No contributors</span><span id="scont-no-contributor"></span>
+					</button>
+					<button xx id="selectAllContributors" class="filter-all" onclick="htf.showAll('contributors')">
+						All contributors
+					</button>
+				</div>
+			</div>
+
+			<div class="filter-buttons">
+				<button class="filter-by">
+					by sources
+				</button>
+				<div class="filter-buttons-dropdown">
+					{{ range .Site.Taxonomies.sources }}
+					<button xx class="src-button filter-button" id="src-{{ .Page.Title | replaceRE "[.]" "_" | urlize }}" onclick="htf.checkFilter('{{ .Page.Title | replaceRE "[.]" "_" | urlize }}', 'src-')"><svg enable-background="new 0 0 14.9 14.9" version="1.1" viewBox="-2 -2 18.9 18.9" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path d="m11.8 1.9c-0.8-1.2-2.1-1.8-3.8-1.6-0.8-0.3-1.6-0.4-2.4-0.1-2.3 0.8-3.9 2.4-5 4.5-1.4 2.6-0.5 6.8 2.4 8.1h0.1c0.2 0.2 0.5 0.3 0.8 0.4 0.4 0.6 0.9 1.1 1.6 1.3 1.9 0.7 4.1 0.1 5.5-1.2 0.9-0.6 1.6-1.4 2-2.4 1-0.9 1.6-2.2 1.8-3.5 0.3-2.2-0.7-4.7-3-5.5z"/></svg> <span class="filter-title">{{ .Page.Title }}</span> <span id="ssrc-{{ .Page.Title | replaceRE "[.]" "_" | urlize }}"></span>
+					</button>
+					{{ end }}
+					<button xx class="src-button filter-button" id="src-no-sources" onclick="htf.checkFilter('no-sources', 'src-')"><svg enable-background="new 0 0 14.9 14.9" version="1.1" viewBox="-2 -2 18.9 18.9" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path d="m11.8 1.9c-0.8-1.2-2.1-1.8-3.8-1.6-0.8-0.3-1.6-0.4-2.4-0.1-2.3 0.8-3.9 2.4-5 4.5-1.4 2.6-0.5 6.8 2.4 8.1h0.1c0.2 0.2 0.5 0.3 0.8 0.4 0.4 0.6 0.9 1.1 1.6 1.3 1.9 0.7 4.1 0.1 5.5-1.2 0.9-0.6 1.6-1.4 2-2.4 1-0.9 1.6-2.2 1.8-3.5 0.3-2.2-0.7-4.7-3-5.5z"/></svg> <span class="filter-title">No sources</span> <span id="ssrc-no-sources"></span>
+					</button>
+					<button xx id="selectAllSources" class="filter-all" onclick="htf.showAll('sources')">
+						All sources
+					</button>
+				</div>
+			</div>
+
+			<div class="filter-buttons">
+				<button class="filter-by">
+					by tags
+				</button>
+				<div class="filter-buttons-dropdown">
+					{{ range $tags }}
+						{{ if .Term }}
+						<button xx class="tag-button filter-button" id="tag-{{ .Term | replaceRE "[.]" "_" | urlize }}" onclick="htf.checkFilter('{{ .Term | replaceRE "[.]" "_" | urlize }}', 'tag-')"><svg enable-background="new 0 0 14.9 14.9" version="1.1" viewBox="-2 -2 18.9 18.9" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path d="m11.8 1.9c-0.8-1.2-2.1-1.8-3.8-1.6-0.8-0.3-1.6-0.4-2.4-0.1-2.3 0.8-3.9 2.4-5 4.5-1.4 2.6-0.5 6.8 2.4 8.1h0.1c0.2 0.2 0.5 0.3 0.8 0.4 0.4 0.6 0.9 1.1 1.6 1.3 1.9 0.7 4.1 0.1 5.5-1.2 0.9-0.6 1.6-1.4 2-2.4 1-0.9 1.6-2.2 1.8-3.5 0.3-2.2-0.7-4.7-3-5.5z"/></svg> <span class="filter-title">{{.Term | humanize | title }}</span>
+						<span id="stags-{{ .Term | urlize }}"></span>
+						</button>
+						{{ end }}
+					{{ end }}
+					<button xx class="tag-button filter-button" id="tag-tfuntagged" onclick="htf.checkFilter('tfuntagged', 'tag-')"><svg enable-background="new 0 0 14.9 14.9" version="1.1" viewBox="-2 -2 18.9 18.9" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path d="m11.8 1.9c-0.8-1.2-2.1-1.8-3.8-1.6-0.8-0.3-1.6-0.4-2.4-0.1-2.3 0.8-3.9 2.4-5 4.5-1.4 2.6-0.5 6.8 2.4 8.1h0.1c0.2 0.2 0.5 0.3 0.8 0.4 0.4 0.6 0.9 1.1 1.6 1.3 1.9 0.7 4.1 0.1 5.5-1.2 0.9-0.6 1.6-1.4 2-2.4 1-0.9 1.6-2.2 1.8-3.5 0.3-2.2-0.7-4.7-3-5.5z"/></svg> <span class="filter-title">Untagged</span> <span id="stags-tfuntagged"></span>
+					</button>
+					<button xx id="selectAllTags" class="filter-all" onclick="htf.showAll('tags')">
+						All Tags
+					</button>
+				</div>
+			</div>
+			
+		</div>
+	</div>
+
+</div>
\ No newline at end of file
diff --git a/themes/lumbung-theme/layouts/partials/footer.html b/themes/lumbung-theme/layouts/partials/footer.html
index c8c9ced..c75a630 100644
--- a/themes/lumbung-theme/layouts/partials/footer.html
+++ b/themes/lumbung-theme/layouts/partials/footer.html
@@ -1,7 +1,7 @@
 <footer id="footer">
 	<div class="f-main">
 		<div class="f-column">
-			<a href="/"><img class="logo" src="/img/logo.svg" alt="lumbung.space"></a>
+			<a href="/"><img class="logo" src="/img/logo-big.svg" alt="lumbung.space"></a>
 		</div>
 		<div class="f-column"><u>lumbung.space</u> is a social and publishing platform for sharing harvests by all members online. It is non-extractive, co governed by the users, and is built on open platforms.</div>
 		<div class="f-column">
diff --git a/themes/lumbung-theme/layouts/partials/head.html b/themes/lumbung-theme/layouts/partials/head.html
index 38b375f..11ab989 100644
--- a/themes/lumbung-theme/layouts/partials/head.html
+++ b/themes/lumbung-theme/layouts/partials/head.html
@@ -25,4 +25,5 @@
     {{ with .OutputFormats.Get "rss" -}}
         {{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
     {{ end -}}
+
 </head>
diff --git a/themes/lumbung-theme/layouts/partials/header.html b/themes/lumbung-theme/layouts/partials/header.html
index 41f0da3..ba3b1a0 100644
--- a/themes/lumbung-theme/layouts/partials/header.html
+++ b/themes/lumbung-theme/layouts/partials/header.html
@@ -1,36 +1,26 @@
 <header id="top-menu">
-    <div class="mobile-menu">
-        <button class="hamburger" onclick="this.classList.toggle('opened'); document.querySelector('.drawer').classList.toggle('opened');">
-                <svg width="30" fill="#3C3D3D" viewBox="0 0 50 40">
-                  <g>
-                    <path class="top" d="M0 8h50v3H0z"/>
-                    <path class="bottom" d="M0 28h50v3H0z"/>
-                    <path class="middle" d="M0 18h50v3H0z"/>
-                  </g>
-                </svg>
-            </button>
-        <a href="https://members.lumbung.space" id="login">login</a>
+    <div class="header-row">
+        <a href="/" class="home-link">
+            <img class="logo" src="/img/logo.svg" alt="{{ .Site.Title }}">
+        </a>
     </div>
-
-    <a href="/" class="home-link">
-        <img class="logo" src="{{ .Site.Params.Logo }}" alt="{{ .Site.Title }}">
-    </a>
-
-    <nav class="menu">
+</header>
+<div class="menu-row">
+    <nav id="menu" class="menu">
+        <a href="#"><img class="menu-dot" src="/img/black-dot.svg" alt="black dot"></a>
         <ul>
-            <li><a href="/">home</a></li>
             <li><a href="/timeline/">harvest</a></li>
             {{/*  <li><a href="/about/">about</a></li>  */}}
             <li class="has-submenu">about
                 <ul class="submenu">
                     <li><a href="/about/">about us</a></li>
-                    <li><a href="/contributors/">contributors</a></li>
+                    <li><a href="/ls-contributors/">contributors</a></li>
                 </ul>
             </li>
-            <li><a href="/calendar/">calendar</a></li>
+            <li><a href="/events/">calendar</a></li>
             <li><a href="/tv/">tv</a></li>
             <li><a href="/social/">social</a></li>
-            <li><a href="/pen/">pen</a></li>
+            <li><a href="/sources/pen.lumbung.space/">pen</a></li>
             <li><a href="/shouts/">shouts</a></li>
             <li class="has-submenu">ekonomi
                 <ul class="submenu">
@@ -40,30 +30,15 @@
             </li>
             <li><a href="https://books.lumbung.space">books</a></li>
         </ul>
+        <div class="login-menu"><a href="https://members.lumbung.space">login</a></div>
     </nav>
+    {{- partial "filter-nav.html" . -}}
+    <div class="login"><a href="https://members.lumbung.space">login</a></div>
 
-    <aside class="drawer">
-        <ul>
-            <li><a href="/">home</a></li>
-            <li><a href="/timeline/">harvest</a></li>
-            <li class="has-submenu">about
-                <ul class="submenu">
-                    <li><a href="/about/">about us</a></li>
-                    <li><a href="/contributors/">contributors</a></li>
-                </ul>
-            </li>
-            <li><a href="/calendar/">calendar</a></li>
-            <li><a href="/tv/">tv</a></li>
-            <li><a href="/social/">social</a></li>
-            <li><a href="/pen/">pen</a></li>
-            <li><a href="/shouts/">shouts</a></li>
-            <li class="has-submenu">ekonomi
-                <ul class="submenu">
-                    <li><a href="/tags/lumbungkiosproducts/">kios</a></li>
-                    <li><a href="/tags/lumbunggallery/">gallery</a></li>
-                </ul>
-            </li>
-            <li><a href="https://books.lumbung.space">books</a></li>
-        </ul>
-    </aside>
-</header>
+    <div class="menu-button" id="menu-button">
+        <div class="menu-button--line"></div>
+        <div class="menu-button--line"></div>
+        <div class="menu-button--line"></div>
+    </div>
+   
+</div>
diff --git a/themes/lumbung-theme/layouts/partials/network_card.html b/themes/lumbung-theme/layouts/partials/network_card.html
deleted file mode 100644
index dae6e92..0000000
--- a/themes/lumbung-theme/layouts/partials/network_card.html
+++ /dev/null
@@ -1,47 +0,0 @@
-    <div class='network card {{ .Params.feed_name }}'>
-      <article class="h-entry network">
-        <header>
-          {{ $postPermalink := .Permalink}}
-          <time class="dt-published" datetime="{{ .Date.Format `Jan 02 2006` }}">{{ .Date.Format "Jan 02, 2006" }}</time>
-          <h2 class="p-name"><a href="{{ .Permalink }}" class="u-url">{{ .Title }}</a></h2>
-        </header>
-        
-        <div class="network-source"><span class="from p-author">From {{ if .Params.authors }}<b>{{range .Params.authors}} <a href='{{ "/authors/" | relLangURL }}{{ . | urlize }}/'> {{ . }}</a> {{end}}</b> at {{ end }}<a href="{{ "/categories/" | relLangURL }}{{ .Params.feed_name | urlize }}">{{ .Params.feed_name }}</a></span></div>
-
-        {{ if .Params.featured_image }}
-          {{ $img := .Resources.GetMatch .Params.featured_image }}
-          {{ $height := add $img.Height 0.0}}
-          {{ $ratio := div $height $img.Width}}
-          {{ $thumb := $img.Fit "540x540 q80 webp"}}
-          <div class="p-summary{{if gt $ratio 1 }} portrait {{else}} landscape {{end}}">
-          <div class="summary-image {{if gt $ratio 1 }} portrait {{else}} landscape {{end}}"> 
-            <a href="{{ $postPermalink }}"><img src="{{ $thumb.Permalink }}"  alt="{{ .Title }}"> </a>
-          </div>
-        {{ else if (.Resources.ByType "image") }}
-          {{ with (index (.Resources.ByType "image") 0) }}
-            {{ $img := . }}
-            {{ $height := add .Height 0.0}}
-            {{ $ratio := div $height .Width}}
-            {{ $thumb := .Fit "540x540 q80 webp"}}
-        <div class="p-summary{{if gt $ratio 1 }} portrait {{else}} landscape {{end}}">
-          <div class="summary-image {{if gt $ratio 1 }} portrait {{else}} landscape {{end}}"> 
-            <a href="{{ $postPermalink }}"><img src="{{ $thumb.Permalink }}"  alt="{{ .Title }}"> </a>
-          </div>
-          {{ end }}
-          {{ else }}
-          <div class="p-summary">
-            {{ end }}
-            <div class="summary-text">
-              {{ .Summary }}
-            </div>
-          </div>
-          
-          <footer class='post-footer'>
-            <a href="{{ .RelPermalink }}">
-              <svg width="11" height="11" viewBox="0 0 11 11" xmlns="http://www.w3.org/2000/svg">
-                <path d="M10.2172 3.892C9.86979 3.02585 9.33722 2.34509 8.61023 1.77874C8.23826 1.49028 7.72957 1.04191 7.21547 0.839212C7.21382 0.703503 7.14487 0.575079 6.97767 0.503871C5.42624 -0.162284 3.69503 0.311299 2.52647 1.51482C1.94635 2.11223 1.51951 2.8478 1.21108 3.62501C0.914861 4.3676 0.507572 5.32483 0.948415 6.07996C1.00646 6.17836 1.09356 6.24193 1.1908 6.27306C1.2735 7.35573 1.57765 8.46801 2.37847 9.21874C3.2325 10.0162 4.43613 10.3053 5.5673 10.1773C6.72371 10.0468 7.96432 9.57061 8.8816 8.82474C9.01086 8.71974 9.1274 8.60844 9.23337 8.49296C9.27968 8.4924 9.32805 8.4875 9.37839 8.4718C11.3643 7.82491 10.8101 5.37347 10.2172 3.892Z" />
-              </svg>
-            </a>
-          </footer>            
-        </article>
-      </div>
diff --git a/themes/lumbung-theme/layouts/partials/pen_card.html b/themes/lumbung-theme/layouts/partials/pen_card.html
index ef2b213..4accc6d 100644
--- a/themes/lumbung-theme/layouts/partials/pen_card.html
+++ b/themes/lumbung-theme/layouts/partials/pen_card.html
@@ -1,4 +1,4 @@
-    <div class='pen card {{ .Params.feed_name }}'>
+    <div class='pen card {{ .Params.feed_name }} filter-item' data-section="{{ .Section }}" data-sources='{{- partial "data/sources.html" . -}}' data-contributors='{{- partial "data/contributors.html" . -}}' data-tags='{{- partial "data/tags.html" . -}}'>
       <article class="h-entry pen">
         <header>
         <div class="pen-source"><span class="from p-author">From {{ if .Params.author }}<b>{{.Params.author}}</b> at {{ end }}<a href="{{ "/categories/" | relLangURL }}{{ .Params.feed_name | urlize }}">{{ .Params.feed_name }}</a></span></div>
diff --git a/themes/lumbung-theme/layouts/partials/shout_card.html b/themes/lumbung-theme/layouts/partials/shout_card.html
index 625164e..c3ee38b 100644
--- a/themes/lumbung-theme/layouts/partials/shout_card.html
+++ b/themes/lumbung-theme/layouts/partials/shout_card.html
@@ -1,49 +1,48 @@
-    <div class='shout card {{ .Params.feed_name }}'>
-          <article class="h-entry shout">
-            <header>
-              {{ $postPermalink := .Permalink}}
-              <h2 class="p-name"><a href="{{ .Permalink }}" class="u-url">
-                {{ range $i, $e := .Params.tags -}}
-                    {{- if $i -}} {{ end -}}
-                    <a href='{{ "/tags/" | relLangURL }}{{ . | urlize }}'>#{{ $e | humanize | lower }}</a>
-                {{- end -}}
-              </a></h2>
-            </header>
+<div class='shout card {{ .Params.feed_name }} filter-item' data-section="{{ .Section }}" data-sources='{{- partial "data/sources.html" . -}}' data-contributors='{{- partial "data/contributors.html" . -}}' data-tags='{{- partial "data/tags.html" . -}}'>
+  <article class="h-entry shout">
+    <header>
+      {{ $postPermalink := .Permalink}}
+      <time class="dt-published" datetime="{{ .Date.Format `Jan 02 2006` }}">{{ .Date.Format "Jan 02, 2006" }}</time>
+      <h2 class="p-name"><a href="{{ .Permalink }}" class="u-url">{{ .Title }}</a></h2>
+    </header>
+    
+    <div class="shout-source"><span class="from p-author">From {{ if .Params.contributors }}<b>{{range .Params.contributors}} <a href='{{ "/contributors/" | relLangURL }}{{ . | urlize }}/'> {{ . }}</a> {{end}}</b> at {{ end }}<a href="{{ "/sources/" | relLangURL }}{{ .Params.feed_name | urlize }}">{{ .Params.feed_name }}</a></span></div>
 
-            {{ with (index (.Resources.ByType "video") 0) }}
-            {{/* TODO this current logic does not suport video & image mixed */}}
-              <div class="p-summary">
-              <video controls width="540px" preload="none" poster="{{ $postPermalink }}/thumbnail.png">
-                <source src="{{.Permalink}}" type="video/mp4">
-              </video>
-            {{ else}}
-            {{ with (index (.Resources.ByType "image") 0) }}
-              {{ $height := add .Height 0.0}}
-              {{ $ratio := div $height .Width}}
-              {{ $thumb := .Fit "540x540 q80 webp"}}
-            <div class="p-summary{{if gt $ratio 1 }} portrait {{else}} landscape {{end}}">
-              <div class="summary-image {{if gt $ratio 1 }} portrait {{else}} landscape {{end}}"> 
-              <a href="{{ $postPermalink }}"><img src="{{ $thumb.Permalink }}"  alt="{{ .Title }}"> </a>
-            </div>
-            {{ else }}
-              <div class="p-summary">
-            {{ end }}
-            {{ end }}
-              <div class="summary-text">
-                {{ .Summary }}
-              </div>
-              </div>
-              <div class="shout-source"></div>
-
-            <footer class='post-footer'>
-              <div class='footer-metadata'>
-              <span class="from p-author">{{ if .Params.authors }}From {{range .Params.authors}}<b> <a href='{{ "/authors/" | relLangURL }}{{ . | urlize }}/'> {{ . }}</a> {{end}}</b> on{{ end }}</span>
-               <time class="dt-published" datetime="{{ .Date.Format `Jan 02 2006` }}">{{ .Date.Format "Jan 02, 2006" }}</time>
-               </div>
-              {{ if .Truncated }}
-                <div class="footer-filler"></div>
-                <div class='read-more'><a href="{{ .RelPermalink }}">Read More…</a></div>
-                {{ end }}
-            </footer>            
-          </article>
+    {{ if .Params.featured_image }}
+      {{ with $img := .Resources.GetMatch .Params.featured_image }}
+      {{ $height := add $img.Height 0.0}}
+      {{ $ratio := div $height $img.Width}}
+      {{ $thumb := $img.Fit "540x540 q80 webp"}}
+      <div class="p-summary{{if gt $ratio 1 }} portrait {{else}} landscape {{end}}">
+        <div class="summary-image {{if gt $ratio 1 }} portrait {{else}} landscape {{end}}"> 
+          <a href="{{ $postPermalink }}"><img src="{{ $thumb.Permalink }}"  alt="{{ .Title }}"> </a>
+        </div>
+      {{end}}
+    {{ else if (.Resources.ByType "image") }}
+      {{ with (index (.Resources.ByType "image") 0) }}
+        {{ $img := . }}
+        {{ $height := add .Height 0.0}}
+        {{ $ratio := div $height .Width}}
+        {{ $thumb := .Fit "540x540 q80 webp"}}
+    <div class="p-summary{{if gt $ratio 1 }} portrait {{else}} landscape {{end}}">
+      <div class="summary-image {{if gt $ratio 1 }} portrait {{else}} landscape {{end}}"> 
+        <a href="{{ $postPermalink }}"><img src="{{ $thumb.Permalink }}"  alt="{{ .Title }}"> </a>
+      </div>
+      {{ end }}
+    {{ else }}
+      <div class="p-summary">
+      {{ end }}
+      <div class="summary-text">
+        {{ .Summary }}
+      </div>
     </div>
+  
+    <footer class='post-footer'>
+      <a href="{{ .RelPermalink }}">
+        <svg width="11" height="11" viewBox="0 0 11 11" xmlns="http://www.w3.org/2000/svg">
+          <path d="M10.2172 3.892C9.86979 3.02585 9.33722 2.34509 8.61023 1.77874C8.23826 1.49028 7.72957 1.04191 7.21547 0.839212C7.21382 0.703503 7.14487 0.575079 6.97767 0.503871C5.42624 -0.162284 3.69503 0.311299 2.52647 1.51482C1.94635 2.11223 1.51951 2.8478 1.21108 3.62501C0.914861 4.3676 0.507572 5.32483 0.948415 6.07996C1.00646 6.17836 1.09356 6.24193 1.1908 6.27306C1.2735 7.35573 1.57765 8.46801 2.37847 9.21874C3.2325 10.0162 4.43613 10.3053 5.5673 10.1773C6.72371 10.0468 7.96432 9.57061 8.8816 8.82474C9.01086 8.71974 9.1274 8.60844 9.23337 8.49296C9.27968 8.4924 9.32805 8.4875 9.37839 8.4718C11.3643 7.82491 10.8101 5.37347 10.2172 3.892Z" />
+        </svg>
+      </a>
+    </footer>            
+  </article>
+</div>
diff --git a/themes/lumbung-theme/layouts/partials/social_card.html b/themes/lumbung-theme/layouts/partials/social_card.html
new file mode 100644
index 0000000..464150e
--- /dev/null
+++ b/themes/lumbung-theme/layouts/partials/social_card.html
@@ -0,0 +1,49 @@
+<div class='social card {{ range .Params.tags }}{{ if or (eq . "lumbungkios") (eq . "lumbungkiosproducts")}}lumbungkios{{else if  (eq . "lumbunggallery")}}{{.}}{{ end }}{{ end }} filter-item' data-section="{{ .Section }}" data-sources='{{- partial "data/sources.html" . -}}' data-contributors='{{- partial "data/contributors.html" . -}}' data-tags='{{- partial "data/tags.html" . -}}'>
+  <article class="h-entry social">
+    <header>
+      {{ $postPermalink := .Permalink}}
+      <h2 class="p-name"><a href="{{ .Permalink }}" class="u-url">
+        {{ range $i, $e := .Params.tags -}}
+            {{- if $i -}} {{ end -}}
+            <a href='{{ "/tags/" | relLangURL }}{{ . | urlize }}'>#{{ $e | humanize | lower }}</a>
+        {{- end -}}
+      </a></h2>
+    </header>
+
+    {{ with (index (.Resources.ByType "video") 0) }}
+    {{/* TODO this current logic does not suport video & image mixed */}}
+      <div class="p-summary">
+      <video controls width="540px" preload="none" poster="{{ $postPermalink }}/thumbnail.png">
+        <source src="{{.Permalink}}" type="video/mp4">
+      </video>
+    {{ else}}
+    {{ with (index (.Resources.ByType "image") 0) }}
+      {{ $height := add .Height 0.0}}
+      {{ $ratio := div $height .Width}}
+      {{ $thumb := .Fit "540x540 q80 webp"}}
+    <div class="p-summary{{if gt $ratio 1 }} portrait {{else}} landscape {{end}}">
+      <div class="summary-image {{if gt $ratio 1 }} portrait {{else}} landscape {{end}}"> 
+      <a href="{{ $postPermalink }}"><img src="{{ $thumb.Permalink }}"  alt="{{ .Title }}"> </a>
+    </div>
+    {{ else }}
+      <div class="p-summary">
+    {{ end }}
+    {{ end }}
+      <div class="summary-text">
+        {{ .Summary }}
+      </div>
+      </div>
+      <div class="social-source"></div>
+
+    <footer class='post-footer'>
+      <div class='footer-metadata'>
+      <span class="from p-author">{{ if .Params.contributors }}From {{range .Params.contributors}}<b> <a href='{{ "/contributors/" | relLangURL }}{{ . | urlize }}/'> {{ . }}</a> {{end}}</b> on{{ end }}</span>
+       <time class="dt-published" datetime="{{ .Date.Format `Jan 02 2006` }}">{{ .Date.Format "Jan 02, 2006" }}</time>
+       </div>
+      {{ if .Truncated }}
+        <div class="footer-filler"></div>
+        <div class='read-more'><a href="{{ .RelPermalink }}">Read More…</a></div>
+        {{ end }}
+    </footer>            
+  </article>
+</div>
\ No newline at end of file
diff --git a/themes/lumbung-theme/layouts/partials/video_box.html b/themes/lumbung-theme/layouts/partials/video_box.html
index 54170a6..4a9f418 100644
--- a/themes/lumbung-theme/layouts/partials/video_box.html
+++ b/themes/lumbung-theme/layouts/partials/video_box.html
@@ -1,4 +1,4 @@
-<div class='video-box'>
+<div class='video-box filter-item'  data-section="{{ .Section }}" data-sources='{{- partial "data/sources.html" . -}}' data-contributors='{{- partial "data/contributors.html" . -}}' data-tags='{{- partial "data/tags.html" . -}}'>
   <div class='video channel tape-label'><a href='{{ .Params.channel_url }}'> {{ .Params.video_channel }}</a></div>
   <div class='media' id='media-{{ .Params.uuid }}'>
     <span class='video-thumbnail' id='thumb-{{ .Params.uuid }}'
diff --git a/themes/lumbung-theme/static/img/black-dot.svg b/themes/lumbung-theme/static/img/black-dot.svg
new file mode 100644
index 0000000..1cae633
--- /dev/null
+++ b/themes/lumbung-theme/static/img/black-dot.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Ebene_2_00000008129498585359231740000016507919400411346327_"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 14.9 14.9"
+	 style="enable-background:new 0 0 14.9 14.9;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#333333;}
+</style>
+<g id="Layer_1">
+	<g>
+		<path class="st0" d="M11.8,1.9C11,0.7,9.7,0.1,8,0.3C7.2,0,6.4-0.1,5.6,0.2C3.3,1,1.7,2.6,0.6,4.7c-1.4,2.6-0.5,6.8,2.4,8.1
+			c0,0,0.1,0,0.1,0c0.2,0.2,0.5,0.3,0.8,0.4c0.4,0.6,0.9,1.1,1.6,1.3c1.9,0.7,4.1,0.1,5.5-1.2c0.9-0.6,1.6-1.4,2-2.4
+			c1-0.9,1.6-2.2,1.8-3.5C15.1,5.2,14.1,2.7,11.8,1.9L11.8,1.9z"/>
+	</g>
+</g>
+</svg>
diff --git a/themes/lumbung-theme/static/img/logo-big.svg b/themes/lumbung-theme/static/img/logo-big.svg
new file mode 100644
index 0000000..9409ee3
--- /dev/null
+++ b/themes/lumbung-theme/static/img/logo-big.svg
@@ -0,0 +1,21 @@
+<svg width="333" height="103" viewBox="0 0 333 103" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M62.0719 1.63379C60.1034 1.63379 58.9314 2.6408 58.9314 4.32484V42.4945C58.9314 46.3519 57.9699 49.2875 56.0753 51.2162C54.1921 53.1392 51.3418 54.1121 47.5982 54.1121C44.4577 54.1121 41.926 53.3782 40.0826 51.9274C37.659 50.0215 36.4358 46.8696 36.4358 42.5514V25.6826C36.4358 23.697 34.7745 22.9915 33.3465 22.9915C30.4506 22.9915 30.1377 24.8747 30.1377 25.6826V42.7107C30.1377 48.1668 31.6681 52.4167 34.6778 55.3524C37.6874 58.2824 42.0511 59.7673 47.6551 59.7673C53.3046 59.7673 57.6911 58.2937 60.695 55.3922C63.699 52.4736 65.2237 48.2123 65.2237 42.7164V4.32484C65.2237 2.61235 64.0745 1.63379 62.0719 1.63379Z" fill="#F04B1E"/>
+<path d="M329.596 12.7454C329.47 12.5917 329.328 12.5007 329.209 12.4268C329.146 12.3869 329.084 12.3471 329.055 12.3187C329.032 12.2902 328.981 12.1992 328.953 12.1423C328.873 12.0001 328.788 11.8351 328.64 11.7042C328.333 11.4368 327.883 11.1751 327.445 10.9191C327.297 10.8337 327.149 10.7484 327.007 10.6574C325.858 9.96328 324.14 9.17246 322.49 10.3217L322.41 10.3786L322.353 10.4583C321.756 11.323 321.682 12.5007 321.608 13.741C321.579 14.2303 321.545 14.7366 321.483 15.2373C321.426 15.6867 321.375 16.1874 321.323 16.7165C321.204 17.8828 321.073 19.2084 320.863 19.9139C320.828 20.0277 320.618 20.2041 320.453 20.3406C320.259 20.4999 320.06 20.6649 319.907 20.8811C319.81 21.0176 319.742 21.1599 319.679 21.3021C319.628 21.4102 319.582 21.5069 319.537 21.5752C319.4 21.7743 319.247 21.9279 319.082 22.0872C318.928 22.2351 318.775 22.3888 318.638 22.5765C318.382 22.9292 318.291 23.3389 318.206 23.6973C318.16 23.9078 318.115 24.1012 318.041 24.2833C317.944 24.5336 317.677 24.8522 317.506 25.0571C317.341 25.2562 317.159 25.5122 316.988 25.7625C316.834 25.9844 316.675 26.2063 316.578 26.3201C316.51 26.3997 316.391 26.4794 316.271 26.5704C316.072 26.7126 315.845 26.8719 315.668 27.1166C315.549 27.2816 315.48 27.4352 315.424 27.5604C315.372 27.6798 315.338 27.7481 315.293 27.7936C315.162 27.9245 314.968 28.0383 314.764 28.152C314.564 28.2658 314.36 28.3853 314.166 28.5446C314.041 28.6527 313.95 28.7608 313.876 28.8518C313.825 28.9144 313.779 28.9713 313.745 28.9941C313.7 29.0282 313.626 29.0623 313.54 29.1022C313.427 29.1591 313.29 29.2159 313.153 29.3127C312.92 29.472 312.744 29.6711 312.567 29.8645C312.465 29.9783 312.368 30.0921 312.266 30.1774C311.959 30.4505 311.64 30.7009 311.333 30.9455C310.923 31.2698 310.502 31.6055 310.115 31.9866C309.791 32.1346 309.438 32.1858 309.029 32.2427C308.733 32.2825 308.397 32.3337 308.039 32.4247C307.476 32.5726 306.747 32.8742 306.19 33.1928C305.41 33.6422 303.789 34.581 304.506 36.2081C304.921 37.1525 305.951 38.188 306.793 38.5237C307.123 38.6545 307.436 38.7114 307.732 38.7114C308.539 38.7114 309.228 38.3018 309.859 37.9263C310.297 37.6646 310.713 37.4199 311.134 37.3232C312.203 37.0729 313.432 36.7372 314.456 36.1285L314.53 36.083L314.587 36.0204C315.321 35.167 316.169 34.4274 316.988 33.7048C318.183 32.658 319.412 31.5713 320.396 30.0978C320.584 29.9783 320.732 29.8304 320.863 29.6938C321.005 29.5459 321.096 29.4663 321.175 29.4264C321.244 29.6085 321.158 29.8759 320.948 30.3993C320.8 30.7578 320.652 31.1219 320.618 31.5144C320.561 32.1687 320.868 32.8856 321.443 33.4374C321.995 33.9608 322.66 34.2169 323.269 34.1315L323.337 34.1201L323.4 34.0974C324.709 33.5683 324.777 31.9241 324.839 30.4733C324.873 29.6995 324.908 28.8973 325.112 28.3682C325.482 27.9302 325.738 27.3669 325.983 26.8264C326.256 26.2234 326.54 25.5975 326.933 25.3074L327.001 25.2562L327.052 25.1879C327.456 24.636 327.701 23.9021 327.934 23.191C327.968 23.0942 327.997 23.0032 328.031 22.9065C328.611 22.3546 328.975 21.5752 329.334 20.8242C329.533 20.4032 329.721 20.0049 329.926 19.6863L329.965 19.6294L329.988 19.5612C330.876 16.8246 330.722 14.1449 329.596 12.7454Z" fill="#F0D5C0"/>
+<path d="M301.735 27.9755C301.798 27.8105 301.866 27.6171 301.923 27.4066C302.111 26.7011 302.156 25.9558 302.207 25.2446C302.247 24.6529 302.281 24.1011 302.389 23.6004C302.475 23.1965 302.611 22.7868 302.753 22.3545C303.049 21.4555 303.379 20.4372 303.396 19.1741C303.635 18.736 303.834 18.2525 304.028 17.7859C304.227 17.308 304.415 16.8586 304.631 16.4603C305.291 16.0052 305.814 15.4135 306.315 14.8389C307.254 13.775 308.062 12.8476 309.598 12.9102C309.763 12.9159 309.95 12.9329 310.127 12.95C310.821 13.0183 311.691 13.1036 312.072 12.4209C312.562 11.5504 312.067 10.4467 310.741 9.46814C309.928 8.86507 308.904 8.41562 307.766 8.17098C307.555 8.12546 307.339 8.07426 307.123 8.02306C306.104 7.78979 305.052 7.54515 304.056 7.58498C303.482 7.60773 302.918 7.86944 302.372 8.11977C302.23 8.18805 302.082 8.25063 301.934 8.3189C301.746 8.39855 301.553 8.47251 301.365 8.54647C300.87 8.73991 300.409 8.91628 300.091 9.1723C299.681 9.50228 299.294 10.1167 298.953 10.6686C298.788 10.9303 298.634 11.1806 298.515 11.3342C297.957 12.0511 297.838 12.9102 297.707 13.8205C297.644 14.2586 297.582 14.7137 297.468 15.203C297.394 15.5102 297.314 15.8117 297.235 16.1019C297.024 16.8756 296.802 17.6778 296.774 18.6052C296.757 19.1002 296.785 19.6008 296.814 20.0844C296.854 20.7614 296.888 21.4043 296.808 22.0017C296.785 22.1895 296.711 22.4 296.637 22.6162C296.558 22.8437 296.472 23.0998 296.416 23.3785C296.29 24.0101 296.216 24.835 296.171 25.3926C296.154 25.6088 296.125 25.8306 296.097 26.0525C296.046 26.4849 296 26.8888 296.006 27.2188C296.023 27.8731 296.279 28.4307 296.507 28.9256C296.592 29.1191 296.677 29.2954 296.734 29.4604C296.865 29.8302 296.984 30.1943 297.104 30.5414C297.491 31.702 297.855 32.8001 298.469 33.7559C299.004 34.5922 300.074 36.2592 301.957 36.2592C302.128 36.2592 302.304 36.2478 302.492 36.2136L302.64 36.1909L302.753 36.0942C304.181 34.8937 303.482 33.3348 302.918 32.0832L302.827 31.8841C302.668 31.5256 302.475 31.1957 302.293 30.8771C301.866 30.1431 301.496 29.5059 301.559 28.6582C301.57 28.4307 301.644 28.2201 301.735 27.9755Z" fill="#F0D5C0"/>
+<path d="M324.708 40.6229C324.89 40.0539 325.118 39.3485 325.01 38.6601C324.97 38.4268 324.686 37.6758 324.441 37.3231C324.1 36.8395 323.343 36.2421 322.888 36.0999C322.359 35.9349 321.79 36.0145 321.289 36.3218C320.64 36.72 320.157 37.4824 320.02 38.3073C319.98 38.5406 319.992 38.7625 320.003 38.9787C320.009 39.1152 320.015 39.2404 320.009 39.3542C319.958 40.1393 319.833 40.9756 319.702 41.8518C319.531 42.9726 319.36 44.1275 319.355 45.2028C319.349 45.8741 319.531 46.4374 319.685 46.938C319.833 47.3989 319.958 47.8028 319.935 48.2409C319.918 48.605 319.833 48.9065 319.736 49.2308C319.645 49.538 319.554 49.8566 319.525 50.2265C319.474 50.858 319.656 51.4553 319.838 52.03C319.969 52.451 320.094 52.8435 320.123 53.2418C320.157 53.6685 320.168 54.1692 320.151 54.7779C320.077 57.5088 319.77 59.6309 319.355 60.3079C318.82 61.1784 318.501 61.7985 318.171 62.6406L318.086 62.7145C317.42 63.2835 316.846 63.7727 316.339 64.4725C315.952 65.0073 315.827 65.525 315.696 66.0712C315.611 66.4353 315.52 66.8165 315.338 67.2489C315.247 67.4708 315.071 67.6187 314.854 67.8065C314.729 67.9146 314.593 68.0283 314.468 68.1706C313.938 68.7395 313.187 69.6157 312.67 70.7251C312.163 71.0551 311.839 71.533 311.52 72.0052C311.327 72.284 311.151 72.5514 310.94 72.7619C310.536 73.1772 309.723 73.5527 309.063 73.8485C308.812 73.9623 308.573 74.0704 308.369 74.1785C308.312 74.2069 308.164 74.2866 308.078 74.3606C306.867 75.4188 306.758 77.5181 307.475 78.6844C307.777 79.1851 308.221 79.5151 308.642 79.8337C308.886 80.0157 309.114 80.1921 309.319 80.3912C309.341 80.4197 309.387 80.5107 309.415 80.5733C309.478 80.7098 309.552 80.8691 309.666 81.0057C309.797 81.1593 309.922 81.2617 310.024 81.3414C310.104 81.4039 310.155 81.4438 310.178 81.4779C310.246 81.5803 310.297 81.7112 310.309 81.8136L310.365 82.2687L310.826 82.2801C311.065 82.2858 311.395 82.3711 311.742 82.4678C312.197 82.593 312.687 82.7239 313.176 82.7239C313.421 82.7239 313.665 82.6897 313.899 82.6044C314.308 82.4565 314.49 82.0867 314.65 81.7624C314.724 81.6088 314.803 81.4551 314.906 81.3015C315.105 81.0171 315.383 80.7155 315.657 80.4254C315.913 80.1523 316.18 79.8678 316.396 79.5777C316.726 79.1282 316.971 78.5763 317.21 78.0415C317.403 77.5978 317.591 77.1768 317.79 76.898C317.91 76.733 318.131 76.5623 318.353 76.3973C318.649 76.1698 318.956 75.9422 319.144 75.6293C319.298 75.3733 319.366 75.0888 319.423 74.8385C319.457 74.6792 319.491 74.5312 319.542 74.4231C319.559 74.3833 319.633 74.2866 319.685 74.2183C319.764 74.1102 319.861 73.9851 319.935 73.8485C320.1 73.5527 320.254 73.1999 320.407 72.8586C320.612 72.4034 320.822 71.9312 321.016 71.6581C321.13 71.5045 321.283 71.3452 321.443 71.1859C321.756 70.8673 322.114 70.5146 322.279 70.0082C322.552 69.1548 322.558 68.364 322.563 67.6016C322.569 66.8051 322.569 66.0485 322.899 65.2975C322.996 65.0756 323.161 64.8765 323.331 64.666C323.525 64.4327 323.724 64.1937 323.855 63.8865C324.168 63.1697 324.39 62.1342 324.515 61.3889C324.748 60.0348 324.657 58.9254 324.572 57.9469C324.509 57.2129 324.452 56.5188 324.526 55.7849C324.566 55.4151 324.617 55.0453 324.668 54.6926C324.771 53.9871 324.873 53.2589 324.862 52.5193C324.851 51.7171 324.72 50.9547 324.594 50.2151C324.418 49.1796 324.259 48.2067 324.395 47.1713L324.401 47.1258V47.0803C324.39 46.847 324.378 46.6024 324.361 46.3406C324.276 44.85 324.162 42.8133 324.566 41.1577C324.589 40.987 324.646 40.8106 324.708 40.6229Z" fill="#F0D5C0"/>
+<path d="M187.409 66.8901C190.635 67.8232 193.889 67.6241 197.132 66.9982C202.167 66.0254 206.275 63.2831 210.155 60.1142C210.434 59.8866 210.633 59.4883 211.105 59.5566C211.304 60.0573 210.98 60.4669 210.855 60.8879C210.542 61.9347 210.365 62.9816 210.445 64.0739C210.593 66.0595 211.941 67.4306 213.921 67.5842C215.639 67.7208 217.198 67.2656 218.615 66.2985C220.76 64.8363 221.903 62.6801 222.688 60.2962C226.586 48.3885 230.471 36.475 234.369 24.5673C234.824 23.1677 235.182 21.7568 235.029 20.2662C234.841 18.3944 233.652 17.1825 231.774 16.9379C229.601 16.6534 227.667 17.2224 225.914 18.5195C223.695 20.1637 222.649 22.5248 221.801 25.0452C219.417 32.1511 217.358 39.3652 214.644 46.3574C213.591 49.0712 212.288 51.6314 210.024 53.5714C207.054 56.1146 203.76 57.9295 199.721 57.8498C196.165 57.7815 194.361 55.8472 194.424 52.2857C194.458 50.3854 194.805 48.525 195.38 46.7272C197.735 39.3709 200.13 32.026 202.503 24.6754C202.941 23.3213 203.362 21.9559 203.288 20.5051C203.197 18.6333 202.07 17.3191 200.25 16.9493C198.042 16.4998 196.057 17.0289 194.236 18.3033C191.995 19.8679 190.959 22.2176 190.146 24.6981C187.995 31.275 185.822 37.8405 183.717 44.4287C182.454 48.3771 180.974 52.2629 180.514 56.4389C179.95 61.4625 182.533 65.4849 187.409 66.8901Z" fill="#C2C2FF"/>
+<path d="M111.916 26.2914C111.927 27.5317 112.178 28.7776 111.706 30.0065C111.45 42.4718 111.222 54.9371 110.903 67.4024C110.869 68.7622 111.011 69.2913 112.559 69.2344C116.331 69.1036 120.114 69.1149 123.886 69.2287C125.314 69.2742 125.548 68.785 125.508 67.5049C125.337 62.265 125.189 57.0194 125.178 51.7796C125.144 36.8736 125.047 21.9618 125.451 7.05582C125.491 5.61642 125.121 5.22386 123.67 5.25799C118.868 5.35471 114.067 5.32057 109.27 5.27506C108.303 5.26368 107.763 5.42867 107.592 6.50395C106.141 15.6581 103.268 24.5163 101.914 33.6875C101.544 36.1795 101.106 38.6657 100.691 41.1974C100.139 40.9471 100.23 40.5204 100.19 40.1734C98.859 28.789 95.8096 17.7461 93.6305 6.52671C93.4769 5.74158 93.2664 5.27506 92.3163 5.28075C86.553 5.31488 80.7954 5.3092 75.0322 5.29213C74.2812 5.29213 74.1219 5.51401 74.1446 6.29345C74.2641 9.74687 74.321 13.2003 74.3153 16.6537C74.2869 33.7387 74.2527 50.8295 74.1503 67.9145C74.1446 68.9499 74.2925 69.2287 75.3052 69.2173C78.7587 69.1718 82.2178 69.1548 85.6769 69.2287C86.8375 69.2515 87.0821 68.8134 87.0139 67.7836C86.8773 65.7412 86.7863 63.6987 86.7465 61.6562C86.5473 51.7454 86.7977 41.8233 86.2401 31.9125C85.8305 30.0122 85.8931 28.0892 85.9443 25.7851C86.4848 26.5816 86.809 27.0538 86.6042 27.7251C88.7491 41.4307 92.5268 54.7665 95.599 68.2672C95.7811 69.0523 96.2192 69.3425 96.9588 69.206C98.7623 68.8646 100.719 69.957 102.398 68.6143C102.512 68.5232 102.472 68.2502 102.512 68.0624C105.572 54.7608 109.225 41.59 111.319 28.0722C111.199 27.4008 111.376 26.8205 111.916 26.2914Z" fill="#C2E4F2"/>
+<path d="M21.3406 71.9197L3.12338 66.9416C1.79208 66.5832 0.460779 66.219 0.142177 65.5193C-0.244696 64.6943 0.244585 63.3004 0.580255 62.0715L17.2443 1.05355C17.6084 -0.277749 18.1375 -0.340332 22.4102 0.825979C27.2518 2.15159 27.7866 2.40192 27.3713 3.92097L13.2162 55.7336C12.8806 56.9625 12.3458 58.5498 12.8806 59.2098C13.2788 59.6251 14.3882 60.0234 15.3384 60.2908L23.787 62.5949C25.0159 62.9306 24.9818 63.4313 23.8951 67.4252C22.6491 71.971 22.4785 72.2327 21.3406 71.9197Z" fill="#BCE1D1"/>
+<path d="M270.928 5.61072C263.793 5.61072 256.426 8.58054 252.739 15.1233L251.669 7.15821H239.187V68.9784H254.048V43.7747C254.048 38.5405 253.928 32.123 256.067 27.2472C258.087 22.7299 261.535 19.4016 266.769 19.4016C274.614 19.4016 276.993 23.7995 276.993 31.0534V68.9784H291.853V27.7251C291.853 14.8843 284.121 5.61072 270.928 5.61072Z" fill="#007F76"/>
+<path d="M163.035 39.3596C164.463 39.7295 165.208 40.4748 165.947 41.1632C166.687 41.9028 167.375 42.9667 167.751 43.7063C168.121 44.7645 168.121 45.8796 168.121 46.9947C168.121 47.7343 168.121 48.7982 167.751 49.9076C167.381 50.6473 166.693 51.7112 165.947 52.4508C165.208 53.1904 164.519 53.8788 163.035 54.2543C162.295 54.6241 160.861 54.9939 159.376 54.9939H143.054V38.6712H159.376C160.861 38.6143 162.346 38.6143 163.035 39.3596ZM143.111 17.5809H157.63C160.173 17.5809 161.976 17.9507 163.086 19.3844C164.514 20.4995 164.889 22.2974 164.889 24.1009C164.889 25.9044 164.519 27.3893 163.086 28.8173C162.028 30.2454 160.173 30.6208 157.63 30.6208H143.111V17.5809ZM164.15 10.6912C162.346 9.95155 159.803 9.57605 157.26 9.57605H138.764C137.336 9.57605 136.591 9.94586 135.475 10.6912C134.736 11.4308 134.417 12.4947 134.417 13.9796V58.6009C134.417 59.716 134.787 60.7743 135.475 61.5139C136.591 62.5721 137.279 62.9419 138.764 62.9419H158.745C161.288 62.9419 163.831 62.5721 166.374 61.8837C168.547 61.1441 170.351 59.7103 171.83 58.5952C173.634 57.537 174.743 55.6823 175.488 53.8788C176.547 52.0753 176.916 50.2775 176.916 47.7343C176.916 44.8214 175.858 41.9028 174.373 39.3596C172.57 36.8165 170.396 35.013 167.114 34.2734C169.287 33.2152 170.715 31.3605 171.83 29.5569C173.258 27.3836 173.634 25.2103 173.634 22.6672C173.634 20.4939 173.264 19.0089 172.576 17.5809C171.836 15.7774 170.772 14.2925 169.287 13.2343C167.751 12.1192 166.323 11.061 164.15 10.6912Z" fill="#F0D5C0"/>
+<g clip-path="url(#clip0_827_1780)">
+<path d="M289.439 82H240.693H23V102H290V82H289.439Z" stroke="#333333" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M39.4355 87.6528C38.7921 86.7678 37.7627 86.2046 36.3955 86.3816C35.7843 86.1241 35.1087 86.0598 34.4331 86.3172C32.6316 86.9931 31.3287 88.2482 30.444 89.9379C29.3503 92.0137 30.0741 95.4413 32.3742 96.4711C32.4064 96.4872 32.4386 96.4872 32.4547 96.5033C32.6638 96.632 32.8729 96.7447 33.0981 96.8412C33.3876 97.3079 33.8219 97.6941 34.417 97.9194C35.9129 98.4826 37.7145 97.9838 38.8726 96.9056C39.6125 96.455 40.1594 95.747 40.4811 94.9263C41.2692 94.17 41.8 93.1079 41.9126 92.1264C42.1217 90.3241 41.2692 88.2804 39.4355 87.6528Z" fill="#333333"/>
+</g>
+<rect x="23" y="82" width="267" height="20" stroke="#333333" stroke-width="2"/>
+<defs>
+<clipPath id="clip0_827_1780">
+<rect x="23" y="82" width="267" height="20" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/themes/lumbung-theme/static/img/logo.svg b/themes/lumbung-theme/static/img/logo.svg
index 9409ee3..c60c548 100644
--- a/themes/lumbung-theme/static/img/logo.svg
+++ b/themes/lumbung-theme/static/img/logo.svg
@@ -1,21 +1,17 @@
-<svg width="333" height="103" viewBox="0 0 333 103" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M62.0719 1.63379C60.1034 1.63379 58.9314 2.6408 58.9314 4.32484V42.4945C58.9314 46.3519 57.9699 49.2875 56.0753 51.2162C54.1921 53.1392 51.3418 54.1121 47.5982 54.1121C44.4577 54.1121 41.926 53.3782 40.0826 51.9274C37.659 50.0215 36.4358 46.8696 36.4358 42.5514V25.6826C36.4358 23.697 34.7745 22.9915 33.3465 22.9915C30.4506 22.9915 30.1377 24.8747 30.1377 25.6826V42.7107C30.1377 48.1668 31.6681 52.4167 34.6778 55.3524C37.6874 58.2824 42.0511 59.7673 47.6551 59.7673C53.3046 59.7673 57.6911 58.2937 60.695 55.3922C63.699 52.4736 65.2237 48.2123 65.2237 42.7164V4.32484C65.2237 2.61235 64.0745 1.63379 62.0719 1.63379Z" fill="#F04B1E"/>
-<path d="M329.596 12.7454C329.47 12.5917 329.328 12.5007 329.209 12.4268C329.146 12.3869 329.084 12.3471 329.055 12.3187C329.032 12.2902 328.981 12.1992 328.953 12.1423C328.873 12.0001 328.788 11.8351 328.64 11.7042C328.333 11.4368 327.883 11.1751 327.445 10.9191C327.297 10.8337 327.149 10.7484 327.007 10.6574C325.858 9.96328 324.14 9.17246 322.49 10.3217L322.41 10.3786L322.353 10.4583C321.756 11.323 321.682 12.5007 321.608 13.741C321.579 14.2303 321.545 14.7366 321.483 15.2373C321.426 15.6867 321.375 16.1874 321.323 16.7165C321.204 17.8828 321.073 19.2084 320.863 19.9139C320.828 20.0277 320.618 20.2041 320.453 20.3406C320.259 20.4999 320.06 20.6649 319.907 20.8811C319.81 21.0176 319.742 21.1599 319.679 21.3021C319.628 21.4102 319.582 21.5069 319.537 21.5752C319.4 21.7743 319.247 21.9279 319.082 22.0872C318.928 22.2351 318.775 22.3888 318.638 22.5765C318.382 22.9292 318.291 23.3389 318.206 23.6973C318.16 23.9078 318.115 24.1012 318.041 24.2833C317.944 24.5336 317.677 24.8522 317.506 25.0571C317.341 25.2562 317.159 25.5122 316.988 25.7625C316.834 25.9844 316.675 26.2063 316.578 26.3201C316.51 26.3997 316.391 26.4794 316.271 26.5704C316.072 26.7126 315.845 26.8719 315.668 27.1166C315.549 27.2816 315.48 27.4352 315.424 27.5604C315.372 27.6798 315.338 27.7481 315.293 27.7936C315.162 27.9245 314.968 28.0383 314.764 28.152C314.564 28.2658 314.36 28.3853 314.166 28.5446C314.041 28.6527 313.95 28.7608 313.876 28.8518C313.825 28.9144 313.779 28.9713 313.745 28.9941C313.7 29.0282 313.626 29.0623 313.54 29.1022C313.427 29.1591 313.29 29.2159 313.153 29.3127C312.92 29.472 312.744 29.6711 312.567 29.8645C312.465 29.9783 312.368 30.0921 312.266 30.1774C311.959 30.4505 311.64 30.7009 311.333 30.9455C310.923 31.2698 310.502 31.6055 310.115 31.9866C309.791 32.1346 309.438 32.1858 309.029 32.2427C308.733 32.2825 308.397 32.3337 308.039 32.4247C307.476 32.5726 306.747 32.8742 306.19 33.1928C305.41 33.6422 303.789 34.581 304.506 36.2081C304.921 37.1525 305.951 38.188 306.793 38.5237C307.123 38.6545 307.436 38.7114 307.732 38.7114C308.539 38.7114 309.228 38.3018 309.859 37.9263C310.297 37.6646 310.713 37.4199 311.134 37.3232C312.203 37.0729 313.432 36.7372 314.456 36.1285L314.53 36.083L314.587 36.0204C315.321 35.167 316.169 34.4274 316.988 33.7048C318.183 32.658 319.412 31.5713 320.396 30.0978C320.584 29.9783 320.732 29.8304 320.863 29.6938C321.005 29.5459 321.096 29.4663 321.175 29.4264C321.244 29.6085 321.158 29.8759 320.948 30.3993C320.8 30.7578 320.652 31.1219 320.618 31.5144C320.561 32.1687 320.868 32.8856 321.443 33.4374C321.995 33.9608 322.66 34.2169 323.269 34.1315L323.337 34.1201L323.4 34.0974C324.709 33.5683 324.777 31.9241 324.839 30.4733C324.873 29.6995 324.908 28.8973 325.112 28.3682C325.482 27.9302 325.738 27.3669 325.983 26.8264C326.256 26.2234 326.54 25.5975 326.933 25.3074L327.001 25.2562L327.052 25.1879C327.456 24.636 327.701 23.9021 327.934 23.191C327.968 23.0942 327.997 23.0032 328.031 22.9065C328.611 22.3546 328.975 21.5752 329.334 20.8242C329.533 20.4032 329.721 20.0049 329.926 19.6863L329.965 19.6294L329.988 19.5612C330.876 16.8246 330.722 14.1449 329.596 12.7454Z" fill="#F0D5C0"/>
-<path d="M301.735 27.9755C301.798 27.8105 301.866 27.6171 301.923 27.4066C302.111 26.7011 302.156 25.9558 302.207 25.2446C302.247 24.6529 302.281 24.1011 302.389 23.6004C302.475 23.1965 302.611 22.7868 302.753 22.3545C303.049 21.4555 303.379 20.4372 303.396 19.1741C303.635 18.736 303.834 18.2525 304.028 17.7859C304.227 17.308 304.415 16.8586 304.631 16.4603C305.291 16.0052 305.814 15.4135 306.315 14.8389C307.254 13.775 308.062 12.8476 309.598 12.9102C309.763 12.9159 309.95 12.9329 310.127 12.95C310.821 13.0183 311.691 13.1036 312.072 12.4209C312.562 11.5504 312.067 10.4467 310.741 9.46814C309.928 8.86507 308.904 8.41562 307.766 8.17098C307.555 8.12546 307.339 8.07426 307.123 8.02306C306.104 7.78979 305.052 7.54515 304.056 7.58498C303.482 7.60773 302.918 7.86944 302.372 8.11977C302.23 8.18805 302.082 8.25063 301.934 8.3189C301.746 8.39855 301.553 8.47251 301.365 8.54647C300.87 8.73991 300.409 8.91628 300.091 9.1723C299.681 9.50228 299.294 10.1167 298.953 10.6686C298.788 10.9303 298.634 11.1806 298.515 11.3342C297.957 12.0511 297.838 12.9102 297.707 13.8205C297.644 14.2586 297.582 14.7137 297.468 15.203C297.394 15.5102 297.314 15.8117 297.235 16.1019C297.024 16.8756 296.802 17.6778 296.774 18.6052C296.757 19.1002 296.785 19.6008 296.814 20.0844C296.854 20.7614 296.888 21.4043 296.808 22.0017C296.785 22.1895 296.711 22.4 296.637 22.6162C296.558 22.8437 296.472 23.0998 296.416 23.3785C296.29 24.0101 296.216 24.835 296.171 25.3926C296.154 25.6088 296.125 25.8306 296.097 26.0525C296.046 26.4849 296 26.8888 296.006 27.2188C296.023 27.8731 296.279 28.4307 296.507 28.9256C296.592 29.1191 296.677 29.2954 296.734 29.4604C296.865 29.8302 296.984 30.1943 297.104 30.5414C297.491 31.702 297.855 32.8001 298.469 33.7559C299.004 34.5922 300.074 36.2592 301.957 36.2592C302.128 36.2592 302.304 36.2478 302.492 36.2136L302.64 36.1909L302.753 36.0942C304.181 34.8937 303.482 33.3348 302.918 32.0832L302.827 31.8841C302.668 31.5256 302.475 31.1957 302.293 30.8771C301.866 30.1431 301.496 29.5059 301.559 28.6582C301.57 28.4307 301.644 28.2201 301.735 27.9755Z" fill="#F0D5C0"/>
-<path d="M324.708 40.6229C324.89 40.0539 325.118 39.3485 325.01 38.6601C324.97 38.4268 324.686 37.6758 324.441 37.3231C324.1 36.8395 323.343 36.2421 322.888 36.0999C322.359 35.9349 321.79 36.0145 321.289 36.3218C320.64 36.72 320.157 37.4824 320.02 38.3073C319.98 38.5406 319.992 38.7625 320.003 38.9787C320.009 39.1152 320.015 39.2404 320.009 39.3542C319.958 40.1393 319.833 40.9756 319.702 41.8518C319.531 42.9726 319.36 44.1275 319.355 45.2028C319.349 45.8741 319.531 46.4374 319.685 46.938C319.833 47.3989 319.958 47.8028 319.935 48.2409C319.918 48.605 319.833 48.9065 319.736 49.2308C319.645 49.538 319.554 49.8566 319.525 50.2265C319.474 50.858 319.656 51.4553 319.838 52.03C319.969 52.451 320.094 52.8435 320.123 53.2418C320.157 53.6685 320.168 54.1692 320.151 54.7779C320.077 57.5088 319.77 59.6309 319.355 60.3079C318.82 61.1784 318.501 61.7985 318.171 62.6406L318.086 62.7145C317.42 63.2835 316.846 63.7727 316.339 64.4725C315.952 65.0073 315.827 65.525 315.696 66.0712C315.611 66.4353 315.52 66.8165 315.338 67.2489C315.247 67.4708 315.071 67.6187 314.854 67.8065C314.729 67.9146 314.593 68.0283 314.468 68.1706C313.938 68.7395 313.187 69.6157 312.67 70.7251C312.163 71.0551 311.839 71.533 311.52 72.0052C311.327 72.284 311.151 72.5514 310.94 72.7619C310.536 73.1772 309.723 73.5527 309.063 73.8485C308.812 73.9623 308.573 74.0704 308.369 74.1785C308.312 74.2069 308.164 74.2866 308.078 74.3606C306.867 75.4188 306.758 77.5181 307.475 78.6844C307.777 79.1851 308.221 79.5151 308.642 79.8337C308.886 80.0157 309.114 80.1921 309.319 80.3912C309.341 80.4197 309.387 80.5107 309.415 80.5733C309.478 80.7098 309.552 80.8691 309.666 81.0057C309.797 81.1593 309.922 81.2617 310.024 81.3414C310.104 81.4039 310.155 81.4438 310.178 81.4779C310.246 81.5803 310.297 81.7112 310.309 81.8136L310.365 82.2687L310.826 82.2801C311.065 82.2858 311.395 82.3711 311.742 82.4678C312.197 82.593 312.687 82.7239 313.176 82.7239C313.421 82.7239 313.665 82.6897 313.899 82.6044C314.308 82.4565 314.49 82.0867 314.65 81.7624C314.724 81.6088 314.803 81.4551 314.906 81.3015C315.105 81.0171 315.383 80.7155 315.657 80.4254C315.913 80.1523 316.18 79.8678 316.396 79.5777C316.726 79.1282 316.971 78.5763 317.21 78.0415C317.403 77.5978 317.591 77.1768 317.79 76.898C317.91 76.733 318.131 76.5623 318.353 76.3973C318.649 76.1698 318.956 75.9422 319.144 75.6293C319.298 75.3733 319.366 75.0888 319.423 74.8385C319.457 74.6792 319.491 74.5312 319.542 74.4231C319.559 74.3833 319.633 74.2866 319.685 74.2183C319.764 74.1102 319.861 73.9851 319.935 73.8485C320.1 73.5527 320.254 73.1999 320.407 72.8586C320.612 72.4034 320.822 71.9312 321.016 71.6581C321.13 71.5045 321.283 71.3452 321.443 71.1859C321.756 70.8673 322.114 70.5146 322.279 70.0082C322.552 69.1548 322.558 68.364 322.563 67.6016C322.569 66.8051 322.569 66.0485 322.899 65.2975C322.996 65.0756 323.161 64.8765 323.331 64.666C323.525 64.4327 323.724 64.1937 323.855 63.8865C324.168 63.1697 324.39 62.1342 324.515 61.3889C324.748 60.0348 324.657 58.9254 324.572 57.9469C324.509 57.2129 324.452 56.5188 324.526 55.7849C324.566 55.4151 324.617 55.0453 324.668 54.6926C324.771 53.9871 324.873 53.2589 324.862 52.5193C324.851 51.7171 324.72 50.9547 324.594 50.2151C324.418 49.1796 324.259 48.2067 324.395 47.1713L324.401 47.1258V47.0803C324.39 46.847 324.378 46.6024 324.361 46.3406C324.276 44.85 324.162 42.8133 324.566 41.1577C324.589 40.987 324.646 40.8106 324.708 40.6229Z" fill="#F0D5C0"/>
-<path d="M187.409 66.8901C190.635 67.8232 193.889 67.6241 197.132 66.9982C202.167 66.0254 206.275 63.2831 210.155 60.1142C210.434 59.8866 210.633 59.4883 211.105 59.5566C211.304 60.0573 210.98 60.4669 210.855 60.8879C210.542 61.9347 210.365 62.9816 210.445 64.0739C210.593 66.0595 211.941 67.4306 213.921 67.5842C215.639 67.7208 217.198 67.2656 218.615 66.2985C220.76 64.8363 221.903 62.6801 222.688 60.2962C226.586 48.3885 230.471 36.475 234.369 24.5673C234.824 23.1677 235.182 21.7568 235.029 20.2662C234.841 18.3944 233.652 17.1825 231.774 16.9379C229.601 16.6534 227.667 17.2224 225.914 18.5195C223.695 20.1637 222.649 22.5248 221.801 25.0452C219.417 32.1511 217.358 39.3652 214.644 46.3574C213.591 49.0712 212.288 51.6314 210.024 53.5714C207.054 56.1146 203.76 57.9295 199.721 57.8498C196.165 57.7815 194.361 55.8472 194.424 52.2857C194.458 50.3854 194.805 48.525 195.38 46.7272C197.735 39.3709 200.13 32.026 202.503 24.6754C202.941 23.3213 203.362 21.9559 203.288 20.5051C203.197 18.6333 202.07 17.3191 200.25 16.9493C198.042 16.4998 196.057 17.0289 194.236 18.3033C191.995 19.8679 190.959 22.2176 190.146 24.6981C187.995 31.275 185.822 37.8405 183.717 44.4287C182.454 48.3771 180.974 52.2629 180.514 56.4389C179.95 61.4625 182.533 65.4849 187.409 66.8901Z" fill="#C2C2FF"/>
-<path d="M111.916 26.2914C111.927 27.5317 112.178 28.7776 111.706 30.0065C111.45 42.4718 111.222 54.9371 110.903 67.4024C110.869 68.7622 111.011 69.2913 112.559 69.2344C116.331 69.1036 120.114 69.1149 123.886 69.2287C125.314 69.2742 125.548 68.785 125.508 67.5049C125.337 62.265 125.189 57.0194 125.178 51.7796C125.144 36.8736 125.047 21.9618 125.451 7.05582C125.491 5.61642 125.121 5.22386 123.67 5.25799C118.868 5.35471 114.067 5.32057 109.27 5.27506C108.303 5.26368 107.763 5.42867 107.592 6.50395C106.141 15.6581 103.268 24.5163 101.914 33.6875C101.544 36.1795 101.106 38.6657 100.691 41.1974C100.139 40.9471 100.23 40.5204 100.19 40.1734C98.859 28.789 95.8096 17.7461 93.6305 6.52671C93.4769 5.74158 93.2664 5.27506 92.3163 5.28075C86.553 5.31488 80.7954 5.3092 75.0322 5.29213C74.2812 5.29213 74.1219 5.51401 74.1446 6.29345C74.2641 9.74687 74.321 13.2003 74.3153 16.6537C74.2869 33.7387 74.2527 50.8295 74.1503 67.9145C74.1446 68.9499 74.2925 69.2287 75.3052 69.2173C78.7587 69.1718 82.2178 69.1548 85.6769 69.2287C86.8375 69.2515 87.0821 68.8134 87.0139 67.7836C86.8773 65.7412 86.7863 63.6987 86.7465 61.6562C86.5473 51.7454 86.7977 41.8233 86.2401 31.9125C85.8305 30.0122 85.8931 28.0892 85.9443 25.7851C86.4848 26.5816 86.809 27.0538 86.6042 27.7251C88.7491 41.4307 92.5268 54.7665 95.599 68.2672C95.7811 69.0523 96.2192 69.3425 96.9588 69.206C98.7623 68.8646 100.719 69.957 102.398 68.6143C102.512 68.5232 102.472 68.2502 102.512 68.0624C105.572 54.7608 109.225 41.59 111.319 28.0722C111.199 27.4008 111.376 26.8205 111.916 26.2914Z" fill="#C2E4F2"/>
-<path d="M21.3406 71.9197L3.12338 66.9416C1.79208 66.5832 0.460779 66.219 0.142177 65.5193C-0.244696 64.6943 0.244585 63.3004 0.580255 62.0715L17.2443 1.05355C17.6084 -0.277749 18.1375 -0.340332 22.4102 0.825979C27.2518 2.15159 27.7866 2.40192 27.3713 3.92097L13.2162 55.7336C12.8806 56.9625 12.3458 58.5498 12.8806 59.2098C13.2788 59.6251 14.3882 60.0234 15.3384 60.2908L23.787 62.5949C25.0159 62.9306 24.9818 63.4313 23.8951 67.4252C22.6491 71.971 22.4785 72.2327 21.3406 71.9197Z" fill="#BCE1D1"/>
-<path d="M270.928 5.61072C263.793 5.61072 256.426 8.58054 252.739 15.1233L251.669 7.15821H239.187V68.9784H254.048V43.7747C254.048 38.5405 253.928 32.123 256.067 27.2472C258.087 22.7299 261.535 19.4016 266.769 19.4016C274.614 19.4016 276.993 23.7995 276.993 31.0534V68.9784H291.853V27.7251C291.853 14.8843 284.121 5.61072 270.928 5.61072Z" fill="#007F76"/>
-<path d="M163.035 39.3596C164.463 39.7295 165.208 40.4748 165.947 41.1632C166.687 41.9028 167.375 42.9667 167.751 43.7063C168.121 44.7645 168.121 45.8796 168.121 46.9947C168.121 47.7343 168.121 48.7982 167.751 49.9076C167.381 50.6473 166.693 51.7112 165.947 52.4508C165.208 53.1904 164.519 53.8788 163.035 54.2543C162.295 54.6241 160.861 54.9939 159.376 54.9939H143.054V38.6712H159.376C160.861 38.6143 162.346 38.6143 163.035 39.3596ZM143.111 17.5809H157.63C160.173 17.5809 161.976 17.9507 163.086 19.3844C164.514 20.4995 164.889 22.2974 164.889 24.1009C164.889 25.9044 164.519 27.3893 163.086 28.8173C162.028 30.2454 160.173 30.6208 157.63 30.6208H143.111V17.5809ZM164.15 10.6912C162.346 9.95155 159.803 9.57605 157.26 9.57605H138.764C137.336 9.57605 136.591 9.94586 135.475 10.6912C134.736 11.4308 134.417 12.4947 134.417 13.9796V58.6009C134.417 59.716 134.787 60.7743 135.475 61.5139C136.591 62.5721 137.279 62.9419 138.764 62.9419H158.745C161.288 62.9419 163.831 62.5721 166.374 61.8837C168.547 61.1441 170.351 59.7103 171.83 58.5952C173.634 57.537 174.743 55.6823 175.488 53.8788C176.547 52.0753 176.916 50.2775 176.916 47.7343C176.916 44.8214 175.858 41.9028 174.373 39.3596C172.57 36.8165 170.396 35.013 167.114 34.2734C169.287 33.2152 170.715 31.3605 171.83 29.5569C173.258 27.3836 173.634 25.2103 173.634 22.6672C173.634 20.4939 173.264 19.0089 172.576 17.5809C171.836 15.7774 170.772 14.2925 169.287 13.2343C167.751 12.1192 166.323 11.061 164.15 10.6912Z" fill="#F0D5C0"/>
-<g clip-path="url(#clip0_827_1780)">
-<path d="M289.439 82H240.693H23V102H290V82H289.439Z" stroke="#333333" stroke-width="2" stroke-miterlimit="10"/>
-<path d="M39.4355 87.6528C38.7921 86.7678 37.7627 86.2046 36.3955 86.3816C35.7843 86.1241 35.1087 86.0598 34.4331 86.3172C32.6316 86.9931 31.3287 88.2482 30.444 89.9379C29.3503 92.0137 30.0741 95.4413 32.3742 96.4711C32.4064 96.4872 32.4386 96.4872 32.4547 96.5033C32.6638 96.632 32.8729 96.7447 33.0981 96.8412C33.3876 97.3079 33.8219 97.6941 34.417 97.9194C35.9129 98.4826 37.7145 97.9838 38.8726 96.9056C39.6125 96.455 40.1594 95.747 40.4811 94.9263C41.2692 94.17 41.8 93.1079 41.9126 92.1264C42.1217 90.3241 41.2692 88.2804 39.4355 87.6528Z" fill="#333333"/>
-</g>
-<rect x="23" y="82" width="267" height="20" stroke="#333333" stroke-width="2"/>
-<defs>
-<clipPath id="clip0_827_1780">
-<rect x="23" y="82" width="267" height="20" fill="white"/>
-</clipPath>
-</defs>
+<svg width="604" height="81" viewBox="0 0 604 81" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M61.5469 1.59424C59.6259 1.59424 58.4823 2.5769 58.4823 4.22023V41.4671C58.4823 45.2312 57.544 48.0959 55.6953 49.9779C53.8577 51.8544 51.0762 52.8038 47.4232 52.8038C44.3586 52.8038 41.888 52.0876 40.0893 50.6719C37.7242 48.812 36.5306 45.7364 36.5306 41.5226V25.0616C36.5306 23.124 34.9095 22.4356 33.516 22.4356C30.6901 22.4356 30.3848 24.2732 30.3848 25.0616V41.678C30.3848 47.0022 31.8782 51.1493 34.8151 54.0141C37.752 56.8732 42.0102 58.3222 47.4787 58.3222C52.9916 58.3222 57.272 56.8843 60.2033 54.0529C63.1347 51.2049 64.6225 47.0466 64.6225 41.6836V4.22023C64.6225 2.54914 63.5011 1.59424 61.5469 1.59424Z" fill="#F04B1E"/>
+<path d="M323.579 12.4372C323.457 12.2873 323.318 12.1985 323.201 12.1263C323.14 12.0875 323.079 12.0486 323.052 12.0208C323.029 11.9931 322.979 11.9042 322.952 11.8487C322.874 11.7099 322.791 11.5489 322.646 11.4212C322.346 11.1603 321.908 10.9049 321.48 10.6551C321.336 10.5718 321.192 10.4885 321.053 10.3997C319.931 9.7224 318.255 8.9507 316.645 10.0722L316.567 10.1277L316.512 10.2054C315.929 11.0493 315.856 12.1985 315.784 13.4088C315.757 13.8862 315.723 14.3803 315.662 14.8689C315.607 15.3075 315.557 15.796 315.507 16.3124C315.39 17.4505 315.262 18.744 315.057 19.4324C315.024 19.5435 314.818 19.7156 314.657 19.8488C314.469 20.0043 314.274 20.1653 314.124 20.3762C314.03 20.5095 313.963 20.6483 313.902 20.7871C313.852 20.8926 313.808 20.9869 313.763 21.0536C313.63 21.2479 313.48 21.3978 313.319 21.5532C313.169 21.6976 313.019 21.8475 312.886 22.0307C312.636 22.3749 312.548 22.7746 312.464 23.1244C312.42 23.3298 312.375 23.5186 312.303 23.6962C312.209 23.9405 311.948 24.2514 311.781 24.4513C311.62 24.6456 311.443 24.8954 311.276 25.1397C311.126 25.3562 310.971 25.5727 310.877 25.6837C310.81 25.7615 310.693 25.8392 310.577 25.928C310.382 26.0668 310.16 26.2223 309.988 26.461C309.872 26.622 309.805 26.7719 309.749 26.894C309.7 27.0106 309.666 27.0772 309.622 27.1217C309.494 27.2493 309.305 27.3604 309.105 27.4714C308.911 27.5824 308.711 27.699 308.523 27.8545C308.4 27.96 308.312 28.0655 308.239 28.1543C308.189 28.2154 308.145 28.2709 308.112 28.2931C308.067 28.3264 307.995 28.3597 307.912 28.3986C307.801 28.4541 307.668 28.5096 307.534 28.604C307.307 28.7594 307.135 28.9537 306.962 29.1425C306.863 29.2535 306.768 29.3646 306.668 29.4478C306.368 29.7143 306.058 29.9586 305.758 30.1973C305.358 30.5138 304.947 30.8413 304.57 31.2133C304.253 31.3577 303.909 31.4076 303.509 31.4631C303.221 31.502 302.893 31.552 302.543 31.6408C301.994 31.7851 301.283 32.0794 300.739 32.3903C299.978 32.8289 298.396 33.7449 299.096 35.3327C299.501 36.2543 300.506 37.2647 301.327 37.5923C301.649 37.72 301.955 37.7755 302.243 37.7755C303.032 37.7755 303.704 37.3758 304.32 37.0094C304.747 36.754 305.153 36.5152 305.563 36.4209C306.607 36.1766 307.806 35.849 308.806 35.255L308.878 35.2106L308.933 35.1495C309.65 34.3167 310.477 33.595 311.276 32.8899C312.442 31.8684 313.641 30.808 314.602 29.3701C314.785 29.2535 314.929 29.1092 315.057 28.9759C315.196 28.8316 315.285 28.7539 315.362 28.715C315.429 28.8927 315.346 29.1536 315.14 29.6644C314.996 30.0141 314.852 30.3694 314.818 30.7525C314.763 31.391 315.063 32.0905 315.623 32.629C316.162 33.1398 316.811 33.3896 317.405 33.3063L317.472 33.2952L317.533 33.273C318.81 32.7567 318.877 31.1522 318.938 29.7365C318.971 28.9815 319.004 28.1987 319.204 27.6824C319.565 27.2549 319.815 26.7053 320.054 26.1779C320.32 25.5894 320.598 24.9787 320.981 24.6955L321.047 24.6456L321.097 24.5789C321.491 24.0404 321.73 23.3242 321.958 22.6303C321.991 22.5359 322.019 22.4471 322.052 22.3527C322.619 21.8142 322.974 21.0536 323.324 20.3207C323.518 19.9099 323.701 19.5213 323.901 19.2104L323.94 19.1549L323.962 19.0882C324.828 16.4178 324.678 13.803 323.579 12.4372Z" fill="#F0D5C0"/>
+<path d="M296.392 27.2992C296.453 27.1382 296.52 26.9494 296.575 26.744C296.758 26.0556 296.803 25.3283 296.853 24.6343C296.892 24.057 296.925 23.5184 297.03 23.0299C297.114 22.6357 297.247 22.236 297.386 21.814C297.674 20.9369 297.996 19.9431 298.013 18.7106C298.246 18.2831 298.441 17.8112 298.629 17.356C298.824 16.8896 299.007 16.451 299.218 16.0624C299.862 15.6183 300.373 15.0409 300.861 14.4802C301.777 13.442 302.565 12.537 304.064 12.5981C304.225 12.6037 304.409 12.6203 304.581 12.637C305.258 12.7036 306.107 12.7869 306.479 12.1207C306.957 11.2712 306.474 10.1942 305.18 9.23928C304.386 8.65079 303.387 8.21221 302.277 7.97348C302.071 7.92906 301.86 7.8791 301.649 7.82913C300.656 7.60151 299.629 7.36278 298.657 7.40165C298.096 7.42385 297.547 7.67924 297.014 7.92351C296.875 7.99013 296.731 8.0512 296.586 8.11783C296.403 8.19555 296.214 8.26772 296.031 8.3399C295.548 8.52866 295.098 8.70076 294.787 8.95059C294.388 9.27259 294.01 9.87219 293.677 10.4107C293.516 10.6661 293.366 10.9104 293.25 11.0603C292.706 11.7598 292.589 12.5981 292.461 13.4864C292.4 13.9139 292.339 14.358 292.228 14.8355C292.156 15.1353 292.078 15.4295 292 15.7126C291.795 16.4677 291.579 17.2505 291.551 18.1554C291.534 18.6384 291.562 19.127 291.59 19.5989C291.628 20.2596 291.662 20.8869 291.584 21.4698C291.562 21.653 291.49 21.8585 291.417 22.0694C291.34 22.2915 291.257 22.5413 291.201 22.8134C291.079 23.4296 291.007 24.2346 290.962 24.7787C290.946 24.9897 290.918 25.2062 290.89 25.4227C290.84 25.8446 290.796 26.2388 290.801 26.5608C290.818 27.1993 291.068 27.7433 291.29 28.2263C291.373 28.4151 291.456 28.5872 291.512 28.7482C291.64 29.1091 291.756 29.4644 291.873 29.803C292.25 30.9356 292.606 32.0071 293.205 32.9398C293.727 33.7559 294.771 35.3826 296.608 35.3826C296.775 35.3826 296.947 35.3715 297.13 35.3382L297.275 35.316L297.386 35.2216C298.779 34.0502 298.096 32.529 297.547 31.3076L297.458 31.1133C297.302 30.7635 297.114 30.4415 296.936 30.1306C296.52 29.4144 296.159 28.7926 296.22 27.9654C296.231 27.7433 296.303 27.5379 296.392 27.2992Z" fill="#F0D5C0"/>
+<path d="M318.81 39.6408C318.987 39.0856 319.209 38.3972 319.104 37.7254C319.065 37.4978 318.787 36.7649 318.549 36.4207C318.216 35.9488 317.477 35.3659 317.033 35.2271C316.517 35.0661 315.962 35.1438 315.473 35.4436C314.84 35.8322 314.368 36.5762 314.235 37.3812C314.196 37.6088 314.207 37.8253 314.218 38.0363C314.224 38.1695 314.229 38.2917 314.224 38.4027C314.174 39.1689 314.052 39.985 313.924 40.8399C313.758 41.9336 313.591 43.0607 313.585 44.1099C313.58 44.765 313.758 45.3147 313.907 45.8032C314.052 46.2529 314.174 46.6471 314.152 47.0746C314.135 47.4299 314.052 47.7241 313.957 48.0406C313.869 48.3404 313.78 48.6513 313.752 49.0122C313.702 49.6284 313.88 50.2113 314.057 50.7721C314.185 51.1829 314.307 51.566 314.335 51.9546C314.368 52.371 314.379 52.8595 314.363 53.4536C314.291 56.1184 313.991 58.1892 313.585 58.8499C313.064 59.6993 312.753 60.3045 312.431 61.1261L312.347 61.1983C311.698 61.7535 311.137 62.2309 310.643 62.9138C310.265 63.4357 310.143 63.9409 310.016 64.4738C309.932 64.8292 309.844 65.2011 309.666 65.6231C309.577 65.8396 309.405 65.9839 309.194 66.1671C309.072 66.2726 308.939 66.3837 308.816 66.5224C308.3 67.0776 307.567 67.9326 307.062 69.0152C306.568 69.3372 306.252 69.8035 305.941 70.2643C305.752 70.5364 305.58 70.7973 305.374 71.0027C304.98 71.408 304.186 71.7744 303.542 72.0631C303.298 72.1742 303.065 72.2796 302.865 72.3851C302.809 72.4129 302.665 72.4906 302.582 72.5628C301.399 73.5954 301.294 75.644 301.993 76.7821C302.288 77.2707 302.721 77.5927 303.131 77.9036C303.37 78.0812 303.592 78.2533 303.792 78.4477C303.814 78.4754 303.859 78.5642 303.886 78.6253C303.948 78.7586 304.02 78.914 304.131 79.0472C304.258 79.1971 304.381 79.2971 304.481 79.3748C304.558 79.4359 304.608 79.4747 304.63 79.508C304.697 79.608 304.747 79.7357 304.758 79.8356L304.814 80.2797L305.263 80.2908C305.496 80.2964 305.819 80.3797 306.157 80.474C306.601 80.5962 307.079 80.7239 307.556 80.7239C307.795 80.7239 308.034 80.6906 308.261 80.6073C308.661 80.4629 308.839 80.1021 308.994 79.7856C309.066 79.6357 309.144 79.4858 309.244 79.3359C309.438 79.0583 309.71 78.7641 309.977 78.481C310.227 78.2145 310.488 77.9369 310.699 77.6537C311.021 77.2152 311.259 76.6766 311.492 76.1548C311.681 75.7217 311.864 75.3109 312.059 75.0389C312.175 74.8779 312.392 74.7113 312.608 74.5503C312.897 74.3282 313.197 74.1062 313.38 73.8008C313.53 73.551 313.597 73.2734 313.652 73.0291C313.685 72.8737 313.719 72.7293 313.769 72.6238C313.785 72.585 313.857 72.4906 313.907 72.424C313.985 72.3185 314.08 72.1964 314.152 72.0631C314.313 71.7744 314.463 71.4302 314.613 71.0971C314.812 70.653 315.018 70.1922 315.207 69.9257C315.318 69.7758 315.467 69.6203 315.623 69.4649C315.928 69.154 316.278 68.8098 316.439 68.3157C316.706 67.4829 316.711 66.7112 316.717 65.9673C316.722 65.19 316.722 64.4516 317.044 63.7188C317.139 63.5023 317.3 63.308 317.466 63.1026C317.655 62.8749 317.849 62.6418 317.977 62.342C318.282 61.6424 318.499 60.632 318.621 59.9047C318.849 58.5834 318.76 57.5008 318.676 56.5459C318.615 55.8297 318.56 55.1524 318.632 54.4362C318.671 54.0754 318.721 53.7145 318.771 53.3703C318.871 52.6819 318.971 51.9713 318.96 51.2495C318.948 50.4667 318.821 49.7228 318.699 49.0011C318.527 47.9906 318.371 47.0413 318.504 46.0309L318.51 45.9864V45.942C318.499 45.7144 318.488 45.4757 318.471 45.2203C318.388 43.7657 318.277 41.7782 318.671 40.1626C318.693 39.9961 318.749 39.824 318.81 39.6408Z" fill="#F0D5C0"/>
+<path d="M184.83 65.2729C187.978 66.1834 191.153 65.9891 194.318 65.3784C199.231 64.429 203.24 61.7531 207.026 58.6608C207.298 58.4387 207.492 58.0501 207.953 58.1167C208.147 58.6052 207.831 59.005 207.709 59.4158C207.404 60.4373 207.231 61.4589 207.309 62.5248C207.453 64.4624 208.769 65.8003 210.701 65.9502C212.378 66.0835 213.899 65.6393 215.281 64.6955C217.374 63.2687 218.49 61.1646 219.257 58.8384C223.06 47.2186 226.851 35.5931 230.654 23.9733C231.098 22.6075 231.448 21.2307 231.298 19.7761C231.115 17.9496 229.955 16.7671 228.123 16.5284C226.002 16.2508 224.114 16.8059 222.404 18.0717C220.239 19.6762 219.218 21.9802 218.39 24.4396C216.064 31.3738 214.055 38.4134 211.406 45.2366C210.379 47.8848 209.108 50.3831 206.898 52.2762C204 54.7579 200.786 56.5289 196.844 56.4511C193.374 56.3845 191.614 54.4969 191.675 51.0215C191.709 49.1672 192.047 47.3518 192.608 45.5974C194.906 38.419 197.244 31.2517 199.559 24.0788C199.986 22.7574 200.397 21.425 200.325 20.0093C200.236 18.1828 199.137 16.9003 197.36 16.5395C195.206 16.1009 193.269 16.6172 191.492 17.8608C189.305 19.3875 188.294 21.6804 187.5 24.101C185.402 30.5188 183.281 36.9256 181.227 43.3545C179.994 47.2074 178.551 50.9993 178.101 55.0743C177.552 59.9765 180.072 63.9016 184.83 65.2729Z" fill="#C2C2FF"/>
+<path d="M603.1 29.059C602.3 28.5593 601.573 28.8425 600.735 29.1645C600.357 29.3088 599.963 29.4643 599.569 29.5309C599.336 29.5697 598.731 29.9528 598.292 30.2304L598.164 30.3081C597.737 30.8966 597.276 31.5184 596.787 32.1069C596.321 32.6621 595.722 33.1229 595.144 33.5726C594.817 33.8224 594.478 34.0833 594.178 34.3498C593.784 34.6996 593.406 35.116 593.046 35.5157C592.585 36.0209 592.113 36.5428 591.597 36.937C589.381 38.6358 587.422 40.5956 585.351 42.6664C584.563 43.4547 583.746 44.2708 582.919 45.0647L582.786 45.198L582.603 45.2369C582.181 45.3257 581.764 45.6754 581.315 46.0419C580.987 46.3139 580.649 46.5915 580.254 46.8247C579.938 47.0079 579.577 47.1133 579.222 47.2188C578.883 47.3188 578.533 47.4187 578.278 47.5797C577.961 47.7796 577.639 48.1238 577.295 48.4846C576.929 48.8733 576.551 49.273 576.102 49.6005C575.73 49.867 575.341 50.0336 574.964 50.189C574.647 50.3223 574.353 50.45 574.109 50.6221C573.614 50.9774 573.12 51.4659 572.598 51.9822C572.104 52.4708 571.599 52.976 571.038 53.4146C569.245 54.8192 567.646 55.7963 565.648 56.9233C565.298 57.1232 564.931 57.3619 564.576 57.5951C563.882 58.0503 563.166 58.5222 562.433 58.7665C561.933 58.9331 561.417 59.0274 560.918 59.1218C560.473 59.2051 560.057 59.2884 559.652 59.4105C559.33 59.5049 558.974 59.8269 558.636 60.1434C558.336 60.4154 558.031 60.6985 557.686 60.8873C557.181 61.1704 556.654 61.3203 556.143 61.4647C555.777 61.5702 555.427 61.6701 555.077 61.8144C554.844 61.9144 554.6 62.0698 554.344 62.2308C553.978 62.464 553.6 62.7027 553.151 62.8526C552.523 63.058 551.641 63.1635 550.708 63.269C550.375 63.3079 550.036 63.3467 549.714 63.3911C547.604 63.6798 543.668 64.2184 543.107 60.271C542.852 58.4723 543.463 57.2509 544.107 55.9518C544.234 55.6964 544.362 55.4355 544.49 55.1634C544.79 54.525 545.039 53.9143 545.284 53.3313C545.839 51.9934 546.322 50.8386 547.105 49.806L547.21 49.6672L547.366 49.595C547.682 49.4562 547.965 49.2563 548.259 49.0454C548.681 48.7456 549.114 48.4402 549.67 48.2848C550.93 47.935 552.118 48.146 553.162 48.3347C553.606 48.4125 554.022 48.4846 554.433 48.5235C557.403 48.7678 559.457 48.0516 561.645 47.1633C562.217 46.9301 562.816 46.7636 563.388 46.6026C564.021 46.4249 564.615 46.2639 565.154 46.0196C565.609 45.8142 566.009 45.52 566.43 45.2035C566.93 44.8316 567.446 44.4429 568.068 44.2153C568.546 44.0377 569.034 43.9599 569.501 43.8878C569.967 43.8156 570.406 43.7434 570.816 43.5824C571.266 43.4048 571.71 43.0939 572.182 42.7663C572.882 42.2778 573.664 41.7281 574.619 41.5394C574.73 41.4339 574.836 41.3284 574.936 41.2285C575.358 40.8121 575.757 40.4179 576.351 40.057C576.923 39.7073 577.59 39.5629 578.234 39.4241C578.744 39.3131 579.266 39.2021 579.744 38.9911C580.671 38.5803 581.992 37.4921 583.28 36.082C584.379 34.8772 585.567 33.4726 586.023 32.2124C587.194 28.9757 585.712 25.517 584.529 22.7411C584.346 22.3191 584.174 21.9139 584.018 21.5197C583.43 21.1366 583.008 20.5814 582.597 20.0429C582.297 19.6487 582.014 19.2768 581.703 19.0269C580.643 18.172 579.366 17.5946 578.011 16.9839C577.04 16.5453 576.035 16.09 575.041 15.5016C573.587 14.641 571.233 13.8915 570.095 13.936C569.706 13.9471 569.184 14.1525 568.634 14.369C568.229 14.5244 567.813 14.6854 567.374 14.8076C565.231 15.3961 563.954 15.9013 562.322 16.7951C562.106 16.9117 561.884 17.0283 561.661 17.1449C561.117 17.428 560.557 17.7167 560.224 17.9999C560.079 18.122 559.957 18.3108 559.813 18.5273C559.668 18.7493 559.502 19.0047 559.274 19.2323C558.602 19.9152 557.842 20.5426 557.109 21.1477C556.415 21.7251 555.693 22.3191 555.066 22.9465C554.883 23.1297 554.7 23.4128 554.505 23.7126C554.35 23.9514 554.189 24.1956 554.011 24.4233C553.523 25.0395 553.095 25.5447 552.684 26.0277C552.301 26.4774 551.907 26.9438 551.468 27.4934C550.83 28.2928 550.486 28.9646 550.058 29.814C549.931 30.0583 549.803 30.3137 549.659 30.5857C549.364 31.1409 549.026 31.6739 548.698 32.1902C548.071 33.1784 547.477 34.1167 547.166 35.1881L547.11 35.3714L546.966 35.499C545.922 36.4317 545.184 37.692 544.601 38.8023L538.022 53.2647C537.961 53.4146 537.889 53.5756 537.8 53.7477L536.423 56.7679L536.373 56.8178C536.134 57.2786 535.879 57.6895 535.629 58.0836C535.063 58.9886 534.613 59.7048 534.696 60.4876C534.758 61.0538 535.107 61.4924 535.513 61.9976C535.779 62.3307 536.079 62.7027 536.307 63.1469C537.345 63.7242 538.344 64.4626 539.399 65.2399C541.464 66.7611 543.596 68.3322 546.072 68.7208C546.544 68.793 547.41 68.8208 548.082 68.7208C548.737 68.6265 549.503 68.4155 550.314 68.199C551.402 67.9047 552.629 67.5716 553.856 67.4384C554.117 67.4106 554.372 67.4273 554.6 67.4384C554.805 67.4495 554.999 67.4661 555.149 67.4384C556.265 67.2607 556.959 66.7777 557.692 66.2614C558.181 65.9172 558.686 65.5619 559.308 65.3065C559.602 65.1844 559.879 65.1511 560.129 65.1177C560.296 65.0955 560.44 65.0789 560.557 65.0345C561.262 64.7902 561.906 64.396 562.589 63.9796C562.966 63.752 563.355 63.5133 563.777 63.2857C564.221 63.0469 564.682 62.8693 565.131 62.6972C565.664 62.4918 566.164 62.303 566.619 62.0254C566.836 61.8922 567.063 61.6701 567.302 61.4369C567.596 61.1482 567.902 60.8429 568.285 60.6153C568.64 60.4043 569.018 60.3044 569.351 60.2211C569.617 60.1545 569.873 60.0878 570.05 59.9768C570.333 59.8047 570.622 59.5549 570.933 59.2939C571.277 58.9997 571.632 58.6943 572.038 58.4445C572.393 58.228 572.765 58.0448 573.126 57.8671C573.57 57.6451 573.986 57.4396 574.314 57.2009C574.458 57.0954 574.597 56.9344 574.753 56.7623C574.98 56.5014 575.241 56.2127 575.596 56.0073C576.218 55.652 576.857 55.4799 577.473 55.3078C578.034 55.1523 578.567 55.008 579.005 54.7415C580.315 53.942 581.104 52.9649 582.247 51.4548L582.364 51.2994L582.542 51.2328C583.658 50.8108 584.463 50.2057 585.312 49.5617C585.44 49.4673 585.567 49.3674 585.695 49.273C586.134 48.951 586.545 48.6734 586.978 48.3792C587.111 48.2903 587.238 48.2015 587.377 48.1071C590.275 46.1307 592.818 43.7157 595.277 41.3784C595.677 41.0008 596.071 40.6233 596.471 40.2514C596.776 39.9627 597.115 39.7628 597.437 39.5685C597.698 39.413 597.942 39.2631 598.142 39.091C598.259 38.9856 598.381 38.8246 598.509 38.6469C598.686 38.4082 598.886 38.1361 599.158 37.9196C599.43 37.6975 599.747 37.5643 600.024 37.4477C600.246 37.3533 600.457 37.2645 600.602 37.1479C601.029 36.8093 601.412 36.2818 601.823 35.7267C601.956 35.549 602.089 35.3658 602.223 35.1881C602.262 35.1326 602.306 35.0827 602.345 35.0271C602.45 34.8772 602.645 34.5441 602.861 33.9445C603.5 31.9181 603.738 29.4587 603.1 29.059ZM552.501 39.3797C552.723 39.1688 552.934 38.9689 553.106 38.7746C553.811 37.9807 554.311 36.887 554.727 35.2215L554.772 35.0438L554.899 34.9161C554.983 34.8328 555.066 34.7496 555.149 34.6607C555.571 34.2443 555.965 33.8502 556.199 33.3172L556.415 32.8286L556.854 32.923C556.942 32.8564 557.081 32.7565 557.281 32.7065C557.82 32.1957 558.353 31.6517 558.869 31.1242C559.791 30.186 560.74 29.2144 561.8 28.3484C562.317 27.9264 562.955 27.349 563.277 26.6662L563.388 26.4274L563.632 26.3275C564.593 25.9389 565.653 25.0284 566.775 24.0624C568.102 22.9187 569.473 21.7418 570.922 21.2254C572.693 20.5925 574.292 21.0811 575.663 22.68L575.757 22.791L575.796 22.9298C576.551 25.4947 575.769 27.9431 574.98 29.5475C574.747 30.025 574.403 30.458 574.07 30.88C573.709 31.3408 573.331 31.8127 573.115 32.3234C572.948 32.7121 572.832 33.0674 572.721 33.4116C572.465 34.1888 572.226 34.9217 571.532 35.6045C570.755 36.3707 569.251 37.4088 568.102 38.125C567.635 38.4137 567.174 38.7413 566.73 39.0522C565.903 39.6351 565.187 40.1348 564.548 40.3624C564.138 40.5067 563.732 40.5623 563.344 40.6178C562.955 40.6733 562.583 40.7233 562.267 40.8565C561.317 41.2562 560.54 41.8281 559.791 42.3777C558.986 42.9717 558.147 43.5824 557.142 43.9377C556.26 44.2486 555.288 44.4041 554.344 44.4041C553.389 44.4041 552.462 44.2431 551.69 43.9211L551.507 43.8434L551.396 43.6768C550.053 41.7004 551.529 40.3069 552.501 39.3797Z" fill="#F04B1E"/>
+<path d="M536.34 40.329C533.514 40.2957 530.688 40.2957 527.857 40.2846H527.835C527.124 40.3179 526.802 40.9175 526.341 41.3117C525.864 42.4054 524.998 43.1271 524.043 43.7767C523.577 44.0487 523.188 44.4873 522.594 44.515C522.583 44.5261 522.572 44.5373 522.561 44.5484C521.828 45.4089 520.734 45.4255 519.762 45.6754C517.159 46.3471 514.583 45.853 512.012 45.3478C511.313 44.9925 510.619 44.6372 509.919 44.2819C509.875 44.1153 509.825 43.9543 509.78 43.7878C509.314 43.5435 508.764 43.3936 508.542 42.8329C508.498 42.7551 508.465 42.6719 508.448 42.5886C508.165 42.5608 507.882 42.5275 507.599 42.4998C503.529 38.075 502.641 31.696 505.372 26.4107C505.511 26.1442 505.772 25.9444 505.977 25.7112C506.732 23.8736 508.315 22.7965 509.764 21.5973C509.769 21.5918 509.775 21.5918 509.78 21.5862C512.479 19.5099 515.599 19.4543 518.758 19.843C520.168 20.0151 521.672 20.1206 522.744 21.292C522.749 21.2975 522.755 21.3031 522.76 21.3086C524.043 22.0082 525.32 22.7243 525.997 24.1234C526.397 24.5564 526.797 24.9895 527.196 25.4225C530.988 25.4169 534.78 25.4114 538.566 25.4003C537.623 23.2962 536.679 21.1976 535.735 19.0935C535.319 18.5605 534.902 18.0331 534.486 17.5001C534.353 17.0948 534.214 16.6896 534.08 16.2843C533.992 16.1844 533.903 16.09 533.808 15.99C533.042 15.8623 532.665 15.235 532.198 14.7242C530.389 13.4251 528.501 12.2481 526.513 11.2377C523.732 10.2384 520.884 9.63326 517.919 9.52222C514.349 9.38898 510.924 10.0552 507.571 11.1878C506.166 11.8318 504.812 12.5424 503.54 13.3918C502.352 14.1857 501.242 15.0907 500.254 16.1844C500.265 16.3065 500.27 16.4286 500.281 16.5508C499.976 16.5563 499.804 17.0671 499.515 17.1559C499.365 17.3558 499.193 17.5445 499.004 17.7111V46.8745C499.226 47.513 499.543 48.1126 499.843 48.7177C499.948 48.8898 500.048 49.0564 500.154 49.2285C500.292 49.4339 500.431 49.6393 500.57 49.8447C500.936 50.2001 501.269 50.6942 501.586 51.0661C507.066 55.3632 513.284 56.9677 520.162 56.1293C521.561 55.9572 522.949 55.6908 524.337 55.4631C524.87 55.0357 525.47 54.7969 526.164 54.8302C526.175 54.8247 526.186 54.8191 526.197 54.8136C528.384 53.5422 530.55 52.232 532.548 50.6775C532.876 49.8892 533.659 49.495 534.142 48.8454C535.374 46.8745 536.779 44.998 537.634 42.8051C537.906 42.1111 538.344 41.4394 537.956 40.6455C537.506 40.1125 536.89 40.3401 536.34 40.329Z" fill="#C2C2FF"/>
+<path d="M110.186 25.6558C110.197 26.8661 110.441 28.0819 109.98 29.2811C109.731 41.445 109.509 53.6089 109.198 65.7729C109.164 67.0997 109.303 67.6161 110.813 67.5605C114.494 67.4328 118.186 67.444 121.867 67.555C123.26 67.5994 123.488 67.122 123.449 65.8728C123.283 60.7596 123.138 55.6409 123.127 50.5277C123.094 35.9821 122.999 21.4309 123.394 6.88523C123.432 5.48063 123.072 5.09756 121.656 5.13087C116.97 5.22525 112.284 5.19194 107.604 5.14752C106.661 5.13642 106.133 5.29742 105.967 6.34671C104.551 15.2795 101.747 23.9236 100.426 32.8731C100.065 35.3047 99.6375 37.7309 99.2322 40.2014C98.6937 39.9571 98.7826 39.5407 98.7437 39.2021C97.4446 28.093 94.4688 17.317 92.3425 6.36891C92.1926 5.60277 91.9872 5.14752 91.06 5.15307C85.4361 5.18639 79.8177 5.18083 74.1938 5.16418C73.4609 5.16418 73.3055 5.3807 73.3277 6.14129C73.4443 9.51122 73.4998 12.8811 73.4942 16.2511C73.4665 32.923 73.4332 49.6006 73.3332 66.2725C73.3277 67.283 73.472 67.555 74.4602 67.5439C77.8302 67.4995 81.2056 67.4828 84.5811 67.555C85.7137 67.5772 85.9524 67.1497 85.8858 66.1448C85.7525 64.1518 85.6637 62.1587 85.6248 60.1656C85.4305 50.4944 85.6748 40.8121 85.1307 31.1409C84.731 29.2866 84.7921 27.4101 84.8421 25.1617C85.3695 25.9389 85.6859 26.3997 85.4861 27.0548C87.5791 40.429 91.2654 53.4424 94.2634 66.6167C94.4411 67.3829 94.8685 67.666 95.5903 67.5328C97.3502 67.1997 99.26 68.2656 100.898 66.9554C101.009 66.8666 100.97 66.6001 101.009 66.4169C103.996 53.4368 107.56 40.5845 109.603 27.3935C109.486 26.7384 109.658 26.1721 110.186 25.6558Z" fill="#C2E4F2"/>
+<path d="M20.8246 70.181L3.04787 65.3232C1.74875 64.9734 0.449639 64.6181 0.13874 63.9352C-0.23878 63.1302 0.238672 61.77 0.566226 60.5708L16.8274 1.02808C17.1827 -0.271034 17.699 -0.332104 21.8684 0.80601C26.5929 2.09957 27.1148 2.34385 26.7095 3.82617L12.8967 54.3862C12.5692 55.5853 12.0473 57.1343 12.5692 57.7783C12.9578 58.1836 14.0404 58.5722 14.9675 58.8331L23.2119 61.0816C24.4111 61.4092 24.3778 61.8977 23.3174 65.7951C22.1015 70.2309 21.935 70.4863 20.8246 70.181Z" fill="#BCE1D1"/>
+<path d="M490.538 65.2122C494.513 64.6071 497.405 61.5536 497.472 57.5397C497.544 53.1371 498.294 48.8956 499.809 44.754C501.208 40.9232 502.441 37.0314 503.696 33.1508C504.823 29.6587 505.689 26.1111 505.45 22.3914C505.272 19.6266 504.045 17.5003 501.669 16.0513C500.631 15.4184 499.521 14.9576 498.344 14.6634C492.631 13.2143 486.857 13.2088 481.078 14.1248C476.287 14.8854 471.823 16.5676 467.931 19.51C465.155 21.6031 462.89 24.1569 461.891 27.6045C461.23 29.8863 462.435 31.8072 464.772 32.1348C466.565 32.3846 468.242 32.1292 469.602 30.6969C471.051 29.1757 472.534 27.6712 474.099 26.2777C478.602 22.2693 483.926 21.7863 489.555 22.8911C491.237 23.2242 492.237 24.3345 492.453 26.1167C492.664 27.8599 492.276 29.5143 491.942 31.1965C491.798 31.9183 491.454 32.2403 490.777 32.4124C486.629 33.4506 482.46 34.3944 478.268 35.266C474.199 36.1098 470.03 36.554 466.071 37.8587C459.048 40.1682 453.88 44.5097 451.809 51.8713C450.027 58.2115 452.98 63.3191 459.187 64.8347C460.708 65.2067 462.263 65.2678 463.823 65.2789C469.769 65.3122 475.093 63.2525 480.195 60.4377C481.483 59.7271 482.749 58.9776 484.048 58.2337C484.37 59.1441 484.625 60.0047 484.981 60.8208C485.353 61.6702 485.774 62.5141 486.269 63.2969C487.251 64.8514 488.645 65.5009 490.538 65.2122ZM485.058 49.5118C481.772 54.514 473.899 57.945 468.486 56.7735C465.616 56.1517 464.095 53.82 464.7 50.9608C465.599 46.7082 468.675 44.6651 472.511 43.6769C477.019 42.511 481.605 41.6394 486.152 40.6234C487.09 40.4125 488.012 40.1293 489.161 39.8184C488.067 43.3272 486.974 46.5971 485.058 49.5118Z" fill="#C2C2FF"/>
+<path d="M266.329 5.4751C259.367 5.4751 252.178 8.37312 248.58 14.7577L247.537 6.98518H235.356V67.3107H249.857V42.7164C249.857 37.6088 249.741 31.3464 251.828 26.5885C253.799 22.1804 257.163 18.9326 262.271 18.9326C269.927 18.9326 272.247 23.2241 272.247 30.3026V67.3107H286.749V27.0548C286.749 14.5245 279.204 5.4751 266.329 5.4751Z" fill="#007F76"/>
+<path d="M160.069 38.408C161.462 38.7689 162.19 39.4962 162.911 40.1679C163.633 40.8896 164.305 41.9278 164.671 42.6496C165.032 43.6822 165.032 44.7703 165.032 45.8585C165.032 46.5802 165.032 47.6184 164.671 48.701C164.311 49.4227 163.639 50.4609 162.911 51.1826C162.19 51.9044 161.518 52.5761 160.069 52.9425C159.347 53.3034 157.948 53.6643 156.499 53.6643H140.571V37.7362H156.499C157.948 37.6807 159.397 37.6807 160.069 38.408ZM140.627 17.1558H154.795C157.276 17.1558 159.036 17.5167 160.119 18.9157C161.512 20.0039 161.879 21.7582 161.879 23.5182C161.879 25.2781 161.518 26.7271 160.119 28.1206C159.086 29.5141 157.276 29.8805 154.795 29.8805H140.627V17.1558ZM161.157 10.4326C159.397 9.7109 156.916 9.34448 154.434 9.34448H136.385C134.992 9.34448 134.264 9.70535 133.176 10.4326C132.454 11.1544 132.144 12.1925 132.144 13.6416V57.1841C132.144 58.2722 132.504 59.3049 133.176 60.0266C134.264 61.0592 134.936 61.4201 136.385 61.4201H155.883C158.365 61.4201 160.846 61.0592 163.328 60.3875C165.449 59.6657 167.209 58.2667 168.652 57.1785C170.412 56.1459 171.495 54.336 172.222 52.5761C173.254 50.8162 173.615 49.0619 173.615 46.5802C173.615 43.7377 172.583 40.8896 171.134 38.408C169.374 35.9264 167.253 34.1665 164.05 33.4447C166.17 32.4121 167.564 30.6022 168.652 28.8423C170.045 26.7215 170.412 24.6008 170.412 22.1191C170.412 19.9983 170.051 18.5493 169.379 17.1558C168.658 15.3959 167.619 13.9469 166.17 12.9143C164.671 11.8261 163.278 10.7935 161.157 10.4326Z" fill="#F0D5C0"/>
+<path d="M385.748 39.3243C386.725 39.8128 387.725 40.2681 388.646 40.8399C389.568 41.4062 390.673 42.0613 390.339 43.2827C389.979 44.604 388.663 44.654 387.469 44.6373C384.782 44.5929 382.251 43.8712 379.769 42.994C378.536 42.5609 378.126 42.6942 378.064 44.071C377.787 50.4556 377.426 56.8401 376.993 63.2135C376.91 64.4072 377.526 64.6736 378.481 64.9512C385.654 67.022 392.977 67.5051 400.383 66.6501C407.228 65.8617 411.036 62.3475 412.313 55.8963C413.224 51.2883 413.335 46.647 412.652 42.0113C412.075 38.1084 409.926 35.0938 406.373 33.0063C404.907 32.1458 403.286 31.5962 401.687 30.9966C400.582 30.5858 399.428 29.9695 399.705 28.626C399.966 27.3713 401.21 27.2325 402.348 27.1992C405.207 27.1104 407.977 27.5323 410.837 28.7037C410.953 27.8654 411.081 27.1825 411.136 26.4941C411.558 21.3365 411.891 16.1734 412.419 11.0324C412.558 9.67779 411.98 9.35023 410.842 9.11151C404.252 7.72912 397.59 7.15728 390.856 7.71801C383.255 8.35091 378.614 12.0817 377.298 18.655C376.726 21.5197 376.887 24.4233 377.032 27.338C377.321 33.1007 380.618 36.7704 385.748 39.3243Z" fill="#FCCFB8"/>
+<path d="M453.335 17.872C451.176 14.9518 447.7 13.103 443.969 12.1426L434.448 9.68871C433.332 9.40557 432.61 9.12243 431.966 9.61654C431.467 9.96075 431.173 10.6436 430.862 11.6984L414.367 68.6874C413.807 70.625 414.367 70.7693 418.564 71.8519C422.856 72.9622 423.761 73.2843 424.2 71.7908L429.757 52.5872C430.39 50.3887 431.295 50.0501 432.599 50.3887C436.053 51.277 440.272 51.6101 443.997 49.8225C448.427 47.6517 450.57 44.4206 451.614 40.8064L454.956 29.2698C456.228 24.8728 455.795 21.1587 453.335 17.872ZM444.341 28.5203L441.893 36.9701C441.41 38.6523 441.121 39.9958 439.472 41.1784C438.118 42.0555 436.735 41.9834 435.708 41.7224C434.776 41.4782 434.121 41.3116 433.676 41.1062C433.099 40.6676 433.393 39.9903 433.654 39.1075L438.495 22.369C438.651 21.836 438.751 21.4918 439.134 21.2142C439.611 20.9533 440.638 21.2197 441.76 21.5084C443.253 21.8915 443.992 22.4633 444.53 23.3627C445.269 24.9783 444.874 26.6716 444.341 28.5203Z" fill="#BCE1D1"/>
+<path d="M351.444 56.7457C350.75 55.7908 349.656 55.1968 348.19 55.38C347.53 55.1135 346.802 55.0524 346.081 55.3245C344.16 56.0462 342.766 57.3842 341.806 59.1996C340.629 61.4314 341.412 65.1012 343.882 66.2004C343.91 66.2115 343.943 66.2226 343.971 66.2337C344.182 66.3725 344.41 66.4891 344.654 66.589C344.97 67.0887 345.42 67.4995 346.07 67.7438C347.674 68.3545 349.601 67.8049 350.833 66.6668C351.616 66.1838 352.215 65.4287 352.549 64.546C353.392 63.7354 353.959 62.6029 354.086 61.5536C354.314 59.6105 353.403 57.4342 351.444 56.7457Z" fill="#333333"/>
 </svg>
diff --git a/themes/lumbung-theme/static/js/hugotagsfilter-1.2.2.min.js b/themes/lumbung-theme/static/js/hugotagsfilter-1.2.2.min.js
new file mode 100644
index 0000000..e89770b
--- /dev/null
+++ b/themes/lumbung-theme/static/js/hugotagsfilter-1.2.2.min.js
@@ -0,0 +1,221 @@
+!(function l(r, a, o) {
+    function h(e, t) {
+        if (!a[e]) {
+            if (!r[e]) {
+                var s = "function" == typeof require && require;
+                if (!t && s) return s(e, !0);
+                if (u) return u(e, !0);
+                var i = new Error("Cannot find module '" + e + "'");
+                throw ((i.code = "MODULE_NOT_FOUND"), i);
+            }
+            var n = (a[e] = { exports: {} });
+            r[e][0].call(
+                n.exports,
+                function (t) {
+                    return h(r[e][1][t] || t);
+                },
+                n,
+                n.exports,
+                l,
+                r,
+                a,
+                o
+            );
+        }
+        return a[e].exports;
+    }
+    for (var u = "function" == typeof require && require, t = 0; t < o.length; t++) h(o[t]);
+    return h;
+})(
+    {
+        1: [
+            function (t, e, s) {
+                "use strict";
+                var i = (function () {
+                    function i(t, e) {
+                        for (var s = 0; s < e.length; s++) {
+                            var i = e[s];
+                            (i.enumerable = i.enumerable || !1), (i.configurable = !0), "value" in i && (i.writable = !0), Object.defineProperty(t, i.key, i);
+                        }
+                    }
+                    return function (t, e, s) {
+                        return e && i(t.prototype, e), s && i(t, s), t;
+                    };
+                })();
+                /**
+                 * @name 'Hugo Tags Filter'
+                 * @version 1.2.2
+                 * @license MIT
+                 * @author PointyFar
+                 */
+                var n = (function () {
+                    function l(t) {
+                        !(function (t, e) {
+                            if (!(t instanceof e)) throw new TypeError("Cannot call a class as a function");
+                        })(this, l);
+                        (this.FILTERS =
+                            t && t.filters
+                                ? t.filters
+                                : [
+                                      { name: "tag", prefix: "tft-", buttonClass: "tft-button", allSelector: "#tfSelectAllTags", attrName: "data-tags" },
+                                      { name: "section", prefix: "tfs-", buttonClass: "tfs-button", allSelector: "#tfSelectAllSections", attrName: "data-section" },
+                                  ]),
+                            (this.showItemClass = t && t.showItemClass ? t.showItemClass : "tf-show"),
+                            (this.activeButtonClass = t && t.activeButtonClass ? t.activeButtonClass : "active"),
+                            (this.filterItemClass = t && t.filterItemClass ? t.filterItemClass : "tf-filter-item"),
+                            (this.counterSelector = t && t.counterSelector ? t.counterSelector : "selectedItemCount"),
+                            (this.populateCount = !(!t || !t.populateCount) && t.populateCount),
+                            (this.setDisabledButtonClass = !(!t || !t.setDisabledButtonClass) && t.setDisabledButtonClass),
+                            (this.filterItems = document.getElementsByClassName(this.filterItemClass)),
+                            (this.selectedItemCount = 0),
+                            (this.filterValues = {});
+                        for (var e = 0; e < this.FILTERS.length; e++) {
+                            (this.FILTERS[e].buttonTotal = document.getElementsByClassName(this.FILTERS[e].buttonClass).length), (this.FILTERS[e].selected = []), (this.FILTERS[e].values = []);
+                            var s = document.getElementsByClassName(this.FILTERS[e].buttonClass);
+                            this.filterValues[this.FILTERS[e].name] = [];
+                            for (var i = 0; i < s.length; i++) {
+                                var n = s[i].id.replace(this.FILTERS[e].prefix, "");
+                                this.filterValues[this.FILTERS[e].name][n] = { count: 0, selected: 0 };
+                            }
+                        }
+                        this.showCheck(this.FILTERS[0].name, !0);
+                    }
+                    return (
+                        i(l, [
+                            {
+                                key: "initFilterCount",
+                                value: function (t, e) {
+                                    if (e) for (var s in t) for (var i = 0; i < this.filterItems.length; i++) for (var n = this.getAttrs(s, this.filterItems[i]), l = 0; l < n.length; l++) t[s][n[l]].count++, t[s][n[l]].selected++;
+                                    else {
+                                        var r = document.getElementsByClassName(this.showItemClass);
+                                        for (var s in t) for (var a in t[s]) t[s][a].selected = 0;
+                                        for (l = 0; l < r.length; l++)
+                                            for (s in t) {
+                                                n = this.getAttrs(s, r[l]);
+                                                for (var o = 0; o < n.length; o++) t[s][n[o]].selected++;
+                                            }
+                                    }
+                                    return t;
+                                },
+                            },
+                            {
+                                key: "populateCounters",
+                                value: function (t) {
+                                    if (this.populateCount)
+                                        for (var e = 0; e < this.FILTERS.length; e++) {
+                                            var s = this.FILTERS[e].name,
+                                                i = this.FILTERS[e].countPrefix,
+                                                n = this.FILTERS[e].selectedPrefix;
+                                            if (i || n)
+                                                for (var l in t[s]) {
+                                                    if (i) document.getElementById("" + i + l).textContent = t[s][l].count;
+                                                    if (n) {
+                                                        var r = document.getElementById("" + n + l);
+                                                        (r.textContent = t[s][l].selected),
+                                                            this.setDisabledButtonClass &&
+                                                                (0 == r.textContent
+                                                                    ? this.addClassIfMissing(document.getElementById(this.FILTERS[e].prefix + l), this.setDisabledButtonClass)
+                                                                    : this.delClassIfPresent(document.getElementById(this.FILTERS[e].prefix + l), this.setDisabledButtonClass));
+                                                    }
+                                                }
+                                        }
+                                },
+                            },
+                            {
+                                key: "getAttrs",
+                                value: function (t, e) {
+                                    return e
+                                        .getAttribute("data-" + t)
+                                        .split(" ")
+                                        .filter(function (t) {
+                                            return 0 < t.length;
+                                        });
+                                },
+                            },
+                            {
+                                key: "showAll",
+                                value: function (t) {
+                                    for (var e = 0; e < this.FILTERS.length; e++) t ? this.FILTERS[e].name === t && (this.FILTERS[e].selected = []) : (this.FILTERS[e].selected = []);
+                                    this.showCheck(t);
+                                },
+                            },
+                            {
+                                key: "checkFilter",
+                                value: function (t, e) {
+                                    for (var s = document.querySelector("#" + e + t), i = 0; i < this.FILTERS.length; i++)
+                                        this.FILTERS[i].prefix === e &&
+                                            (0 <= this.FILTERS[i].selected.indexOf(t)
+                                                ? (this.FILTERS[i].selected.splice(t, 1), this.delClassIfPresent(s, this.activeButtonClass))
+                                                : (this.FILTERS[i].selected.push(t), this.addClassIfMissing(s, this.activeButtonClass)),
+                                            this.delClassIfPresent(document.querySelector(this.FILTERS[i].allSelector), this.activeButtonClass),
+                                            this.showCheck(this.FILTERS[i].name));
+                                },
+                            },
+                            {
+                                key: "showCheck",
+                                value: function (t, e) {
+                                    for (var s = 0; s < this.FILTERS.length; s++)
+                                        if (this.FILTERS[s].name === t && (0 === this.FILTERS[s].selected.length || this.FILTERS[s].selected.length === this.FILTERS[s].buttonTotal)) {
+                                            for (var i = document.getElementsByClassName(this.FILTERS[s].buttonClass), n = 0; n < i.length; n++) this.delClassIfPresent(i[n], this.activeButtonClass);
+                                            this.addClassIfMissing(document.querySelector(this.FILTERS[s].allSelector), this.activeButtonClass);
+                                        }
+                                    for (s = this.selectedItemCount = 0; s < this.filterItems.length; s++) {
+                                        this.delClassIfPresent(this.filterItems[s], this.showItemClass);
+                                        var l = 0;
+                                        for (n = 0; n < this.FILTERS.length; n++) this.checkVisibility(this.FILTERS[n].selected, this.filterItems[s].getAttribute(this.FILTERS[n].attrName)) && l++;
+                                        l === this.FILTERS.length && (this.filterItems[s].classList.contains(this.showItemClass) || (this.selectedItemCount++, this.addClassIfMissing(this.filterItems[s], this.showItemClass)));
+                                    }
+                                    document.getElementById(this.counterSelector) && (document.getElementById(this.counterSelector).textContent = "" + this.selectedItemCount), this.checkButtonCounts(e);
+                                },
+                            },
+                            {
+                                key: "checkButtonCounts",
+                                value: function (t) {
+                                    (this.filterValues = this.initFilterCount(this.filterValues, t)), this.populateCounters(this.filterValues);
+                                },
+                            },
+                            {
+                                key: "checkVisibility",
+                                value: function (t, e) {
+                                    if (0 < t.length) {
+                                        for (var s = 0; s < t.length; s++) {
+                                            if (
+                                                0 <=
+                                                e
+                                                    .split(" ")
+                                                    .filter(function (t) {
+                                                        return 0 < t.length;
+                                                    })
+                                                    .indexOf(t[s])
+                                            )
+                                                return !0;
+                                        }
+                                        return !1;
+                                    }
+                                    return !0;
+                                },
+                            },
+                            {
+                                key: "addClassIfMissing",
+                                value: function (t, e) {
+                                    t.classList.contains(e) || t.classList.add(e);
+                                },
+                            },
+                            {
+                                key: "delClassIfPresent",
+                                value: function (t, e) {
+                                    t.classList.contains(e) && t.classList.remove(e);
+                                },
+                            },
+                        ]),
+                        l
+                    );
+                })();
+                window.HugoTagsFilter = n;
+            },
+            {},
+        ],
+    },
+    {},
+    [1]
+);

From e0fe888eb9a78da11121b4d4f6df499a6143f27b Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Mon, 19 Dec 2022 13:27:26 +0500
Subject: [PATCH 15/38] hide contributors map

---
 content/ls-contributors.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/content/ls-contributors.md b/content/ls-contributors.md
index 46626b9..dbf9c15 100644
--- a/content/ls-contributors.md
+++ b/content/ls-contributors.md
@@ -5,6 +5,8 @@ draft: false
 hidden: true
 ---
 
+<!-- {{< map geoJson="data/geojsonContributors.json">}} -->
+
 ## Lumbung members
 - **The Question of Funding**
     - Adele Jarrar

From fca32b9b04be4b261fd202291e299fb95f6deb42 Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Mon, 19 Dec 2022 14:21:40 +0500
Subject: [PATCH 16/38] hide contributors map

---
 content/ls-contributors.md | 2 --
 1 file changed, 2 deletions(-)

diff --git a/content/ls-contributors.md b/content/ls-contributors.md
index dbf9c15..46626b9 100644
--- a/content/ls-contributors.md
+++ b/content/ls-contributors.md
@@ -5,8 +5,6 @@ draft: false
 hidden: true
 ---
 
-<!-- {{< map geoJson="data/geojsonContributors.json">}} -->
-
 ## Lumbung members
 - **The Question of Funding**
     - Adele Jarrar

From 2c81341f86757f0424cfe106a169af24b75356a9 Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Tue, 18 Oct 2022 10:35:42 +0500
Subject: [PATCH 17/38] fix author color in lumbung callery cards

---
 themes/lumbung-theme/static/css/main.css | 866 +++--------------------
 1 file changed, 112 insertions(+), 754 deletions(-)

diff --git a/themes/lumbung-theme/static/css/main.css b/themes/lumbung-theme/static/css/main.css
index b0508f9..b2cdaf3 100644
--- a/themes/lumbung-theme/static/css/main.css
+++ b/themes/lumbung-theme/static/css/main.css
@@ -53,11 +53,6 @@
 
 /*Main Stuff*/
 
-html {
-    scroll-behavior: smooth;
-}
-  
-
 body {
     font-size: 21px;
     font-family: Gudea, sans-serif;
@@ -78,14 +73,9 @@ body > iframe {
     box-sizing: border-box;
 }
 
-a {
-    color: #000;
-}
-
 .container {
     margin: 2em auto;
     max-width: 80%;
-    width: 100%;
     margin-bottom: 0;
 }
 
@@ -132,15 +122,15 @@ a {
     max-width: 400px;
 }
 
-.post:nth-child(even) {
+.card:nth-child(even) {
     transform: rotate(-1deg);
 }
 
-.post:nth-child(odd) {
+.card:nth-child(odd) {
     transform: rotate(1deg);
 }
 
-.post:nth-child(5) {
+.card:nth-child(5) {
     transform: rotate(2deg);
 }
 
@@ -169,133 +159,37 @@ a {
 
 /* base header & menu */
 
-.header-row {
-    margin: 1.5rem;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
+#top-menu {
+    padding: 1.5rem 1rem 0;
+    display: grid;
+    grid-template-columns: 300px 1fr auto;
+    align-items: flex-start;
 }
 
 .home-link {
-    display: block;
-    max-width: 700px;
-    width: 70%;
-    padding: 0;
-    margin: auto;
+    text-decoration: none;
 }
 
 .logo {
-    display: block;
-    width: 100%;
-    height: auto;
+    width: 283px;
+    margin-top: 2rem;
 }
 
-#top-menu .login-link {
-    background: #009d9b;
-    padding: 5px 30px;
-    color: #fff;
-    font-weight: 900; 
-    position: absolute;
-    right: 1.5rem;
-}
-
-.menu-row {
-    margin: 0 auto;
-    max-width: 80%;
-    width: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    position: sticky;
-    top: 15px;
-    z-index: 99;
-    max-width: fit-content;
-}
-
-.menu-row .menu .filter-link {
-    background: #333;
-    height: 100%;
-    display: flex;
-    align-items: center;
-    padding: 0.5rem 1.5rem;
-    color: #fff;
-    cursor: pointer;
-}
-
-.filter-icon {
-    height: 14px;
-    width: auto;
-    display: block;
-    margin-right: 10px;
-}
-
-.filter-icon path {
-    fill:#fff;
-}
-
-.menu-button {
-    width: 30px;
-    height: 16px;
-    display: none;
-    flex-direction: column;
-    justify-content: space-between;
-    color: pointer;
-}
-
-.menu-button--line {
-    width: 100%;
-    height: 2px;
-    background: #333;
-}
-
-.menu {
-    border: 2px solid #333;
-    padding: 0 1rem;
-    display: flex;
-    align-items: center;
-    background: #fff;
-    position: relative;
-}
-
-.menu-dot {
-    width: 10px;
-    height: 10px;
-    margin-right: 3rem;
-}
-
-.menu ul {
-    list-style-type: none;
-    margin: 0 auto;
-    padding-left: 0;
-    display: flex;
-    justify-content: space-between;
-    text-transform: lowercase;
-}
-
-.menu ul li {
-    margin-right: 1.5rem;
-    padding: 0.5rem 0;
-}
-
-.menu ul li:last-child {
-    margin-right: 0;
-}
-
-.menu-nav-item {
-    border-right: 2px solid var(--border-color);
-    padding: 0.5em;
-}
-
-.menu a {
+#top-menu a {
     text-decoration: none;
     color: #333;
 }
 
-.menu a:hover,
-.menu a:focus {
+#top-menu a:hover,
+#top-menu a:focus {
     color: black;
 }
 
+#top-menu #login {
+    font-weight: bold;
+    margin-top: 8px;    
+}
+
 #top-menu div {
     display: flex;
 }
@@ -305,7 +199,7 @@ a {
     display: none;
 }
 
-.menu input {
+#top-menu input {
     border: none;
     border-bottom: 1px solid #333;
     margin-right: 2rem;
@@ -313,8 +207,8 @@ a {
     margin-left: 5px;
 }
 
-.menu input:focus,
-.menu input:hover {
+#top-menu input:focus,
+#top-menu input:hover {
     outline: none;
     border-bottom: 1px solid #333;
 }
@@ -328,25 +222,27 @@ a {
     display: none;
 }
 
-.login-menu {
-    display: none;
+.menu {
+    margin-top: 8px;
 }
 
-.menu-row .login {
-    height: 100%;
+.menu ul {
+    list-style-type: none;
+    margin: 0 auto;
+    padding-left: 3rem;
     display: flex;
-    align-items: center;
-    border: 2px solid #333;
-    padding: 0 1.5rem;
-    background: #fff;
+    justify-content: space-between;
+    text-transform: lowercase;
+    max-width: 1100px;
 }
 
-.login a {
-    text-decoration: none;
+.menu-nav-item {
+    border-right: 2px solid var(--border-color);
+    padding: 0.5em;
 }
 
 /* styles for "tools" dropdown menu */
-.menu ul.submenu {
+#top-menu ul.submenu {
     flex-direction: column;
     margin-left: 0;
     position: absolute;
@@ -361,7 +257,6 @@ a {
 
 .menu .submenu li {
     margin: 2px 0;
-    padding: 0;
 }
 
 .menu .has-submenu {
@@ -377,37 +272,49 @@ a {
     visibility: visible;
 }
 
-.menu ul.submenu {
-    margin-left: -0.5em;
-    margin-top: 8px;
-    border: 2px solid ;
+#top-menu .menu ul.submenu {
+    margin-left: 11px;
+    margin-top: 10px;
+    border: 1px solid ;
     gap: 0.25em;
     padding: 0.5em;
 }
 
-.menu .menu .submenu a {
+#top-menu a {
+  padding: 0 5px;
+}
+
+#top-menu .menu .submenu a {
     margin: 0;
     display: flex;
 }
 
-.menu .drawer .submenu {
+#top-menu .drawer .submenu {
     position: initial;
     display: none;
 }
 
-.menu .drawer .submenu.opened {
+#top-menu .drawer .submenu.opened {
     display: flex;
 }
 
-.menu .drawer .submenu li {
+#top-menu .drawer .submenu li {
    padding: 0;
    padding-top: 1em; 
 }
 
-.menu .drawer .opened .submenu {
+#top-menu .drawer .opened .submenu {
     visibility: visible;
 }
 
+.drawer .has-submenu {
+    padding-left: 1em;
+    margin-left: 5px;
+    color: #333;
+    display: flex;
+    flex-direction: column;
+}
+
 
 /*Article Summary Cards*/
 
@@ -498,9 +405,9 @@ footer.post-footer {
 }
 
 
-/* shout cards */
+/* network cards */
 
-.card.shout {
+.card.network {
     border: 2px solid var(--shouts-dark);
     background-color: var(--shouts-light);
     max-width: min-content;
@@ -512,70 +419,70 @@ footer.post-footer {
 }
 
 
-.h-entry.shout header {
+.h-entry.network header {
     display: flex;
     flex-direction: column;
 }
 
-.h-entry.shout header h2 {
+.h-entry.network header h2 {
     padding: 0.2em 0.5em 0.5em 0.5em;
     margin: 0;
     border: none;
 }
 
-.h-entry.shout header h2:hover {
+.h-entry.network header h2:hover {
     cursor: pointer;
 }
 
-.h-entry.shout header h2 a {
+.h-entry.network header h2 a {
     text-decoration: none;
     color: var(--shouts-dark);
 }
 
-.h-entry.shout header time {
+.h-entry.network header time {
     text-align: right;
     padding: 0.6em 0.8em;
     font-size: 1rem;
 }
 
-.shout .header-metadata {
+.network .header-metadata {
     align-items: center;
 }
 
-.shout .header-metadata .dt-published {
+.network .header-metadata .dt-published {
     border-bottom: 2px solid var(--shouts-dark);
 }
 
-.shout .filler {
+.network .filler {
     min-height: 1rem;
 }
 
-.shout .author.p-author {
+.network .author.p-author {
     border-color: var(--shouts-dark);
     padding: 0.5em 1.2em 0.5em 1.2em;
 }
 
-.shout .p-summary {
+.network .p-summary {
     display: flex;
 }
 
-.shout .p-summary.portrait {
+.network .p-summary.portrait {
     /* flex-direction: row; */
 }
 
-.shout .p-summary.landscape {
+.network .p-summary.landscape {
     flex-direction: column;
 }
 
-.shout .summary-image > img {
+.network .summary-image > img {
     display: inherit;
 }
 
-.shout .summary-text {
+.network .summary-text {
     font-size: 18px;
 }
 
-div.shout-source {
+div.network-source {
     padding: 1em;
     padding-right: 2em;
     width: fit-content;
@@ -588,28 +495,29 @@ div.shout-source {
     right: 1em;
 }
 
-.shout-source .triangle {
+.network-source::before {
+    content: "";
     position: absolute;
-    right: 0px;
+    right: -20px;
     bottom: 0;
-    width: auto;
-    height: calc(100% + 0.5px);
-    top: -0.5px;
-    transform: translateX(calc(100% - 0.5px));
-    fill: var(--shouts-dark);
+    width: 0;
+    height: 0;
+    border-left: 20px solid var(--shouts-dark);
+    border-top: 23px solid transparent;
+    border-bottom: 23px solid transparent;
 }
 
-.shout-source a {
+.network-source a {
     font-weight: bold;
     color: white;
 }
 
-.shout .footer-filler {
+.network .footer-filler {
     border-left: 2px solid var(--shouts-dark);
     border-top: none;
 }
 
-.shout footer.post-footer {
+.network footer.post-footer {
     border-top: 2px solid var(--shouts-dark);
     flex-flow: row;
     font-size: 0.9rem;
@@ -618,17 +526,17 @@ div.shout-source {
     padding: 1em;
 }
 
-.shout footer svg {
+.network footer svg {
     fill: var(--shouts-dark)
 }
 
-.shout .read-more {
+.network .read-more {
     border: none;
     border-left: 2px solid var(--shouts-dark);
     padding: 0.5em 1.2em 0.5em 1.2em;
 }
 
-.shout .footer-metadata {
+.network .footer-metadata {
     padding: 0.5em 1.2em 0.5em 1.2em;
 }
 
@@ -759,9 +667,9 @@ div.pen-source {
     padding: 0.5em 1.2em 0.5em 1.2em;
 }
 
-/* social / hashtag cards */
+/* shouts cards */
 
-.card.social {
+.card.shout {
     border-color: steelblue;
     border: 2px solid;
     background-color: aliceblue;
@@ -773,24 +681,24 @@ div.pen-source {
     color: steelblue;
 }
 
-.card.social h2 a {
+.card.shout h2 a {
     color: var(--social-dark);
     cursor: pointer;
     display: block;
     word-wrap: anywhere;
 }
 
-.card .card.social h2 a:hover {
+.card .card.shout h2 a:hover {
     border: none;
     text-decoration: none;
 }
 
-.card.social .post-footer {
+.card.shout .post-footer {
     background: var(--social-light);
     color: var(--social-dark);
 }
 
-.card.social .post-footer a{
+.card.shout .post-footer a {
     background: var(--social-light);
     color: var(--social-dark);
     text-decoration: underline;
@@ -798,42 +706,47 @@ div.pen-source {
 
 
 /* gallery cards */
-.card.social.lumbunggallery, .card.social.lumbunggallery .post-footer a {
+.card.shout.lumbung-gallery {
     border-color: var(--gallery-dark);
     background-color: var(--gallery-light);
     color: var(--gallery-dark);
 }
 
-.card.social.lumbunggallery h2 a {
+.card.shout.lumbung-gallery h2 a {
     color: var(--gallery-dark);
 }
 
 
-.card.social.lumbunggallery .post-footer {
+.card.shout.lumbung-gallery .post-footer {
     background: var(--gallery-light);
     color: var(--gallery-dark);
     border-top: 2px solid;
 }
 
+.card.shout.lumbung-gallery .post-footer a {
+    background: var(--gallery-light);
+    color: var(--gallery-dark);
+}
+
 /* kios cards */
-.card.social.lumbungkios {
+.card.shout.lumbung-kios {
     border-color: var(--kios-dark);
     background-color: var(--kios-light);
     color: var(--kios-dark);
 }
 
-.card.social.lumbungkios h2 a {
+.card.shout.lumbung-kios h2 a {
     color: var(--kios-dark);
 }
 
 
-.card.social.lumbungkios .post-footer {
+.card.shout.lumbung-kios .post-footer {
     background: var(--kios-light);
     color: var(--kios-dark);
     border-top: 2px solid;
 }
 
-.card.social.lumbungkios .post-footer a {
+.card.shout.lumbung-kios .post-footer a {
     background: none;
     color: var(--kios-dark);
 }
@@ -1103,8 +1016,6 @@ li.page-item:after {
     z-index: -100;
 }
 
-
-
 /* Landingpage */
 .welcome-text {
     text-align: center;
@@ -1155,215 +1066,6 @@ li.page-item:after {
     margin-right: auto;
 }
 
-
-/* FILTER */
-
-.filter-item, .card, .video-box {
-    display: none;
-}
-
-.show-item {
-    display: block !important;
-}
-
-.filter-container {
-    display: none;
-    background: #fff;
-    padding: 1.5rem;
-    border: 2px solid #333;
-    border-top: 0;
-    position: absolute;
-    left: 0;
-    z-index: 99;
-    width: 100%;
-    justify-content: space-between;
-}
-
-.filter-information {
-    width: 15%;
-}
-
-#load-more {
-    font-size: 0.8rem;
-    text-decoration: underline;
-    cursor: pointer;
-}
-
-.filter-buttons-container {
-    align-items: center;
-    display: flex;
-    width: calc(85% - 30px);
-}
-
-.filter-buttons-container-header {
-    display: flex;
-    margin-right: 20px;
-}
-
-.filter-link {
-    height: 100%;
-    display: flex;
-    align-items: center;
-    background: #333;
-    color: #fff;
-    padding: calc(0.5rem + 2px) 1rem;
-    cursor: pointer;
-}
-
-.filter-link:hover + .filter-container {
-    display: flex;
-}
-
-.filter-container:hover {
-    display: flex;
-}
-
-.filter-buttons-dropdown {
-    position: absolute;
-    top: 41px;
-    width: calc(100% + 2px);
-    left: -1px;
-    background: #fff;
-    max-height: 35vh;
-    min-height: 100%;
-    overflow-y: scroll;
-    overflow-x: hidden;
-    border: 1px solid #333;
-    border-top: 0;
-    display: none;
-}
-
-.post.tv {
-    margin: auto;
-}
-
-@media all and (min-width: 980px) {
-    .filter-buttons:hover .filter-buttons-dropdown {
-        display: block;
-    }
-
-    .filter-buttons:hover {
-        display: block;
-    }
-}
-
-.filter-buttons {
-    width: fit-content;
-    display: flex;
-    white-space: nowrap;
-    flex-direction: column;
-    position: relative;
-    border: 1px solid #333;
-    margin-right: 10px;
-    padding-right: 30px;
-    width: calc(25% - 7.5px);
-}
-
-.filter-buttons:last-child {
-    margin-right: 0px;
-}
-
-.filter-buttons > button {
-    height: 40px;
-}
-
-.filter-by:after {
-    content:"";
-    width: 0;
-    height: 0;
-    border-style: solid;
-    border-width: 5px 5px 0 5px;
-    border-color: #333333 transparent transparent transparent;
-    position: absolute;
-    right: 0.5rem;
-}
-
-.filter-buttons button {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    border: 0;
-    background: unset;
-    border-radius: 0;
-    width: 100%;
-    padding: 0.6rem;
-    cursor: pointer;
-    white-space: nowrap;
-    text-transform: lowercase;
-}
-
-.filter-buttons-dropdown button {
-    border-bottom: 1px solid;
-}
-
-.filter-buttons .filter-button {
-    padding: 0.6rem 0.6rem 0.6rem 1.6rem;
-}
-
-.filter-button svg {
-    width: 10px;
-    position: absolute;
-    left: 0.6rem;
-}
-
-.filter-button svg path {
-    fill: #3330;
-    stroke: #333;
-    stroke-width: 2px;
-}
-
-.filter-button.active svg path {
-    fill: #333;
-}
-
-.filter-title {
-    width: calc(100% - 20px);
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    text-align: left;
-}
-
-.filter-buttons-dropdown button:last-child {
-    border-bottom: 0;
-}
-
-.filter-buttons .filter-button.active {
-    background: #c2c2ff;
-}
-
-.disable-button {
-    display: none !important;
-}
-
- .page-nav {
-    display: flex;
-    justify-content: center;
-    margin: 20px auto 50px;
- }
-
- .nextpage {
-    padding: 15px;
-    position: relative;
-    color: #333;
-    text-decoration: none;
-    margin: 0px 20px;
-    font-size: 38px;
- }
-
- .nextpage:after {
-    content: "";
-    height: 50%;
-    width: 100%;
-    display: block;
-    border: 2px solid #333;
-    border-top: 0;
-    bottom: 0;
-    position: absolute;
-    left: 0;
- }
-
-
 /* ### Timeline ### */
 
 /* Timeline Tags */
@@ -1692,119 +1394,6 @@ a.timeline-url {
 }
 
 
-/* EVENT LIST */
-
-.event-list {
-    border: 2px solid var(--calendar-dark);
-    background-color: var(--calendar-light);
-    color: var(--calendar-dark);
-    margin: 1rem 0 4rem;
-}
-
-.event-list .tape-label span {
-    background-color: var(--calendar-dark);
-}
-
-.event-list-item {
-    border-top: 1px solid;
-    display: flex;
-    flex-wrap: wrap;
-}
-
-.event-list-item-head {
-    display: flex;
-}
-
-.event-list-item a {
-    color: var(--calendar-dark);
-}
-
-.event-list-item .date-start, .event-list-item .title, .event-list-item .time, .event-list-item .duration, .event-list-item .location {
-    display: flex;
-    align-items: center;
-    border-right: 1px solid var(--calendar-dark);
-    padding: 0.8rem 0;
-    overflow: hidden;
-}
-
-.event-list-item .date-start {
-    font-size: 1.2rem;
-    width: 110px;
-    padding-left: 0.4rem;
-    border-right: 0;
-}
-
-.event-list-item .title {
-    width: calc(45% - 110px);   
-    padding-left: 0.4rem;
-}
-
-.event-list-item .p-name {
-    margin: 0;
-    font-size: 1.2rem;
-    padding: 0;
-    display: block;
-    width: 100%;
-}
-
-.event-list-item .p-name a {
-    color: var(--calendar-dark);
-    text-decoration: none;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    width: calc(100% - 20px);
-    display: block;
-}
-
-.event-list-item .time {
-    width: 20%;
-}
-
-.event-list-item .time .start-scroller {
-    border-bottom: 0px;
-}
-
-.event-list-item .duration {
-    width: 12.5%;
-    font-size: 0.8rem;
-    padding: 0.8rem 0.4rem;
-}
-
-.event-list-item .duration b {
-    margin-left: 3px;
-}
-
-.event-list-item .location {
-    min-width: unset;
-    width: 15%;
-    font-size: 0.8rem;
-    padding: 0.8rem 0.4rem;
-}
-
-.event-list-item .button {
-    width: 7.5%;
-}
-
-.event-list-item .calendar {
-    width: 7.5%;
-    display: flex;
-    align-items: center;
-    padding: 0.8rem 0.4rem;
-    cursor: pointer;
-}
-
-.event-list-item .description {
-    display: none;
-    border-top: 1px solid;
-    font-size: 1.2rem;
-}
-
-input:checked + label + .description {
-    display: block;
-    transition: ease .5s;
-  }
-
 /* Page footer */
 
 #footer {
@@ -1857,8 +1446,6 @@ input:checked + label + .description {
 }
 
 .f-main .logo {
-    width: 280px;
-    max-height: unset;
     filter: brightness(0);
     max-width: 20vw;
     margin-top: 0;
@@ -1964,10 +1551,6 @@ input:checked + label + .description {
         font-size: 1.8vw;
         vertical-align: top;
     }
-
-    .menu-row {
-        font-size: 1.78vw;
-      }
 }
 
 
@@ -1979,216 +1562,23 @@ input:checked + label + .description {
     }
 
     #top-menu {
-        width: 100%;
+        grid-template-columns: 1fr;
     }
 
-    .logo {
-        max-height: 50px;
+    .menu,
+    #login {
+        display: none;
     }
 
     /* menu styles */
-
-    .menu-row, #top-menu {
-        position: fixed !important;
-        z-index: 97;
-    }
-
-    .menu-row {
-        z-index: 98;
-        width: fit-content;
-        margin-top: 3vw;
-        right: 5%;
-    }
-
-    .menu {
-        display: none;
-        position: fixed;
-        left: 20px;
-        top: 80px;
-        width: calc(100vw - 40px);
-        overflow: scroll;
-        height: calc(100% - 90px);
-        padding: 0.5rem 1.5rem;
-    }
-
-    .menu.active {
-        display: block;
-    }
-
-    .menu ul {
-        margin: 0;
-        display: block;
-    }
-
-    .menu-row .login {
-        display: none;
-    }
-
-    .menu-button {
-        display: flex;
-        position: fixed;
-        left: 20px;
-        top: clamp(25px, 7vw, 35px);
-    }
-    
-    .menu ul.submenu {
-        margin-left: 0;
-        margin-top: 4px;
-        position: unset;
-        border: 0;
-        padding-left: 20px !important;
-        display: none;
-    }
-
-    .menu .submenu li {
-        margin: 0;
-        padding: 0.5rem 0;
-    }
-
-    .menu ul.submenu.active {
-        display: block;
-        visibility: visible;
-    }
-
-    .login-menu {
-        display: block;
-        padding: 0.5rem 2rem;
-        background: #333;
-        transform: rotate(-3deg);
-        width: fit-content;
-        margin: 0.5rem 0 1rem;
-    }
-
-    .login-menu a {
-        color: #fff !important;
-    }
-
-    .menu-button--line{
-        transition: all 0.3s ease-in-out;
-    }
-
-    .menu-button.active {
-        -webkit-transition: all 0.3s ease-in-out;
-        -o-transition: all 0.3s ease-in-out;
-        transition: all 0.3s ease-in-out;
-          transition-delay: 0s;
-        -webkit-transition-delay: 0.6s;
-        -o-transition-delay: 0.6s;
-        transition-delay: 0.6s;
-        -webkit-transform: rotate(45deg);
-        -ms-transform: rotate(45deg);
-        -o-transform: rotate(45deg);
-        transform: rotate(45deg);
-    }
-
-    .menu-button.active .menu-button--line:nth-child(1) {
-        -webkit-transform: translateY(8px);
-        -ms-transform: translateY(8px);
-        -o-transform: translateY(8px);
-        transform: translateY(8px);
-        -webkit-transition-delay: 0.3s;
-        -o-transition-delay: 0.3s;
-        transition-delay: 0.3s;
-    }
-
-    .menu-button.active .menu-button--line:nth-child(2) {
-        width: 0px;
-    }
-
-    .menu-button.active .menu-button--line:nth-child(3) {
-        -webkit-transform: translateY(-6px) rotate(90deg);
-        -ms-transform: translateY(-6px) rotate(90deg);
-        -o-transform: translateY(-6px) rotate(90deg);
-        transform: translateY(-6px) rotate(90deg);
-        -webkit-transition-delay: 0.3s;
-        -o-transition-delay: 0.3s;
-        transition-delay: 0.3s;
-    }
-
-    .filter {
-        position: fixed;
-        right: 20px;
-        top: clamp(25px, 7vw, 35px);
-    }
-
-    .filter-container {
-        flex-wrap: wrap;
-        border-top: 2px solid #333;
-        left: 20px;
-        width: calc(100vw - 40px);
-        position: fixed;
-        margin-top: 30px;
-        display: none !important;
-    }
-
-    #filter.active .filter-container {
-        display: block !important;
-    }
-
-    .filter-information {
-        width: 100%;
-        margin-bottom: 15px;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-    }
-
-    .filter-buttons-container {
-        display: block;
-        width: 100%;
-    }
-
-    .filter-buttons-container.open {
-        display: block !important;
-    }
-
-    .filter-buttons-dropdown {
-        z-index: 99;
-    }
-
-    .filter-buttons {
-        margin-right: 0px;
-        margin-bottom: 10px;
-        width: 100%;
-    }
-
-    .container {
-        padding-top: 60px;
-    }
-
-    .filter-link {
-        background: unset;
-        padding: 0;
-    }
-
-    .filter-link span {
-        display: none;
-    }
-
-    .filter-icon {
-        height: 20px;
-        margin-right: 0;
-    }
-
-    .filter-icon path {
-        fill: #333;
-    }
-
-    .filter-buttons-dropdown.active {
-        display: block;
-    }
-
-    .filter-by.active:after {
-        transform: rotate(180deg);
-    }
-
     #top-menu div.mobile-menu {
         display: flex;
         justify-content: space-between;
     }
 
-    #top-menu .login-link {
-        display: none;
+    .mobile-menu #login {
+        display: inline-flex;
+        margin: 0 0 0 auto;
     }
 
     .hamburger {
@@ -2286,38 +1676,6 @@ input:checked + label + .description {
     .f-main .logo {
         max-width: unset;
     }
-
-    /* EVENT LIST */
-
-    .event-list .event-list-item:nth-child(2n) {
-        background: #c8efff;
-    }
-
-    .event-list-item .date-start {
-        border-bottom: 1px solid;
-    }
-
-    .event-list-item .title {
-        width: calc(100% - 110px);
-        border-bottom: 1px solid;
-        border-right: 0;
-    }
-
-    .event-list-item .time {
-        width: 100%;
-        border-bottom: 1px solid;
-        border-right: 0;
-        padding: 0;
-    }
-
-    .event-list-item .duration, .event-list-item .location {
-        width: 42%;
-    }
-
-    .event-list-item .calendar {
-        width: 16%;
-    }
-
 }
 
 /* mobile styles */

From 9463b8bacfe17c7e9b96a3dc209f2b04df3d8958 Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Mon, 19 Dec 2022 12:40:59 +0500
Subject: [PATCH 18/38] fix reversed coordinates

---
 data/geojsonContributors.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/data/geojsonContributors.json b/data/geojsonContributors.json
index b171ffd..9f66002 100644
--- a/data/geojsonContributors.json
+++ b/data/geojsonContributors.json
@@ -30,4 +30,4 @@
       }
     }
   ]
-}
\ No newline at end of file
+}

From 51d7520ec9026e559938fe2ff15c88dee4c91885 Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Tue, 2 May 2023 23:05:23 +0500
Subject: [PATCH 19/38] Revert "fix author color in lumbung callery cards"

This reverts commit 2c81341f86757f0424cfe106a169af24b75356a9.
---
 themes/lumbung-theme/static/css/main.css | 866 ++++++++++++++++++++---
 1 file changed, 754 insertions(+), 112 deletions(-)

diff --git a/themes/lumbung-theme/static/css/main.css b/themes/lumbung-theme/static/css/main.css
index b2cdaf3..b0508f9 100644
--- a/themes/lumbung-theme/static/css/main.css
+++ b/themes/lumbung-theme/static/css/main.css
@@ -53,6 +53,11 @@
 
 /*Main Stuff*/
 
+html {
+    scroll-behavior: smooth;
+}
+  
+
 body {
     font-size: 21px;
     font-family: Gudea, sans-serif;
@@ -73,9 +78,14 @@ body > iframe {
     box-sizing: border-box;
 }
 
+a {
+    color: #000;
+}
+
 .container {
     margin: 2em auto;
     max-width: 80%;
+    width: 100%;
     margin-bottom: 0;
 }
 
@@ -122,15 +132,15 @@ body > iframe {
     max-width: 400px;
 }
 
-.card:nth-child(even) {
+.post:nth-child(even) {
     transform: rotate(-1deg);
 }
 
-.card:nth-child(odd) {
+.post:nth-child(odd) {
     transform: rotate(1deg);
 }
 
-.card:nth-child(5) {
+.post:nth-child(5) {
     transform: rotate(2deg);
 }
 
@@ -159,37 +169,133 @@ body > iframe {
 
 /* base header & menu */
 
-#top-menu {
-    padding: 1.5rem 1rem 0;
-    display: grid;
-    grid-template-columns: 300px 1fr auto;
-    align-items: flex-start;
+.header-row {
+    margin: 1.5rem;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
 }
 
 .home-link {
-    text-decoration: none;
+    display: block;
+    max-width: 700px;
+    width: 70%;
+    padding: 0;
+    margin: auto;
 }
 
 .logo {
-    width: 283px;
-    margin-top: 2rem;
+    display: block;
+    width: 100%;
+    height: auto;
 }
 
-#top-menu a {
+#top-menu .login-link {
+    background: #009d9b;
+    padding: 5px 30px;
+    color: #fff;
+    font-weight: 900; 
+    position: absolute;
+    right: 1.5rem;
+}
+
+.menu-row {
+    margin: 0 auto;
+    max-width: 80%;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    position: sticky;
+    top: 15px;
+    z-index: 99;
+    max-width: fit-content;
+}
+
+.menu-row .menu .filter-link {
+    background: #333;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    padding: 0.5rem 1.5rem;
+    color: #fff;
+    cursor: pointer;
+}
+
+.filter-icon {
+    height: 14px;
+    width: auto;
+    display: block;
+    margin-right: 10px;
+}
+
+.filter-icon path {
+    fill:#fff;
+}
+
+.menu-button {
+    width: 30px;
+    height: 16px;
+    display: none;
+    flex-direction: column;
+    justify-content: space-between;
+    color: pointer;
+}
+
+.menu-button--line {
+    width: 100%;
+    height: 2px;
+    background: #333;
+}
+
+.menu {
+    border: 2px solid #333;
+    padding: 0 1rem;
+    display: flex;
+    align-items: center;
+    background: #fff;
+    position: relative;
+}
+
+.menu-dot {
+    width: 10px;
+    height: 10px;
+    margin-right: 3rem;
+}
+
+.menu ul {
+    list-style-type: none;
+    margin: 0 auto;
+    padding-left: 0;
+    display: flex;
+    justify-content: space-between;
+    text-transform: lowercase;
+}
+
+.menu ul li {
+    margin-right: 1.5rem;
+    padding: 0.5rem 0;
+}
+
+.menu ul li:last-child {
+    margin-right: 0;
+}
+
+.menu-nav-item {
+    border-right: 2px solid var(--border-color);
+    padding: 0.5em;
+}
+
+.menu a {
     text-decoration: none;
     color: #333;
 }
 
-#top-menu a:hover,
-#top-menu a:focus {
+.menu a:hover,
+.menu a:focus {
     color: black;
 }
 
-#top-menu #login {
-    font-weight: bold;
-    margin-top: 8px;    
-}
-
 #top-menu div {
     display: flex;
 }
@@ -199,7 +305,7 @@ body > iframe {
     display: none;
 }
 
-#top-menu input {
+.menu input {
     border: none;
     border-bottom: 1px solid #333;
     margin-right: 2rem;
@@ -207,8 +313,8 @@ body > iframe {
     margin-left: 5px;
 }
 
-#top-menu input:focus,
-#top-menu input:hover {
+.menu input:focus,
+.menu input:hover {
     outline: none;
     border-bottom: 1px solid #333;
 }
@@ -222,27 +328,25 @@ body > iframe {
     display: none;
 }
 
-.menu {
-    margin-top: 8px;
+.login-menu {
+    display: none;
 }
 
-.menu ul {
-    list-style-type: none;
-    margin: 0 auto;
-    padding-left: 3rem;
+.menu-row .login {
+    height: 100%;
     display: flex;
-    justify-content: space-between;
-    text-transform: lowercase;
-    max-width: 1100px;
+    align-items: center;
+    border: 2px solid #333;
+    padding: 0 1.5rem;
+    background: #fff;
 }
 
-.menu-nav-item {
-    border-right: 2px solid var(--border-color);
-    padding: 0.5em;
+.login a {
+    text-decoration: none;
 }
 
 /* styles for "tools" dropdown menu */
-#top-menu ul.submenu {
+.menu ul.submenu {
     flex-direction: column;
     margin-left: 0;
     position: absolute;
@@ -257,6 +361,7 @@ body > iframe {
 
 .menu .submenu li {
     margin: 2px 0;
+    padding: 0;
 }
 
 .menu .has-submenu {
@@ -272,49 +377,37 @@ body > iframe {
     visibility: visible;
 }
 
-#top-menu .menu ul.submenu {
-    margin-left: 11px;
-    margin-top: 10px;
-    border: 1px solid ;
+.menu ul.submenu {
+    margin-left: -0.5em;
+    margin-top: 8px;
+    border: 2px solid ;
     gap: 0.25em;
     padding: 0.5em;
 }
 
-#top-menu a {
-  padding: 0 5px;
-}
-
-#top-menu .menu .submenu a {
+.menu .menu .submenu a {
     margin: 0;
     display: flex;
 }
 
-#top-menu .drawer .submenu {
+.menu .drawer .submenu {
     position: initial;
     display: none;
 }
 
-#top-menu .drawer .submenu.opened {
+.menu .drawer .submenu.opened {
     display: flex;
 }
 
-#top-menu .drawer .submenu li {
+.menu .drawer .submenu li {
    padding: 0;
    padding-top: 1em; 
 }
 
-#top-menu .drawer .opened .submenu {
+.menu .drawer .opened .submenu {
     visibility: visible;
 }
 
-.drawer .has-submenu {
-    padding-left: 1em;
-    margin-left: 5px;
-    color: #333;
-    display: flex;
-    flex-direction: column;
-}
-
 
 /*Article Summary Cards*/
 
@@ -405,9 +498,9 @@ footer.post-footer {
 }
 
 
-/* network cards */
+/* shout cards */
 
-.card.network {
+.card.shout {
     border: 2px solid var(--shouts-dark);
     background-color: var(--shouts-light);
     max-width: min-content;
@@ -419,70 +512,70 @@ footer.post-footer {
 }
 
 
-.h-entry.network header {
+.h-entry.shout header {
     display: flex;
     flex-direction: column;
 }
 
-.h-entry.network header h2 {
+.h-entry.shout header h2 {
     padding: 0.2em 0.5em 0.5em 0.5em;
     margin: 0;
     border: none;
 }
 
-.h-entry.network header h2:hover {
+.h-entry.shout header h2:hover {
     cursor: pointer;
 }
 
-.h-entry.network header h2 a {
+.h-entry.shout header h2 a {
     text-decoration: none;
     color: var(--shouts-dark);
 }
 
-.h-entry.network header time {
+.h-entry.shout header time {
     text-align: right;
     padding: 0.6em 0.8em;
     font-size: 1rem;
 }
 
-.network .header-metadata {
+.shout .header-metadata {
     align-items: center;
 }
 
-.network .header-metadata .dt-published {
+.shout .header-metadata .dt-published {
     border-bottom: 2px solid var(--shouts-dark);
 }
 
-.network .filler {
+.shout .filler {
     min-height: 1rem;
 }
 
-.network .author.p-author {
+.shout .author.p-author {
     border-color: var(--shouts-dark);
     padding: 0.5em 1.2em 0.5em 1.2em;
 }
 
-.network .p-summary {
+.shout .p-summary {
     display: flex;
 }
 
-.network .p-summary.portrait {
+.shout .p-summary.portrait {
     /* flex-direction: row; */
 }
 
-.network .p-summary.landscape {
+.shout .p-summary.landscape {
     flex-direction: column;
 }
 
-.network .summary-image > img {
+.shout .summary-image > img {
     display: inherit;
 }
 
-.network .summary-text {
+.shout .summary-text {
     font-size: 18px;
 }
 
-div.network-source {
+div.shout-source {
     padding: 1em;
     padding-right: 2em;
     width: fit-content;
@@ -495,29 +588,28 @@ div.network-source {
     right: 1em;
 }
 
-.network-source::before {
-    content: "";
+.shout-source .triangle {
     position: absolute;
-    right: -20px;
+    right: 0px;
     bottom: 0;
-    width: 0;
-    height: 0;
-    border-left: 20px solid var(--shouts-dark);
-    border-top: 23px solid transparent;
-    border-bottom: 23px solid transparent;
+    width: auto;
+    height: calc(100% + 0.5px);
+    top: -0.5px;
+    transform: translateX(calc(100% - 0.5px));
+    fill: var(--shouts-dark);
 }
 
-.network-source a {
+.shout-source a {
     font-weight: bold;
     color: white;
 }
 
-.network .footer-filler {
+.shout .footer-filler {
     border-left: 2px solid var(--shouts-dark);
     border-top: none;
 }
 
-.network footer.post-footer {
+.shout footer.post-footer {
     border-top: 2px solid var(--shouts-dark);
     flex-flow: row;
     font-size: 0.9rem;
@@ -526,17 +618,17 @@ div.network-source {
     padding: 1em;
 }
 
-.network footer svg {
+.shout footer svg {
     fill: var(--shouts-dark)
 }
 
-.network .read-more {
+.shout .read-more {
     border: none;
     border-left: 2px solid var(--shouts-dark);
     padding: 0.5em 1.2em 0.5em 1.2em;
 }
 
-.network .footer-metadata {
+.shout .footer-metadata {
     padding: 0.5em 1.2em 0.5em 1.2em;
 }
 
@@ -667,9 +759,9 @@ div.pen-source {
     padding: 0.5em 1.2em 0.5em 1.2em;
 }
 
-/* shouts cards */
+/* social / hashtag cards */
 
-.card.shout {
+.card.social {
     border-color: steelblue;
     border: 2px solid;
     background-color: aliceblue;
@@ -681,24 +773,24 @@ div.pen-source {
     color: steelblue;
 }
 
-.card.shout h2 a {
+.card.social h2 a {
     color: var(--social-dark);
     cursor: pointer;
     display: block;
     word-wrap: anywhere;
 }
 
-.card .card.shout h2 a:hover {
+.card .card.social h2 a:hover {
     border: none;
     text-decoration: none;
 }
 
-.card.shout .post-footer {
+.card.social .post-footer {
     background: var(--social-light);
     color: var(--social-dark);
 }
 
-.card.shout .post-footer a {
+.card.social .post-footer a{
     background: var(--social-light);
     color: var(--social-dark);
     text-decoration: underline;
@@ -706,47 +798,42 @@ div.pen-source {
 
 
 /* gallery cards */
-.card.shout.lumbung-gallery {
+.card.social.lumbunggallery, .card.social.lumbunggallery .post-footer a {
     border-color: var(--gallery-dark);
     background-color: var(--gallery-light);
     color: var(--gallery-dark);
 }
 
-.card.shout.lumbung-gallery h2 a {
+.card.social.lumbunggallery h2 a {
     color: var(--gallery-dark);
 }
 
 
-.card.shout.lumbung-gallery .post-footer {
+.card.social.lumbunggallery .post-footer {
     background: var(--gallery-light);
     color: var(--gallery-dark);
     border-top: 2px solid;
 }
 
-.card.shout.lumbung-gallery .post-footer a {
-    background: var(--gallery-light);
-    color: var(--gallery-dark);
-}
-
 /* kios cards */
-.card.shout.lumbung-kios {
+.card.social.lumbungkios {
     border-color: var(--kios-dark);
     background-color: var(--kios-light);
     color: var(--kios-dark);
 }
 
-.card.shout.lumbung-kios h2 a {
+.card.social.lumbungkios h2 a {
     color: var(--kios-dark);
 }
 
 
-.card.shout.lumbung-kios .post-footer {
+.card.social.lumbungkios .post-footer {
     background: var(--kios-light);
     color: var(--kios-dark);
     border-top: 2px solid;
 }
 
-.card.shout.lumbung-kios .post-footer a {
+.card.social.lumbungkios .post-footer a {
     background: none;
     color: var(--kios-dark);
 }
@@ -1016,6 +1103,8 @@ li.page-item:after {
     z-index: -100;
 }
 
+
+
 /* Landingpage */
 .welcome-text {
     text-align: center;
@@ -1066,6 +1155,215 @@ li.page-item:after {
     margin-right: auto;
 }
 
+
+/* FILTER */
+
+.filter-item, .card, .video-box {
+    display: none;
+}
+
+.show-item {
+    display: block !important;
+}
+
+.filter-container {
+    display: none;
+    background: #fff;
+    padding: 1.5rem;
+    border: 2px solid #333;
+    border-top: 0;
+    position: absolute;
+    left: 0;
+    z-index: 99;
+    width: 100%;
+    justify-content: space-between;
+}
+
+.filter-information {
+    width: 15%;
+}
+
+#load-more {
+    font-size: 0.8rem;
+    text-decoration: underline;
+    cursor: pointer;
+}
+
+.filter-buttons-container {
+    align-items: center;
+    display: flex;
+    width: calc(85% - 30px);
+}
+
+.filter-buttons-container-header {
+    display: flex;
+    margin-right: 20px;
+}
+
+.filter-link {
+    height: 100%;
+    display: flex;
+    align-items: center;
+    background: #333;
+    color: #fff;
+    padding: calc(0.5rem + 2px) 1rem;
+    cursor: pointer;
+}
+
+.filter-link:hover + .filter-container {
+    display: flex;
+}
+
+.filter-container:hover {
+    display: flex;
+}
+
+.filter-buttons-dropdown {
+    position: absolute;
+    top: 41px;
+    width: calc(100% + 2px);
+    left: -1px;
+    background: #fff;
+    max-height: 35vh;
+    min-height: 100%;
+    overflow-y: scroll;
+    overflow-x: hidden;
+    border: 1px solid #333;
+    border-top: 0;
+    display: none;
+}
+
+.post.tv {
+    margin: auto;
+}
+
+@media all and (min-width: 980px) {
+    .filter-buttons:hover .filter-buttons-dropdown {
+        display: block;
+    }
+
+    .filter-buttons:hover {
+        display: block;
+    }
+}
+
+.filter-buttons {
+    width: fit-content;
+    display: flex;
+    white-space: nowrap;
+    flex-direction: column;
+    position: relative;
+    border: 1px solid #333;
+    margin-right: 10px;
+    padding-right: 30px;
+    width: calc(25% - 7.5px);
+}
+
+.filter-buttons:last-child {
+    margin-right: 0px;
+}
+
+.filter-buttons > button {
+    height: 40px;
+}
+
+.filter-by:after {
+    content:"";
+    width: 0;
+    height: 0;
+    border-style: solid;
+    border-width: 5px 5px 0 5px;
+    border-color: #333333 transparent transparent transparent;
+    position: absolute;
+    right: 0.5rem;
+}
+
+.filter-buttons button {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    border: 0;
+    background: unset;
+    border-radius: 0;
+    width: 100%;
+    padding: 0.6rem;
+    cursor: pointer;
+    white-space: nowrap;
+    text-transform: lowercase;
+}
+
+.filter-buttons-dropdown button {
+    border-bottom: 1px solid;
+}
+
+.filter-buttons .filter-button {
+    padding: 0.6rem 0.6rem 0.6rem 1.6rem;
+}
+
+.filter-button svg {
+    width: 10px;
+    position: absolute;
+    left: 0.6rem;
+}
+
+.filter-button svg path {
+    fill: #3330;
+    stroke: #333;
+    stroke-width: 2px;
+}
+
+.filter-button.active svg path {
+    fill: #333;
+}
+
+.filter-title {
+    width: calc(100% - 20px);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    text-align: left;
+}
+
+.filter-buttons-dropdown button:last-child {
+    border-bottom: 0;
+}
+
+.filter-buttons .filter-button.active {
+    background: #c2c2ff;
+}
+
+.disable-button {
+    display: none !important;
+}
+
+ .page-nav {
+    display: flex;
+    justify-content: center;
+    margin: 20px auto 50px;
+ }
+
+ .nextpage {
+    padding: 15px;
+    position: relative;
+    color: #333;
+    text-decoration: none;
+    margin: 0px 20px;
+    font-size: 38px;
+ }
+
+ .nextpage:after {
+    content: "";
+    height: 50%;
+    width: 100%;
+    display: block;
+    border: 2px solid #333;
+    border-top: 0;
+    bottom: 0;
+    position: absolute;
+    left: 0;
+ }
+
+
 /* ### Timeline ### */
 
 /* Timeline Tags */
@@ -1394,6 +1692,119 @@ a.timeline-url {
 }
 
 
+/* EVENT LIST */
+
+.event-list {
+    border: 2px solid var(--calendar-dark);
+    background-color: var(--calendar-light);
+    color: var(--calendar-dark);
+    margin: 1rem 0 4rem;
+}
+
+.event-list .tape-label span {
+    background-color: var(--calendar-dark);
+}
+
+.event-list-item {
+    border-top: 1px solid;
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.event-list-item-head {
+    display: flex;
+}
+
+.event-list-item a {
+    color: var(--calendar-dark);
+}
+
+.event-list-item .date-start, .event-list-item .title, .event-list-item .time, .event-list-item .duration, .event-list-item .location {
+    display: flex;
+    align-items: center;
+    border-right: 1px solid var(--calendar-dark);
+    padding: 0.8rem 0;
+    overflow: hidden;
+}
+
+.event-list-item .date-start {
+    font-size: 1.2rem;
+    width: 110px;
+    padding-left: 0.4rem;
+    border-right: 0;
+}
+
+.event-list-item .title {
+    width: calc(45% - 110px);   
+    padding-left: 0.4rem;
+}
+
+.event-list-item .p-name {
+    margin: 0;
+    font-size: 1.2rem;
+    padding: 0;
+    display: block;
+    width: 100%;
+}
+
+.event-list-item .p-name a {
+    color: var(--calendar-dark);
+    text-decoration: none;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    width: calc(100% - 20px);
+    display: block;
+}
+
+.event-list-item .time {
+    width: 20%;
+}
+
+.event-list-item .time .start-scroller {
+    border-bottom: 0px;
+}
+
+.event-list-item .duration {
+    width: 12.5%;
+    font-size: 0.8rem;
+    padding: 0.8rem 0.4rem;
+}
+
+.event-list-item .duration b {
+    margin-left: 3px;
+}
+
+.event-list-item .location {
+    min-width: unset;
+    width: 15%;
+    font-size: 0.8rem;
+    padding: 0.8rem 0.4rem;
+}
+
+.event-list-item .button {
+    width: 7.5%;
+}
+
+.event-list-item .calendar {
+    width: 7.5%;
+    display: flex;
+    align-items: center;
+    padding: 0.8rem 0.4rem;
+    cursor: pointer;
+}
+
+.event-list-item .description {
+    display: none;
+    border-top: 1px solid;
+    font-size: 1.2rem;
+}
+
+input:checked + label + .description {
+    display: block;
+    transition: ease .5s;
+  }
+
 /* Page footer */
 
 #footer {
@@ -1446,6 +1857,8 @@ a.timeline-url {
 }
 
 .f-main .logo {
+    width: 280px;
+    max-height: unset;
     filter: brightness(0);
     max-width: 20vw;
     margin-top: 0;
@@ -1551,6 +1964,10 @@ a.timeline-url {
         font-size: 1.8vw;
         vertical-align: top;
     }
+
+    .menu-row {
+        font-size: 1.78vw;
+      }
 }
 
 
@@ -1562,23 +1979,216 @@ a.timeline-url {
     }
 
     #top-menu {
-        grid-template-columns: 1fr;
+        width: 100%;
     }
 
-    .menu,
-    #login {
-        display: none;
+    .logo {
+        max-height: 50px;
     }
 
     /* menu styles */
+
+    .menu-row, #top-menu {
+        position: fixed !important;
+        z-index: 97;
+    }
+
+    .menu-row {
+        z-index: 98;
+        width: fit-content;
+        margin-top: 3vw;
+        right: 5%;
+    }
+
+    .menu {
+        display: none;
+        position: fixed;
+        left: 20px;
+        top: 80px;
+        width: calc(100vw - 40px);
+        overflow: scroll;
+        height: calc(100% - 90px);
+        padding: 0.5rem 1.5rem;
+    }
+
+    .menu.active {
+        display: block;
+    }
+
+    .menu ul {
+        margin: 0;
+        display: block;
+    }
+
+    .menu-row .login {
+        display: none;
+    }
+
+    .menu-button {
+        display: flex;
+        position: fixed;
+        left: 20px;
+        top: clamp(25px, 7vw, 35px);
+    }
+    
+    .menu ul.submenu {
+        margin-left: 0;
+        margin-top: 4px;
+        position: unset;
+        border: 0;
+        padding-left: 20px !important;
+        display: none;
+    }
+
+    .menu .submenu li {
+        margin: 0;
+        padding: 0.5rem 0;
+    }
+
+    .menu ul.submenu.active {
+        display: block;
+        visibility: visible;
+    }
+
+    .login-menu {
+        display: block;
+        padding: 0.5rem 2rem;
+        background: #333;
+        transform: rotate(-3deg);
+        width: fit-content;
+        margin: 0.5rem 0 1rem;
+    }
+
+    .login-menu a {
+        color: #fff !important;
+    }
+
+    .menu-button--line{
+        transition: all 0.3s ease-in-out;
+    }
+
+    .menu-button.active {
+        -webkit-transition: all 0.3s ease-in-out;
+        -o-transition: all 0.3s ease-in-out;
+        transition: all 0.3s ease-in-out;
+          transition-delay: 0s;
+        -webkit-transition-delay: 0.6s;
+        -o-transition-delay: 0.6s;
+        transition-delay: 0.6s;
+        -webkit-transform: rotate(45deg);
+        -ms-transform: rotate(45deg);
+        -o-transform: rotate(45deg);
+        transform: rotate(45deg);
+    }
+
+    .menu-button.active .menu-button--line:nth-child(1) {
+        -webkit-transform: translateY(8px);
+        -ms-transform: translateY(8px);
+        -o-transform: translateY(8px);
+        transform: translateY(8px);
+        -webkit-transition-delay: 0.3s;
+        -o-transition-delay: 0.3s;
+        transition-delay: 0.3s;
+    }
+
+    .menu-button.active .menu-button--line:nth-child(2) {
+        width: 0px;
+    }
+
+    .menu-button.active .menu-button--line:nth-child(3) {
+        -webkit-transform: translateY(-6px) rotate(90deg);
+        -ms-transform: translateY(-6px) rotate(90deg);
+        -o-transform: translateY(-6px) rotate(90deg);
+        transform: translateY(-6px) rotate(90deg);
+        -webkit-transition-delay: 0.3s;
+        -o-transition-delay: 0.3s;
+        transition-delay: 0.3s;
+    }
+
+    .filter {
+        position: fixed;
+        right: 20px;
+        top: clamp(25px, 7vw, 35px);
+    }
+
+    .filter-container {
+        flex-wrap: wrap;
+        border-top: 2px solid #333;
+        left: 20px;
+        width: calc(100vw - 40px);
+        position: fixed;
+        margin-top: 30px;
+        display: none !important;
+    }
+
+    #filter.active .filter-container {
+        display: block !important;
+    }
+
+    .filter-information {
+        width: 100%;
+        margin-bottom: 15px;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+    }
+
+    .filter-buttons-container {
+        display: block;
+        width: 100%;
+    }
+
+    .filter-buttons-container.open {
+        display: block !important;
+    }
+
+    .filter-buttons-dropdown {
+        z-index: 99;
+    }
+
+    .filter-buttons {
+        margin-right: 0px;
+        margin-bottom: 10px;
+        width: 100%;
+    }
+
+    .container {
+        padding-top: 60px;
+    }
+
+    .filter-link {
+        background: unset;
+        padding: 0;
+    }
+
+    .filter-link span {
+        display: none;
+    }
+
+    .filter-icon {
+        height: 20px;
+        margin-right: 0;
+    }
+
+    .filter-icon path {
+        fill: #333;
+    }
+
+    .filter-buttons-dropdown.active {
+        display: block;
+    }
+
+    .filter-by.active:after {
+        transform: rotate(180deg);
+    }
+
     #top-menu div.mobile-menu {
         display: flex;
         justify-content: space-between;
     }
 
-    .mobile-menu #login {
-        display: inline-flex;
-        margin: 0 0 0 auto;
+    #top-menu .login-link {
+        display: none;
     }
 
     .hamburger {
@@ -1676,6 +2286,38 @@ a.timeline-url {
     .f-main .logo {
         max-width: unset;
     }
+
+    /* EVENT LIST */
+
+    .event-list .event-list-item:nth-child(2n) {
+        background: #c8efff;
+    }
+
+    .event-list-item .date-start {
+        border-bottom: 1px solid;
+    }
+
+    .event-list-item .title {
+        width: calc(100% - 110px);
+        border-bottom: 1px solid;
+        border-right: 0;
+    }
+
+    .event-list-item .time {
+        width: 100%;
+        border-bottom: 1px solid;
+        border-right: 0;
+        padding: 0;
+    }
+
+    .event-list-item .duration, .event-list-item .location {
+        width: 42%;
+    }
+
+    .event-list-item .calendar {
+        width: 16%;
+    }
+
 }
 
 /* mobile styles */

From 8a479290958170df84f793bc6d49fa5372a00f0e Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Wed, 3 May 2023 14:21:12 +0500
Subject: [PATCH 20/38] add geojson list of lumbung contributors

---
 data/lumbung-publishers-members.json | 318 +++++++++++++++++++++++++++
 1 file changed, 318 insertions(+)
 create mode 100644 data/lumbung-publishers-members.json

diff --git a/data/lumbung-publishers-members.json b/data/lumbung-publishers-members.json
new file mode 100644
index 0000000..7fc25f2
--- /dev/null
+++ b/data/lumbung-publishers-members.json
@@ -0,0 +1,318 @@
+{
+  "type": "FeatureCollection",
+  "features": [
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [18.473952560246335, -67.02312138226604]
+      },
+      "properties": {
+        "groupName": "La Impresora",
+        "listOfNames": [
+          "Amanda Hernández",
+          "Nicole Delgado Poueymirou"
+        ]
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [31.248587159325307, 121.48494201935183]
+      },
+      "properties": {
+        "groupName": "Bananafish Books",
+        "listOfNames": [ "Qing / Wei" ],
+        "website": "https://instagram.com/bananafishbooks"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [43.26413418446196, -2.9342512170102952]
+      },
+      "properties": {
+        "groupName": "Consonni",
+        "listOfNames": [
+          "Maria Mur Dean",
+          "Munts Brunet"
+        ],
+        "website": "https://www.consonni.org"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [19.452826396857443, -99.1347000127044]
+      },
+      "properties": {
+        "groupName": "Cooperativa Cráter Invertido",
+        "listOfNames": [
+          "Jazael Olguinzapata",
+          "Sari Denisse", 
+          "Mario Dominguez"
+        ],
+        "website": "https://www.visibleproject.org/blog/project/editorialmovement-mexico-city-mexico/"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [41.396244293766436, 2.1649055407407434]
+      },
+      "properties": {
+        "groupName": "Erick Beltrán"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-33.442317042843925, -70.66692136271297]
+      },
+      "properties": {
+        "groupName": "HAMBRE",
+        "listOfNames": [
+          "Daniela Sepúlveda Guzmán",
+          "Camila González Simon"
+        ],
+        "website": "https://hambrehambrehambre.com"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [30.04863553908884, 31.23460265148997]
+      },
+      "properties": {
+        "groupName": "Kayfa-ta",
+        "listOfNames": [
+          "Maha Maamoun",
+          "Ala Younis"
+        ],
+        "website": "www.kayfa-ta.com"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [31.969726971911616, 35.90847989847126]
+      },
+      "properties": {
+        "groupName": "Kayfa-ta",
+        "listOfNames": [
+          "Maha Maamoun",
+          "Ala Younis"
+        ],
+        "website": "www.kayfa-ta.com"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [56.97988198342907, 24.100226353313147]
+      },
+      "properties": {
+        "groupName": "kuš!",
+        "listOfNames": [
+          "David Schilter",
+          "Monika Grūzīte"
+        ],
+        "website": "http://www.komikss.lv"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [60.1883622930113, 24.932134774628967]
+      },
+      "properties": {
+        "groupName": "Kutikuti",
+        "listOfNames": [
+          "Petra Virtanen",
+          "Johanna Rojola or roju (they /them)"
+        ],
+        "website": "https://kutikutisf.wordpress.com/category/news/"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-6.20175313758691, 106.84599411307272]
+      },
+      "properties": {
+        "groupName": "Marjin Kiri",
+        "listOfNames": [
+          "Ronny Agustinus",
+          "Pradewi Tri Chatami"
+        ],
+        "website": "https://marjinkiri.com"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-34.899210176795584, -56.18580127552417]
+      },
+      "properties": {
+        "groupName": "microutopías",
+        "listOfNames": [
+          "Darío Marroche",
+          "Magui Testoni"
+        ],
+        "website": "https://microutopias.press"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [47.38275909850193, 8.541196230458853]
+      },
+      "properties": {
+        "groupName": "Nieves",
+        "listOfNames": ["Benjamin Sommerhalder"],
+        "website": "https://www.nieves.ch"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [4.7283471458218695, -74.06936870435806]
+      },
+      "properties": {
+        "groupName": "Relampago",
+        "listOfNames": ["Andrés and Valeria"],
+        "website": "https://instagram.com/proyectorelampago"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [51.31700304920649, 9.479151985185684]
+      },
+      "properties": {
+        "groupName": "Rotopol Press",
+        "listOfNames": ["Rita Fürstenau"],
+        "website": "http://www.rotopolpress.de"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [47.38275909850193, 8.541196230458853]
+      },
+      "properties": {
+        "groupName": "Strapazin",
+        "listOfNames": [
+          "(David Basler) Milva Stutz",
+          "Lika Nüssli"
+        ],
+        "website": "https://strapazin.ch"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [46.062038080618365, 14.506004050784611]
+      },
+      "properties": {
+        "groupName": "Stripburger",
+        "listOfNames": [
+          "Katerina Mirovic",
+          "Tanja Skale"
+        ],
+        "website": "https://www.stripburger.org/en/"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [9.081206604987218, 7.394589665360936]
+      },
+      "properties": {
+        "groupName": "Jalada Africa",
+        "listOfNames": ["Richard Ali"],
+        "website": "https://www.jaladaafrica.org"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [0.18736237622547486, 37.88198388123684]
+      },
+      "properties": {
+        "groupName": "Jalada Africa",
+        "listOfNames": ["Wanjeri Gakuru"],
+        "website": "https://www.jaladaafrica.org"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [8.040603024970357, 80.72724100901736]
+      },
+      "properties": {
+        "groupName": "The Packet",
+        "listOfNames": ["Abdul Halik Azeez"],
+        "website": "https://www.instagram.com/the_packet"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [17.67169725681633, -4.159429300086695]
+      },
+      "properties": {
+        "groupName": "Les Editions TAKABA",
+        "listOfNames": ["N’fana DIAKITE"],
+        "website": "https://www.facebook.com/editions.takaba"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [23.16313833792756, 113.25937734969307]
+      },
+      "properties": {
+        "groupName": "BOLOHO",
+        "listOfNames": [
+          "Di Liu",
+          "Jiaxin Li (Xiaotian)",
+          "Siyan"
+        ],
+        "website": "https://instagram.com/readingroom2191"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [1.5643986962732304, 32.32078434190578]
+      },
+      "properties": {
+        "groupName": "David Kaiza",
+        "website": "https://cipesa.org/2016/09/david-kaiza-ugandan-writer-and-journalist/"
+      }
+    }
+  ]
+}

From d50bf0ebbaa8f76800bbd53255522568c09a49fe Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Wed, 3 May 2023 14:25:42 +0500
Subject: [PATCH 21/38] move kios map to its own page

---
 content/kios/_index.html                         |  5 +++++
 content/publishers/_index.html                   |  2 --
 themes/lumbung-theme/layouts/kios/list.html      | 16 ++++++++++++++++
 .../{publishers_map.html => kios_map.html}       |  0
 4 files changed, 21 insertions(+), 2 deletions(-)
 create mode 100644 content/kios/_index.html
 create mode 100644 themes/lumbung-theme/layouts/kios/list.html
 rename themes/lumbung-theme/layouts/shortcodes/{publishers_map.html => kios_map.html} (100%)

diff --git a/content/kios/_index.html b/content/kios/_index.html
new file mode 100644
index 0000000..49e618f
--- /dev/null
+++ b/content/kios/_index.html
@@ -0,0 +1,5 @@
+---
+draft: false
+---
+
+{{< kios_map >}}
\ No newline at end of file
diff --git a/content/publishers/_index.html b/content/publishers/_index.html
index 01d6718..b24dea4 100644
--- a/content/publishers/_index.html
+++ b/content/publishers/_index.html
@@ -2,5 +2,3 @@
 draft: false
 ---
 <h1>Lumbung of Publishers</h1>
-
-{{< publishers_map >}}
\ No newline at end of file
diff --git a/themes/lumbung-theme/layouts/kios/list.html b/themes/lumbung-theme/layouts/kios/list.html
new file mode 100644
index 0000000..2eef8dd
--- /dev/null
+++ b/themes/lumbung-theme/layouts/kios/list.html
@@ -0,0 +1,16 @@
+{{ define "main" }}
+  <main class="kios-page">
+    {{.Content}}
+
+    <section class='entries'>
+      <div class="h-feed">
+        {{ range where (.Paginator 13).Pages "Params.hidden" "ne" "true" }}
+          {{- partial "publishers_post_card.html" . -}}
+        {{ end }}
+      </div>
+
+      <nav class="pagination">
+        {{ template "_internal/pagination.html" . }}
+      </nav>
+  </main>
+{{ end }}
\ No newline at end of file
diff --git a/themes/lumbung-theme/layouts/shortcodes/publishers_map.html b/themes/lumbung-theme/layouts/shortcodes/kios_map.html
similarity index 100%
rename from themes/lumbung-theme/layouts/shortcodes/publishers_map.html
rename to themes/lumbung-theme/layouts/shortcodes/kios_map.html

From 91f5a092e5050cb6928986d87bea406ddf1d4874 Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Wed, 3 May 2023 14:26:09 +0500
Subject: [PATCH 22/38] add title to kios page

---
 content/kios/_index.html | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/content/kios/_index.html b/content/kios/_index.html
index 49e618f..0e37cfc 100644
--- a/content/kios/_index.html
+++ b/content/kios/_index.html
@@ -2,4 +2,6 @@
 draft: false
 ---
 
+<h1>Lumbung Kios</h1>
+
 {{< kios_map >}}
\ No newline at end of file

From 3dcb7712dba8816863e42861cf5d5915be4a2e8c Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Wed, 3 May 2023 14:41:33 +0500
Subject: [PATCH 23/38] add website field to publishers map popup

---
 themes/lumbung-theme/layouts/shortcodes/map.html | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/themes/lumbung-theme/layouts/shortcodes/map.html b/themes/lumbung-theme/layouts/shortcodes/map.html
index eb32332..b75cdef 100644
--- a/themes/lumbung-theme/layouts/shortcodes/map.html
+++ b/themes/lumbung-theme/layouts/shortcodes/map.html
@@ -64,6 +64,8 @@
                     return '<video width="320" controls style="padding-bottom: 12px; width: 100%;"><source src="' + objectOrder[key] + '"></video>'
                 } else if (key === 'audio') {
                     return '<audio controls style="padding-bottom: 12px; width: 100%;"><source src="' + objectOrder[key] + '"></audio>'
+                } else if (key === 'website') {
+                    return '<p><strong>website: </strong><a href="'+ objectOrder[key] + '">' + objectOrder[key] + '</a></p>'
                 } else {
                     return '<p>' + objectOrder[key] + '</p>'
                 }

From 798e30ad46fe3c44599b78387239c414b448d18a Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Wed, 3 May 2023 15:27:19 +0500
Subject: [PATCH 24/38] add posts list to lumbung publishers page

---
 content/publishers/_index.html                |  2 +
 .../partials/publishers_post_card.html        | 64 ++++++++++++-------
 .../layouts/publishers/list.html              | 13 ++--
 themes/lumbung-theme/static/css/main.css      | 10 +++
 4 files changed, 59 insertions(+), 30 deletions(-)

diff --git a/content/publishers/_index.html b/content/publishers/_index.html
index b24dea4..e2fb7b6 100644
--- a/content/publishers/_index.html
+++ b/content/publishers/_index.html
@@ -2,3 +2,5 @@
 draft: false
 ---
 <h1>Lumbung of Publishers</h1>
+
+{{< map geoJson="data/lumbung-publishers-members.json">}}
diff --git a/themes/lumbung-theme/layouts/partials/publishers_post_card.html b/themes/lumbung-theme/layouts/partials/publishers_post_card.html
index ae4f6c5..0814aec 100644
--- a/themes/lumbung-theme/layouts/partials/publishers_post_card.html
+++ b/themes/lumbung-theme/layouts/partials/publishers_post_card.html
@@ -1,26 +1,46 @@
-<div class='publishers card {{ .Params.feed_name }}'>
-  <article class="h-entry publishers">
-    {{ $postPermalink := .Permalink}}
-    <a href="{{ .Permalink }}" class="link-wrapper">
-      <header>
-        <h2 class="p-name">
+<div class='publishers social card' data-section="{{ .Section }}">
+  <article class="h-entry social">
+    <header>
+      {{ $postPermalink := .Permalink}}
+      <h2 class="p-name"><a href="{{ .Permalink }}" class="u-url">
           {{ .Title }}
-        </h2>
-      </header>  
+      </a></h2>
+    </header>
+
+    {{ with (index (.Resources.ByType "video") 0) }}
+    {{/* TODO this current logic does not suport video & image mixed */}}
       <div class="p-summary">
-        <div class="summary-text">
-          {{ .Summary }}...
-        </div>
+      <video controls width="540px" preload="none" poster="{{ $postPermalink }}/thumbnail.png">
+        <source src="{{.Permalink}}" type="video/mp4">
+      </video>
+    {{ else}}
+    {{ with (index (.Resources.ByType "image") 0) }}
+      {{ $height := add .Height 0.0}}
+      {{ $ratio := div $height .Width}}
+      {{ $thumb := .Fit "540x540 q80 webp"}}
+    <div class="p-summary{{if gt $ratio 1 }} portrait {{else}} landscape {{end}}">
+      <div class="summary-image {{if gt $ratio 1 }} portrait {{else}} landscape {{end}}"> 
+      <a href="{{ $postPermalink }}"><img src="{{ $thumb.Permalink }}"  alt="{{ .Title }}"> </a>
+    </div>
+    {{ else }}
+      <div class="p-summary">
+    {{ end }}
+    {{ end }}
+      <div class="summary-text">
+        {{ .Summary }}
       </div>
-        
-      <footer class='post-footer'>
-        <svg width="11" height="11" viewBox="0 0 11 11" xmlns="http://www.w3.org/2000/svg">
-          <path d="M10.2172 3.892C9.86979 3.02585 9.33722 2.34509 8.61023 1.77874C8.23826 1.49028 7.72957 1.04191 7.21547 0.839212C7.21382 0.703503 7.14487 0.575079 6.97767 0.503871C5.42624 -0.162284 3.69503 0.311299 2.52647 1.51482C1.94635 2.11223 1.51951 2.8478 1.21108 3.62501C0.914861 4.3676 0.507572 5.32483 0.948415 6.07996C1.00646 6.17836 1.09356 6.24193 1.1908 6.27306C1.2735 7.35573 1.57765 8.46801 2.37847 9.21874C3.2325 10.0162 4.43613 10.3053 5.5673 10.1773C6.72371 10.0468 7.96432 9.57061 8.8816 8.82474C9.01086 8.71974 9.1274 8.60844 9.23337 8.49296C9.27968 8.4924 9.32805 8.4875 9.37839 8.4718C11.3643 7.82491 10.8101 5.37347 10.2172 3.892Z" />
-        </svg>
-        <time class="dt-published" datetime="{{ .Date.Format `Jan 02 2006` }}">
-          {{ .Date.Format "Jan 02, 2006" }}
-        </time>
-      </footer>            
-    </a>
+      </div>
+      <div class="social-source"></div>
+
+    <footer class='post-footer'>
+      <div class='footer-metadata'>
+      <span class="from p-author">{{ if .Params.contributors }}From {{range .Params.contributors}}<b> <a href='{{ "/contributors/" | relLangURL }}{{ . | urlize }}/'> {{ . }}</a> {{end}}</b> on{{ end }}</span>
+       <time class="dt-published" datetime="{{ .Date.Format `Jan 02 2006` }}">{{ .Date.Format "Jan 02, 2006" }}</time>
+       </div>
+      {{ if .Truncated }}
+        <div class="footer-filler" style="border-color: transparent" ></div>
+        <div class='read-more'><a href="{{ .RelPermalink }}">Read More…</a></div>
+        {{ end }}
+    </footer>            
   </article>
-</div>
+</div>
\ No newline at end of file
diff --git a/themes/lumbung-theme/layouts/publishers/list.html b/themes/lumbung-theme/layouts/publishers/list.html
index 55ca335..0e8fa25 100644
--- a/themes/lumbung-theme/layouts/publishers/list.html
+++ b/themes/lumbung-theme/layouts/publishers/list.html
@@ -1,16 +1,13 @@
 {{ define "main" }}
   <main class="publishers-page">
     {{.Content}}
-
     <section class='entries'>
-      <div class="h-feed">
-        {{ range where (.Paginator 13).Pages "Params.hidden" "ne" "true" }}
-          {{- partial "publishers_post_card.html" . -}}
+      <div class="h-feed">    
+        {{ range where site.RegularPages "Type" "publishers" }}
+          <div class="post">
+            {{ partial "partials/publishers_post_card.html" . -}}
+          </div>
         {{ end }}
       </div>
-
-      <nav class="pagination">
-        {{ template "_internal/pagination.html" . }}
-      </nav>
   </main>
 {{ end }}
diff --git a/themes/lumbung-theme/static/css/main.css b/themes/lumbung-theme/static/css/main.css
index b0508f9..0ab0ef7 100644
--- a/themes/lumbung-theme/static/css/main.css
+++ b/themes/lumbung-theme/static/css/main.css
@@ -1011,6 +1011,16 @@ label:hover {
     text-align: center;
 }
 
+/* publishers card */
+.publishers.card {
+    display: flex;
+}
+
+/* publishers map */
+#map {
+    margin-bottom: 4rem;
+}
+
 
 /* Paginator */
 

From f47d869348f306188df82f0d666a429c9cc2a953 Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Wed, 3 May 2023 15:30:08 +0500
Subject: [PATCH 25/38] remove duplicate titles

---
 content/publishers/about-lumbung-publishers.md | 1 -
 content/publishers/comics-reading.md           | 1 -
 2 files changed, 2 deletions(-)

diff --git a/content/publishers/about-lumbung-publishers.md b/content/publishers/about-lumbung-publishers.md
index eeab3b4..b609ef7 100644
--- a/content/publishers/about-lumbung-publishers.md
+++ b/content/publishers/about-lumbung-publishers.md
@@ -4,7 +4,6 @@ date: 2022-10-18T13:33:21+05:00
 draft: false
 authors: ["lumbung publishers"]
 categories: ["shouts"]
-title: lumbung books tutorial
 tags: [ "publishers" ]
 ---
 
diff --git a/content/publishers/comics-reading.md b/content/publishers/comics-reading.md
index f375f44..ae11231 100644
--- a/content/publishers/comics-reading.md
+++ b/content/publishers/comics-reading.md
@@ -4,7 +4,6 @@ date: 2022-10-18T13:31:58+05:00
 draft: false
 authors: ["lumbung publishers"]
 categories: ["shouts"]
-title: lumbung books tutorial
 tags: [ "publishers" ]
 ---
 

From f1a87a899fc6e168aa7fd8f7ffd5605636eb6ed7 Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Fri, 5 May 2023 20:36:10 +0500
Subject: [PATCH 26/38] add lumbung gallery members geojson

---
 data/lumbung-gallery-members.json | 726 ++++++++++++++++++++++++++++++
 1 file changed, 726 insertions(+)
 create mode 100644 data/lumbung-gallery-members.json

diff --git a/data/lumbung-gallery-members.json b/data/lumbung-gallery-members.json
new file mode 100644
index 0000000..3728d79
--- /dev/null
+++ b/data/lumbung-gallery-members.json
@@ -0,0 +1,726 @@
+{
+  "type": "FeatureCollection",
+  "features": [
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-26.18811188213306, 28.05126784053829]
+      },
+      "properties": {
+        "groupName": "MADEYOULOOK",
+        "listOfNames": [
+          "Molemo Moiloa",
+          "Nare Mokgotho"
+        ]
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [52.38345761569911, 4.921095562762168]
+      },
+      "properties": {
+        "groupName": "Sebastián Díaz Morales and Simon Danang Anggoro",
+        "listOfNames": [ "Sebastián Díaz Morales" ]
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-6.209103114184621, 106.84559800973969]
+      },
+      "properties": {
+        "groupName": "Sebastián Díaz Morales and Simon Danang Anggoro",
+        "listOfNames": [ "Simon Danang Anggoro" ]
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [52.543149790771785, 13.391732390622503]
+      },
+      "properties": {
+        "groupName": "Pınar Öğrenci"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-1.311340478163294, 36.87292048273729]
+      },
+      "properties": {
+        "groupName": "Wajukuu Art Project",
+        "website": "https://wajukuuarts.wordpress.com/"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [47.4974407113006, 19.04074926483718]
+      },
+      "properties": {
+        "groupName": "OFF Biennale Budapest",
+        "website": "https://offbiennale.hu/en"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-1.2913790929958984, 36.8210868919118]
+      },
+      "properties": {
+        "groupName": "The Nest Collective"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [36.614272722947824, 37.341655483513954]
+      },
+      "properties": {
+        "groupName": "Komîna Fîlm a Rojava"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [52.365442896272214, 4.927170644287114]
+      },
+      "properties": {
+        "groupName": "The Black Archives",
+        "website": "https://www.theblackarchives.nl/"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [0.3025615657505082, 32.54160046767289]
+      },
+      "properties": {
+        "groupName": "Wakaliga Uganda"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-6.318681259022263, 106.8152467487047]
+      },
+      "properties": {
+        "groupName": "Gudskul",
+        "website": "https://gudskul.art/"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-6.318681259022263, 106.8152467487047]
+      },
+      "properties": {
+        "groupName": "Gudskul",
+        "website": "https://gudskul.art/"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [34.46684826773766, 31.501803673432892]
+      },
+      "properties": {
+        "groupName": "The Question of Funding",
+        "video": "https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm",
+        "iframe": "https://tv.lumbung.space/videos/embed/d5b26273-cb7e-4f5e-9041-5694a504405e?title=0",
+        "audio": "https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [22.285773210867482, 114.14808699429824]
+      },
+      "properties": {
+        "groupName": "Asia Art Archive"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [45.80355430512375, 24.142581834526784]
+      },
+      "properties": {
+        "groupName": "Dan Perjovschi"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [52.49725443336134, 13.451665710773648]
+      },
+      "properties": {
+        "groupName": "Fehras Publishing Practices"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-11.669492189481062, 27.479276909569442]
+      },
+      "properties": {
+        "groupName": "Centre D'Art Waza"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [51.311336885707874, 9.483263587967974]
+      },
+      "properties": {
+        "groupName": "Jimmie Durham & A Stick in the Forest by the Side of the Road",
+        "listOfNames": [
+          "Elisa Strinna",
+          "Iain Chambers",
+          "Joen Vedel",
+          "Jone Kvie",
+          "Maria Thereza Alves",
+          "Wilma Lukatsch",
+          "Bev Koski"
+        ]
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [23.140811669557994, -82.35571615950754]
+      },
+      "properties": {
+        "groupName": "Instituto de Artivismo Hannah Arendt",
+        "website": "https://instar.org/"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [40.70638743938322, -74.03191681767166]
+      },
+      "properties": {
+        "groupName": "Cem A.",
+        "website": "https://www.cem-a.com"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-26.021853817682118, 28.187136183103206]
+      },
+      "properties": {
+        "groupName": "Chimurenga"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [21.02738137153254, 105.83318618918943]
+      },
+      "properties": {
+        "groupName": "Nhà Sàn Collective (NSC)"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [30.596661772736404, 104.06038244023074]
+      },
+      "properties": {
+        "groupName": "Cao Minghao & Chen Jianjun"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [51.51108741919797, -0.12635939699148332]
+      },
+      "properties": {
+        "groupName": "Sourabh Phadke"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [51.51108741919797, -0.12635939699148332]
+      },
+      "properties": {
+        "groupName": "Sourabh Phadke"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [25.045507983044228, 121.55187310159481]
+      },
+      "properties": {
+        "groupName": "Chang En Man"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-35.00052677593316, -64.793726034763721]
+      },
+      "properties": {
+        "groupName": "Serigrafistas queer"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [5.548794593377144, 95.32801180954161]
+      },
+      "properties": {
+        "groupName": "Putra Hidayatullah"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [39.69832524563301, 3.0432826285443357]
+      },
+      "properties": {
+        "groupName": "INLAND",
+        "website": "https://inland.org/"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [13.431662547983477, -6.250754596309028]
+      },
+      "properties": {
+        "groupName": "Fondation Festival sur le Niger",
+        "website": "www.festivalsegou.org"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-23.556237159033135, -46.61458343459141]
+      },
+      "properties": {
+        "groupName": "Graziela Kunsch"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [51.930411030394396, 4.479831292633461]
+      },
+      "properties": {
+        "groupName": "ook_Reinaart Vanhoe"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [36.802404978640865, 10.169482425564317]
+      },
+      "properties": {
+        "groupName": "El Warcha"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [55.77537912930211, 37.61060021677117]
+      },
+      "properties": {
+        "groupName": "Victoria Lomasko"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [28.22678726798165, 1.8919786435451587]
+      },
+      "properties": {
+        "groupName": "Archives des luttes des femmes en Algérie"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [33.32616738818097, 44.35310240776209]
+      },
+      "properties": {
+        "groupName": "Sada [regroup]"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [33.32616738818097, 44.35310240776209]
+      },
+      "properties": {
+        "groupName": "Sada [regroup]"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [39.957131328350094, -75.17983927158943]
+      },
+      "properties": {
+        "groupName": "Black Quantum Futurism"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [31.903997468677233, 35.20407938450352]
+      },
+      "properties": {
+        "groupName": "Subversive Film"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [14.172656191989363, 121.23539284529193]
+      },
+      "properties": {
+        "groupName": "Kiri Dalena"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [35.298166892078385, 139.58008052241715]
+      },
+      "properties": {
+        "groupName": "Cinema Caravan and Takashi Kuribayashi"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-37.271646816944155, -63.91481978132442]
+      },
+      "properties": {
+        "groupName": "La Intermundial Holobiente",
+        "website": "https://holobiente.org/about/"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [18.59984541903225, -72.3064366079957]
+      },
+      "properties": {
+        "groupName": "Atis Rezistans"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [41.298989074031375, 69.2560081089711]
+      },
+      "properties": {
+        "groupName": "Saodat Ismailova"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [28.728014858593568, 77.10141217533906]
+      },
+      "properties": {
+        "groupName": "Party Office B2B Fadescha"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [52.523934403771726, 13.386239006356751]
+      },
+      "properties": {
+        "groupName": "ZK/U – Center for Art and Urbanistics"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [52.523934403771726, 13.386239006356751]
+      },
+      "properties": {
+        "groupName": "Nino Bulling"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [33.26264298419205, 35.23875689474873]
+      },
+      "properties": {
+        "groupName": "yasmine eid sabbagh"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [10.663776068500031, -61.52186947690228]
+      },
+      "properties": {
+        "groupName": "Alice Yard",
+        "website": "http://aliceyard.blogspot.com/"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [31.6340362904925, -7.989797589960902]
+      },
+      "properties": {
+        "groupName": "LE 18"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-33.837356065631454, 151.20642737231316]
+      },
+      "properties": {
+        "groupName": "Safdar Ahmed"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-7.835659219552806, 110.33826588266909]
+      },
+      "properties": {
+        "groupName": "Taring Padi"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [51.504249420096194, -0.14833205332746574]
+      },
+      "properties": {
+        "groupName": "Hamja Ahsan"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [21.02706091062608, 105.83249954367894]
+      },
+      "properties": {
+        "groupName": "Nguyen Trinh Thi"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [4.619179535235933, -74.07431121925988]
+      },
+      "properties": {
+        "groupName": "Más Arte Más Acción (MAMA)"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-36.84946405341891, 174.76237712681743]
+      },
+      "properties": {
+        "groupName": "FAFSWAG"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-6.720709701265572, 108.25427555011319]
+      },
+      "properties": {
+        "groupName": "Jatiwangi art Factory (JaF)"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [23.74689226511707, 90.3858719270149]
+      },
+      "properties": {
+        "groupName": "Britto Arts Trust"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [55.67181297847226, 12.551056511093718]
+      },
+      "properties": {
+        "groupName": "Trampoline House",
+        "website": "https://www.trampolinehouse.dk/"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [19.08736847618492, 72.87087082003174]
+      },
+      "properties": {
+        "groupName": "Amol K Patil"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [33.89690601954764, 35.49964657559596]
+      },
+      "properties": {
+        "groupName": "Marwa Arsanios"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [41.38635744222116, 2.1774396189445953]
+      },
+      "properties": {
+        "groupName": "Erick Beltrán"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-6.214020968815874, 106.85902768797646]
+      },
+      "properties": {
+        "groupName": "Agus Nur Amal PMTOH"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [52.51892080935371, 13.41370482677673]
+      },
+      "properties": {
+        "groupName": "*foundationClass* Collective"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [50.85790334202201, 0.5734484820058058]
+      },
+      "properties": {
+        "groupName": "Project Art Works",
+        "website": "https://projectartworks.org/"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [36.097240, 127.512700]
+      },
+      "properties": {
+        "groupName": "ikkibawiKrrr"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-33.92877363576041, 18.47199050575708]
+      },
+      "properties": {
+        "groupName": "Abdul Dube"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [23.17726085396477, 113.27980956280086]
+      },
+      "properties": {
+        "groupName": "BOLOHO"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [13.74139295651044, 99.91390756934803]
+      },
+      "properties": {
+        "groupName": "Baan Noorg Collaborative Arts and Culture"
+      }
+    }
+  ]
+}

From 131d17f89cd1acee9d5c96a8e658d08be7f4dccc Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Fri, 5 May 2023 22:41:34 +0500
Subject: [PATCH 27/38] fix map floating above menu

---
 themes/lumbung-theme/static/css/main.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/themes/lumbung-theme/static/css/main.css b/themes/lumbung-theme/static/css/main.css
index 0ab0ef7..a8776c1 100644
--- a/themes/lumbung-theme/static/css/main.css
+++ b/themes/lumbung-theme/static/css/main.css
@@ -1019,6 +1019,7 @@ label:hover {
 /* publishers map */
 #map {
     margin-bottom: 4rem;
+    z-index: -1;
 }
 
 

From 5347b9ae206b8bb91f86c3d1ed21439a74f0a60d Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Fri, 5 May 2023 22:41:42 +0500
Subject: [PATCH 28/38] add publishers page to menu

---
 themes/lumbung-theme/layouts/partials/header.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/themes/lumbung-theme/layouts/partials/header.html b/themes/lumbung-theme/layouts/partials/header.html
index ba3b1a0..b6b2fa5 100644
--- a/themes/lumbung-theme/layouts/partials/header.html
+++ b/themes/lumbung-theme/layouts/partials/header.html
@@ -22,6 +22,7 @@
             <li><a href="/social/">social</a></li>
             <li><a href="/sources/pen.lumbung.space/">pen</a></li>
             <li><a href="/shouts/">shouts</a></li>
+            <li><a href="/publishers/">publishers</a></li>
             <li class="has-submenu">ekonomi
                 <ul class="submenu">
                     <li><a href="/tags/lumbungkiosproducts/">kios</a></li>

From 3ddb2e6aaab80fdb50ec0fc1d449bfb9230515ed Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Sat, 6 May 2023 00:45:27 +0500
Subject: [PATCH 29/38] fill out contributors geojson list

---
 data/geojsonContributors.json | 390 ++++++++++++++++++++++++++++++++--
 1 file changed, 372 insertions(+), 18 deletions(-)

diff --git a/data/geojsonContributors.json b/data/geojsonContributors.json
index 9f66002..6fa4606 100644
--- a/data/geojsonContributors.json
+++ b/data/geojsonContributors.json
@@ -8,25 +8,379 @@
         "coordinates": [34.46684826773766, 31.501803673432892]
       },
       "properties": {
-        "groupName": "The Question of Funding",
+        "groupName": "The Question of Funding"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [50.85790334202201, 0.5734484820058058]
+      },
+      "properties": {
+        "groupName": "Project Art Works",
+        "website": "https://projectartworks.org/"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [4.619179535235933, -74.07431121925988]
+      },
+      "properties": {
+        "groupName": "Más Arte Más Acción (MAMA)"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [52.523934403771726, 13.386239006356751]
+      },
+      "properties": {
+        "groupName": "ZK/U – Center for Art and Urbanistics"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [47.4974407113006, 19.04074926483718]
+      },
+      "properties": {
+        "groupName": "OFF Biennale Budapest",
+        "website": "https://offbiennale.hu/en"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [52.51892080935371, 13.41370482677673]
+      },
+      "properties": {
+        "groupName": "*foundationClass* Collective"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [19.08736847618492, 72.87087082003174]
+      },
+      "properties": {
+        "groupName": "Amol K Patil"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [22.285773210867482, 114.14808699429824]
+      },
+      "properties": {
+        "groupName": "Asia Art Archive"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [13.74139295651044, 99.91390756934803]
+      },
+      "properties": {
+        "groupName": "Baan Noorg Collaborative Arts and Culture"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [23.74689226511707, 90.3858719270149]
+      },
+      "properties": {
+        "groupName": "Britto Arts Trust"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-11.669492189481062, 27.479276909569442]
+      },
+      "properties": {
+        "groupName": "Centre D'Art Waza"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [25.045507983044228, 121.55187310159481]
+      },
+      "properties": {
+        "groupName": "Chang En Man"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-26.021853817682118, 28.187136183103206]
+      },
+      "properties": {
+        "groupName": "Chimurenga"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [35.298166892078385, 139.58008052241715]
+      },
+      "properties": {
+        "groupName": "Cinema Caravan and Takashi Kuribayashi"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [36.802404978640865, 10.169482425564317]
+      },
+      "properties": {
+        "groupName": "El Warcha"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [51.311336885707874, 9.483263587967974]
+      },
+      "properties": {
+        "groupName": "Jimmie Durham & A Stick in the Forest by the Side of the Road",
         "listOfNames": [
-          "Adele Jarrar",
-          "Amany Khalifa",
-          "Dena Matter",
-          "Fayrouz Sharqawi",
-          "Martin Heller",
-          "Mohammad Hawajri",
-          "Mohammad Abu Sal",
-          "Noor Abed",
-          "Raed Issa",
-          "Raoof Alajouri",
-          "Rayya Badran",
-          "Siwar Kraitm",
-          "Yazan Khalili"
-        ],
-        "video": "https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm",
-        "iframe": "https://tv.lumbung.space/videos/embed/d5b26273-cb7e-4f5e-9041-5694a504405e?title=0",
-        "audio": "https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3"
+          "Elisa Strinna",
+          "Iain Chambers",
+          "Joen Vedel",
+          "Jone Kvie",
+          "Maria Thereza Alves",
+          "Wilma Lukatsch",
+          "Bev Koski"
+        ]
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-37.271646816944155, -63.91481978132442]
+      },
+      "properties": {
+        "groupName": "La Intermundial Holobiente",
+        "website": "https://holobiente.org/about/"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [31.6340362904925, -7.989797589960902]
+      },
+      "properties": {
+        "groupName": "LE 18"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [33.89690601954764, 35.49964657559596]
+      },
+      "properties": {
+        "groupName": "Marwa Arsanios"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [21.02706091062608, 105.83249954367894]
+      },
+      "properties": {
+        "groupName": "Nguyen Trinh Thi"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [51.930411030394396, 4.479831292633461]
+      },
+      "properties": {
+        "groupName": "ook_Reinaart Vanhoe"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [28.728014858593568, 77.10141217533906]
+      },
+      "properties": {
+        "groupName": "Party Office B2B Fadescha"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [33.32616738818097, 44.35310240776209]
+      },
+      "properties": {
+        "groupName": "Sada [regroup]"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [31.503376106954537, 34.4665008962111]
+      },
+      "properties": {
+        "groupName": "Safdar Ahmed"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [31.903997468677233, 35.20407938450352]
+      },
+      "properties": {
+        "groupName": "Subversive Film"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [0.3477040574423913, 32.581610847260045]
+      },
+      "properties": {
+        "groupName": "Another Roadmap Africa Cluster (ARAC)"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-2.3494284497346016, 29.750418620033138]
+      },
+      "properties": {
+        "groupName": "Another Roadmap Africa Cluster (ARAC)"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-11.683364230446546, 27.475392399224123]
+      },
+      "properties": {
+        "groupName": "Another Roadmap Africa Cluster (ARAC)"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-4.420454699194776, 15.2691657643659643]
+      },
+      "properties": {
+        "groupName": "Another Roadmap Africa Cluster (ARAC)"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-29.309551408874707, 27.485824535687396]
+      },
+      "properties": {
+        "groupName": "Another Roadmap Africa Cluster (ARAC)"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-26.2059787867045, 28.041650669467376]
+      },
+      "properties": {
+        "groupName": "Another Roadmap Africa Cluster (ARAC)"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [6.523389224486557, 3.3594070759044734]
+      },
+      "properties": {
+        "groupName": "Another Roadmap Africa Cluster (ARAC)"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [30.052628131582498, 31.26463960304166]
+      },
+      "properties": {
+        "groupName": "Another Roadmap Africa Cluster (ARAC)"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [31.7683, 35.2137]
+      },
+      "properties": {
+        "groupName": "Jumana Emil Abboud"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [52.5200, 13.4050]
+      },
+      "properties": {
+        "groupName": "Pınar Öğrenci"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [34.4223, 8.7842]
+      },
+      "properties": {
+        "groupName": "Siwa plateforme - L'Economat at Redeyef"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [27.4698, 153.0251]
+      },
+      "properties": {
+        "groupName": "Richard Bell"
       }
     }
   ]

From a22a7d99225da05abb391ee8feb92b0d4824dbe9 Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Sat, 6 May 2023 00:45:45 +0500
Subject: [PATCH 30/38] add missing entries to lumbung gallery geojson list

---
 data/lumbung-gallery-members.json | 35 +++++++++++++++++++++++++++----
 1 file changed, 31 insertions(+), 4 deletions(-)

diff --git a/data/lumbung-gallery-members.json b/data/lumbung-gallery-members.json
index 3728d79..b9ec9b1 100644
--- a/data/lumbung-gallery-members.json
+++ b/data/lumbung-gallery-members.json
@@ -139,10 +139,7 @@
         "coordinates": [34.46684826773766, 31.501803673432892]
       },
       "properties": {
-        "groupName": "The Question of Funding",
-        "video": "https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm",
-        "iframe": "https://tv.lumbung.space/videos/embed/d5b26273-cb7e-4f5e-9041-5694a504405e?title=0",
-        "audio": "https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3"
+        "groupName": "The Question of Funding"
       }
     },
     {
@@ -721,6 +718,36 @@
       "properties": {
         "groupName": "Baan Noorg Collaborative Arts and Culture"
       }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [31.7683, 35.2137]
+      },
+      "properties": {
+        "groupName": "Jumana Emil Abboud"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [52.5200, 13.4050]
+      },
+      "properties": {
+        "groupName": "Pınar Öğrenci"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [34.4223, 8.7842]
+      },
+      "properties": {
+        "groupName": "Siwa plateforme - L'Economat at Redeyef"
+      }
     }
   ]
 }

From 17cfc04c64e02e088051ed45c637f16de7dfa71b Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Sat, 6 May 2023 01:10:48 +0500
Subject: [PATCH 31/38] add arts collaboratory member orgs to geojson

---
 data/geojsonContributors.json     | 272 ++++++++++++++++++++++++++++++
 data/lumbung-gallery-members.json | 272 ++++++++++++++++++++++++++++++
 2 files changed, 544 insertions(+)

diff --git a/data/geojsonContributors.json b/data/geojsonContributors.json
index 6fa4606..cce73fa 100644
--- a/data/geojsonContributors.json
+++ b/data/geojsonContributors.json
@@ -382,6 +382,278 @@
       "properties": {
         "groupName": "Richard Bell"
       }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-0.200965, 5.560014]
+      },
+      "properties": {
+        "groupName": "Nubuke Foundation - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [35.513829, 33.897204]
+      },
+      "properties": {
+        "groupName": "Ashkal Alwan - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [35.513829, 33.897204]
+      },
+      "properties": {
+        "groupName": "Temporary Art Platform - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [20.474939, 44.816479]
+      },
+      "properties": {
+        "groupName": "Cultural Centre GRAD - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-74.087834, 4.635649]
+      },
+      "properties": {
+        "groupName": "Lugar a Dudas - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-76.549099, 3.451646]
+      },
+      "properties": {
+        "groupName": "Helena Producciones - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [18.463735, -33.940484]
+      },
+      "properties": {
+        "groupName": "Gugulective - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-17.441967, 14.692108]
+      },
+      "properties": {
+        "groupName": "Raw Material Company - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-90.516175, 14.624033]
+      },
+      "properties": {
+        "groupName": "La Torana - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [106.832686, -6.218968]
+      },
+      "properties": {
+        "groupName": "ruangrupa"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [28.047305, -26.204103]
+      },
+      "properties": {
+        "groupName": "Keleketla! Library - Arts Collaboratory",
+        "city": "Johannesburg",
+        "country": "South Africa"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [67.063473, 24.861462]
+      },
+      "properties": {
+        "groupName": "Vasl Artists' Association - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [3.379206, 6.453060]
+      },
+      "properties": {
+        "groupName": "Video Art Network Lagos - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-68.122441, -16.507456]
+      },
+      "properties": {
+        "groupName": "Casa Tres Patios - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-77.033966, -12.046374]
+      },
+      "properties": {
+        "groupName": "Bisagra - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [121.028812, 14.565859]
+      },
+      "properties": {
+        "groupName": "Green Papaya Art Projects - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [32.570926, -25.965053]
+      },
+      "properties": {
+        "groupName": "Nucleo de Arte - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-99.127662, 19.433735]
+      },
+      "properties": {
+        "groupName": "Casa Gallina - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-56.168350, -34.905134]
+      },
+      "properties": {
+        "groupName": "Espacio de Arte Contemporáneo - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [72.825833, 18.964700]
+      },
+      "properties": {
+        "groupName": "Clark House Initiative - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [104.9165275, 11.5636628]
+      },
+      "properties": {
+        "groupName": "SA SA BASSAC - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-6.859864, 34.018124]
+      },
+      "properties": {
+        "groupName": "La Source du Lion - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-32.944242, -60.641688]
+      },
+      "properties": {
+        "groupName": "El Levante - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-70.648204, -33.447503]
+      },
+      "properties": {
+        "groupName": "Metales Pesados - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-46.6523816, -23.5351122]
+      },
+      "properties": {
+        "groupName": "Casa do Povo - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [10.1634717, 36.8127757]
+      },
+      "properties": {
+        "groupName": "L'Art Rue - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [110.3661793, -7.7830803]
+      },
+      "properties": {
+        "groupName": "KUNCI Cultural Studies Center - Arts Collaboratory"
+      }
     }
   ]
 }
diff --git a/data/lumbung-gallery-members.json b/data/lumbung-gallery-members.json
index b9ec9b1..7009e34 100644
--- a/data/lumbung-gallery-members.json
+++ b/data/lumbung-gallery-members.json
@@ -748,6 +748,278 @@
       "properties": {
         "groupName": "Siwa plateforme - L'Economat at Redeyef"
       }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-0.200965, 5.560014]
+      },
+      "properties": {
+        "groupName": "Nubuke Foundation - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [35.513829, 33.897204]
+      },
+      "properties": {
+        "groupName": "Ashkal Alwan - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [35.513829, 33.897204]
+      },
+      "properties": {
+        "groupName": "Temporary Art Platform - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [20.474939, 44.816479]
+      },
+      "properties": {
+        "groupName": "Cultural Centre GRAD - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-74.087834, 4.635649]
+      },
+      "properties": {
+        "groupName": "Lugar a Dudas - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-76.549099, 3.451646]
+      },
+      "properties": {
+        "groupName": "Helena Producciones - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [18.463735, -33.940484]
+      },
+      "properties": {
+        "groupName": "Gugulective - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-17.441967, 14.692108]
+      },
+      "properties": {
+        "groupName": "Raw Material Company - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-90.516175, 14.624033]
+      },
+      "properties": {
+        "groupName": "La Torana - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [106.832686, -6.218968]
+      },
+      "properties": {
+        "groupName": "ruangrupa"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [28.047305, -26.204103]
+      },
+      "properties": {
+        "groupName": "Keleketla! Library - Arts Collaboratory",
+        "city": "Johannesburg",
+        "country": "South Africa"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [67.063473, 24.861462]
+      },
+      "properties": {
+        "groupName": "Vasl Artists' Association - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [3.379206, 6.453060]
+      },
+      "properties": {
+        "groupName": "Video Art Network Lagos - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-68.122441, -16.507456]
+      },
+      "properties": {
+        "groupName": "Casa Tres Patios - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-77.033966, -12.046374]
+      },
+      "properties": {
+        "groupName": "Bisagra - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [121.028812, 14.565859]
+      },
+      "properties": {
+        "groupName": "Green Papaya Art Projects - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [32.570926, -25.965053]
+      },
+      "properties": {
+        "groupName": "Nucleo de Arte - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-99.127662, 19.433735]
+      },
+      "properties": {
+        "groupName": "Casa Gallina - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-56.168350, -34.905134]
+      },
+      "properties": {
+        "groupName": "Espacio de Arte Contemporáneo - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [72.825833, 18.964700]
+      },
+      "properties": {
+        "groupName": "Clark House Initiative - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [104.9165275, 11.5636628]
+      },
+      "properties": {
+        "groupName": "SA SA BASSAC - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-6.859864, 34.018124]
+      },
+      "properties": {
+        "groupName": "La Source du Lion - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-32.944242, -60.641688]
+      },
+      "properties": {
+        "groupName": "El Levante - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-70.648204, -33.447503]
+      },
+      "properties": {
+        "groupName": "Metales Pesados - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-46.6523816, -23.5351122]
+      },
+      "properties": {
+        "groupName": "Casa do Povo - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [10.1634717, 36.8127757]
+      },
+      "properties": {
+        "groupName": "L'Art Rue - Arts Collaboratory"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [110.3661793, -7.7830803]
+      },
+      "properties": {
+        "groupName": "KUNCI Cultural Studies Center - Arts Collaboratory"
+      }
     }
   ]
 }

From 296ad19a19adab38e9a216942453704798d30d34 Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Sat, 6 May 2023 01:13:26 +0500
Subject: [PATCH 32/38] add contributors map

---
 content/ls-contributors.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/ls-contributors.md b/content/ls-contributors.md
index 46626b9..626b0bb 100644
--- a/content/ls-contributors.md
+++ b/content/ls-contributors.md
@@ -4,7 +4,7 @@ date: 2022-05-30T17:56:51+05:00
 draft: false
 hidden: true
 ---
-
+{{< map geoJson="data/geojsonContributors.json">}}
 ## Lumbung members
 - **The Question of Funding**
     - Adele Jarrar

From 8a6a6644cd0157044cbc5c432d3b9474f22876b4 Mon Sep 17 00:00:00 2001
From: desmukh <desmukh@users.noreply.github.com>
Date: Fri, 21 Jul 2023 13:21:38 +0500
Subject: [PATCH 33/38] hide kios me from nav menu

---
 themes/lumbung-theme/layouts/partials/header.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/themes/lumbung-theme/layouts/partials/header.html b/themes/lumbung-theme/layouts/partials/header.html
index b6b2fa5..7b8b651 100644
--- a/themes/lumbung-theme/layouts/partials/header.html
+++ b/themes/lumbung-theme/layouts/partials/header.html
@@ -25,7 +25,7 @@
             <li><a href="/publishers/">publishers</a></li>
             <li class="has-submenu">ekonomi
                 <ul class="submenu">
-                    <li><a href="/tags/lumbungkiosproducts/">kios</a></li>
+                    {{/*  <li><a href="/tags/lumbungkiosproducts/">kios</a></li>  */}}
                     <li><a href="/tags/lumbunggallery/">gallery</a></li>
                 </ul>
             </li>

From d73b7647c8748430bfde7431857cdbe8870ea29b Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Fri, 8 Sep 2023 11:38:50 +0000
Subject: [PATCH 34/38] add la impresora website to contributors map

---
 data/lumbung-publishers-members.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/data/lumbung-publishers-members.json b/data/lumbung-publishers-members.json
index 7fc25f2..98b38ce 100644
--- a/data/lumbung-publishers-members.json
+++ b/data/lumbung-publishers-members.json
@@ -9,6 +9,7 @@
       },
       "properties": {
         "groupName": "La Impresora",
+        "website": "https://cargocollectivecom/laimpresora",
         "listOfNames": [
           "Amanda Hernández",
           "Nicole Delgado Poueymirou"

From 0af39ad2123d099b6e1c8ce14629d57032b468ce Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Sun, 10 Sep 2023 18:38:07 +0500
Subject: [PATCH 35/38] update contributors map

---
 data/geojsonContributors.json | 129 +++++++++++++++++++++++-----------
 1 file changed, 87 insertions(+), 42 deletions(-)

diff --git a/data/geojsonContributors.json b/data/geojsonContributors.json
index cce73fa..3c0f257 100644
--- a/data/geojsonContributors.json
+++ b/data/geojsonContributors.json
@@ -60,7 +60,7 @@
         "coordinates": [52.51892080935371, 13.41370482677673]
       },
       "properties": {
-        "groupName": "*foundationClass* Collective"
+        "groupName": "Foundationclass Collective"
       }
     },
     {
@@ -150,7 +150,32 @@
         "coordinates": [36.802404978640865, 10.169482425564317]
       },
       "properties": {
-        "groupName": "El Warcha"
+        "groupName": "El Warcha",
+        "listOfNames": [
+          "Aziz Aissaoui",
+          "Aziz Romdhani",
+          "Benjamin Perrot",
+          "Chiraz Guellela",
+          "Marlene Halbgewachs",
+          "Naomi Nantois Meadow",
+          "Radhouane Boudhraa",
+          "Selma Kossentini"
+        ]
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [52.49779005820405, 13.451740815341942]
+      },
+      "properties": {
+        "groupName": "Fehras Publishing Practices",
+        "listOfNames": [
+          "Kenan Darwich",
+          "Omar Nicolas",
+          "Sami Rustom"
+        ]
       }
     },
     {
@@ -172,6 +197,26 @@
         ]
       }
     },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [31.76733099252696, 35.21310551666355]
+      },
+      "properties": {
+        "groupName": "Jumana Emil Abboud"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-34.60590628674898, -58.424717920825884]
+      },
+      "properties": {
+        "groupName": "La Intermundial Holobiente"
+      }
+    },
     {
       "type": "Feature",
       "geometry": {
@@ -213,6 +258,16 @@
         "groupName": "Nguyen Trinh Thi"
       }
     },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [52.5230262579981, 13.408243756908556]
+      },
+      "properties": {
+        "groupName": "Nino Bulling"
+      }
+    },
     {
       "type": "Feature",
       "geometry": {
@@ -233,6 +288,26 @@
         "groupName": "Party Office B2B Fadescha"
       }
     },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [52.52177288712362, 13.386957747304395]
+      },
+      "properties": {
+        "groupName": "Pinar Öǧrenci"
+      }
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [-27.46220865204788, 153.00963090140675]
+      },
+      "properties": {
+        "groupName": "Richard Bell"
+      }
+    },
     {
       "type": "Feature",
       "geometry": {
@@ -253,6 +328,16 @@
         "groupName": "Safdar Ahmed"
       }
     },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Point",
+        "coordinates": [34.43170453288712, 8.775977801119634]
+      },
+      "properties": {
+        "groupName": "Siwa Plateforme - L'economat at Redeyef"
+      }
+    },
     {
       "type": "Feature",
       "geometry": {
@@ -343,46 +428,6 @@
         "groupName": "Another Roadmap Africa Cluster (ARAC)"
       }
     },
-    {
-      "type": "Feature",
-      "geometry": {
-        "type": "Point",
-        "coordinates": [31.7683, 35.2137]
-      },
-      "properties": {
-        "groupName": "Jumana Emil Abboud"
-      }
-    },
-    {
-      "type": "Feature",
-      "geometry": {
-        "type": "Point",
-        "coordinates": [52.5200, 13.4050]
-      },
-      "properties": {
-        "groupName": "Pınar Öğrenci"
-      }
-    },
-    {
-      "type": "Feature",
-      "geometry": {
-        "type": "Point",
-        "coordinates": [34.4223, 8.7842]
-      },
-      "properties": {
-        "groupName": "Siwa plateforme - L'Economat at Redeyef"
-      }
-    },
-    {
-      "type": "Feature",
-      "geometry": {
-        "type": "Point",
-        "coordinates": [27.4698, 153.0251]
-      },
-      "properties": {
-        "groupName": "Richard Bell"
-      }
-    },
     {
       "type": "Feature",
       "geometry": {

From f1fe945f16636d2fec5b3dd19853056ab630d612 Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Mon, 11 Sep 2023 13:03:36 +0500
Subject: [PATCH 36/38] make map take full screen width

---
 themes/lumbung-theme/static/css/main.css | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/themes/lumbung-theme/static/css/main.css b/themes/lumbung-theme/static/css/main.css
index 1e2813a..6bcf4e4 100644
--- a/themes/lumbung-theme/static/css/main.css
+++ b/themes/lumbung-theme/static/css/main.css
@@ -1013,8 +1013,13 @@ label:hover {
 
 /* publishers map */
 #map {
+    margin-top: 2rem;
     margin-bottom: 4rem;
-    z-index: -1;
+    /* z-index: -1; */
+
+    /* makes map "break out of container" and take full-width */
+    width: 100vw !important;
+    transform: translateX(-10%);
 }
 
 

From 605c8542b0144d44f09427cf93b4b8e80ee5de4e Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Mon, 11 Sep 2023 13:05:48 +0500
Subject: [PATCH 37/38] delete commented code

---
 themes/lumbung-theme/static/css/main.css | 1 -
 1 file changed, 1 deletion(-)

diff --git a/themes/lumbung-theme/static/css/main.css b/themes/lumbung-theme/static/css/main.css
index 6bcf4e4..7de85dd 100644
--- a/themes/lumbung-theme/static/css/main.css
+++ b/themes/lumbung-theme/static/css/main.css
@@ -1015,7 +1015,6 @@ label:hover {
 #map {
     margin-top: 2rem;
     margin-bottom: 4rem;
-    /* z-index: -1; */
 
     /* makes map "break out of container" and take full-width */
     width: 100vw !important;

From 1af032b9a17a9102776e7247d5789addc7fa2489 Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Mon, 11 Sep 2023 14:47:24 +0500
Subject: [PATCH 38/38] Fix order of co-ordinates

Google Maps and GeoJSON use different formats: https://stackoverflow.com/questions/74103909/different-coordinate-format-in-geojson-and-google-maps
---
 data/geojsonContributors.json        | 134 +++++++++---------
 data/lumbung-gallery-members.json    | 198 +++++++++++++--------------
 data/lumbung-publishers-members.json |  46 +++----
 3 files changed, 189 insertions(+), 189 deletions(-)

diff --git a/data/geojsonContributors.json b/data/geojsonContributors.json
index 3c0f257..101ec6e 100644
--- a/data/geojsonContributors.json
+++ b/data/geojsonContributors.json
@@ -5,7 +5,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [34.46684826773766, 31.501803673432892]
+        "coordinates": [31.501803673432892, 34.46684826773766]
       },
       "properties": {
         "groupName": "The Question of Funding"
@@ -15,7 +15,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [50.85790334202201, 0.5734484820058058]
+        "coordinates": [0.5734484820058058, 50.85790334202201]
       },
       "properties": {
         "groupName": "Project Art Works",
@@ -26,7 +26,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [4.619179535235933, -74.07431121925988]
+        "coordinates": [-74.07431121925988, 4.619179535235933]
       },
       "properties": {
         "groupName": "Más Arte Más Acción (MAMA)"
@@ -36,7 +36,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [52.523934403771726, 13.386239006356751]
+        "coordinates": [13.386239006356751, 52.523934403771726]
       },
       "properties": {
         "groupName": "ZK/U – Center for Art and Urbanistics"
@@ -46,7 +46,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [47.4974407113006, 19.04074926483718]
+        "coordinates": [19.04074926483718, 47.4974407113006]
       },
       "properties": {
         "groupName": "OFF Biennale Budapest",
@@ -57,7 +57,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [52.51892080935371, 13.41370482677673]
+        "coordinates": [13.41370482677673, 52.51892080935371]
       },
       "properties": {
         "groupName": "Foundationclass Collective"
@@ -67,7 +67,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [19.08736847618492, 72.87087082003174]
+        "coordinates": [72.87087082003174, 19.08736847618492]
       },
       "properties": {
         "groupName": "Amol K Patil"
@@ -77,7 +77,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [22.285773210867482, 114.14808699429824]
+        "coordinates": [114.14808699429824, 22.285773210867482]
       },
       "properties": {
         "groupName": "Asia Art Archive"
@@ -87,7 +87,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [13.74139295651044, 99.91390756934803]
+        "coordinates": [99.91390756934803, 13.74139295651044]
       },
       "properties": {
         "groupName": "Baan Noorg Collaborative Arts and Culture"
@@ -97,7 +97,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [23.74689226511707, 90.3858719270149]
+        "coordinates": [90.3858719270149, 23.74689226511707]
       },
       "properties": {
         "groupName": "Britto Arts Trust"
@@ -107,7 +107,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-11.669492189481062, 27.479276909569442]
+        "coordinates": [27.479276909569442, -11.669492189481062]
       },
       "properties": {
         "groupName": "Centre D'Art Waza"
@@ -117,7 +117,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [25.045507983044228, 121.55187310159481]
+        "coordinates": [121.55187310159481, 25.045507983044228]
       },
       "properties": {
         "groupName": "Chang En Man"
@@ -127,7 +127,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-26.021853817682118, 28.187136183103206]
+        "coordinates": [28.187136183103206, -26.021853817682118]
       },
       "properties": {
         "groupName": "Chimurenga"
@@ -137,7 +137,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [35.298166892078385, 139.58008052241715]
+        "coordinates": [139.58008052241715, 35.298166892078385]
       },
       "properties": {
         "groupName": "Cinema Caravan and Takashi Kuribayashi"
@@ -147,7 +147,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [36.802404978640865, 10.169482425564317]
+        "coordinates": [10.169482425564317, 36.802404978640865]
       },
       "properties": {
         "groupName": "El Warcha",
@@ -167,7 +167,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [52.49779005820405, 13.451740815341942]
+        "coordinates": [13.451740815341942, 52.49779005820405]
       },
       "properties": {
         "groupName": "Fehras Publishing Practices",
@@ -182,7 +182,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [51.311336885707874, 9.483263587967974]
+        "coordinates": [9.483263587967974, 51.311336885707874]
       },
       "properties": {
         "groupName": "Jimmie Durham & A Stick in the Forest by the Side of the Road",
@@ -201,7 +201,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [31.76733099252696, 35.21310551666355]
+        "coordinates": [35.21310551666355, 31.76733099252696]
       },
       "properties": {
         "groupName": "Jumana Emil Abboud"
@@ -211,7 +211,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-34.60590628674898, -58.424717920825884]
+        "coordinates": [-58.424717920825884, -34.60590628674898]
       },
       "properties": {
         "groupName": "La Intermundial Holobiente"
@@ -221,7 +221,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-37.271646816944155, -63.91481978132442]
+        "coordinates": [-63.91481978132442, -37.271646816944155]
       },
       "properties": {
         "groupName": "La Intermundial Holobiente",
@@ -232,7 +232,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [31.6340362904925, -7.989797589960902]
+        "coordinates": [-7.989797589960902, 31.6340362904925]
       },
       "properties": {
         "groupName": "LE 18"
@@ -242,7 +242,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [33.89690601954764, 35.49964657559596]
+        "coordinates": [35.49964657559596, 33.89690601954764]
       },
       "properties": {
         "groupName": "Marwa Arsanios"
@@ -252,7 +252,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [21.02706091062608, 105.83249954367894]
+        "coordinates": [105.83249954367894, 21.02706091062608]
       },
       "properties": {
         "groupName": "Nguyen Trinh Thi"
@@ -262,7 +262,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [52.5230262579981, 13.408243756908556]
+        "coordinates": [13.408243756908556, 52.5230262579981]
       },
       "properties": {
         "groupName": "Nino Bulling"
@@ -272,7 +272,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [51.930411030394396, 4.479831292633461]
+        "coordinates": [4.479831292633461, 51.930411030394396]
       },
       "properties": {
         "groupName": "ook_Reinaart Vanhoe"
@@ -282,7 +282,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [28.728014858593568, 77.10141217533906]
+        "coordinates": [77.10141217533906, 28.728014858593568]
       },
       "properties": {
         "groupName": "Party Office B2B Fadescha"
@@ -292,7 +292,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [52.52177288712362, 13.386957747304395]
+        "coordinates": [13.386957747304395, 52.52177288712362]
       },
       "properties": {
         "groupName": "Pinar Öǧrenci"
@@ -302,7 +302,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-27.46220865204788, 153.00963090140675]
+        "coordinates": [153.00963090140675, -27.46220865204788]
       },
       "properties": {
         "groupName": "Richard Bell"
@@ -312,7 +312,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [33.32616738818097, 44.35310240776209]
+        "coordinates": [44.35310240776209, 33.32616738818097]
       },
       "properties": {
         "groupName": "Sada [regroup]"
@@ -322,7 +322,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [31.503376106954537, 34.4665008962111]
+        "coordinates": [34.4665008962111, 31.503376106954537]
       },
       "properties": {
         "groupName": "Safdar Ahmed"
@@ -332,7 +332,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [34.43170453288712, 8.775977801119634]
+        "coordinates": [8.775977801119634, 34.43170453288712]
       },
       "properties": {
         "groupName": "Siwa Plateforme - L'economat at Redeyef"
@@ -342,7 +342,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [31.903997468677233, 35.20407938450352]
+        "coordinates": [35.20407938450352, 31.903997468677233]
       },
       "properties": {
         "groupName": "Subversive Film"
@@ -352,7 +352,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [0.3477040574423913, 32.581610847260045]
+        "coordinates": [32.581610847260045, 0.3477040574423913]
       },
       "properties": {
         "groupName": "Another Roadmap Africa Cluster (ARAC)"
@@ -362,7 +362,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-2.3494284497346016, 29.750418620033138]
+        "coordinates": [29.750418620033138, -2.3494284497346016]
       },
       "properties": {
         "groupName": "Another Roadmap Africa Cluster (ARAC)"
@@ -372,7 +372,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-11.683364230446546, 27.475392399224123]
+        "coordinates": [27.475392399224123, -11.683364230446546]
       },
       "properties": {
         "groupName": "Another Roadmap Africa Cluster (ARAC)"
@@ -382,7 +382,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-4.420454699194776, 15.2691657643659643]
+        "coordinates": [15.2691657643659643, -4.420454699194776]
       },
       "properties": {
         "groupName": "Another Roadmap Africa Cluster (ARAC)"
@@ -392,7 +392,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-29.309551408874707, 27.485824535687396]
+        "coordinates": [27.485824535687396, -29.309551408874707]
       },
       "properties": {
         "groupName": "Another Roadmap Africa Cluster (ARAC)"
@@ -402,7 +402,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-26.2059787867045, 28.041650669467376]
+        "coordinates": [28.041650669467376, -26.2059787867045]
       },
       "properties": {
         "groupName": "Another Roadmap Africa Cluster (ARAC)"
@@ -412,7 +412,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [6.523389224486557, 3.3594070759044734]
+        "coordinates": [3.3594070759044734, 6.523389224486557]
       },
       "properties": {
         "groupName": "Another Roadmap Africa Cluster (ARAC)"
@@ -422,7 +422,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [30.052628131582498, 31.26463960304166]
+        "coordinates": [31.26463960304166, 30.052628131582498]
       },
       "properties": {
         "groupName": "Another Roadmap Africa Cluster (ARAC)"
@@ -432,7 +432,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-0.200965, 5.560014]
+        "coordinates": [5.560014, -0.200965]
       },
       "properties": {
         "groupName": "Nubuke Foundation - Arts Collaboratory"
@@ -442,7 +442,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [35.513829, 33.897204]
+        "coordinates": [33.897204, 35.513829]
       },
       "properties": {
         "groupName": "Ashkal Alwan - Arts Collaboratory"
@@ -452,7 +452,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [35.513829, 33.897204]
+        "coordinates": [33.897204, 35.513829]
       },
       "properties": {
         "groupName": "Temporary Art Platform - Arts Collaboratory"
@@ -462,7 +462,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [20.474939, 44.816479]
+        "coordinates": [44.816479, 20.474939]
       },
       "properties": {
         "groupName": "Cultural Centre GRAD - Arts Collaboratory"
@@ -472,7 +472,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-74.087834, 4.635649]
+        "coordinates": [4.635649, -74.087834]
       },
       "properties": {
         "groupName": "Lugar a Dudas - Arts Collaboratory"
@@ -482,7 +482,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-76.549099, 3.451646]
+        "coordinates": [3.451646, -76.549099]
       },
       "properties": {
         "groupName": "Helena Producciones - Arts Collaboratory"
@@ -492,7 +492,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [18.463735, -33.940484]
+        "coordinates": [-33.940484, 18.463735]
       },
       "properties": {
         "groupName": "Gugulective - Arts Collaboratory"
@@ -502,7 +502,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-17.441967, 14.692108]
+        "coordinates": [14.692108, -17.441967]
       },
       "properties": {
         "groupName": "Raw Material Company - Arts Collaboratory"
@@ -512,7 +512,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-90.516175, 14.624033]
+        "coordinates": [14.624033, -90.516175]
       },
       "properties": {
         "groupName": "La Torana - Arts Collaboratory"
@@ -522,7 +522,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [106.832686, -6.218968]
+        "coordinates": [-6.218968, 106.832686]
       },
       "properties": {
         "groupName": "ruangrupa"
@@ -532,7 +532,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [28.047305, -26.204103]
+        "coordinates": [-26.204103, 28.047305]
       },
       "properties": {
         "groupName": "Keleketla! Library - Arts Collaboratory",
@@ -544,7 +544,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [67.063473, 24.861462]
+        "coordinates": [24.861462, 67.063473]
       },
       "properties": {
         "groupName": "Vasl Artists' Association - Arts Collaboratory"
@@ -554,7 +554,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [3.379206, 6.453060]
+        "coordinates": [6.453060, 3.379206]
       },
       "properties": {
         "groupName": "Video Art Network Lagos - Arts Collaboratory"
@@ -564,7 +564,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-68.122441, -16.507456]
+        "coordinates": [-16.507456, -68.122441]
       },
       "properties": {
         "groupName": "Casa Tres Patios - Arts Collaboratory"
@@ -574,7 +574,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-77.033966, -12.046374]
+        "coordinates": [-12.046374, -77.033966]
       },
       "properties": {
         "groupName": "Bisagra - Arts Collaboratory"
@@ -584,7 +584,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [121.028812, 14.565859]
+        "coordinates": [14.565859, 121.028812]
       },
       "properties": {
         "groupName": "Green Papaya Art Projects - Arts Collaboratory"
@@ -594,7 +594,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [32.570926, -25.965053]
+        "coordinates": [-25.965053, 32.570926]
       },
       "properties": {
         "groupName": "Nucleo de Arte - Arts Collaboratory"
@@ -604,7 +604,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-99.127662, 19.433735]
+        "coordinates": [19.433735, -99.127662]
       },
       "properties": {
         "groupName": "Casa Gallina - Arts Collaboratory"
@@ -614,7 +614,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-56.168350, -34.905134]
+        "coordinates": [-34.905134, -56.168350]
       },
       "properties": {
         "groupName": "Espacio de Arte Contemporáneo - Arts Collaboratory"
@@ -624,7 +624,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [72.825833, 18.964700]
+        "coordinates": [18.964700, 72.825833]
       },
       "properties": {
         "groupName": "Clark House Initiative - Arts Collaboratory"
@@ -634,7 +634,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [104.9165275, 11.5636628]
+        "coordinates": [11.5636628, 104.9165275]
       },
       "properties": {
         "groupName": "SA SA BASSAC - Arts Collaboratory"
@@ -644,7 +644,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-6.859864, 34.018124]
+        "coordinates": [34.018124, -6.859864]
       },
       "properties": {
         "groupName": "La Source du Lion - Arts Collaboratory"
@@ -654,7 +654,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-32.944242, -60.641688]
+        "coordinates": [-60.641688, -32.944242]
       },
       "properties": {
         "groupName": "El Levante - Arts Collaboratory"
@@ -664,7 +664,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-70.648204, -33.447503]
+        "coordinates": [-33.447503, -70.648204]
       },
       "properties": {
         "groupName": "Metales Pesados - Arts Collaboratory"
@@ -674,7 +674,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-46.6523816, -23.5351122]
+        "coordinates": [-23.5351122, -46.6523816]
       },
       "properties": {
         "groupName": "Casa do Povo - Arts Collaboratory"
@@ -684,7 +684,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [10.1634717, 36.8127757]
+        "coordinates": [36.8127757, 10.1634717]
       },
       "properties": {
         "groupName": "L'Art Rue - Arts Collaboratory"
@@ -694,7 +694,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [110.3661793, -7.7830803]
+        "coordinates": [-7.7830803, 110.3661793]
       },
       "properties": {
         "groupName": "KUNCI Cultural Studies Center - Arts Collaboratory"
diff --git a/data/lumbung-gallery-members.json b/data/lumbung-gallery-members.json
index 7009e34..9cd0da2 100644
--- a/data/lumbung-gallery-members.json
+++ b/data/lumbung-gallery-members.json
@@ -5,7 +5,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-26.18811188213306, 28.05126784053829]
+        "coordinates": [28.05126784053829, -26.18811188213306]
       },
       "properties": {
         "groupName": "MADEYOULOOK",
@@ -19,7 +19,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [52.38345761569911, 4.921095562762168]
+        "coordinates": [4.921095562762168, 52.38345761569911]
       },
       "properties": {
         "groupName": "Sebastián Díaz Morales and Simon Danang Anggoro",
@@ -30,7 +30,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-6.209103114184621, 106.84559800973969]
+        "coordinates": [106.84559800973969, -6.209103114184621]
       },
       "properties": {
         "groupName": "Sebastián Díaz Morales and Simon Danang Anggoro",
@@ -41,7 +41,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [52.543149790771785, 13.391732390622503]
+        "coordinates": [13.391732390622503, 52.543149790771785]
       },
       "properties": {
         "groupName": "Pınar Öğrenci"
@@ -51,7 +51,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-1.311340478163294, 36.87292048273729]
+        "coordinates": [36.87292048273729, -1.311340478163294]
       },
       "properties": {
         "groupName": "Wajukuu Art Project",
@@ -62,7 +62,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [47.4974407113006, 19.04074926483718]
+        "coordinates": [19.04074926483718, 47.4974407113006]
       },
       "properties": {
         "groupName": "OFF Biennale Budapest",
@@ -73,7 +73,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-1.2913790929958984, 36.8210868919118]
+        "coordinates": [36.8210868919118, -1.2913790929958984]
       },
       "properties": {
         "groupName": "The Nest Collective"
@@ -83,7 +83,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [36.614272722947824, 37.341655483513954]
+        "coordinates": [37.341655483513954, 36.614272722947824]
       },
       "properties": {
         "groupName": "Komîna Fîlm a Rojava"
@@ -93,7 +93,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [52.365442896272214, 4.927170644287114]
+        "coordinates": [4.927170644287114, 52.365442896272214]
       },
       "properties": {
         "groupName": "The Black Archives",
@@ -104,7 +104,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [0.3025615657505082, 32.54160046767289]
+        "coordinates": [32.54160046767289, 0.3025615657505082]
       },
       "properties": {
         "groupName": "Wakaliga Uganda"
@@ -114,7 +114,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-6.318681259022263, 106.8152467487047]
+        "coordinates": [106.8152467487047, -6.318681259022263]
       },
       "properties": {
         "groupName": "Gudskul",
@@ -125,7 +125,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-6.318681259022263, 106.8152467487047]
+        "coordinates": [106.8152467487047, -6.318681259022263]
       },
       "properties": {
         "groupName": "Gudskul",
@@ -136,7 +136,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [34.46684826773766, 31.501803673432892]
+        "coordinates": [31.501803673432892, 34.46684826773766]
       },
       "properties": {
         "groupName": "The Question of Funding"
@@ -146,7 +146,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [22.285773210867482, 114.14808699429824]
+        "coordinates": [114.14808699429824, 22.285773210867482]
       },
       "properties": {
         "groupName": "Asia Art Archive"
@@ -156,7 +156,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [45.80355430512375, 24.142581834526784]
+        "coordinates": [24.142581834526784, 45.80355430512375]
       },
       "properties": {
         "groupName": "Dan Perjovschi"
@@ -166,7 +166,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [52.49725443336134, 13.451665710773648]
+        "coordinates": [13.451665710773648, 52.49725443336134]
       },
       "properties": {
         "groupName": "Fehras Publishing Practices"
@@ -176,7 +176,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-11.669492189481062, 27.479276909569442]
+        "coordinates": [27.479276909569442, -11.669492189481062]
       },
       "properties": {
         "groupName": "Centre D'Art Waza"
@@ -186,7 +186,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [51.311336885707874, 9.483263587967974]
+        "coordinates": [9.483263587967974, 51.311336885707874]
       },
       "properties": {
         "groupName": "Jimmie Durham & A Stick in the Forest by the Side of the Road",
@@ -205,7 +205,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [23.140811669557994, -82.35571615950754]
+        "coordinates": [-82.35571615950754, 23.140811669557994]
       },
       "properties": {
         "groupName": "Instituto de Artivismo Hannah Arendt",
@@ -216,7 +216,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [40.70638743938322, -74.03191681767166]
+        "coordinates": [-74.03191681767166, 40.70638743938322]
       },
       "properties": {
         "groupName": "Cem A.",
@@ -227,7 +227,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-26.021853817682118, 28.187136183103206]
+        "coordinates": [28.187136183103206, -26.021853817682118]
       },
       "properties": {
         "groupName": "Chimurenga"
@@ -237,7 +237,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [21.02738137153254, 105.83318618918943]
+        "coordinates": [105.83318618918943, 21.02738137153254]
       },
       "properties": {
         "groupName": "Nhà Sàn Collective (NSC)"
@@ -247,7 +247,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [30.596661772736404, 104.06038244023074]
+        "coordinates": [104.06038244023074, 30.596661772736404]
       },
       "properties": {
         "groupName": "Cao Minghao & Chen Jianjun"
@@ -257,7 +257,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [51.51108741919797, -0.12635939699148332]
+        "coordinates": [-0.12635939699148332, 51.51108741919797]
       },
       "properties": {
         "groupName": "Sourabh Phadke"
@@ -267,7 +267,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [51.51108741919797, -0.12635939699148332]
+        "coordinates": [-0.12635939699148332, 51.51108741919797]
       },
       "properties": {
         "groupName": "Sourabh Phadke"
@@ -277,7 +277,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [25.045507983044228, 121.55187310159481]
+        "coordinates": [121.55187310159481, 25.045507983044228]
       },
       "properties": {
         "groupName": "Chang En Man"
@@ -287,7 +287,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-35.00052677593316, -64.793726034763721]
+        "coordinates": [-64.793726034763721, 25.045507983044228]
       },
       "properties": {
         "groupName": "Serigrafistas queer"
@@ -297,7 +297,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [5.548794593377144, 95.32801180954161]
+        "coordinates": [95.32801180954161, 5.548794593377144]
       },
       "properties": {
         "groupName": "Putra Hidayatullah"
@@ -307,7 +307,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [39.69832524563301, 3.0432826285443357]
+        "coordinates": [3.0432826285443357, 39.69832524563301]
       },
       "properties": {
         "groupName": "INLAND",
@@ -318,7 +318,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [13.431662547983477, -6.250754596309028]
+        "coordinates": [-6.250754596309028, 13.431662547983477]
       },
       "properties": {
         "groupName": "Fondation Festival sur le Niger",
@@ -329,7 +329,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-23.556237159033135, -46.61458343459141]
+        "coordinates": [-46.61458343459141, -23.556237159033135]
       },
       "properties": {
         "groupName": "Graziela Kunsch"
@@ -339,7 +339,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [51.930411030394396, 4.479831292633461]
+        "coordinates": [4.479831292633461, 51.930411030394396]
       },
       "properties": {
         "groupName": "ook_Reinaart Vanhoe"
@@ -349,7 +349,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [36.802404978640865, 10.169482425564317]
+        "coordinates": [10.169482425564317, 36.802404978640865]
       },
       "properties": {
         "groupName": "El Warcha"
@@ -359,7 +359,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [55.77537912930211, 37.61060021677117]
+        "coordinates": [37.61060021677117, 55.77537912930211]
       },
       "properties": {
         "groupName": "Victoria Lomasko"
@@ -369,7 +369,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [28.22678726798165, 1.8919786435451587]
+        "coordinates": [1.8919786435451587, 28.22678726798165]
       },
       "properties": {
         "groupName": "Archives des luttes des femmes en Algérie"
@@ -379,7 +379,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [33.32616738818097, 44.35310240776209]
+        "coordinates": [44.35310240776209, 33.32616738818097]
       },
       "properties": {
         "groupName": "Sada [regroup]"
@@ -389,7 +389,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [33.32616738818097, 44.35310240776209]
+        "coordinates": [44.35310240776209, 33.32616738818097]
       },
       "properties": {
         "groupName": "Sada [regroup]"
@@ -399,7 +399,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [39.957131328350094, -75.17983927158943]
+        "coordinates": [-75.17983927158943, 39.957131328350094]
       },
       "properties": {
         "groupName": "Black Quantum Futurism"
@@ -409,7 +409,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [31.903997468677233, 35.20407938450352]
+        "coordinates": [35.20407938450352, 31.903997468677233]
       },
       "properties": {
         "groupName": "Subversive Film"
@@ -419,7 +419,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [14.172656191989363, 121.23539284529193]
+        "coordinates": [121.23539284529193, 14.172656191989363]
       },
       "properties": {
         "groupName": "Kiri Dalena"
@@ -429,7 +429,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [35.298166892078385, 139.58008052241715]
+        "coordinates": [139.58008052241715, 35.298166892078385]
       },
       "properties": {
         "groupName": "Cinema Caravan and Takashi Kuribayashi"
@@ -439,7 +439,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-37.271646816944155, -63.91481978132442]
+        "coordinates": [-63.91481978132442, -37.271646816944155]
       },
       "properties": {
         "groupName": "La Intermundial Holobiente",
@@ -450,7 +450,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [18.59984541903225, -72.3064366079957]
+        "coordinates": [-72.3064366079957, 18.59984541903225]
       },
       "properties": {
         "groupName": "Atis Rezistans"
@@ -460,7 +460,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [41.298989074031375, 69.2560081089711]
+        "coordinates": [69.2560081089711, 41.298989074031375]
       },
       "properties": {
         "groupName": "Saodat Ismailova"
@@ -470,7 +470,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [28.728014858593568, 77.10141217533906]
+        "coordinates": [77.10141217533906, 28.728014858593568]
       },
       "properties": {
         "groupName": "Party Office B2B Fadescha"
@@ -480,7 +480,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [52.523934403771726, 13.386239006356751]
+        "coordinates": [13.386239006356751, 52.523934403771726]
       },
       "properties": {
         "groupName": "ZK/U – Center for Art and Urbanistics"
@@ -490,7 +490,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [52.523934403771726, 13.386239006356751]
+        "coordinates": [13.386239006356751, 52.523934403771726]
       },
       "properties": {
         "groupName": "Nino Bulling"
@@ -500,7 +500,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [33.26264298419205, 35.23875689474873]
+        "coordinates": [35.23875689474873, 33.26264298419205]
       },
       "properties": {
         "groupName": "yasmine eid sabbagh"
@@ -510,7 +510,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [10.663776068500031, -61.52186947690228]
+        "coordinates": [-61.52186947690228, 10.663776068500031]
       },
       "properties": {
         "groupName": "Alice Yard",
@@ -521,7 +521,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [31.6340362904925, -7.989797589960902]
+        "coordinates": [-7.989797589960902, 31.6340362904925]
       },
       "properties": {
         "groupName": "LE 18"
@@ -531,7 +531,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-33.837356065631454, 151.20642737231316]
+        "coordinates": [151.20642737231316, -33.837356065631454]
       },
       "properties": {
         "groupName": "Safdar Ahmed"
@@ -541,7 +541,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-7.835659219552806, 110.33826588266909]
+        "coordinates": [110.33826588266909, -7.835659219552806]
       },
       "properties": {
         "groupName": "Taring Padi"
@@ -551,7 +551,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [51.504249420096194, -0.14833205332746574]
+        "coordinates": [-0.14833205332746574, 51.504249420096194]
       },
       "properties": {
         "groupName": "Hamja Ahsan"
@@ -561,7 +561,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [21.02706091062608, 105.83249954367894]
+        "coordinates": [105.83249954367894, 21.02706091062608]
       },
       "properties": {
         "groupName": "Nguyen Trinh Thi"
@@ -571,7 +571,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [4.619179535235933, -74.07431121925988]
+        "coordinates": [-74.07431121925988, 4.619179535235933]
       },
       "properties": {
         "groupName": "Más Arte Más Acción (MAMA)"
@@ -581,7 +581,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-36.84946405341891, 174.76237712681743]
+        "coordinates": [174.76237712681743, -36.84946405341891]
       },
       "properties": {
         "groupName": "FAFSWAG"
@@ -591,7 +591,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-6.720709701265572, 108.25427555011319]
+        "coordinates": [108.25427555011319, -6.720709701265572]
       },
       "properties": {
         "groupName": "Jatiwangi art Factory (JaF)"
@@ -601,7 +601,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [23.74689226511707, 90.3858719270149]
+        "coordinates": [90.3858719270149, 23.74689226511707]
       },
       "properties": {
         "groupName": "Britto Arts Trust"
@@ -611,7 +611,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [55.67181297847226, 12.551056511093718]
+        "coordinates": [12.551056511093718, 55.67181297847226]
       },
       "properties": {
         "groupName": "Trampoline House",
@@ -622,7 +622,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [19.08736847618492, 72.87087082003174]
+        "coordinates": [72.87087082003174, 19.08736847618492]
       },
       "properties": {
         "groupName": "Amol K Patil"
@@ -632,7 +632,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [33.89690601954764, 35.49964657559596]
+        "coordinates": [35.49964657559596, 33.89690601954764]
       },
       "properties": {
         "groupName": "Marwa Arsanios"
@@ -642,7 +642,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [41.38635744222116, 2.1774396189445953]
+        "coordinates": [2.1774396189445953, 41.38635744222116]
       },
       "properties": {
         "groupName": "Erick Beltrán"
@@ -652,7 +652,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-6.214020968815874, 106.85902768797646]
+        "coordinates": [106.85902768797646, -6.214020968815874]
       },
       "properties": {
         "groupName": "Agus Nur Amal PMTOH"
@@ -662,7 +662,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [52.51892080935371, 13.41370482677673]
+        "coordinates": [13.41370482677673, 52.51892080935371]
       },
       "properties": {
         "groupName": "*foundationClass* Collective"
@@ -672,7 +672,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [50.85790334202201, 0.5734484820058058]
+        "coordinates": [0.5734484820058058, 50.85790334202201]
       },
       "properties": {
         "groupName": "Project Art Works",
@@ -683,7 +683,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [36.097240, 127.512700]
+        "coordinates": [127.512700, 36.097240]
       },
       "properties": {
         "groupName": "ikkibawiKrrr"
@@ -693,7 +693,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-33.92877363576041, 18.47199050575708]
+        "coordinates": [18.47199050575708, -33.92877363576041]
       },
       "properties": {
         "groupName": "Abdul Dube"
@@ -703,7 +703,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [23.17726085396477, 113.27980956280086]
+        "coordinates": [113.27980956280086, 23.17726085396477]
       },
       "properties": {
         "groupName": "BOLOHO"
@@ -713,7 +713,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [13.74139295651044, 99.91390756934803]
+        "coordinates": [99.91390756934803, 13.74139295651044]
       },
       "properties": {
         "groupName": "Baan Noorg Collaborative Arts and Culture"
@@ -723,7 +723,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [31.7683, 35.2137]
+        "coordinates": [35.2137, 31.7683]
       },
       "properties": {
         "groupName": "Jumana Emil Abboud"
@@ -733,7 +733,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [52.5200, 13.4050]
+        "coordinates": [13.4050, 52.5200]
       },
       "properties": {
         "groupName": "Pınar Öğrenci"
@@ -743,7 +743,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [34.4223, 8.7842]
+        "coordinates": [8.7842, 34.4223]
       },
       "properties": {
         "groupName": "Siwa plateforme - L'Economat at Redeyef"
@@ -753,7 +753,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-0.200965, 5.560014]
+        "coordinates": [5.560014, -0.200965]
       },
       "properties": {
         "groupName": "Nubuke Foundation - Arts Collaboratory"
@@ -763,7 +763,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [35.513829, 33.897204]
+        "coordinates": [33.897204, 35.513829]
       },
       "properties": {
         "groupName": "Ashkal Alwan - Arts Collaboratory"
@@ -773,7 +773,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [35.513829, 33.897204]
+        "coordinates": [33.897204, 35.513829]
       },
       "properties": {
         "groupName": "Temporary Art Platform - Arts Collaboratory"
@@ -783,7 +783,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [20.474939, 44.816479]
+        "coordinates": [44.816479, 20.474939]
       },
       "properties": {
         "groupName": "Cultural Centre GRAD - Arts Collaboratory"
@@ -793,7 +793,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-74.087834, 4.635649]
+        "coordinates": [4.635649, -74.087834]
       },
       "properties": {
         "groupName": "Lugar a Dudas - Arts Collaboratory"
@@ -803,7 +803,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-76.549099, 3.451646]
+        "coordinates": [3.451646, -76.549099]
       },
       "properties": {
         "groupName": "Helena Producciones - Arts Collaboratory"
@@ -813,7 +813,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [18.463735, -33.940484]
+        "coordinates": [-33.940484, 18.463735]
       },
       "properties": {
         "groupName": "Gugulective - Arts Collaboratory"
@@ -823,7 +823,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-17.441967, 14.692108]
+        "coordinates": [14.692108, -17.441967]
       },
       "properties": {
         "groupName": "Raw Material Company - Arts Collaboratory"
@@ -833,7 +833,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-90.516175, 14.624033]
+        "coordinates": [14.624033, -90.516175]
       },
       "properties": {
         "groupName": "La Torana - Arts Collaboratory"
@@ -843,7 +843,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [106.832686, -6.218968]
+        "coordinates": [-6.218968, 106.832686]
       },
       "properties": {
         "groupName": "ruangrupa"
@@ -853,7 +853,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [28.047305, -26.204103]
+        "coordinates": [-26.204103, 28.047305]
       },
       "properties": {
         "groupName": "Keleketla! Library - Arts Collaboratory",
@@ -865,7 +865,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [67.063473, 24.861462]
+        "coordinates": [24.861462, 67.063473]
       },
       "properties": {
         "groupName": "Vasl Artists' Association - Arts Collaboratory"
@@ -875,7 +875,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [3.379206, 6.453060]
+        "coordinates": [6.453060, 3.379206]
       },
       "properties": {
         "groupName": "Video Art Network Lagos - Arts Collaboratory"
@@ -885,7 +885,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-68.122441, -16.507456]
+        "coordinates": [-16.507456, -68.122441]
       },
       "properties": {
         "groupName": "Casa Tres Patios - Arts Collaboratory"
@@ -895,7 +895,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-77.033966, -12.046374]
+        "coordinates": [-12.046374, -77.033966]
       },
       "properties": {
         "groupName": "Bisagra - Arts Collaboratory"
@@ -905,7 +905,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [121.028812, 14.565859]
+        "coordinates": [14.565859, 121.028812]
       },
       "properties": {
         "groupName": "Green Papaya Art Projects - Arts Collaboratory"
@@ -915,7 +915,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [32.570926, -25.965053]
+        "coordinates": [-25.965053, 32.570926]
       },
       "properties": {
         "groupName": "Nucleo de Arte - Arts Collaboratory"
@@ -925,7 +925,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-99.127662, 19.433735]
+        "coordinates": [19.433735, -99.127662]
       },
       "properties": {
         "groupName": "Casa Gallina - Arts Collaboratory"
@@ -935,7 +935,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-56.168350, -34.905134]
+        "coordinates": [-34.905134, -56.168350]
       },
       "properties": {
         "groupName": "Espacio de Arte Contemporáneo - Arts Collaboratory"
@@ -945,7 +945,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [72.825833, 18.964700]
+        "coordinates": [18.964700, 72.825833]
       },
       "properties": {
         "groupName": "Clark House Initiative - Arts Collaboratory"
@@ -955,7 +955,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [104.9165275, 11.5636628]
+        "coordinates": [11.5636628, 104.9165275]
       },
       "properties": {
         "groupName": "SA SA BASSAC - Arts Collaboratory"
@@ -965,7 +965,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-6.859864, 34.018124]
+        "coordinates": [34.018124, -6.859864]
       },
       "properties": {
         "groupName": "La Source du Lion - Arts Collaboratory"
@@ -975,7 +975,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-32.944242, -60.641688]
+        "coordinates": [-60.641688, -32.944242]
       },
       "properties": {
         "groupName": "El Levante - Arts Collaboratory"
@@ -985,7 +985,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-70.648204, -33.447503]
+        "coordinates": [-33.447503, -70.648204]
       },
       "properties": {
         "groupName": "Metales Pesados - Arts Collaboratory"
@@ -995,7 +995,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-46.6523816, -23.5351122]
+        "coordinates": [-23.5351122, -46.6523816]
       },
       "properties": {
         "groupName": "Casa do Povo - Arts Collaboratory"
@@ -1005,7 +1005,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [10.1634717, 36.8127757]
+        "coordinates": [36.8127757, 10.1634717]
       },
       "properties": {
         "groupName": "L'Art Rue - Arts Collaboratory"
@@ -1015,7 +1015,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [110.3661793, -7.7830803]
+        "coordinates": [-7.7830803, 110.3661793]
       },
       "properties": {
         "groupName": "KUNCI Cultural Studies Center - Arts Collaboratory"
diff --git a/data/lumbung-publishers-members.json b/data/lumbung-publishers-members.json
index 98b38ce..60d43a9 100644
--- a/data/lumbung-publishers-members.json
+++ b/data/lumbung-publishers-members.json
@@ -5,7 +5,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [18.473952560246335, -67.02312138226604]
+        "coordinates": [-67.02312138226604, 18.473952560246335]
       },
       "properties": {
         "groupName": "La Impresora",
@@ -20,7 +20,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [31.248587159325307, 121.48494201935183]
+        "coordinates": [121.48494201935183, 31.248587159325307]
       },
       "properties": {
         "groupName": "Bananafish Books",
@@ -32,7 +32,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [43.26413418446196, -2.9342512170102952]
+        "coordinates": [-2.9342512170102952, 43.26413418446196]
       },
       "properties": {
         "groupName": "Consonni",
@@ -47,7 +47,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [19.452826396857443, -99.1347000127044]
+        "coordinates": [-99.1347000127044, 19.452826396857443]
       },
       "properties": {
         "groupName": "Cooperativa Cráter Invertido",
@@ -63,7 +63,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [41.396244293766436, 2.1649055407407434]
+        "coordinates": [2.1649055407407434, 41.396244293766436]
       },
       "properties": {
         "groupName": "Erick Beltrán"
@@ -73,7 +73,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-33.442317042843925, -70.66692136271297]
+        "coordinates": [-70.66692136271297, -33.442317042843925]
       },
       "properties": {
         "groupName": "HAMBRE",
@@ -88,7 +88,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [30.04863553908884, 31.23460265148997]
+        "coordinates": [31.23460265148997, 30.04863553908884]
       },
       "properties": {
         "groupName": "Kayfa-ta",
@@ -103,7 +103,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [31.969726971911616, 35.90847989847126]
+        "coordinates": [35.90847989847126, 31.969726971911616]
       },
       "properties": {
         "groupName": "Kayfa-ta",
@@ -118,7 +118,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [56.97988198342907, 24.100226353313147]
+        "coordinates": [24.100226353313147, 56.97988198342907]
       },
       "properties": {
         "groupName": "kuš!",
@@ -133,7 +133,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [60.1883622930113, 24.932134774628967]
+        "coordinates": [24.932134774628967, 60.1883622930113]
       },
       "properties": {
         "groupName": "Kutikuti",
@@ -148,7 +148,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-6.20175313758691, 106.84599411307272]
+        "coordinates": [106.84599411307272, -6.20175313758691]
       },
       "properties": {
         "groupName": "Marjin Kiri",
@@ -163,7 +163,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [-34.899210176795584, -56.18580127552417]
+        "coordinates": [-56.18580127552417, -34.899210176795584]
       },
       "properties": {
         "groupName": "microutopías",
@@ -178,7 +178,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [47.38275909850193, 8.541196230458853]
+        "coordinates": [8.541196230458853, 47.38275909850193]
       },
       "properties": {
         "groupName": "Nieves",
@@ -190,7 +190,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [4.7283471458218695, -74.06936870435806]
+        "coordinates": [-74.06936870435806, 4.7283471458218695]
       },
       "properties": {
         "groupName": "Relampago",
@@ -202,7 +202,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [51.31700304920649, 9.479151985185684]
+        "coordinates": [9.479151985185684, 51.31700304920649]
       },
       "properties": {
         "groupName": "Rotopol Press",
@@ -214,7 +214,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [47.38275909850193, 8.541196230458853]
+        "coordinates": [8.541196230458853, 47.38275909850193]
       },
       "properties": {
         "groupName": "Strapazin",
@@ -229,7 +229,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [46.062038080618365, 14.506004050784611]
+        "coordinates": [14.506004050784611, 46.062038080618365]
       },
       "properties": {
         "groupName": "Stripburger",
@@ -244,7 +244,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [9.081206604987218, 7.394589665360936]
+        "coordinates": [7.394589665360936, 9.081206604987218]
       },
       "properties": {
         "groupName": "Jalada Africa",
@@ -256,7 +256,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [0.18736237622547486, 37.88198388123684]
+        "coordinates": [37.88198388123684, 0.18736237622547486]
       },
       "properties": {
         "groupName": "Jalada Africa",
@@ -268,7 +268,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [8.040603024970357, 80.72724100901736]
+        "coordinates": [80.72724100901736, 8.040603024970357]
       },
       "properties": {
         "groupName": "The Packet",
@@ -280,7 +280,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [17.67169725681633, -4.159429300086695]
+        "coordinates": [-4.159429300086695, 17.67169725681633]
       },
       "properties": {
         "groupName": "Les Editions TAKABA",
@@ -292,7 +292,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [23.16313833792756, 113.25937734969307]
+        "coordinates": [113.25937734969307, 23.16313833792756]
       },
       "properties": {
         "groupName": "BOLOHO",
@@ -308,7 +308,7 @@
       "type": "Feature",
       "geometry": {
         "type": "Point",
-        "coordinates": [1.5643986962732304, 32.32078434190578]
+        "coordinates": [32.32078434190578, 1.5643986962732304]
       },
       "properties": {
         "groupName": "David Kaiza",