Revert "config.toml aktualisiert"

This reverts commit 4ba531a4d6.

config.toml

@@ -1,6 +1,6 @@
-baseURL = "http://10.2.3.8"
+baseURL = "https://www.c3re.de"
 languageCode = "de-de"
-title = "c3RE 3D-Drucken"
+title = "c3RE"
 theme = "hugo-theme-flat"
 defaultContentLanguage = "de"
 relativeURLs = true
@@ -9,3 +9,51 @@ style = "green"
 
 [params]
 mainSections = ["."]
+
+[[menus.main]]
+name = "Philosophie"
+url = "/unsere-philosophie"
+[[menus.main]]
+name = "Codeweek"
+url = "/codeweek"
+
+
+
+
+[[menus.main]]
+name = "Werkzeuge"
+url = "https://dienste.c3re.de/"
+weight = 90
+
+[[menus.main]]
+name = "Downloads"
+url = "/downloads/"
+weight = 110
+
+# Footer Menue
+[[params.footer_rows]]
+[[params.footer_rows.items]]
+name = "Kontakt"
+url = "/kontakt"
+
+#[[params.footer_rows]]
+[[params.footer_rows.items]]
+name = "Impressum"
+url = "/impressum"
+
+[[params.footer_rows.items]]
+name = "Datenschutzerklärung"
+url = "/datenschutz"
+
+[[params.footer_rows]]
+[[params.footer_rows.items]]
+pre ="FRIENDS & FAMILY"
+[[params.footer_rows.items]]
+name ="Blumenthal 7 e.V."
+url="https://www.blumenthal7.de/"
+[[params.footer_rows.items]]
+name ="Freifunk Emscherland"
+url="https://freifunk-emscherland.de/"
+[[params.footer_rows.items]]
+name ="Linux User Group Marl"
+url="https://www.lug-marl.de/"

content/_index.md

@@ -1,31 +1,27 @@
-# 3D - Drucker Betrieb
+---
+title: "Hallo beim c3RE"
+date:
+tags: []
+categories: []
+weight: 50
+show_comments: false
+katex: false
+draft: false
+description: ""
+---
 
