New website for the CTDO, currently in development
Go to file
neri 3cf1f99797 improve build/run instructions 2019-12-17 23:59:33 +01:00
src prefix document title with 'ctdo - ' 2019-12-17 23:51:06 +01:00
static added some webfonts 2019-12-17 23:02:49 +01:00
.gitignore initial commit 2019-12-11 20:03:18 +01:00
.prettierignore initial commit 2019-12-11 20:03:18 +01:00
.prettierrc initial commit 2019-12-11 20:03:18 +01:00
LICENSE initial commit 2019-12-11 20:03:18 +01:00
README.md improve build/run instructions 2019-12-17 23:59:33 +01:00
gatsby-browser.js ui mockup for layout & home 2019-12-11 22:56:51 +01:00
gatsby-config.js allow embedding components in markdown 2019-12-13 00:03:04 +01:00
gatsby-node.js change edit link loading 2019-12-14 18:03:07 +01:00
package.json add all the texts, create fancy contact page 2019-12-15 00:24:49 +01:00
yarn.lock allow embedding components in markdown 2019-12-13 00:03:04 +01:00

README.md

Ctdo Homepage

Selbst bauen

Um das Projekt zu bauen, oder lokal daran zu entwickeln musst du nodejs und yarn installiert haben. Falls du das eher möchtest, npm geht auch.

Um die Dependencies zu installieren führe einmal im Projektverzeichnis yarn aus.

Um die Webseite lokal zu testen führe danach yarn develop aus. Es startet dann ein Entwicklungsserver auf localhost:8000. Dann sollte auch Hot-Reloading funktionieren (tut es aber aktuell u.U. nicht, mecker neri an).

Für einen Produktivbuild führe yarn build aus. Die fertig gebauten Dateien landen dann im Ordner public/.

Eine Seite bearbeiten

Klicke bei der Seite, die du bearbeiten möchtest unten im Footer auf "Seite bearbeiten". Nimm im Editor der sich öffnet die gewünschten Änderungen vor. Wie die Seiten aufgebaut sind steht unten in der Sektion Seitenlayout. Wie du deine Änderung veröffentlichst steht in der Sektion Deploy.

Eine neue Seite erstellen

Um eine neue Seite zu erstellen lege eine neue Datei im markdown-pages Ordner hier an. Wie die Seite aufgebaut sein muss steht unten in der Sektion Seitenlayout. Wie du deine Änderung veröffentlichst steht in der Sektion Deploy.

Um die neue Seite in die Navigation einzubinden füge ein neues Element in das Array pages in diese Datei ein.

Seitenlayout

Eine Seite muss mit folgendem Header beginnen:

---
path: ""
title: ""
edit: ""
---

In path muss stehen, unter welchem Pfad die Seite auf der Webseite erscheint. Für die Home-Seite ist dies beispielsweise "/", für die "Zeiten & Location"-Seite "/treff".
In title steht der Text der im Browsertab angezeigt werden soll wenn die Seite offen ist.
In edit muss der Name der angelegten Datei stehen, dieser wird verwendet, damit der "Seite bearbeiten"-Link richtig funktioniert.

Darunter wird die Seite in Markdown definiert. Als Konvention werden auf der Seite keine H1, sondern erst H2-Überschriften verwendet.

Deploy

Wenn du mit deinen Änderungen fertig bist, klicke auf Commit und gib eine Beschreibung deiner Änderungen ein. Ungefähr 30 Sekunden später sollten deine Änderungen auf der Website sichtbar sein. Möglicherweise musst du einmal mit Shift+F5 deinen Browsercache ignorieren.