diff --git a/src/components/nav.js b/src/components/nav.js
index b43302f..e403515 100644
--- a/src/components/nav.js
+++ b/src/components/nav.js
@@ -14,17 +14,21 @@ let pages = [
]
function PathCheck(path, link) {
- if(path === link) {
- return ' ' + navStyles.navItemActive
- }
+ const isSSR = typeof window === 'undefined'
- if(link !== '/' && path !== '/') {
- if(path.includes(link)){
+ if(!isSSR) {
+ if(path === link) {
return ' ' + navStyles.navItemActive
}
- if(link.includes(path)){
- return ' ' + navStyles.navItemActive
+ if(link !== '/' && path !== '/') {
+ if(path.includes(link)){
+ return ' ' + navStyles.navItemActive
+ }
+
+ if(link.includes(path)){
+ return ' ' + navStyles.navItemActive
+ }
}
}
@@ -33,9 +37,6 @@ function PathCheck(path, link) {
export default function Nav({ path }) {
// nav items should always be active in the staticly generated html
- const isSSR = typeof window === 'undefined'
- const activeClasses = link =>
- isSSR && path === link ? ' ' + navStyles.navItemActive : ''
return (
<>
diff --git a/src/images/adresse_knopf.webp b/src/images/adresse_knopf.webp
new file mode 100644
index 0000000..8d5eaf9
Binary files /dev/null and b/src/images/adresse_knopf.webp differ
diff --git a/src/images/chat_knopf.webp b/src/images/chat_knopf.webp
new file mode 100644
index 0000000..f77af52
Binary files /dev/null and b/src/images/chat_knopf.webp differ
diff --git a/src/images/mail_knopf.webp b/src/images/mail_knopf.webp
new file mode 100644
index 0000000..7ba805c
Binary files /dev/null and b/src/images/mail_knopf.webp differ
diff --git a/src/images/tel_knopf.webp b/src/images/tel_knopf.webp
new file mode 100644
index 0000000..9a8d4af
Binary files /dev/null and b/src/images/tel_knopf.webp differ
diff --git a/src/styles/global.css b/src/styles/global.css
index 7fbca3e..a7fa12d 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -42,3 +42,11 @@ h6 {
font-family: 'Space Mono', monospace;
font-weight: bold;
}
+
+a[title="IRC"], a[title="eMail"], a[title="Telefon"], a[title="Adresse"] {
+ display: inline-block !important;
+ width: 100px;
+ height: 100px;
+ display: inline-block !important;
+ margin: 0 1vw 0 1vw;;
+}
\ No newline at end of file
diff --git a/src/webpages/adresse.md b/src/webpages/adresse.md
new file mode 100644
index 0000000..0200e07
--- /dev/null
+++ b/src/webpages/adresse.md
@@ -0,0 +1,15 @@
+---
+path: '/kontakt/adresse/'
+title: 'adresse'
+edit: 'adresse.md'
+---
+
+import { Address } from "../components/data.js"
+
+[Zurück](/kontakt)
+
+# Adresse
+
+
+
+
Größere Karte anzeigen
\ No newline at end of file
diff --git a/src/webpages/irc.md b/src/webpages/irc.md
new file mode 100644
index 0000000..7b90ac1
--- /dev/null
+++ b/src/webpages/irc.md
@@ -0,0 +1,61 @@
+---
+path: '/kontakt/irc/'
+title: 'irc'
+edit: 'irc.md'
+---
+
+[Zurück](/kontakt)
+
+# IRC
+
+Wir sind im Hackint IRC-Netzwerk erreichbar, der Server ist
+**irc.hackint.org** (SSL Port **6697**), Channel **#ccc.do**.
+
+Um Missverständnisse und böses Blut zu vermeiden, hier mal reinschauen:
+
+[RFC-1855](https://tools.ietf.org/html/rfc1855),
+[RFC-2811](https://tools.ietf.org/html/rfc2811)
+
+## Warum Hackint
+
+Das Hackint-Netzwerk wurde unter anderem vom Chaostreff Dortmund ins Leben
+gerufen, um eine einfache und trotzdem sichere Kommunikation zu ermöglichen.
+Um das zu gewährleisten sind alle Server-Verbindungen verschlüsselt
+und alle Server ermöglichen den Benutzern eine verschlüsselte Verbindung
+via SSL aufzubauen.
+Eines der Ziele des Hackints ist es, eine Heimat für Hacker, Haecksen und
+ähnliche Leute auf der ganzen Welt zu schaffen und einfache Verbindungen
+zwischen einzelnen Gruppen zu ermöglichen.
+Damit das klappt, müssen sich möglichst viele chaosnahe Gruppen in diesem Netz
+anfinden.
+
+## Anleitung für des IRCens Unkundige
+
+### Einen IRC-Client suchen
+
+Unix/Linux-nutzende können [HexChat](https://hexchat.github.io/) benutzen,
+oder, für das CLI-Feeling `weechat` oder `irssi`.
+
+Windows-nutzenden ist ebenfalls [HexChat](https://hexchat.github.io/)
+zu empfehlen.
+
+todo: Macs
+
+### Konfiguration von HexChat
+
+Als erstes muss du dir einen Nick-(Spitz-)namen ausdenken.
+Jede Person hat einen einzigartigen Nick, daher nicht wundern wenn gängige
+Namen schon vergeben sind.
+Ein Nick darf maximal 15 Buchstaben/Zahlen lang sein.
+Sonderzeichen funktionieren zwar, sehen aber komisch aus.
+
+Wenn du einen Nick gefunden hast, klick bei den Netzwerken aufs Plus.
+Dort vergibst du den Namen "hackint" und klickst direkt weiter auf bearbeiten.
+Statt dem voreingetragenen Server schreib dort `irc.hackint.org/6697` hin.
+Dann wähle den Haken um `SSL` für alle Server des Netzwerks zu verwenden an.
+Nur noch die Netzwerkkonfiguration schließen und auf verbinden klicken.
+
+Nach dem Verbinden sollte HexChat fragen welchem Channel du joinen möchtest.
+Gib dort `#ccc.do` ein und drücke ok.
+
+\o/ du kannst uns jetzt Nachrichten schreiben.
\ No newline at end of file
diff --git a/src/webpages/kontakt.md b/src/webpages/kontakt.md
index 894a505..7c91707 100644
--- a/src/webpages/kontakt.md
+++ b/src/webpages/kontakt.md
@@ -3,148 +3,7 @@ path: '/kontakt/'
title: 'kontakt'
edit: 'kontakt.md'
---
-
-import Accordion from "../components/accordion.js"
-import { PublicMail, MailinglistMail, DonationMail, Address, Phone } from "../components/data.js"
-
-# Ich möchte
-
-
-
-Wir sind im Hackint IRC-Netzwerk erreichbar, der Server ist
-**irc.hackint.org** (SSL Port **6697**), Channel **#ccc.do**.
-
-Um Missverständnisse und böses Blut zu vermeiden, hier mal reinschauen:
-
-[RFC-1855](https://tools.ietf.org/html/rfc1855),
-[RFC-2811](https://tools.ietf.org/html/rfc2811)
-
-## Warum Hackint
-
-Das Hackint-Netzwerk wurde unter anderem vom Chaostreff Dortmund ins Leben
-gerufen, um eine einfache und trotzdem sichere Kommunikation zu ermöglichen.
-Um das zu gewährleisten sind alle Server-Verbindungen verschlüsselt
-und alle Server ermöglichen den Benutzern eine verschlüsselte Verbindung
-via SSL aufzubauen.
-Eines der Ziele des Hackints ist es, eine Heimat für Hacker, Haecksen und
-ähnliche Leute auf der ganzen Welt zu schaffen und einfache Verbindungen
-zwischen einzelnen Gruppen zu ermöglichen.
-Damit das klappt, müssen sich möglichst viele chaosnahe Gruppen in diesem Netz
-anfinden.
-
-## Anleitung für des IRCens Unkundige
-
-### Einen IRC-Client suchen
-
-Unix/Linux-nutzende können [HexChat](https://hexchat.github.io/) benutzen,
-oder, für das CLI-Feeling `weechat` oder `irssi`.
-
-Windows-nutzenden ist ebenfalls [HexChat](https://hexchat.github.io/)
-zu empfehlen.
-
-todo: Macs
-
-### Konfiguration von HexChat
-
-Als erstes muss du dir einen Nick-(Spitz-)namen ausdenken.
-Jede Person hat einen einzigartigen Nick, daher nicht wundern wenn gängige
-Namen schon vergeben sind.
-Ein Nick darf maximal 15 Buchstaben/Zahlen lang sein.
-Sonderzeichen funktionieren zwar, sehen aber komisch aus.
-
-Wenn du einen Nick gefunden hast, klick bei den Netzwerken aufs Plus.
-Dort vergibst du den Namen "hackint" und klickst direkt weiter auf bearbeiten.
-Statt dem voreingetragenen Server schreib dort `irc.hackint.org/6697` hin.
-Dann wähle den Haken um `SSL` für alle Server des Netzwerks zu verwenden an.
-Nur noch die Netzwerkkonfiguration schließen und auf verbinden klicken.
-
-Nach dem Verbinden sollte HexChat fragen welchem Channel du joinen möchtest.
-Gib dort `#ccc.do` ein und drücke ok.
-
-\o/ du kannst uns jetzt Nachrichten schreiben.
-
-
-
-
-Wenn du eine einfache Anfrage hast, schreib einfach an unsere Mailingliste
-(aber schreib bitte dabei, dass du nicht auf der Liste eingetragen bist.
-Sonst erreichen dich die Antworten möglicherweise nicht).
-Wenn du dich zum Chaostreff gesellen möchtest,
-trägst du dich am besten auf der Liste ein.
-
-Unsere Mailinglist ist unter ,
-diese ist auch unsere öffentliche Mailingliste.
-
-Presse:
-Spenden:
-
-## Subscriben/Unsubscriben auf die Mailingliste
-
-Die Mailingliste wird von Mailman gemanaged und ist offen für alle.
-Subscriben kann man sich auf der Mailingliste,
-indem man auf die
-[Mailman](https://lists.chaostreff-dortmund.de/cgi-bin/mailman/listinfo/discuss)
-Seite geht und sich dort einträgt.
-
-## Was ist so auf der Mailingliste
-
-Alle Chaostreff-Aktivitäten werden (sollten zumindest) über die Mailingliste
-geplant oder zumindest angekündigt.
-Wenn man nur wissen möchte, was der Chaostreff gerade so macht,
-kann man natürlich auch regelmässig auf unsere Webseite gucken.
-Wenn man wirklich wissen möchte was gerade geht, sollte man sich auf die
-Mailingliste eintragen.
-Hier können und werden aktuelle Weltherrschaftspläne geschmiedet¹,
-Kontakte geschlossen, und auch sonstige, den Chaostreff betreffende,
-Themen besprochen.
-
-¹ liebes Finanzamt, das ist nur Spaß :)
-
-Außerdem findet man alles was für den Chaostreff von Interesse sein könnte und
-mit dem ein entfernter Bezug zum Chaostreff hergestellt werden kann.
-Also von Diskussionen zu aktueller Hardware und dem kreativen Umgang damit,
-über die neuesten Fort- und Rückschritte in aktuellen Gesetzgebungsverfahren
-und anderen Zeitgeschehen.
-
-Grundsätzlich gilt: Die Mailingliste ist nicht readonly und
-lebt durch eure Postings. Also postet!
-
-## FAQ
-
-### Wer kann die Subscriptions lesen?
-
-Jeder der auf der Liste subscribed ist kann sich die Subscriber-Liste ansehen.
-
-### Warum kommt meine Mail nicht auf der Mailingliste an?
-
-Damit die Mailingliste nicht als Spam-Multiplexer fungiert,
-ist sie so konfiguriert, dass alle Mails,
-die nicht eine auf der Liste eingetragene Mailaddresse
-im From: Header stehen haben,
-erstmal zur Moderator Mailingliste weitergeleitet werden.
-Da auch Moderatoren noch ein anderes Leben haben, kann das dann etwas dauern.
-
-### Wer sind diese Moderatoren?
-
-Zur Zeit: tarja, fisch und claas
-
-### Ich habe technische Probleme
-
-Bei technischen Problemen (subscription passt nicht)
-kann dem Listen-Owner geschrieben werden.
-Diese/r wird versuchen, dich innerhalb ihrer/seiner Möglichkeiten,
-nach bestem Wissen und Gewissen, zu unterstützen.
-
-
-
-
-
-Wenn du eher auf Voice-Communication stehst
-(oder einfach wissen willst, ob jemand im Raum ist),
-kannst du uns auch anrufen:
-Es klingelt im Raum, wenn man **** wählt.
-
-
-
-
-
+[![IRC](../images/chat_knopf.webp)](/kontakt/irc/ "IRC")
+[![eMail](../images/mail_knopf.webp)](/kontakt/mail/ "eMail")
+[![Telefon](../images/tel_knopf.webp)](/kontakt/tel/ "Telefon")
+[![Adresse](../images/adresse_knopf.webp)](/kontakt/adresse/ "Adresse")
diff --git a/src/webpages/mail.md b/src/webpages/mail.md
new file mode 100644
index 0000000..bfce5e1
--- /dev/null
+++ b/src/webpages/mail.md
@@ -0,0 +1,81 @@
+---
+path: '/kontakt/mail/'
+title: 'email'
+edit: 'mail.md'
+---
+
+import Accordion from "../components/accordion.js"
+import { PublicMail, MailinglistMail, DonationMail, } from "../components/data.js"
+
+[Zurück](/kontakt)
+
+# eMail
+
+Wenn du eine einfache Anfrage hast, schreib einfach an unsere Mailingliste
+(aber schreib bitte dabei, dass du nicht auf der Liste eingetragen bist.
+Sonst erreichen dich die Antworten möglicherweise nicht).
+Wenn du dich zum Chaostreff gesellen möchtest,
+trägst du dich am besten auf der Liste ein.
+
+Unsere Mailinglist ist unter ,
+diese ist auch unsere öffentliche Mailingliste.
+
+Presse:
+Spenden:
+
+## Subscriben/Unsubscriben auf die Mailingliste
+
+Die Mailingliste wird von Mailman gemanaged und ist offen für alle.
+Subscriben kann man sich auf der Mailingliste,
+indem man auf die
+[Mailman](https://lists.chaostreff-dortmund.de/cgi-bin/mailman/listinfo/discuss)
+Seite geht und sich dort einträgt.
+
+## Was ist so auf der Mailingliste
+
+Alle Chaostreff-Aktivitäten werden (sollten zumindest) über die Mailingliste
+geplant oder zumindest angekündigt.
+Wenn man nur wissen möchte, was der Chaostreff gerade so macht,
+kann man natürlich auch regelmässig auf unsere Webseite gucken.
+Wenn man wirklich wissen möchte was gerade geht, sollte man sich auf die
+Mailingliste eintragen.
+Hier können und werden aktuelle Weltherrschaftspläne geschmiedet¹,
+Kontakte geschlossen, und auch sonstige, den Chaostreff betreffende,
+Themen besprochen.
+
+¹ liebes Finanzamt, das ist nur Spaß :)
+
+Außerdem findet man alles was für den Chaostreff von Interesse sein könnte und
+mit dem ein entfernter Bezug zum Chaostreff hergestellt werden kann.
+Also von Diskussionen zu aktueller Hardware und dem kreativen Umgang damit,
+über die neuesten Fort- und Rückschritte in aktuellen Gesetzgebungsverfahren
+und anderen Zeitgeschehen.
+
+Grundsätzlich gilt: Die Mailingliste ist nicht readonly und
+lebt durch eure Postings. Also postet!
+
+## FAQ
+
+
+ Jeder der auf der Liste subscribed ist kann sich die Subscriber-Liste ansehen.
+
+
+
+ Damit die Mailingliste nicht als Spam-Multiplexer fungiert,
+ ist sie so konfiguriert, dass alle Mails,
+ die nicht eine auf der Liste eingetragene Mailaddresse
+ im From: Header stehen haben,
+ erstmal zur Moderator Mailingliste weitergeleitet werden.
+ Da auch Moderatoren noch ein anderes Leben haben, kann das dann etwas dauern.
+
+
+
+ Zur Zeit: tarja, fisch und claas
+
+
+
+ Bei technischen Problemen (subscription passt nicht)
+ kann dem Listen-Owner geschrieben werden.
+ Diese/r wird versuchen, dich innerhalb ihrer/seiner Möglichkeiten,
+ nach bestem Wissen und Gewissen, zu unterstützen.
+
\ No newline at end of file
diff --git a/src/webpages/tel.md b/src/webpages/tel.md
new file mode 100644
index 0000000..1d5e9e4
--- /dev/null
+++ b/src/webpages/tel.md
@@ -0,0 +1,16 @@
+---
+path: '/kontakt/tel/'
+title: 'telefon'
+edit: 'tel.md'
+---
+
+import { Phone } from "../components/data.js"
+
+[Zurück](/kontakt)
+
+# Telefon
+
+Wenn du eher auf Voice-Communication stehst
+(oder einfach wissen willst, ob jemand im Raum ist),
+kannst du uns auch anrufen:
+Es klingelt im Raum, wenn man **** wählt.
\ No newline at end of file