# How to MovementWiki

Wie funktioniert unser Wiki eigentlich?

# Account erstellen

\[lang:de\]

## Account erstellen

Um Artikel, also Bücher und Seiten zu bearbeiten benötigst du einen Account. Diesen Account kannst du erstellen, indem du oben rechts auf die Schaltfläche "Anmelden" klickst.

Falls du schon einen Account hast, kannst du dich nun anmelden, indem du deinen Account-Namen und dein Passwort eingibst. Wenn du keinen Account hast, klicke "Konto erstellen":

[![anmelden.png](https://wiki.aktivismus.org/uploads/images/gallery/2026-04/scaled-1680-/anmelden.png)](https://wiki.aktivismus.org/uploads/images/gallery/2026-04/anmelden.png)

Auf der dann erscheinenden Schaltfläche kannst du deinen Einladungscode eingeben und ein Passwort und einen Benutzer\*innennamen wählen. Den Einladungscode musst du zuvor von einer Person erhalten haben, die schon einen Account hat. Falls du einen Email-Account bei [systemli.org](https://systemli.org/) oder [riseup.net](https://riseup.net/) hast, kannst du den Einladungscode auch per Email erhalten. Klicke dafür auf "Hast du keinen Einladungscode?" und gib im nächsten Schritt deine Email-Adresse an.

[![placeholder-konto.png](https://wiki.aktivismus.org/uploads/images/gallery/2026-04/scaled-1680-/placeholder-konto.png)](https://wiki.aktivismus.org/uploads/images/gallery/2026-04/placeholder-konto.png)

Hinweise:

- Den Benutzer\*innennamen kannst du frei wählen, solange er noch verfügbar ist.
- Das Passwort sollte möglichst komplex sein und wie andere Passwörter in einer Passwortdatenbank gespeichert werden.
- Mit der Schaltfläche "Wiederherstellungsmethode auswählen" hast du die Möglichkeit, eine Email-Adresse anzugeben oder einen Token zu erhalten. Falls du dein Passwort vergisst, kannst du auf deinen Account dann wieder zugreifen, indem du eine Bestätigungsemail erhältst oder indem du den Wiederherstellungstoken angibst. Dies ist jedoch optional.

Klicke nun auf "Kontodaten einreichen". Jetzt hast du einen Account und kannst anfangen zu schreiben.

\[lang:en\]

## Creating an account

To edit articles (i.e. Books and Pages) you need an account. You can create an account by pressing "Anmelden" (german for "Sign in") in the top right corner of this page.

If you have an account already you can sign in by now entering your account name and your password. If you do not have an account press "Create Account":

[![signin.png](https://wiki.aktivismus.org/uploads/images/gallery/2026-04/scaled-1680-/signin.png)](https://wiki.aktivismus.org/uploads/images/gallery/2026-04/signin.png)

On the following site you can enter your invite code and choose a password and username. You need to obtain the invite code from a person who already has an account. In case you have an email account at [systemli.org](https://systemli.org/en/) or [riseup.net](https://riseup.net/) you can obtain an invite code by mail. For this press "Don't have an invite code?" and provide your mail address in the next step.

[![account.png](https://wiki.aktivismus.org/uploads/images/gallery/2026-04/scaled-1680-/account.png)](https://wiki.aktivismus.org/uploads/images/gallery/2026-04/account.png)

Hints:

- You can choose your username freely as long as it is available.
- As with your other passwords your password should be strong and saved using a password manager.
- Using the field "Select Recovery Method" you have the option to provide an email address or get a recovery token. If you forget your password you can regain access to your account by receiving a recovery mail or by passing the recovery token. But this is an optional feature.

Now press "Submit Account Details". Your account will be created and you can start writing.

# Bücher, Seiten, Regale

\[lang:de\]

## Bücher, Seiten, Regale

Dieses Wiki basiert auf der Wiki-Software [bookstack](https://www.bookstackapp.com/). Bookstack ordnet die Inhalte nach folgendem Schema:

Die grundlegende Einheit sind sogenannte **Bücher**. Wenn du ein neues Thema in das Wiki eintragen willst, solltest du dafür ein neues [Buch erstellen](https://wiki.aktivismus.org/books/how-to-movementwiki/page/ein-buch-bearbeiten "Ein Buch bearbeiten").

Ein Buch besteht aus mehreren **Seiten**, die die eigentlichen Informationen enthalten. Die Seiten eines Buches können zur besseren Übersicht in **Kapitel** eingeteilt werden. Seiten müssen dabei immer in einem Buch enthalten sein, Kapitel sind optional.

Falls es mehrere Bücher gibt, die sich mit ähnlichen Themen befassen, können diese in **Regale** einsortiert werden.

Regale, Bücher und Kapitel haben jeweils einen Titel und eine kurze Beschreibung, die ausführlichen Informationen befinden sich aber immer in den Seiten. Jede dieser Einheiten kann von dir erstellt oder bearbeitet werden, wenn du einen [Account erstellst](https://wiki.aktivismus.org/books/how-to-movementwiki/page/account-erstellen).

Wenn du mehr Informationen darüber suchst, wie das Wiki aufgebaut ist, kannst du in der [Dokumentation von Bookstack](https://www.bookstackapp.com/docs/user/content-overview/) (englisch) nachlesen.

\[lang:en\]

## Books, Pages, Shelves

This Wiki is based on the software [bookstack](https://www.bookstackapp.com/). Bookstack structures the content according to the following system:

The basic unit is the **book.** If you want to introduce a new topic to the wiki you should [create a new book](https://wiki.aktivismus.org/books/how-to-movementwiki/page/ein-buch-bearbeiten "Ein Buch bearbeiten").

A book consists of multiple **pages** containing the actual information. Pages can be grouped into **chapters** to keep them organized. Pages always need to be contained in a book. Chapters are optional.

If there are multiple books concerning similar topics they can be grouped into **shelves**.

Shelves, books and chapters each have a title and a short description. The detailed information can be found in pages. You can create or edit each of this units if you [create an account](https://wiki.aktivismus.org/books/how-to-movementwiki/page/account-erstellen).

If you want deeper information about the functionality of the wiki you can look into the [bookstack documentation](https://www.bookstackapp.com/docs/user/content-overview/).

# Ein Buch bearbeiten

\[lang:de\]

## Ein Buch erstellen

Um ein Buch zu erstellen oder zu bearbeiten, musst du dich in einem [Account](https://wiki.aktivismus.org/books/how-to-movementwiki/page/account-erstellen) anmelden.

- Navigiere auf die Buch-Übersichtsseite, indem du in der Leiste oben auf "Bücher" klickst
- Klicke auf die Schaltfläche "Neues Buch erstellen" in der Spalte ganz rechts
- Trage einen Buch-Titel und optional eine kurze Beschreibung ein, klicke dann auf "Buch speichern"

[![placeholder-buch-erstellen.png](https://wiki.aktivismus.org/uploads/images/gallery/2026-04/scaled-1680-/placeholder-buch-erstellen.png)](https://wiki.aktivismus.org/uploads/images/gallery/2026-04/placeholder-buch-erstellen.png)

## Ein Buch bearbeiten

- Navigiere zum Buch, entweder indem du durch die [Buch-Übersichtsseite](https://wiki.aktivismus.org/books) scrollst oder indem du in die Suchleiste oben den Buchtitel eingibst
- In der rechten Spalte gibt es mehrere Bearbeitungsmöglichkeiten, die wichtigsten sind: 
    - "Neue Seite" und "Neues Kapitel" sind selbsterklärend
    - "Bearbeiten" erlaubt dir den Buchtitel und die Beschreibung zu ändern
    - "Sortieren" erlaubt dir die Reihenfolge der Seiten und Kapitel zu ändern

[![buch-bearbeiten.png](https://wiki.aktivismus.org/uploads/images/gallery/2026-04/placeholder-buch-bearbeiten.png)](https://wiki.aktivismus.org/uploads/images/gallery/2026-04/placeholder-buch-bearbeiten.png)

\[lang:en\]

## Creating a book

To create or edit a book you need to sign into your [account](https://wiki.aktivismus.org/books/how-to-movementwiki/page/account-erstellen).

- navigate to the book index by clicking "Bücher" in the bar at the top
- click "Neues Buch erstellen" (german for "create new Book") in the column on the right
- enter a book title and optionally a short description, then click "Buch speichern" (german for "Save Book")

[![placeholder-buch-erstellen.png](https://wiki.aktivismus.org/uploads/images/gallery/2026-04/scaled-1680-/placeholder-buch-erstellen.png)](https://wiki.aktivismus.org/uploads/images/gallery/2026-04/placeholder-buch-erstellen.png)

## Editing a book

- navigate to the book either by scrolling through the [book index](https://wiki.aktivismus.org/books) or by entering the book title into the search bar at the top
- in the column on the right are several possibilities to edit the book, the most important are: 
    - "Neue Seite" and "Neues Kapitel" let you create a new page or chapter respectively
    - "Bearbeiten" lets you change the book title and description
    - "Sortieren" lets you change the order of pages and chapters

[![buch-bearbeiten.png](https://wiki.aktivismus.org/uploads/images/gallery/2026-04/scaled-1680-/placeholder-buch-bearbeiten.png)](https://wiki.aktivismus.org/uploads/images/gallery/2026-04/placeholder-buch-bearbeiten.png)

# Rollen im Wiki

\[lang:de\]

Jeder Account im Wiki kann sogenannte "Rollen" haben. Rollen erlauben es, einzustellen, welche Benutzer\*innen welche Inhalte anschauen, ändern oder erstellen können.

In diesem Wiki sind die wichtigsten Rollen "Editor" und "Admin". Alle Benutzer\*innen, die sich registrieren, kriegen die Rolle "Editor" zugewiesen und können damit [Regale, Bücher, Kapitel und Seiten](https://wiki.aktivismus.org/books/how-to-movementwiki/page/bucher-seiten-regale "Bücher, Seiten, Regale") anlegen und [verändern](https://wiki.aktivismus.org/books/how-to-movementwiki/page/ein-buch-bearbeiten "Ein Buch bearbeiten"), solange für diese nicht besondere Berechtigungen eingestellt wurden.

Accounts mit der Rolle "Admin" haben darüber hinaus noch weitere Rechte. Zum Beispiel können sie die Rollen von anderen Accounts verändern, Einstellungen des gesamten Wikis vornehmen, Accounts entfernen und vieles mehr. Wenn ihr spezielle Anfragen zur Verwaltung des Wikis habt, könnt ihr eine Person mit einem Admin-Account kontaktieren. Das Orgateam erreicht ihr zum Beispiel unter der Emailadresse <movementwiki@systemli.org>.  
  
Außerdem gibt es noch viele weitere Rollen. Mit diesen lässt sich zum Beispiel einstellen, dass nur bestimmte Accounts einen Bereich des Wikis sehen oder bearbeiten können. So lassen sich Inhalte organisieren, die zu bestimmten Gruppen gehören oder automatisiert mit anderen Wiki-Projekten abgeglichen werden.

Detaillierte Informationen findet ihr auch auf der [Dokumentationsseite von bookstack](https://www.bookstackapp.com/docs/user/roles-and-permissions/) (englisch).

\[lang:en\]

Each account in this wiki can have "roles" assigned to them. Roles enable us to control what kind of content a user can see, change or create.

In this wiki the most important roles are "Editor" and "Admin". All users who register themselves get assigned the role of "Editor". They can create and [edit](https://wiki.aktivismus.org/books/how-to-movementwiki/page/ein-buch-bearbeiten "Ein Buch bearbeiten") [shelves, books, chapters and pages](https://wiki.aktivismus.org/books/how-to-movementwiki/page/bucher-seiten-regale "Bücher, Seiten, Regale") as long as there are no special permissions for them.

Accounts with the "Admin" role have further abilities. They can change the roles of other accounts, change the global settings of the wiki, delete accounts and much more. If you have special requests about the wiki administration you can contact a person with an admin-account. You can reach the MovementWiki team under the email adress <movementwiki@systemli.org>.

Furthermore there are lots of other roles. We can use them for example to make an area of the wiki only accessible for reading or writing to a specific set of accounts. That way we can organize content that is associated to a group or gets mirrored from another wiki.

You can find detailed information in the [documentation of bookstack](https://www.bookstackapp.com/docs/user/roles-and-permissions/).

# Übersetzung / Translation

`Text auf deutsch ist unten`

[lang:en]

### Automatic Translations
Unfortunately, we have not yet managed to implement an automatic translation function, so the pages still have to be translated externally. Fortunately, there are already good options for this. 

1) Translate Pages
  - Translations can be achieved very well with browser extensions. It depends on which browser you use. The most common ones are listed here:
  - Firefox
    - Already [built-in](https://www.mozilla.org/en-US/firefox/features/translate/)
  - Chrome
    - [SimpleTranslate](https://chromewebstore.google.com/detail/simple-translate/ibplnjkanclpjokhdolnendpplpjiace?pli=1)
      - Open Source
  - Safari
    - Already [built-in](https://apps.apple.com/de/app/translate-for-safari/id1445040281?mt=12)

  2) Books and pages in other languages
- If you want to write entire articles in other languages, simply create a new book in the language in which the article is written.
- If you have resources, it would be helpful if you could translate your new article into other languages and add them!

---
<br></br>

### Making articles available in multiple languages
A page can be served in multiple languages, so users can switch between languages in the side panel and the page may automatically load in their preferred language.

To do this, simply open the page editor and insert a tag in the format `[lang:--]` __in a separate row__ before the section in the respective language (where -- can be replaced by any 2-digit country code). This allows the program to link the respective content to a language.

#### For example:
> [![](https://wiki.aktivismus.org/uploads/images/gallery/2025-06/scaled-1680-/O09Ac2UGPiBC1Pbc-image-1749900911756.png)](https://wiki.aktivismus.org/uploads/images/gallery/2025-06/O09Ac2UGPiBC1Pbc-image-1749900911756.png)
>
> ## ...
> 
> [![](https://wiki.aktivismus.org/uploads/images/gallery/2025-06/scaled-1680-/KI1Qugj9Gkd0bcVN-image-1749900822152.png)](https://wiki.aktivismus.org/uploads/images/gallery/2025-06/KI1Qugj9Gkd0bcVN-image-1749900822152.png)


[lang:de]

### Automatisierte Übersetzung
Leider haben wir es bisher noch nicht geschafft eine automatische Übersetzungsfunktion zu implementieren, darum müssen die Seiten noch extern übersetzt werden. Dafür gibt es aber zum Glück schon gute Möglichkeiten. 

1) Seiten übersetzen
  - Übersetzungen können sehr gut mit Browsererweiterungen erreicht werden. Dabei kommt es darauf an, welchen Browser du benutzt. Die Häufigsten sind einmal hier aufgelistet:
  - Firefox
    - Bereits [eingebaut](https://www.mozilla.org/en-US/firefox/features/translate/)
  - Chrome
    - [SimpleTranslate](https://chromewebstore.google.com/detail/simple-translate/ibplnjkanclpjokhdolnendpplpjiace?pli=1)
      - Open Source
  - Safari
    - Bereits [eingebaut](https://apps.apple.com/de/app/translate-for-safari/id1445040281?mt=12)

  2) Bücher und Seiten auf anderen Sprachen
- Wenn du gesamte Artikel in andren Sprachen schreiben möchtest, erstelle bei `Bücher` einfach ein neues Buch in der Sprache, in der der Artikel geschrieben ist.
- Falls du Ressourcen hast wäre es hilfreich, wenn du deinen neuen Artikel auch in andere Sprachen übersetzten kannst und einfügst!

---
<br></br>

### Beiträge in mehreren Sprachen verfügbar machen
Eine Seite lässt sich in in mehreren Sprachen bereitstellen, sodass Nutzer im Seitenpanel zwischen Sprachen wechseln können und die Seite ggf. automatisch in der präferierten Sprache geladen wird.

Dafür einfach die Bearbeitungsansicht der gewünschten Seite öffnen und vor dem Abschnitt in der jeweiligen Sprache einen Tag im Format `[lang:--]` __in einer eigenen Zeile__ einfügen (wobei -- durch einen beliebigen 2-stelligen Ländercode ersetzt werden kann). Dadurch kann das Programm dann die jeweiligen Inhalte einer Sprache zuordnen.

#### Zum Beispiel:
> [![](https://wiki.aktivismus.org/uploads/images/gallery/2025-06/scaled-1680-/O09Ac2UGPiBC1Pbc-image-1749900911756.png)](https://wiki.aktivismus.org/uploads/images/gallery/2025-06/O09Ac2UGPiBC1Pbc-image-1749900911756.png)
>
> ## ...
> 
> [![](https://wiki.aktivismus.org/uploads/images/gallery/2025-06/scaled-1680-/KI1Qugj9Gkd0bcVN-image-1749900822152.png)](https://wiki.aktivismus.org/uploads/images/gallery/2025-06/KI1Qugj9Gkd0bcVN-image-1749900822152.png)

# Verhalten von Büchern/Regalen verändern

## Sichtbarkeit von Büchern und Regalen

<div id="bkmrk-die-sichtbarkeit-von"><div style="text-align:right;margin-right:20px;font-size:1.6em;">Die Sichtbarkeit von einzelnen Büchern/Regalen lässt sich unter "Berechtigungen" verwalten. Diese Einstellung findet sich rechts auf der Buchübersichtsseite.</div>![grafik.png](https://wiki.aktivismus.org/uploads/images/gallery/2025-06/scaled-1680-/aDDFmcn43Hlu8U9i-grafik.png)</div>#### Hier lässt sich dann verwalten, welche Nutzergruppen inwiefern Zugriff auf das jeweilige Buch/Regal haben.

[![grafik.png](https://wiki.aktivismus.org/uploads/images/gallery/2025-06/scaled-1680-/1ndOZVHEF5aJtDGt-grafik.png)](https://wiki.aktivismus.org/uploads/images/gallery/2025-06/1ndOZVHEF5aJtDGt-grafik.png)

---

## Fortgeschrittenes Verhalten

#### Einige fortgeschrittenere Funktionen lassen sich über entsprechende Tags realisieren. Dafür den Reiter "Buch-Schlagwörter" auf der Bearbeitungsseite des entsprechenden Buches/Regals auswählen und die gewünschten Tags dort konfigurieren.

[![grafik.png](https://wiki.aktivismus.org/uploads/images/gallery/2025-06/scaled-1680-/uEmq0xJLlOY7lwey-grafik.png)](https://wiki.aktivismus.org/uploads/images/gallery/2025-06/uEmq0xJLlOY7lwey-grafik.png)

#### Aktuell werden folgende Tags unterstützt:

<table id="bkmrk-tag-wert-verf%C3%BCgbarke" style="border-collapse:collapse;width:100%;height:89.4px;"><colgroup><col style="width:17.2814%;"></col><col style="width:19.4267%;"></col><col style="width:22.4164%;"></col><col style="width:40.9886%;"></col></colgroup><tbody><tr style="height:29.8px;"><td style="height:29.8px;">##### <span style="text-decoration:underline;">**Tag**</span>

</td><td style="height:29.8px;">##### <span style="text-decoration:underline;">**Wert**</span>

</td><td style="height:29.8px;">##### <span style="text-decoration:underline;">**Verfügbarkeit**</span>

</td><td style="height:29.8px;">##### <span style="text-decoration:underline;">**Beschreibung**</span>

</td></tr><tr style="height:29.8px;"><td style="height:29.8px;">relink

</td><td style="height:29.8px;">TARGET\_URL

</td><td style="height:29.8px;">Buch/Regal

</td><td style="height:29.8px;">Leitet beim Klicken auf das Buch/Regal auf die durch TARGET\_URL angegebene Seite weiter</td></tr><tr style="height:29.8px;"><td style="height:29.8px;">unlisted</td><td style="height:29.8px;">-</td><td style="height:29.8px;">Buch/Regal

</td><td style="height:29.8px;">Zeigt das entsprechende Buch/Regal nicht mehr auf den entsprechenden Übersichtsseiten an. Es kann nach wie vor gesucht und über den entsprechenden Link aufgerufen werden</td></tr></tbody></table>

<p class="callout info">Die Funktion der Tags wird für Personen mit Bearbeitungszugriff auf den jeweiligen Eintrag pausiert, damit ein Bearbeiten noch möglich ist. Zum Testen also z.B. einfach in einem Inkognito-Fenster öffnen.</p>

# Konfiguration der Startseite

\[lang:de\]

## Konfiguration der Startseite

[https://aktivismus.org/](https://aktivismus.org/)

Aktuell läuft die Konfiguration leider über direkte Veränderungen des source codes. In Zukunft wird es hoffentlich flexiblere Optionen geben.

### Wie lassen sich Projektbeschreibungen ändern/hinzufügen?

Titel, Beschreibung, Thumbnail und Link für alle Karten, die in der Projektübersicht angezeigt werden, werden aus dieser Datei geladen:

[https://github.com/.../src/cards.js](https://github.com/wanjawischmeier/landing-page/blob/8b7d14575d66f568a28a8f47f23bfe535fa0e6dc/src/cards.js)

Sieht dann z.B. so aus:

```javascript
const cards = [
  {
    image: "/MovementWiki_Thumbnail.png",
    title: "Movement Wiki",
    description: "Wir versuchen einen zentralen Ort für Wissen zu schaffen. Wissen, das uns hilft, den Kapitalismus zu überwinden und eine alternative Form des Zusammenlebens zu finden.\n\nDazu gehöhen einfaches Faktenwissen, Skills, How-Tos und vieles mehr. Dieses Wissen existiert, allerdings verstreut über zahllose Städte und Gruppen verteilt. Dies soll ein Ort sein, um dieses Wissen zu sammeln, archivieren und verfügbar zu machen.",
    url: "https://wiki.aktivismus.org/",
  },
  {
    image: "/Bewegungsglossar_Thumbnail.png",
    title: "Bewegungsglossar",
    description: "Unser gemeinsam mit der Agentur für politische Arbeit erstelltes Glossar.\n\nEs enthält eine stets wachsenden Sammlung an Begriffen aus aktivistischen Kontexten.",
    url: "https://glossar.aktivismus.org/",
  },
  {
    image: "/Bewegungskalender_Thumbnail.png",
    title: "Bewegungskalender",
    description: "🫂 Wir sind eine kleine Gruppe von Menschen aus verschiedenen emanzipatorischen sozialen Bewegungen - und verstehen uns als Teil dieser.\n\n💭 Unser gemeinsames Ziel ist die soziale und ökologische Transformation und damit die Überwindung von Diskriminierung und Ausbeutung.",
    url: "https://kalender.aktivismus.org/",
  },
  {
    image: "/Zine_Arranger_Thumbnail.png",
    title: "Zine Arranger",
    description: "Werkzeug zum Erstellen von Zines. Wandle einfach eine mehrseitige existierende PDF in ein Zine um!\n\nBasierend auf diesem Projekt von romadox:\nhttps://github.com/romadox/zine-arranger",
    url: "https://zines.aktivismus.org/",
  },
];

export default cards;
```

Einfach die gewünschten Felder verändern/hinzufügen und eine pull request öffnen. Danach muss noch der Docker Container im Coolify Dashboard durch einen Admin neu gestartet werden, um die Änderungen abzurufen.

### Wie lässt sich die "About us"-Sektion verändern?

Die einzelnen Teile dieser Sektion sind in der `sections`-Konstante dieser Datei gespeichert:  
[https://github.com/.../src/widgets/AboutUs.jsx](https://github.com/wanjawischmeier/landing-page/blob/8b7d14575d66f568a28a8f47f23bfe535fa0e6dc/src/widgets/AboutUs.jsx)

Diese sieht so aus:

```javascript
const sections = [
  {
    title: 'Wer wir sind und was wir machen',
    content: (
      <p className="text-dark-text">
        Wir sind eine Gruppe von Menschen aus unterschiedlichen Kontexten in der Bewegung die sich zusammengeschlossen haben, um linkes Wissen zu sammeln und für alle emanzipatorischen Bewegungen zugänglich zu machen.
        Wir alle haben eigenes individuelles Wissen, aber teilen die Idee, Wissenshierarchien abzubauen, voneinander zu lernen und Wissen für alle zugänglich zu machen.
        <br></br><br></br>
        One Struggle - One Fight!
        <br></br><br></br>
        Wir verstehen uns als Teil von emanzipatorischen Bewegungen, die auf eine sozial-ökologische Transformation und die Überwindung von patriarchalen, kolonialen und kapitalistischen Ausbeutungsstrukturen ausgerichtet sind.
        Wir versuchen einen zentralen Ort für Wissen zu schaffen. Wissen, das uns hilft, den Kapitalismus zu überwinden und eine alternative Form des Zusammenlebens zu finden.
        <br></br><br></br>
        Dazu gehöhen einfaches Faktenwissen, Skills, How-Tos und vieles mehr. Dieses Wissen existiert, allerdings verstreut über zahllose Städte und Gruppen verteilt. Dies soll ein Ort sein, um dieses Wissen zu sammeln, archivieren und verfügbar zu machen.
      </p>
    ),
  },
  {
    title: 'Mitmachen',
    content: (
      <p className="text-dark-text">
        Du teilst unsere Vision und willst helfen, Wissen zugänglich zu machen und Hierarchien abzubauen? Dann mach dir einen Account und teile dein Wissen!
        Oder willst du auch bei den internen Prozessen dabei sein, bei der Entwicklung der Systeme helfen und neue Features implementieren? Dann schreib uns doch unter:
        <br></br>
        <a href="mailto:movementwiki@systemli.org" className="text-primary-500">movementwiki@systemli.org</a>
        <br></br><br></br>
        Du kannst auch ohne technische Kentnisse mitmachen und dein eigenes, individuelles Wissen einbringen und neues lernen!
      </p>
    ),
  },
  {
    title: 'Moderation',
    content: (
        <p className="text-dark-text">
            Wir haben festgelegt, dass Inhalte die sich auf Gewalt gegen Menschen oder Sachen beziehen, dazu anleiten oder aufrufen, von uns gelöscht werden.
            Das tun wir vor allem zu unserer eigenen und der Sicherheit der Menschen, die das einpflegen 
            (Alle Aktivitäten auf dieser Seite sind völlig öffentlich - inklusive Nutzername der Personen -  wir loggen jedoch keine IP-Adressen).
            Über Lock-Ons, Barrikadenbau, Sitzblockaden und ähnliches was Teil zivilen Ungehorsams ist, sind wir noch unschlüssig, behalten uns aber vor, 
            das mit in die Kriterien aufzunehmen und im Einzelfall zu entscheiden.
        </p>
    ),
  },
];
```

Hier ebenfalls die gewünschten Felder verändern/hinzufügen, eine pull request machen und den Container neu starten.

\[lang:en\]

## Landing page

[https://aktivismus.org/](https://aktivismus.org/)

Unfortunately, the configuration currently works by directly changing to the source code. Hopefully, there will be more flexible options in the future.

### How can project descriptions be changed/added?

The title, description, thumbnail, and link for all the cards that appear in the project overview are loaded from this file:

[https://github.com/.../src/cards.js](https://github.com/wanjawischmeier/landing-page/blob/8b7d14575d66f568a28a8f47f23bfe535fa0e6dc/src/cards.js)

Might look like this:

```javascript
const cards = [
  {
    image: "/MovementWiki_Thumbnail.png",
    title: "Movement Wiki",
    description: "Wir versuchen einen zentralen Ort für Wissen zu schaffen. Wissen, das uns hilft, den Kapitalismus zu überwinden und eine alternative Form des Zusammenlebens zu finden.\n\nDazu gehöhen einfaches Faktenwissen, Skills, How-Tos und vieles mehr. Dieses Wissen existiert, allerdings verstreut über zahllose Städte und Gruppen verteilt. Dies soll ein Ort sein, um dieses Wissen zu sammeln, archivieren und verfügbar zu machen.",
    url: "https://wiki.aktivismus.org/",
  },
  {
    image: "/Bewegungsglossar_Thumbnail.png",
    title: "Bewegungsglossar",
    description: "Unser gemeinsam mit der Agentur für politische Arbeit erstelltes Glossar.\n\nEs enthält eine stets wachsenden Sammlung an Begriffen aus aktivistischen Kontexten.",
    url: "https://glossar.aktivismus.org/",
  },
  {
    image: "/Bewegungskalender_Thumbnail.png",
    title: "Bewegungskalender",
    description: "🫂 Wir sind eine kleine Gruppe von Menschen aus verschiedenen emanzipatorischen sozialen Bewegungen - und verstehen uns als Teil dieser.\n\n💭 Unser gemeinsames Ziel ist die soziale und ökologische Transformation und damit die Überwindung von Diskriminierung und Ausbeutung.",
    url: "https://kalender.aktivismus.org/",
  },
  {
    image: "/Zine_Arranger_Thumbnail.png",
    title: "Zine Arranger",
    description: "Werkzeug zum Erstellen von Zines. Wandle einfach eine mehrseitige existierende PDF in ein Zine um!\n\nBasierend auf diesem Projekt von romadox:\nhttps://github.com/romadox/zine-arranger",
    url: "https://zines.aktivismus.org/",
  },
];

export default cards;
```

Simply change/add the desired fields and open a pull request. After that, the Docker container in the Coolify dashboard has to be restarted by an admin to retrieve and apply the changes.

### How to change the "About us" section

The individual parts are stored in the `sections` constant of this file:  
[https://github.com/.../src/widgets/AboutUs.jsx](https://github.com/wanjawischmeier/landing-page/blob/8b7d14575d66f568a28a8f47f23bfe535fa0e6dc/src/widgets/AboutUs.jsx)

It looks like this:

```javascript
const sections = [
  {
    title: 'Wer wir sind und was wir machen',
    content: (
      <p className="text-dark-text">
        Wir sind eine Gruppe von Menschen aus unterschiedlichen Kontexten in der Bewegung die sich zusammengeschlossen haben, um linkes Wissen zu sammeln und für alle emanzipatorischen Bewegungen zugänglich zu machen.
        Wir alle haben eigenes individuelles Wissen, aber teilen die Idee, Wissenshierarchien abzubauen, voneinander zu lernen und Wissen für alle zugänglich zu machen.
        <br></br><br></br>
        One Struggle - One Fight!
        <br></br><br></br>
        Wir verstehen uns als Teil von emanzipatorischen Bewegungen, die auf eine sozial-ökologische Transformation und die Überwindung von patriarchalen, kolonialen und kapitalistischen Ausbeutungsstrukturen ausgerichtet sind.
        Wir versuchen einen zentralen Ort für Wissen zu schaffen. Wissen, das uns hilft, den Kapitalismus zu überwinden und eine alternative Form des Zusammenlebens zu finden.
        <br></br><br></br>
        Dazu gehöhen einfaches Faktenwissen, Skills, How-Tos und vieles mehr. Dieses Wissen existiert, allerdings verstreut über zahllose Städte und Gruppen verteilt. Dies soll ein Ort sein, um dieses Wissen zu sammeln, archivieren und verfügbar zu machen.
      </p>
    ),
  },
  {
    title: 'Mitmachen',
    content: (
      <p className="text-dark-text">
        Du teilst unsere Vision und willst helfen, Wissen zugänglich zu machen und Hierarchien abzubauen? Dann mach dir einen Account und teile dein Wissen!
        Oder willst du auch bei den internen Prozessen dabei sein, bei der Entwicklung der Systeme helfen und neue Features implementieren? Dann schreib uns doch unter:
        <br></br>
        <a href="mailto:movementwiki@systemli.org" className="text-primary-500">movementwiki@systemli.org</a>
        <br></br><br></br>
        Du kannst auch ohne technische Kentnisse mitmachen und dein eigenes, individuelles Wissen einbringen und neues lernen!
      </p>
    ),
  },
  {
    title: 'Moderation',
    content: (
        <p className="text-dark-text">
            Wir haben festgelegt, dass Inhalte die sich auf Gewalt gegen Menschen oder Sachen beziehen, dazu anleiten oder aufrufen, von uns gelöscht werden.
            Das tun wir vor allem zu unserer eigenen und der Sicherheit der Menschen, die das einpflegen 
            (Alle Aktivitäten auf dieser Seite sind völlig öffentlich - inklusive Nutzername der Personen -  wir loggen jedoch keine IP-Adressen).
            Über Lock-Ons, Barrikadenbau, Sitzblockaden und ähnliches was Teil zivilen Ungehorsams ist, sind wir noch unschlüssig, behalten uns aber vor, 
            das mit in die Kriterien aufzunehmen und im Einzelfall zu entscheiden.
        </p>
    ),
  },
];
```

Also change/add the desired fields here, make a pull request and restart the container.

# Konfiguration des Info-Banners

\[lang:de\]

## Konfiguration des Info-Banners

Der Banner folgt den Inhalten, die sich auf dieser Seite im Wiki befinden: [https://wiki.aktivismus.org/books/movementwiki-infos/page/banner-content](https://wiki.aktivismus.org/books/movementwiki-infos/page/banner-content). Der Inhalt wird allerdings **gecached** und Änderungen werden daher ggf. erst nach bis zu 10 Minuten übernommen.

Um keinen Banner anzuzeigen, reicht es, die `Banner Content` - Seite leer zu lassen.

Auf der `Banner Content` - Seite lässt sich ein HTML-Layout hinterlegen, das den Nutzenden dann in Form eines Banners angezeigt wird. Hier ein Beispiel:

[![image.png](https://wiki.aktivismus.org/uploads/images/gallery/2025-10/scaled-1680-/Xex5JLz4vn5w3Mre-image.png)](https://wiki.aktivismus.org/uploads/images/gallery/2025-10/Xex5JLz4vn5w3Mre-image.png)

```html
<style>
    .custom-banner-container {
        display: flex;
        align-items: stretch; /* This ensures both columns have the same height */
        gap: 2rem; /* The space between the columns */
    }

    .custom-banner-content {
        /* The left column for text */
        background-color: #f8f9fa;
        border: 1px solid #e2e2e2;
        /* CHANGED: Reduced vertical padding */
        padding: 1.5rem 2rem;
        
        /* This sets the width ratio to 1/3 on desktop */
        flex: 1; 

        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .custom-banner-image-wrapper {
        /* The right column for the image */
        /* This sets the width ratio to 2/3 on desktop */
        flex: 2; 

        position: relative;
    }

    .custom-banner-image-wrapper img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: contain; 
    }
    
    /* --- Content and Button styles remain the same --- */
    .custom-banner-content h2 {
        color: #613583;
        font-size: 2.2rem;
        margin-top: 0;
        line-height: 1.2;
        font-weight: bold;
    }

    .custom-banner-content p {
        color: #333;
        font-size: 1rem;
        /* CHANGED: Reduced space below the paragraph */
        margin-bottom: 1rem;
    }

    .custom-banner-content .button.positive {
        background-color: #26A269;
        color: #fff;
        font-size: 1.1rem;
        padding: 0.7rem 1.2rem;
        text-decoration: none;
        border: none;
        box-shadow: none;
        transition: background-color 0.2s;
        align-self: flex-start;
    }

    .custom-banner-content .button.positive:hover {
        background-color: #1f8050;
        color: #fff;
        box-shadow: none;
    }

    /* --- Responsive Styles for smaller screens --- */
    @media (max-width: 1200px) {
        .custom-banner-image-wrapper {
            /* This completely hides the image column on smaller screens */
            display: none;
        }

        .custom-banner-content {
            /* This makes the text box take up the full width */
            flex-basis: 100%;
            background-color: transparent;
            border: none;
            padding: 0;
        }
    }
</style>

<div class="custom-banner-container">
    <!-- Left Column (1/3 width on desktop, 100% on mobile) -->
    <div class="custom-banner-content">
        <h2>RAZ IT-Hilfe ist jetzt online 🎉</h2>
        <p>
            Neben dem Rechtshilfe-Wiki haben die Menschen von der RAZ e.V. jetzt auch ganz viele Informationen zum Thema IT-Hilfe zusammengetragen. Schaut gerne mal rein :)
        </p>
        <a href="https://wiki.aktivismus.org/shelves/raz-it-hilfe" class="button positive">Zum Buch</a>
    </div>
    <!-- Right Column (2/3 width on desktop, hidden on mobile) -->
    <div class="custom-banner-image-wrapper">
        <img src="https://wiki.aktivismus.org/uploads/images/gallery/2025-10/rryA1J9kaGmqU2k3-raz-it-hilfe-mw-banner.png" alt="RAZ IT-Hilfe Banner">
    </div>
</div>
```


\[lang:en\]

## Configuration of the Info Banner

The banner follows the content that is on this page in the wiki: [https://wiki.aktivismus.org/books/movementwiki-infos/page/banner-content](https://wiki.aktivismus.org/books/movementwiki-infos/page/banner-content). However, the content is **cached** and changes may only be applied after up to 10 minutes.

In order not to display a banner, it is sufficient to leave the `Banner Content` page empty.

An HTML layout can be stored on the `Banner Content` page, which is then displayed to the user in the form of a banner. Here is an example:

[![image.png](https://wiki.aktivismus.org/uploads/images/gallery/2025-10/scaled-1680-/Xex5JLz4vn5w3Mre-image.png)](https://wiki.aktivismus.org/uploads/images/gallery/2025-10/Xex5JLz4vn5w3Mre-image.png)

```html
<style>
    .custom-banner-container {
        display: flex;
        align-items: stretch; /* This ensures both columns have the same height */
        gap: 2rem; /* The space between the columns */
    }

    .custom-banner-content {
        /* The left column for text */
        background-color: #f8f9fa;
        border: 1px solid #e2e2e2;
        /* CHANGED: Reduced vertical padding */
        padding: 1.5rem 2rem;
        
        /* This sets the width ratio to 1/3 on desktop */
        flex: 1; 

        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .custom-banner-image-wrapper {
        /* The right column for the image */
        /* This sets the width ratio to 2/3 on desktop */
        flex: 2; 

        position: relative;
    }

    .custom-banner-image-wrapper img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: contain; 
    }
    
    /* --- Content and Button styles remain the same --- */
    .custom-banner-content h2 {
        color: #613583;
        font-size: 2.2rem;
        margin-top: 0;
        line-height: 1.2;
        font-weight: bold;
    }

    .custom-banner-content p {
        color: #333;
        font-size: 1rem;
        /* CHANGED: Reduced space below the paragraph */
        margin-bottom: 1rem;
    }

    .custom-banner-content .button.positive {
        background-color: #26A269;
        color: #fff;
        font-size: 1.1rem;
        padding: 0.7rem 1.2rem;
        text-decoration: none;
        border: none;
        box-shadow: none;
        transition: background-color 0.2s;
        align-self: flex-start;
    }

    .custom-banner-content .button.positive:hover {
        background-color: #1f8050;
        color: #fff;
        box-shadow: none;
    }

    /* --- Responsive Styles for smaller screens --- */
    @media (max-width: 1200px) {
        .custom-banner-image-wrapper {
            /* This completely hides the image column on smaller screens */
            display: none;
        }

        .custom-banner-content {
            /* This makes the text box take up the full width */
            flex-basis: 100%;
            background-color: transparent;
            border: none;
            padding: 0;
        }
    }
</style>

<div class="custom-banner-container">
    <!-- Left Column (1/3 width on desktop, 100% on mobile) -->
    <div class="custom-banner-content">
        <h2>RAZ IT-Hilfe ist jetzt online 🎉</h2>
        <p>
            Neben dem Rechtshilfe-Wiki haben die Menschen von der RAZ e.V. jetzt auch ganz viele Informationen zum Thema IT-Hilfe zusammengetragen. Schaut gerne mal rein :)
        </p>
        <a href="https://wiki.aktivismus.org/shelves/raz-it-hilfe" class="button positive">Zum Buch</a>
    </div>
    <!-- Right Column (2/3 width on desktop, hidden on mobile) -->
    <div class="custom-banner-image-wrapper">
        <img src="https://wiki.aktivismus.org/uploads/images/gallery/2025-10/rryA1J9kaGmqU2k3-raz-it-hilfe-mw-banner.png" alt="RAZ IT-Hilfe Banner">
    </div>
</div>
```