feat(theme): switch to lotusdocs theme

Added theme
Restructured files
Changed configuration

.github/linters/.eslintrc.yml

@@ -1,2 +1,2 @@
 ---
-ignorePatterns: ["layouts/page/single.json"]
+ignorePatterns: ["layouts/page/single.json", "assets/js/bootstrap.js"]

.gitignore

@@ -4,3 +4,4 @@ public/
 resources/_gen/
 www/
 www-dev/
+assets/jsconfig.json

.gitmodules

@@ -1,3 +1,3 @@
-[submodule "themes/ananke"]
-	path = themes/ananke
-	url = https://github.com/theNewDynamic/gohugo-theme-ananke.git
+[submodule "themes/lotusdocs"]
+	path = themes/lotusdocs
+	url = https://github.com/colinwilson/lotusdocs

README.md

@@ -8,7 +8,7 @@ The website is built using the static website generator Hugo.
 
 - Clone this repository
 - Load submodule with `git submodule init` and `git submodule update`
-- Install [Hugo](https://gohugo.io/installation/)
+- Install [Hugo](https://gohugo.io/installation/) (>=0.120.0)
 
 ## Run for development
 

apache/dev.website.conf

@@ -19,8 +19,8 @@
 
    	DocumentRoot /var/www/berlin.freifunk.net/www-dev
 
-	Header set Content-Security-Policy "script-src dev.berlin.freifunk.net"
-	Header set Strict-Transport-Security "max-age=63072000; includeSubDomains"
+        Header set Content-Security-Policy "script-src 'self' 'unsafe-hashes' 'sha256-NPQiAFHfOX//546/pLtrKoVL9QjRuPsCI+6doZczyyI=' 'sha256-Q0IcZn6UWrfGL+BOcG44ffINe7v5Wq/gTHBbunlNOJQ='"
+		Header set Strict-Transport-Security "max-age=63072000; includeSubDomains"
 
    	<Directory "/var/www/berlin.freifunk.net/www-dev">
       		Options FollowSymLinks

apache/website.conf

@@ -27,9 +27,9 @@
 </VirtualHost>
 
 <VirtualHost *:443>
-	ServerName www.berlin.freifunk.net
+        ServerName www.berlin.freifunk.net
         ServerAdmin "[email protected]"
-	SSLEngine on
+        SSLEngine on
         SSLCertificateFile      /etc/letsencrypt/live/www.berlin.freifunk.net/cert.pem
         SSLCertificateChainFile /etc/letsencrypt/live/www.berlin.freifunk.net/chain.pem
         SSLCertificateKeyFile   /etc/letsencrypt/live/www.berlin.freifunk.net/privkey.pem
@@ -57,7 +57,7 @@
 </VirtualHost>
 
 <VirtualHost *:80>
-	ServerName www.berlin.freifunk.net
+        ServerName www.berlin.freifunk.net
         ServerAdmin "[email protected]"
 
         RewriteEngine On
@@ -75,7 +75,7 @@
 <VirtualHost *:443>
         ServerName berlin.freifunk.net
         ServerAdmin "[email protected]"
-	SSLEngine on
+        SSLEngine on
         SSLCertificateFile      /etc/letsencrypt/live/berlin.freifunk.net/cert.pem
         SSLCertificateChainFile /etc/letsencrypt/live/berlin.freifunk.net/chain.pem
         SSLCertificateKeyFile   /etc/letsencrypt/live/berlin.freifunk.net/privkey.pem
@@ -102,8 +102,8 @@
                 Header always merge Vary "Accept-Language"
         </LocationMatch>
 
-	Header set Content-Security-Policy "script-src berlin.freifunk.net"
-	Header set Strict-Transport-Security "max-age=63072000; includeSubDomains"
+        Header set Content-Security-Policy "script-src berlin.freifunk.net"
+        Header set Strict-Transport-Security "max-age=63072000; includeSubDomains"
 
         <Directory "/var/www/berlin.freifunk.net/www">
                 Options FollowSymLinks
@@ -113,4 +113,4 @@
 
         ErrorLog "/var/log/apache2/berlin.freifunk.net-error.log"
         CustomLog "/var/log/apache2/berlin.freifunk.net-access.log" combined
-</VirtualHost>
+</VirtualHost>

assets/js/bootstrap.js

@@ -0,0 +1,15 @@
+//
+// Overwriting the theme file to activate component
+//
+
+// Import the Bootstrap components we want to use.
+// See https://github.com/twbs/bootstrap/blob/main/js/index.umd.js
+// eslint-disable-next-line import/no-absolute-path
+import Tab from '/js/bootstrap/src/tab'
+// eslint-disable-next-line import/no-absolute-path
+import Dropdown from '/js/bootstrap/src/dropdown'
+
+export default {
+  Tab,
+  Dropdown
+}

content/_index.de.md

@@ -1,9 +1,3 @@
----
-title: "Freifunk Berlin"
-description: "Freifunk Berlin ist eine lokale Initiative mit dem Ziel, ein freies WLAN-Netzwerk über Berlin aufzuspannen und freien Netzzugang anzubieten."
-featured_image: '/header.jpg'
----
-
 ## Was ist Freifunk?
 
 Die Vision von Freifunk ist die Verbreitung freier Netzwerke, die Demokratisierung der Kommunikationsmedien und die Förderung lokaler Sozialstrukturen. Durch die Vernetzung ganzer Stadtteile wollen wir der digitalen Spaltung entgegenwirken und freie unabhängige Netzwerkstrukturen aufbauen. Konkret hat sich Freifunk zum Ziel gesetzt, offene WLAN-Netze einzurichten und diese miteinander zu verbinden. Dies ermöglicht einen freien Datenverkehr "durch die Luft" in der ganzen Stadt innerhalb des Freifunk-Netzes. Freifunk ist somit eine offene nicht-kommerzielle hierarchielose Initiative für freie Funknetzwerke.
@@ -14,7 +8,7 @@ Die Vision von Freifunk ist die Verbreitung freier Netzwerke, die Demokratisieru
 
 Die Grundlage von Freifunk bildet ein sogenanntes Mesh-Netzwerk. Alle WLAN-Router im Freifunk-Netz kommunizieren untereinander und bilden ein eigenes Funknetzwerk in der Stadt. Ein Routing-Protokoll ermöglicht, dass jeder Mensch im Freifunk-Netz andere Teilnehmer_innen erreichen und Daten austauschen kann. Manche Knoten sind desweiteren auch direkt mit dem Internet verbunden. So haben alle Menschen im Freifunk-Netz auch direkten Zugriff auf das globale Netz.
 
-{{< img src="adhoc_netz_wikipedia.png" alt="mesh cloud with one node that has internet connection" >}}
+{{< img src="images/adhoc_netz_wikipedia.png" alt="mesh cloud with one node that has internet connection" >}}
 
 ## Wie kann ich mitmachen?
 

content/_index.en.md

@@ -1,9 +1,3 @@
----
-title: "Freifunk Berlin"
-description: "Freifunk Berlin is a local initiative with the aim of setting up a free WiFi network across Berlin and offering free network access."
-featured_image: '/header.jpg'
----
-
 ## What is Freifunk?
 
 Freifunk stands for distributing free networks, democratizing media of communication and promoting local social structures. By interconnecting whole neighborhoods, we want to bridge the digital gap and establish a free and independent network infrastructure. More precisely, the aim of Freifunk is installing open wifi networks and interconnecting them. This facilitates free data "air traffic" in the whole city within the Freifunk network. In short, Freifunk is an open, non-commercial, non-hierarchical initiative for free networks.
@@ -14,7 +8,7 @@ Freifunk stands for distributing free networks, democratizing media of communica
 
 Freifunk's foundation is a so called mesh network. All routers within the Freifunk network can communicate with one another and form their own wifi network. A routing protocol allows for everybody within the Freifunk network to communicate and exchange data with other participants. Some of the nodes within the network are further connected with the Internet. That way, everyone within Freifunk has also a direct access to the global network.
 
-{{< img src="adhoc_netz_wikipedia.png" alt="mesh cloud with one node that has internet connection" >}}
+{{< img src="images/adhoc_netz_wikipedia.png" alt="mesh cloud with one node that has internet connection" >}}
 
 ## How can I contribute?
 

content/contact.de.md

@@ -1,10 +1,5 @@
 ---
 title: "Kontakt"
-description: ""
-omit_header_text: true
-menu:
-  main:
-    weight: 7
 ---
 
 ## Treffen

content/contact.en.md

@@ -1,10 +1,5 @@
 ---
 title: "Contact"
-description: ""
-omit_header_text: true
-menu:
-  main:
-    weight: 7
 ---
 
 ## Meetings

content/donate.de.md

@@ -1,10 +1,5 @@
 ---
 title: "Spenden"
-description: ""
-omit_header_text: true
-menu:
-  main:
-    weight: 3
 ---
 
 ## Freifunk in Berlin durch Spenden unterstützen

content/donate.en.md

@@ -1,10 +1,5 @@
 ---
 title: "Donate"
-description: ""
-omit_header_text: true
-menu:
-  main:
-    weight: 3
 ---
 
 ## Support Freifunk in Berlin through donations

content/downloads.de.md

@@ -1,10 +1,5 @@
 ---
 title: "Downloads"
-description: ""
-omit_header_text: true
-menu:
-  main:
-    weight: 5
 ---
 
 ## Freifunk Berlin Downloads

content/downloads.en.md

@@ -1,10 +1,5 @@
 ---
 title: "Downloads"
-description: ""
-omit_header_text: true
-menu:
-  main:
-    weight: 5
 ---
 
 ## Freifunk Berlin Downloads

content/impressum.de.md → content/imprint.de.md

@@ -1,17 +1,7 @@
 ---
 title: "Impressum"
-description: ""
-featured_image: ''
-omit_header_text: true
-description: ''
-type: page
-menu: footer
-
 ---
 
-
-### Impressum
-
 **Kontakt Freifunk Berlin**  
 info{at}berlin.freifunk.net
 

content/map.de.md

@@ -1,15 +1,10 @@
 ---
 title: "Netzkarte"
-description: "Karte der freien WLAN Zugangspunkte von Freifunk Berlin mit genauer Lage. Die WLAN Zugangspunkte sind kostenlos nutzbar, unzensiert und öffentlich zugänglich."
-omit_header_text: true
-menu:
-  main:
-    weight: 2
 ---
 
 Die [Freifunk Berlin Karte](https://hopglass.berlin.freifunk.net/) zeigt freie WLAN Zugangspunkte mit ihrer genauen Lage. Die WLAN Zugangspunkte sind kostenlos nutzbar, unzensiert und öffentlich zugänglich.
 
-{{< img src="hopglass.png" alt="Es ist eine Karte von Berlin zu sehen. Auf der Karte sind viele kleine Punkte. Die meisten sind blau, einige sind rot. Zwischen manchen der Punkte sind grüne Linien gezogen." link="https://hopglass.berlin.freifunk.net/" width="100%" >}}
+{{< img src="images/hopglass.png" alt="Es ist eine Karte von Berlin zu sehen. Auf der Karte sind viele kleine Punkte. Die meisten sind blau, einige sind rot. Zwischen manchen der Punkte sind grüne Linien gezogen." link="https://hopglass.berlin.freifunk.net/" width="100%" >}}
 
 ## Statistiken
 

content/map.en.md

@@ -1,15 +1,10 @@
 ---
 title: "Network map"
-description: "Map of the free WiFi access points from Freifunk Berlin with exact locations. The WiFi access points are free to use, uncensored and publicly accessible."
-omit_header_text: true
-menu:
-  main:
-    weight: 2
 ---
 
 The [Freifunk Berlin map](https://hopglass.berlin.freifunk.net/) shows free WiFi access points with their exact location. The WiFi access points are free to use, uncensored and publicly accessible.
 
-{{< img src="hopglass.png" alt="You can see a map of Berlin. There are lots of little dots on the map. Most of them are blue, some are red. There are green lines between some of the dots." link="https://hopglass.berlin.freifunk.net/" width="100%" >}}
+{{< img src="images/hopglass.png" alt="You can see a map of Berlin. There are lots of little dots on the map. Most of them are blue, some are red. There are green lines between some of the dots." link="https://hopglass.berlin.freifunk.net/" width="100%" >}}
 
 ## Statistics
 

content/participate.de.md

@@ -1,10 +1,5 @@
 ---
 title: "Mitmachen"
-description: ""
-omit_header_text: true
-menu:
-  main:
-    weight: 2
 ---
 
 ## Jede\_r kann mitmachen!
@@ -24,7 +19,7 @@ Sprich mit deinem Freundeskreis, Geschäftspartner\_innen und allen Menschen die
 
 _Wohnung, Geschäft, Café, Restaurant, Bar ..._
 
-{{< img src="participate_small.png" alt="Person am Laptop mit einem Router auf der Fensterbank" >}}
+{{< img src="images/participate_small.png" alt="Person am Laptop mit einem Router auf der Fensterbank" >}}
 
 Du möchtest
 
@@ -42,7 +37,7 @@ So kannst du mitmachen
 
 _Balkon, hohes Gebäude, öffentlicher Platz, Park, weitläufiges Gelände ..._
 
-{{< img src="participate_medium.png" alt="Glückliche Personen mit Wlan Empfang am Handy und Laptops" >}}
+{{< img src="images/participate_medium.png" alt="Glückliche Personen mit Wlan Empfang am Handy und Laptops" >}}
 
 Du möchtest
 
@@ -59,7 +54,7 @@ So kannst du mitmachen
 
 _Dach, Dachgeschoss, hohes Gebäude, öffentliches Gebäude, Rathaus, Kirchturm ..._
 
-{{< img src="participate_big.png" alt="Dächer von Häusern die mit roten Punkten und Linien miteinander verbunden sind um das Mesh-Netz zu symbolisieren" >}}
+{{< img src="images/participate_big.png" alt="Dächer von Häusern die mit roten Punkten und Linien miteinander verbunden sind um das Mesh-Netz zu symbolisieren" >}}
 
 Du möchtest