-## Kurzanleitung
+Seit Januar 2015 haben sich erstmalig technisch und netzpolitisch Interessierte zu einem eigenen [Chaostreff](http://ccc.de/de/regional) im Kreis Recklinghausen zusammengefunden. Als Chaostreff sind wir eine lockere Runde von Menschen, die sich mit dem [Chaos Computer Club](https://de.wikipedia.org/wiki/Chaos_Computer_Club) verbunden fühlen.
 
-Eine Ausfürliche Beschreibung findet sich im [3D-POC WIKI](https://wiki.c3re.de/de/Chaostreff-Hackerhuette-c3RE/3D-POC).
+Wir setzten uns zusammen und Quatschen über unsere Projekte, darüber was man mit Technik alles machen kann und manchmal auch, was die Konsequenzen davon sind. Wir haben gemeinsam viel Spaß am Gerät und helfen uns gegenseitig mit Tipps und Tools.
 
-## Kommunikation
+Durch eine Begebenheit, die wie der Anfang von einem interessanten Witz klingt (Kommen ein Punker und ein Elektroingenieur in eine Bar…) haben wir inzwischen einen eigenen Hackerspace in der [Hackerhütte](https://wiki.c3re.de/de/Chaostreff-Hackerhuette-c3RE/Hackerspace).
+![](/img/hackerhuette_400.webp#center_sa)
 
-* Matrix-Channel zur Druckanmeldung bei langen Drucken: [3D-Druck-Organisation](https://matrix.to/#/#3D-Druck-Organisation:matrix.c3re.de) 
-* Matrix-Channel zur Meldung von Problemen und allgemeinen Austausch rund um's Thema 3D-Druck: [3D-Druck](https://matrix.to/#/#3d-druck:matrix.c3re.de)
-* Matrix-Channel mit Statusmeldungen zum Drucker: [3D-Druck-Status](https://matrix.to/#/#3D-Druck-Status:matrix.c3re.de)
+Bei unseren offenen Treffen sind wir beim Programmieren und Compilieren, beim Entwerfen und Löten und beim Austausch unserer Erfahrungen und unseres Wissens zu dem Schluss gekommen, dass wir dem ganzen eine gewisse Beständigkeit verleihen wollen. Am 07.9.2016 haben wir auf der Gründungsversammlung eine Satzung beschlossen und den c3RE e.V. gegründet.
 
-## Relevante Links
+Der regelmäßige Chaostreff an jedem Mittwoch ab ca. 18.00 Uhr läuft weiter unter dem Motto „Open Chaos – All Creatures Welcome“ und steht allen Interessierten offen. Wir freuen uns auf jeden Besuch! Neben kurzen Vorträgen zu verschiedenen, meist technischen Themen wird viel an einzelnen Projekten geplant und gelötet.
 
-* [Kostenrechner](/calc/)
-* [Druckerinfos](https://pads.c3re.de/3D-Drucker)
-* [Prusa Link](http://10.2.3.20)
-* [Webcam](http://10.2.3.21/)
-* [Prusahilfeseite](https://help.prusa3d.com/)
+Komm doch mal vorbei!
 
+![Captain Crunch](/img/crunch_400.webp#center_sa)
 
-## Zugangsdaten 
-
-### Prusa-Link
-* Username: ``maker``
-* Passwort: ``XGj5wdp6hRq5dYT``
-  * Das Passwort ist auch der API-Key wenn prusalink im slicer eingerichtet wird.
-
-### Webcam
-* Username: ``root`` 
-* Passwort: ``root``

content/calc/index.html

@@ -1,14 +0,0 @@
-<html class=theme-light><meta charset=UTF-8><title>3D-Druck Kostenrechner</title>
-<script>const pricePerPrintingHourInEuro=.3,pricePerMaterialGrammInEuro=.025,roundUpStep=.5,identifierAddition=.03</script><link rel=stylesheet href=./bulma.min.css><meta name=viewport content="width=device-width,initial-scale=1"><div class=block id=filamentcalc><style>body{padding:2em;background-color:#f5f5f5}.box{border:.125em solid #dbdbdb}#logo{float:right;position:absolute;top:0;right:0}.selected{filter:brightness(90%);text-decoration:underline}.box{margin:2em auto 0;max-width:50em}.b button{float:right;margin-right:1em}input{margin-left:1em;width:5em}h2{margin-bottom:.5em;font-weight:700}li{list-style:none}</style><section class=hero><div class=hero-body><h1 class=title>3D-Druck Filamentkostenrechner</h1><p id=logo class="image is-128x128"><img src=logo.png></div></section><div class="columns box"><div class="column is-full b">Wo kommt dein Filament her?
-<button class=button id=pool_filament>Pool Filament</button>
-<button class=button id=own_filament>
-Eigenes/Spenden- Filament</button></div></div><div class="columns box step2"><div class=column><label for=printtime_h>Druckzeit</label></div><div class=column><input id=printtime_h class=half type=number min=0 max=1000 step=1 placeholder=0>
-<label for=printtime_h>h</label>
-<input id=printtime_m class=half type=number min=0 max=5000 step=1 placeholder=0>
-<label for=printtime_m>m</label></div></div><div class="columns box step2 material"><div class=column><label for=material>Materialmenge</label></div><div class=column><input id=material type=number min=0 max=1000 step=1 placeholder=0>
-<label for=material>g</label></div></div><div class="columns box step2"><div class=column><label for=cost_euro>Kosten in €</label></div><div class=column><input id=cost_euro aria-disabled=true disabled></div></div><div class="columns box step2"><div class="column is-two"><h2>Wie entsteht der Preis?</h2><ul><li>Pro Druckstunde fallen <span id=pricePerHour>...</span> € Kosten
-für Strom und Verschleiß an.<li>Pool-Filament wird mit <span id=pricePerMaterial>...</span> €
-pro kg berechnet.<li>Beide Kosten werden addiert und auf die nächsten
-<span id=roundUpLimit>...</span> € aufgerundet.<span id=idtext>
-(Zusätzlich wird <span id=idval></span> € addiert damit wir
-auf der Abrechnung den Verwendungszweck erkennen können.)</span></ul></div></div></div><script>const pool_filament=document.getElementById("pool_filament"),own_filament=document.getElementById("own_filament"),step1=document.getElementsByClassName("step1"),step2=document.getElementsByClassName("step2"),printtime_h=document.getElementById("printtime_h"),printtime_m=document.getElementById("printtime_m"),material=document.getElementById("material"),cost_euro=document.getElementById("cost_euro");let ownFilament;pool_filament.addEventListener("click",function(){for(let e=0;e<step2.length;e++)step2[e].style.display="flex";ownFilament=!1,updateCost()}),own_filament.addEventListener("click",function(){for(let e=0;e<step2.length;e++){const t=step2[e];t.classList.contains("material")?t.style.display="none":t.style.display="flex"}ownFilament=!0,updateCost()}),printtime_h.addEventListener("input",updateCost),printtime_m.addEventListener("input",updateCost),material.addEventListener("input",updateCost);function updateCost(){pricePerHour.innerHTML=pricePerPrintingHourInEuro.toFixed(2),pricePerMaterial.innerHTML=(pricePerMaterialGrammInEuro*1e3).toFixed(2),roundUpLimit.innerHTML=roundUpStep.toFixed(2),idval.innerHTML=identifierAddition.toFixed(2),identifierAddition===0?idtext.style.display="none":idtext.style.display="inherit";const t=parseInt("0"+printtime_h.value)*60+parseInt("0"+printtime_m.value),n=parseInt("0"+material.value)*pricePerMaterialGrammInEuro;let e=t*pricePerPrintingHourInEuro/60;ownFilament||(e+=n),e=Math.ceil(e/roundUpStep)*roundUpStep,e>0&&(e+=identifierAddition),console.log(e),cost_euro.value=e.toFixed(2)+" €",ownFilament?(own_filament.classList.add("selected"),pool_filament.classList.remove("selected")):(pool_filament.classList.add("selected"),own_filament.classList.remove("selected"))}updateCost()</script>

content/codeweek.md

@@ -0,0 +1,13 @@
+---
+title: "Codeweek"
+date:
+tags: []
+categories: []
+weight: 50
+show_comments: false
+katex: false
+draft: false
+description: ""
+---
+
+Bereits seit dem Jahr 2017 beteiligen wir uns an den europaweiten Aktionswochen der [EU CodeWeek](https://codeweek.eu) um Kinder und Jugendliche einen leichten Einstieg in die Welt der Programmierung zu bieten. Neben der EU CodeWeek finden in unregelmäßigen Abständen weitere Workshops, die speziell für jüngeres Publikum ausgerichtet sind statt. Informationen zu den jeweiligen Veranstaltungen findet man zu gegebener Zeit auf der Webseite [codeweek.c3re.de](https://codeweek.c3re.de). Die nächste Teilnahme ist für 2025 geplant.

content/datenschutz.md

@@ -0,0 +1,32 @@
+---
+title: "Datenschutzerklärung"
+date:
+tags: []
+categories: []
+weight: 50
+show_comments: false
+katex: false
+draft: false
+description: ""
+---
+
+# Datenschutzerklärung
+
+Der Schutz und die Sicherheit von persönlichen Daten hat bei uns eine hohe Priorität. Daher halten wir uns strikt an die Regeln des deutschen Bundesdatenschutzgesetzes (BDSG) und die Datenschutzgrundverordnung (DSGVO). Nachfolgend werden Sie darüber informiert, welche Art von Daten erfasst und zu welchem Zweck sie erhoben werden:
+
+1. Datenübermittlung /Datenprotokollierung
+   Beim Besuch dieser Seite verzeichnet der Web-Server automatisch Log-Files, die keiner bestimmten Person zugeordnet werden können. Diese Daten beinhalten z. B. den Browsertyp und -version, verwendetes Betriebssystem, Referrer URL (die zuvor besuchte Seite), IP-Adresse des anfragenden Rechners, Zugriffsdatum und -uhrzeit der Serveranfrage und die Dateianfrage des Client (Dateiname und URL). Diese Daten werden nur zum Zweck der statistischen Auswertung gesammelt. Eine Weitergabe an Dritte, zu kommerziellen oder nichtkommerziellen Zwecken, findet nicht statt.
+
+2. Nutzung persönlicher Daten
+   Persönliche Daten werden nur erhoben oder verarbeitet, wenn Sie diese Angaben freiwillig, z.B. im Rahmen einer Anfrage mitteilen. Sofern keine erforderlichen Gründe im Zusammenhang mit einer Geschäftsabwicklung bestehen, können Sie jederzeit die zuvor erteilte Genehmigung Ihrer persönlichen Datenspeicherung mit sofortiger Wirkung schriftlich (z.B. per E-Mail) widerrufen. Ihre Daten werden nicht an Dritte weitergeben, es sei denn, eine Weitergabe ist aufgrund gesetzlicher Vorschriften erforderlich.
+
+3. Auskunft, Änderung und Löschung Ihrer Daten
+   Gemäß geltendem Recht können Sie jederzeit bei uns schriftlich nachfragen, ob und welche personenbezogenen Daten bei uns über Sie gespeichert sind. Eine entsprechende Mitteilung hierzu erhalten Sie umgehend.
+
+4. Sicherheit Ihrer Daten
+   Ihre uns zur Verfügung gestellten persönlichen Daten werden durch Ergreifung aller technischen sowie organisatorischen Sicherheitsmaßnahmen so gesichert, dass sie für den Zugriff unberechtigter Dritter unzugänglich sind. Bei Versendung von sehr sensiblen Daten oder Informationen ist es empfehlenswert, den Postweg zu nutzen, da eine vollständige Datensicherheit per E-Mail nicht gewährleistet werden kann.
+
+5. Änderungen dieser Datenschutzbestimmungen
+   Wir werden diese Richtlinien zum Schutz Ihrer persönlichen Daten von Zeit zu Zeit aktualisieren. Sie sollten sich diese Richtlinien gelegentlich ansehen, um auf dem Laufenden darüber zu bleiben, wie wir Ihre Daten schützen und die Inhalte unserer Website stetig verbessern. Sollten wir wesentliche Änderungen bei der Sammlung, der Nutzung und/oder der Weitergabe der uns von Ihnen zur Verfügung gestellten personenbezogenen Daten vornehmen, werden wir Sie durch einen eindeutigen und gut sichtbaren Hinweis auf der Website darauf aufmerksam machen. Mit der Nutzung der Webseite erklären Sie sich mit den Bedingungen dieser Richtlinien zum Schutz persönlicher Daten einverstanden.
+
+Bei Fragen zu diesen Datenschutzbestimmungen wenden Sie sich bitte per e-mail (siehe [Impressum](/impressum)) an uns.

content/downloads.md

@@ -0,0 +1,15 @@
+---
+title: "Downloads"
+date:
+tags: []
+categories: []
+weight: 50
+show_comments: false
+katex: false
+draft: false
+description: ""
+---
+
+- [Mitgliedsantrag](/dl/Mitgliedsantrag.pdf)
+- [Satzung](/dl/Satzung.pdf)
+- [Beitragsordnung](/dl/Beitragsordnung.pdf)

content/impressum.md

@@ -0,0 +1,49 @@
+---
+title: "Impressum"
+date:
+tags: []
+categories: []
+weight: 50
+show_comments: false
+katex: false
+draft: false
+description: ""
+---
+
+# c3RE e.V.
+
+Dieses Impressum gilt auch für die Profile unseres Vereins auf den folgenden sozialen Netzwerken:
+[Github](https://github.com/c3re)
+
+# Angaben gemäß § 5 TMG:
+
+c3RE e.V.  
+c/o Christoph Büllesbach  
+Hochstr. 19 a  
+45661 Recklinghausen
+
+Telefon: +49 (0) 2361 8901721  
+E-Mail: kontakt (ät) c3re.de
+
+# Vertretungsberechtigte Personen:
+
+Tobias von Hebel, Vorstandsvorsitzender  
+Andre Schoder stellvertretender Vorsitzender  
+Christoph Büllesbach, Schatzmeister
+
+# Eintragung in das Vereinsregister
+
+Registergericht: Amtsgericht Recklinghausen  
+Registernummer: VR 2840
+
+# V.i.S.d § 55 Abs. 2 RStV:
+
+Tobias von Hebel  
+Konradstr. 61  
+45661 Recklinghausen
+
+# Bankverbindung
+
+Konto DE22 4016 4528 0260 2961 00  
+BIC GENODEM1LHN bei der Volksbank Südmünsterland-Mitte e.G.  
+Gerne nehmen wir hier auch Spenden zur Unterstützung unserer Tätigkeit entgegen.

content/kontakt.md

@@ -0,0 +1,46 @@
+---
+title: "Kontakt"
+date:
+tags: []
+categories: []
+weight: 50
+show_comments: false
+katex: false
+draft: false
+description: ""
+---
+
+E-Mail: kontakt(ät)c3re.de
+
+Hüttentelefon: 02361 / 8488096
+
+# Anreise
+
+## Anreise mit dem PKW
+
+Westcharweg 101 in 45659 Recklinghausen. Das Gelände liegt direkt an der Kreuzung B225 / A43.
+Von Marl aus kommend einfach hinter der Autobahnbrücke die erste links (Westcharweg) und dann sofort an der Schranke wieder links fahren auf das Gelände der Zeche.
+
+Von Recklinghausen bzw. der Recklinghäuser A43 Ausfahrt aus fährt man auf die B225 Richtung Marl und dann vor der Autobahnbrücke in den Westcharweg und dann sofort an der Schranke links auf das Gelände der Zeche fahren.
+
+Die Hütte ist dann auf der linken Seite im eingezäunten Bereich.
+
+## Anreise mit öffentlichen Verkehrsmitteln
+
+Unser Hackerspace verfügt über eine eigene Bushaltestelle „Westcharweg“. Die Bushaltestelle wird von den Bussen 214, 270 und NE3 angefahren und ermöglicht so eine direkte Anreise aus Recklinghausen, Herten, Marl und Dorsten. Die Fahrtzeit ab Recklinghausen Hauptbahnhof beträgt ca. 7 Minuten.
+
+[Aushang-Fahrpläne](http://efa.vrr.de/vrrstd/XSLT_TRIP_REQUEST2?language=de&commonMacro=true&itdLPxx_transpCompany=vrr&canChangeMOT=0&name_origin=20003581&type_origin=any&name_destination=streetID:1500000644::5562032:12:Westcharweg:Recklinghausen:Westcharweg::Westcharweg::ANY:DIVA_STREET:798656:5267077:MRCV:nrw&type_destination=any&trITMOTvalue100=10&lineRestriction=403&itdLPxx_sttD=true)
+
+## Anreise für Individualisten
+
+[Openstreetmap](https://www.openstreetmap.org/node/4115120510#map=17/51.62431/7.17115)
+
+[Google Maps](https://maps.app.goo.gl/jopY5gYHLvLP8yA5A)
+
+[Apple Maps](https://maps.apple.com/?address=Westcharweg%20103,%20Bockholt,%2045659%20Recklinghausen,%20Deutschland&auid=6929088596292009743&ll=51.624526,7.170036&lsp=9902&q=c3RE%20e.V.)
+
+Dezimalgrad:	N 51.62435 E 7.169125
+
+Grad Minuten:	N 51° 37.461000 E 7° 10.147500
+
+What 3 Words:	erprobt.gedöns.voll

content/test.md

@@ -0,0 +1,64 @@
+---
+title: "Hallo beim c3RE"
+date:
+tags: []
+categories: []
+weight: 50
+show_comments: false
+katex: false
+draft: false
+description: ""
+---
+
+![Gravel Calls](/img/crunch.webp#left)
+Seit Januar 2015 haben sich erstmalig technisch und netzpolitisch Interessierte zu einem eigenen [Chaostreff](http://ccc.de/de/regional) im Kreis Recklinghausen zusammengefunden. Als Chaostreff sind wir eine lockere Runde von Menschen, die sich mit dem [Chaos Computer Club](https://de.wikipedia.org/wiki/Chaos_Computer_Club) verbunden fühlen.
+
+Wir setzten uns zusammen und Quatschen über unsere Projekte, darüber was man mit Technik alles machen kann und manchmal auch, was die Konsequenzen davon sind. Wir haben gemeinsam viel Spaß am Gerät und helfen uns gegenseitig mit Tipps und Tools.
+
+Durch eine Begebenheit, die wie der Anfang von einem interessanten Witz klingt (Kommen ein Punker und ein Elektroingenieur in eine Bar…) haben wir inzwischen einen eigenen Hackerspace in der [Hackerhütte](https://wiki.c3re.de/de/Chaostreff-Hackerhuette-c3RE/Hackerspace).
+![Gravel Calls](/img/crunch.webp#right)
+
+Bei unseren offenen Treffen sind wir beim Programmieren und Compilieren, beim Entwerfen und Löten und beim Austausch unserer Erfahrungen und unseres Wissens zu dem Schluss gekommen, dass wir dem ganzen eine gewisse Beständigkeit verleihen wollen. Am 07.9.2016 haben wir auf der Gründungsversammlung eine Satzung beschlossen und den c3RE e.V. gegründet.
+
+Der regelmäßige Chaostreff an jedem Mittwoch ab ca. 18.00 Uhr läuft weiter unter dem Motto „Open Chaos – All Creatures Welcome“ und steht allen Interessierten offen. Wir freuen uns auf jeden Besuch! Neben kurzen Vorträgen zu verschiedenen, meist technischen Themen wird viel an einzelnen Projekten geplant und gelötet.
+
+Komm doch mal vorbei!
+
+Seit Januar 2015 haben sich erstmalig technisch und netzpolitisch Interessierte zu einem eigenen [Chaostreff](http://ccc.de/de/regional) im Kreis Recklinghausen zusammengefunden. Als Chaostreff sind wir eine lockere Runde von Menschen, die sich mit dem [Chaos Computer Club](https://de.wikipedia.org/wiki/Chaos_Computer_Club) verbunden fühlen.
+
+Wir setzten uns zusammen und Quatschen über unsere Projekte, darüber was man mit Technik alles machen kann und manchmal auch, was die Konsequenzen davon sind. Wir haben gemeinsam viel Spaß am Gerät und helfen uns gegenseitig mit Tipps und Tools.
+
+Durch eine Begebenheit, die wie der Anfang von einem interessanten Witz klingt (Kommen ein Punker und ein Elektroingenieur in eine Bar…) haben wir inzwischen einen eigenen Hackerspace in der [Hackerhütte](https://wiki.c3re.de/de/Chaostreff-Hackerhuette-c3RE/Hackerspace).
+
+Bei unseren offenen Treffen sind wir beim Programmieren und Compilieren, beim Entwerfen und Löten und beim Austausch unserer Erfahrungen und unseres Wissens zu dem Schluss gekommen, dass wir dem ganzen eine gewisse Beständigkeit verleihen wollen. Am 07.9.2016 haben wir auf der Gründungsversammlung eine Satzung beschlossen und den c3RE e.V. gegründet.
+
+Der regelmäßige Chaostreff an jedem Mittwoch ab ca. 18.00 Uhr läuft weiter unter dem Motto „Open Chaos – All Creatures Welcome“ und steht allen Interessierten offen. Wir freuen uns auf jeden Besuch! Neben kurzen Vorträgen zu verschiedenen, meist technischen Themen wird viel an einzelnen Projekten geplant und gelötet.
+
+Komm doch mal vorbei!
+
+![Gravel Calls](/img/crunch.webp#left_sa)
+Seit Januar 2015 haben sich erstmalig technisch und netzpolitisch Interessierte zu einem eigenen [Chaostreff](http://ccc.de/de/regional) im Kreis Recklinghausen zusammengefunden. Als Chaostreff sind wir eine lockere Runde von Menschen, die sich mit dem [Chaos Computer Club](https://de.wikipedia.org/wiki/Chaos_Computer_Club) verbunden fühlen.
+
+Wir setzten uns zusammen und Quatschen über unsere Projekte, darüber was man mit Technik alles machen kann und manchmal auch, was die Konsequenzen davon sind. Wir haben gemeinsam viel Spaß am Gerät und helfen uns gegenseitig mit Tipps und Tools.
+
+Durch eine Begebenheit, die wie der Anfang von einem interessanten Witz klingt (Kommen ein Punker und ein Elektroingenieur in eine Bar…) haben wir inzwischen einen eigenen Hackerspace in der [Hackerhütte](https://wiki.c3re.de/de/Chaostreff-Hackerhuette-c3RE/Hackerspace).
+![Gravel Calls](/img/crunch.webp#right_sa)
+
+Bei unseren offenen Treffen sind wir beim Programmieren und Compilieren, beim Entwerfen und Löten und beim Austausch unserer Erfahrungen und unseres Wissens zu dem Schluss gekommen, dass wir dem ganzen eine gewisse Beständigkeit verleihen wollen. Am 07.9.2016 haben wir auf der Gründungsversammlung eine Satzung beschlossen und den c3RE e.V. gegründet.
+
+Der regelmäßige Chaostreff an jedem Mittwoch ab ca. 18.00 Uhr läuft weiter unter dem Motto „Open Chaos – All Creatures Welcome“ und steht allen Interessierten offen. Wir freuen uns auf jeden Besuch! Neben kurzen Vorträgen zu verschiedenen, meist technischen Themen wird viel an einzelnen Projekten geplant und gelötet.
+
+Komm doch mal vorbei!
+![Gravel Calls](/img/crunch.webp#center_sa)
+
+Seit Januar 2015 haben sich erstmalig technisch und netzpolitisch Interessierte zu einem eigenen [Chaostreff](http://ccc.de/de/regional) im Kreis Recklinghausen zusammengefunden. Als Chaostreff sind wir eine lockere Runde von Menschen, die sich mit dem [Chaos Computer Club](https://de.wikipedia.org/wiki/Chaos_Computer_Club) verbunden fühlen.
+
+Wir setzten uns zusammen und Quatschen über unsere Projekte, darüber was man mit Technik alles machen kann und manchmal auch, was die Konsequenzen davon sind. Wir haben gemeinsam viel Spaß am Gerät und helfen uns gegenseitig mit Tipps und Tools.
+
+Durch eine Begebenheit, die wie der Anfang von einem interessanten Witz klingt (Kommen ein Punker und ein Elektroingenieur in eine Bar…) haben wir inzwischen einen eigenen Hackerspace in der [Hackerhütte](https://wiki.c3re.de/de/Chaostreff-Hackerhuette-c3RE/Hackerspace).
+
+Bei unseren offenen Treffen sind wir beim Programmieren und Compilieren, beim Entwerfen und Löten und beim Austausch unserer Erfahrungen und unseres Wissens zu dem Schluss gekommen, dass wir dem ganzen eine gewisse Beständigkeit verleihen wollen. Am 07.9.2016 haben wir auf der Gründungsversammlung eine Satzung beschlossen und den c3RE e.V. gegründet.
+
+Der regelmäßige Chaostreff an jedem Mittwoch ab ca. 18.00 Uhr läuft weiter unter dem Motto „Open Chaos – All Creatures Welcome“ und steht allen Interessierten offen. Wir freuen uns auf jeden Besuch! Neben kurzen Vorträgen zu verschiedenen, meist technischen Themen wird viel an einzelnen Projekten geplant und gelötet.
+
+Komm doch mal vorbei!

content/unsere-philosophie.md

@@ -0,0 +1,38 @@
+---
+title: "Unsere Philosophie"
+date:
+tags: []
+categories: []
+weight: 50
+show_comments: false
+katex: false
+draft: false
+description: ""
+---
+
+Computer, Algorithmen und technische Systeme im Allgemeinen haben für das Leben und Zusammenleben in unserer Gesellschaft einen sehr hohen Stellenwert erreicht. Durch den hohen und weiter ansteigenden Grad der Vernetzung solcher Systeme ist heute das Leben der Mehrheit aller Menschen von diesen Systemen beeinflusst und oft auch abhängig.
+
+Dabei haben nur relativ wenige Menschen ein tieferes Verständnis über den inneren technischen Aufbau und die Funktion solcher Systemen.
+
+Wir wollen solche Systeme in großer Tiefe aber auch in ihrem Zusammenwirken verstehen, unser Wissen in diesem Bereich erweitern und unsere Erkenntnisse verbreiten. Dabei betrachten wir sowohl die Chancen, also auch die Risiken, die sich für die Gesellschaft aus diesen Systemen ergeben.
+
+Wir tun dies aus einem persönlichen, inneren Drang nach Verständnis und der Freude an der Umsetzung des Erlernten in praktischer, aber auch in spielerischer und künstlerischer Form.
+
+Wir tun dies aber auch vor dem Hintergrund, unsere Freiheit und unsere demokratischen Grundrechte vor dem fahrlässigen oder böswilligen Einsatz solcher Systeme zu schützen.
+
+Be excellent to each other!
+
+# **Hackerethik**
+
+Die ethischen Grundsätze des Hackens – Motivation und Grenzen:
+
+- Der Zugang zu Computern und allem, was einem zeigen kann, wie diese Welt funktioniert, sollte unbegrenzt und vollständig sein.
+- Alle Informationen müssen frei sein.
+- Mißtraue Autoritäten – fördere Dezentralisierung.
+- Beurteile einen Hacker nach dem, was er tut, und nicht nach üblichen Kriterien wie Aussehen, Alter, Herkunft, Spezies, Geschlecht oder gesellschaftliche Stellung.
+- Man kann mit einem Computer Kunst und Schönheit schaffen.
+- Computer können dein Leben zum Besseren verändern.
+- Mülle nicht in den Daten anderer Leute.
+- Öffentliche Daten nützen, private Daten schützen.
+
+[CCC Hackerethik](https://www.ccc.de/de/hackerethik)

static/img/github.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,256,256" width="100px" height="100px" fill-rule="nonzero"><g fill="#ffffff" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(8.53333,8.53333)"><path d="M15,3c-6.627,0 -12,5.373 -12,12c0,5.623 3.872,10.328 9.092,11.63c-0.056,-0.162 -0.092,-0.35 -0.092,-0.583v-2.051c-0.487,0 -1.303,0 -1.508,0c-0.821,0 -1.551,-0.353 -1.905,-1.009c-0.393,-0.729 -0.461,-1.844 -1.435,-2.526c-0.289,-0.227 -0.069,-0.486 0.264,-0.451c0.615,0.174 1.125,0.596 1.605,1.222c0.478,0.627 0.703,0.769 1.596,0.769c0.433,0 1.081,-0.025 1.691,-0.121c0.328,-0.833 0.895,-1.6 1.588,-1.962c-3.996,-0.411 -5.903,-2.399 -5.903,-5.098c0,-1.162 0.495,-2.286 1.336,-3.233c-0.276,-0.94 -0.623,-2.857 0.106,-3.587c1.798,0 2.885,1.166 3.146,1.481c0.896,-0.307 1.88,-0.481 2.914,-0.481c1.036,0 2.024,0.174 2.922,0.483c0.258,-0.313 1.346,-1.483 3.148,-1.483c0.732,0.731 0.381,2.656 0.102,3.594c0.836,0.945 1.328,2.066 1.328,3.226c0,2.697 -1.904,4.684 -5.894,5.097c1.098,0.573 1.899,2.183 1.899,3.396v2.734c0,0.104 -0.023,0.179 -0.035,0.268c4.676,-1.639 8.035,-6.079 8.035,-11.315c0,-6.627 -5.373,-12 -12,-12z"></path></g></g></svg>

static/img/mastodon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,256,256" width="100px" height="100px" fill-rule="nonzero"><g fill="#ffffff" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(8,8)"><path d="M15.9375,4.03125c-3.0205,0.01225 -6.01958,0.39573 -7.58008,1.11523c0,0 -3.35742,1.52837 -3.35742,6.73437c0,6.197 -0.0045,13.97938 5.5625,15.48438c2.132,0.573 3.96545,0.69633 5.43945,0.61133c2.675,-0.151 3.99805,-0.9707 3.99805,-0.9707l-0.08984,-1.97656c0,0 -1.73386,0.61102 -3.88086,0.54102c-2.127,-0.075 -4.3678,-0.23462 -4.7168,-2.89062c-0.032,-0.247 -0.04787,-0.49709 -0.04687,-0.74609c4.507,1.119 8.3502,0.48738 9.4082,0.35938c2.954,-0.359 5.52552,-2.2113 5.85352,-3.9043c0.514,-2.668 0.4707,-6.50781 0.4707,-6.50781c0,-5.206 -3.35156,-6.73437 -3.35156,-6.73437c-1.6455,-0.7685 -4.68848,-1.12748 -7.70898,-1.11523zM12.70508,8.00195c1.03487,0.02775 2.0575,0.49075 2.6875,1.46875l0.60938,1.03516l0.60742,-1.03516c1.265,-1.967 4.10022,-1.84427 5.44922,-0.32227c1.244,1.448 0.9668,2.38256 0.9668,8.85156v0.00195h-2.44727v-5.62891c0,-2.635 -3.35937,-2.73677 -3.35937,0.36523v3.26172h-2.43164v-3.26172c0,-3.102 -3.35742,-3.00219 -3.35742,-0.36719v5.62891h-2.45313c0,-6.474 -0.2722,-7.41456 0.9668,-8.85156c0.6795,-0.766 1.72684,-1.17423 2.76172,-1.14648z"></path></g></g></svg>

static/img/matrix.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,256,256" width="100px" height="100px" fill-rule="nonzero"><g fill="#ffffff" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(5.12,5.12)"><path d="M5,5c-0.55226,0.00006 -0.99994,0.44774 -1,1v38c0.00006,0.55226 0.44774,0.99994 1,1h3c0.36064,0.0051 0.69608,-0.18438 0.87789,-0.49587c0.18181,-0.3115 0.18181,-0.69676 0,-1.00825c-0.18181,-0.3115 -0.51725,-0.50097 -0.87789,-0.49587h-2v-36h2c0.36064,0.0051 0.69608,-0.18438 0.87789,-0.49587c0.18181,-0.3115 0.18181,-0.69676 0,-1.00825c-0.18181,-0.3115 -0.51725,-0.50097 -0.87789,-0.49587zM42,5c-0.36064,-0.0051 -0.69608,0.18438 -0.87789,0.49587c-0.18181,0.3115 -0.18181,0.69676 0,1.00825c0.18181,0.3115 0.51725,0.50097 0.87789,0.49587h2v36h-2c-0.36064,-0.0051 -0.69608,0.18438 -0.87789,0.49587c-0.18181,0.3115 -0.18181,0.69676 0,1.00825c0.18181,0.3115 0.51725,0.50097 0.87789,0.49587h3c0.55226,-0.00006 0.99994,-0.44774 1,-1v-38c-0.00006,-0.55226 -0.44774,-0.99994 -1,-1zM31.07422,17.50977c-1.09848,-0.02226 -2.20583,0.25053 -3.0957,0.86328c-0.571,0.394 -1.06291,0.89977 -1.62891,1.38477c-0.861,-1.718 -2.42027,-2.17703 -4.19727,-2.20703c-1.801,-0.031 -3.23142,0.79102 -4.48242,2.29102v-1.8418h-3.66992v14h3.66406c0,0 -0.00609,-5.23398 0.00391,-7.83398c0.002,-0.462 0.02123,-0.93377 0.11523,-1.38477c0.29,-1.389 1.75483,-2.24681 3.17383,-2.13281c1.352,0.109 2.14298,0.84722 2.20898,2.44922c0.011,0.279 0,8.90234 0,8.90234h3.66602v-7.77148c0.006,-0.599 0.06984,-1.21102 0.21484,-1.79102c0.326,-1.3 1.54366,-1.93925 2.97266,-1.78125c1.26,0.139 2.2195,0.81836 2.3125,2.19336v9.15039h3.66797v-10c0,-1 -0.25364,-1.50914 -0.55664,-2.11914c-0.7325,-1.47563 -2.53835,-2.33399 -4.36914,-2.37109z"></path></g></g></svg>

themes/hugo-theme-flat/layouts/_default/baseof.html

@@ -11,9 +11,19 @@
                 {{ block "main" . }}{{ end }}
             </div>
             <div class="side">
+                {{/*{{ range .Site.Sections }}
+                    {{ partial "side-recent.html" . }}
+                {{ end }}
+                {{ partial "side-categories.html" . }}
+                {{ partial "side-tags.html" . }}
+                */}}
+                {{ partial "side-calendar.html" . }}
+                {{ partial "side-door-status.html" . }}
                 {{ partial "side-contact.html" . }}
+
             </div>
         </main>
+        {{ partial "footer.html" . }}
         {{ partial "html-end.html" . }}
     </body>
 </html>

themes/hugo-theme-flat/layouts/partials/head.html

@@ -4,7 +4,7 @@
 <meta name="gitdate" content="{{ .Page.GitInfo.CommitDate }}">
 <meta name="gitmsg" content="{{ .Page.GitInfo.Subject }}">
 <meta name="buildtime" content="{{ time.Now }}">
-
+<link rel="icon" type="image/png" href="{{ "img/fav.png" | relURL }}">
 {{ $title := .Site.Title -}}
 {{ if .Params.Title -}}
     {{ $title = printf "%s | %s" .Params.Title $title -}}
@@ -84,3 +84,20 @@
     }
 </style>
 
+<link rel="preload" as="style" href="{{ "lib/icofont/icofont.min.css" | relURL }}" />
+<link rel="preload" as="style" href="{{ "css/syntax.css" | relURL }}" />
+<link rel="preload" as="style" href="{{ "css/style.css" | relURL }}" />
+
+<link rel="preload" as="image" href="{{ "img/banner_unknown.jpg" | relURL }}" />
+<link rel="preload" as="image" href="{{ "img/banner_open.jpg" | relURL }}" />
+<link rel="preload" as="image" href="{{ "img/banner_closed.jpg" | relURL }}" />
+<link rel="preload" as="image" href="{{ "doorstatus/open.png" | relURL }}" />
+<link rel="preload" as="image" href="{{ "doorstatus/closed" | relURL }}" />
+
+
+<link rel="preload" as="script" href="/js/jquery-3.7.1.min.js" />
+<link rel="preload" as="script" href="/js/href_handling.js" />
+<link rel="preload" as="script" href="/js/door-status.js" />
+<link rel="preload" as="script" href="/js/calendar.js" />
+
+<link rel="preload" fetchpriority="high" as="image" href="/img/banner.png" type="image/png">

themes/hugo-theme-flat/layouts/partials/html-end.html

@@ -5,4 +5,6 @@
 <link rel="stylesheet" href="{{ "css/style.css" | relURL }}" />
 
 <script src="/js/jquery-3.7.1.min.js"></script>
-<script src="/js/banner.js"></script>
+<script src="/js/href_handling.js"></script>
+<script src="/js/door-status.js"></script>
+<script src="/js/calendar.js"></script>

themes/hugo-theme-flat/layouts/partials/side-contact.html

@@ -1,22 +1,20 @@
 <div class="side-contact">
     <h2>Kontakt</h2>
-    <br/>
+    <br />
     <ul>
+            <li>
+                kontakt@c3re.de
+            </li>
+            <li>
+                02361/8488096
+            </li>
         <li>
-            <a href="mailto:3dPOC@c3re.de">3dPOC@c3re.de</a>
-            <br />
+            <a href="/kontakt/#anreise">Anreise</a>
         </li>
         <li>
-            <a href="https://wiki.c3re.de/de/Chaostreff-Hackerhuette-c3RE/3D-POC">3D-POC WIKI</a>
-            <br/>
-        </li>
-        <li>
-            <a href="https://matrix.to/#/#3D-Druck-Organisation:matrix.c3re.de">Matrix: Organisation</a><p>(Anmeldung von Drucken)</p>
-            <br/>
-        </li>
-        <li>
-            <a href="https://matrix.to/#/#3d-druck:matrix.c3re.de">Matrix: Logbuch</a> <p>(Melden von Problemen)</p>
-            <br />
+                <a class="icon" href="https://matrix.to/#/#hackerhuette:matrix.c3re.de"><img alt="Matrix Chat" src="/img/matrix.svg" width="50px" /></a>
+            <a class="icon" href="https://chaos.social/@c3re"><img alt="Mastodon" src="/img/mastodon.svg" width="50px" /></a>
+            <a class="icon" href="https://github.com/orgs/c3re"><img alt="Github" src="/img/github.svg" width="50px" /></a>
         </li>
     </ul>
 </div>

themes/hugo-theme-flat/layouts/partials/side-recent.html

@@ -1,7 +1,6 @@
 <div class="side-recent">
     <h2 class="side-title">
         <a href="{{ .RelPermalink }}">Recent {{ .Section | humanize }}</a>
-
     </h2>
     <hr />
 

themes/hugo-theme-flat/static/css/style.css

@@ -268,13 +268,18 @@ a.external:after {
 /* .header-wrapper, .footer { width: 100vw; } */
 .header {
   /*background-image: url("/img/banner.png");*/
-  background-image: url("/img/banner/off.jpg");
+  background-image: url("/img/banner_unknown.jpg");
   background-size: cover;
   background-repeat: no-repeat;
   background-position-x: center ;
     background-position-y: top ;
 }
-
+.door_open .header{
+    background-image: url("/img/banner_open.jpg");
+}
+.door_closed .header{
+  background-image: url("/img/banner_closed.jpg");
+}
 .header-wrapper,
 .footer {
   width: 90vw;

themes/hugo-theme-flat/static/js/banner.js

@@ -1,99 +0,0 @@
-let online,percentage,status;
-
-const update = function () {
-    let todo=3;
-    fetch("https://spaceapi.c3re.de/prusaxl_online.json")
-        .then(function (response) {
-          return response.json();
-        })
-        .then(function (data) {
-          online=data
-            todo--;
-            if(todo===0){
-                run();
-            }
-        });
-      fetch("https://spaceapi.c3re.de/prusaxl_status.json")
-          .then(function (response) {
-              return response.text();
-          })
-          .then(function (data) {
-              status=data
-              todo--;
-              if(todo===0){
-                  run();
-              }
-          });
-      fetch("https://spaceapi.c3re.de/prusaxl_percentage.json")
-          .then(function (response) {
-              return response.text();
-          })
-          .then(function (data) {
-
-              percentage=parseInt(data)
-              todo--;
-              if(todo===0){
-                  run();
-              }
-          });
-  }
-
-  update();
-setInterval(update, 1000);
-
-
-function run(){
-    if(!online){
-        setImage("OFF");
-    }else{
-        setImage(status,percentage);
-    }
-}
-
-//[ IDLE, BUSY, PRINTING, PAUSED, FINISHED, STOPPED, ERROR, ATTENTION, READY ]
-
-function setImage(status,percentage){
-  let el=document.getElementsByClassName("header")[0];
-  let imagepath=getBannerPath(status,percentage);
-    if(imagepath) {
-      el.style.backgroundImage = "url('" + imagepath + "')";
-    }
-}
-
-function getBannerPath(status,percentage){
-    if(status === "IDLE") {
-      return "/img/banner/idle.jpg";
-    } else if(status === "BUSY") {
-        return null;
-    } else if(status === "PRINTING") {
-
-      percentage = parseInt(percentage);
-      percentage = Math.min(100, percentage);
-      percentage = Math.max(0, percentage);
-      percentage = Math.floor(percentage/5)*5;
-        return "/img/banner/"+percentage+".jpg";
-
-    } else if(status === "PAUSED") {
-        return null;
-    } else if(status === "FINISHED") {
-        return "/img/banner/100.jpg";
-    }
-    else if(status === "STOPPED") {
-        return "/img/banner/attention.jpg";
-    }
-    else if(status === "ERROR") {
-        return "/img/banner/attention.jpg";
-    }
-    else if(status === "ATTENTION") {
-        return "/img/banner/attention.jpg";
-    }
-    else if(status === "READY") {
-        return "/img/banner/idle.jpg";
-    }
-    else {
-        return "/img/banner/off.jpg";
-    }
-
-
-
-}

themes/hugo-theme-flat/static/js/calendar.js

@@ -0,0 +1,87 @@
+const calRefresh=function () {
+  let url =
+      "https://ical2json.c3re.de/api/?url=https%3A%2F%2Fcloud.c3re.de%2Fremote.php%2Fdav%2Fpublic-calendars%2FRLKKkdjNYgXH8yEz%3Fexport&start=today&end=next+month&maxitems=10";
+  let xmlHttp = new XMLHttpRequest();
+  let zeropad = function (i) {
+    let o = "";
+    if (i <= 9) o += "0";
+    o += i;
+    return o;
+  };
+  xmlHttp.onreadystatechange = function () {
+    if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
+      let cal = JSON.parse(xmlHttp.responseText);
+      let $ = jQuery;
+      let box = $("#calendar");
+
+      box.removeClass("loading");
+      try{
+        for( el of document.querySelectorAll("#calendar li")){
+          el.remove()
+        }
+      }catch(e){}
+      for (let item of cal) {
+        let li = $("<li/>");
+        //li.text(item.summary)
+        let startDate = new Date(item.start * 1000);
+
+        //check if the date is within today, not tomorrow, not yesterday
+        let today = new Date();
+        let todayString = today.getFullYear() + "-" + zeropad(today.getMonth() + 1) + "-" + zeropad(today.getDate());
+        let startDateString = startDate.getFullYear() + "-" + zeropad(startDate.getMonth() + 1) + "-" + zeropad(startDate.getDate());
+        let todayClass=""
+        if (todayString === startDateString) todayClass=" today";
+
+
+        let date = $("<span class='date row"+todayClass+"'/>");
+        date.text(
+            zeropad(startDate.getDate()) +
+            "." +
+            zeropad(1 + startDate.getMonth()) +
+            "." +
+            startDate.getFullYear() +
+            " - " +
+            zeropad(startDate.getHours()) +
+            ":" +
+            zeropad(startDate.getMinutes())
+        );
+        date.appendTo(li);
+        let summary = $("<span class='summary row'/>");
+        summary.text(item.summary);
+        if (item.url) {
+          let a = $("<a/>");
+          a.attr("href", item.url);
+          a.attr("title", item.description);
+          a.append(summary);
+          a.appendTo(li);
+        } else {
+          summary.appendTo(li);
+        }
+        if (item.location) {
+          let loc = $("<span class='location'>📍</span>");
+
+          loc.attr("data-loc", item.location);
+          loc.attr("title", "Click to copy: " + item.location);
+          loc.appendTo(date);
+        }
+
+        li.attr("title", item.description);
+        li.appendTo(box);
+      }
+      try{
+      document.querySelector("#calendar .loading").remove();
+        }catch(e){}
+
+      $(".location", box).click(function () {
+        navigator.clipboard.writeText($(this).attr("data-loc"));
+      });
+    }
+  };
+  xmlHttp.open("GET", url, true); // true for asynchronous
+  xmlHttp.send();
+}
+
+document.addEventListener("DOMContentLoaded", function(){
+  calRefresh();
+  setInterval(calRefresh, 1000*60*15);
+});

themes/hugo-theme-flat/static/js/door-status.js

@@ -0,0 +1,49 @@
+document.addEventListener("DOMContentLoaded", function () {
+  const update = function () {
+    fetch("https://spaceapi.c3re.de/")
+      .then(function (response) {
+        return response.json();
+      })
+      .then(function (data) {
+        let body=document.getElementsByTagName("body")[0];
+        let fav=document.querySelector("head link[rel='icon']");
+        if (data.state.open) {
+          body.classList.remove("door_closed");
+          body.classList.add("door_open");
+          fav.setAttribute("href", "img/favopen.png")
+        } else {
+          body.classList.remove("door_open");
+          body.classList.add("door_closed");
+          fav.setAttribute("href", "img/favclosed.png")
+
+        }
+        document
+          .getElementById("ds-img")
+          .setAttribute(
+            "src",
+            data.state.open ? data.state.icon.open : data.state.icon.closed
+          );
+        document.getElementById("ds-status").innerHTML = data.state.open
+          ? "Geöffnet"
+          : "Geschlossen";
+
+        document.getElementById("ds-temp").innerHTML =
+          "" +
+          data.sensors.temperature[0].value +
+          data.sensors.temperature[0].unit;
+        const lastchange = new Date(data.state.lastchange * 1000);
+        document.getElementById("ds-date").innerHTML =
+          lastchange.getDate().toString().padStart(2, "0") +
+          "." +
+          (lastchange.getMonth() + 1).toString().padStart(2, "0") +
+          "." +
+          lastchange.getFullYear() +
+          " " +
+          lastchange.getHours().toString().padStart(2, "0") +
+          ":" +
+          lastchange.getMinutes().toString().padStart(2, "0");
+      });
+  };
+  update();
+  setInterval(update, 10000);
+});

themes/hugo-theme-flat/static/js/href_handling.js

@@ -0,0 +1,19 @@
+document.addEventListener("DOMContentLoaded", function () {
+  document.querySelectorAll("a").forEach(function (element) {
+    const myhost = window.location.hostname;
+    const linkhost = new URL(element.href).hostname;
+    if (myhost === linkhost) {
+      let prefetchUrl = new URL(element.href).toString();
+      // lest make a prefetch tag for this url
+      let link = document.createElement("link");
+      link.setAttribute("rel", "prefetch");
+      link.setAttribute("href", prefetchUrl);
+      link.setAttribute("as", "document");
+      document.head.appendChild(link);
+      element.classList.add("internal");
+    } else {
+      element.setAttribute("target", "_blank");
+      element.classList.add("external");
+    }
+  });
+});