4.5 KiB
Waffel Webseite
Dies ist der Quellcode der aktuellen Webseite des C3 Waffel Operation Center. Diese findet man unter c3woc.de
GESYNCT GIT
Die GitHub Version und die gitea Version sollten beide auf dem selben stand sein.
Bringt euch da ein, wo ihr euch am wohlsten fühlt.
Sollte es probelem mit LFS geben, empfehlen wir die gitea version dieses Repo!
Lektor CMS:
Das CMS für diese Webseite ist Lektor.
Die Installationsanleitung gibt es hier.
Lektor ist auch als Python Modul verfügbar und kann mit python3 -m lektor verwendet werden.
# TL; DR
pip3 install lektor
INSTALLIEREN DER ABHÄNGIGKEITEN
Es gibt ein Makefile mit dem ihr die Abhängigkeiten für dieses Repo installieren könnt.
Dieses ruft ihr so auf:
# installiere git um git aufzurufen
sudo apt install git-lfs
# clont das git (hier von gitea)
git clone https://gitea.see-base.de/C3WOC/c3woc-webseite.git
# installiere make um das Makefile auszuführen
sudo apt install make
# betrete das geklonte repo:
cd c3woc-webseite
# installiere lektor + abhängigkeiten
make install
Zur neuen Webseite Beitragen:
- Dieses Repository Forken oder einen neuen Branch machen (übers Gitea/GitHub Interface)
- Geforktes Repository Clonen (
git clone https://...<REPO-URL>.../c3woc-website.git) - Öffne deine Komandozeile im geklonten Repository-Fork (
cd c3woc-website) - Lektor starten (
make server) - Webseite updaten... (auf
http://localhost:5000/) - Lektor Beenden (
Strg. + C) - Änderungen commiten (
git add --all; git commit -m "An der C3WOC Webseite habe ich _____ geändert") - Änderungen hochladen (
git push) - Pull-Request Stellen (übers GitHub Interface)
Große Dateien und Grafiken
Für den besseren Umgang mit größeren Dateien haben wir angefangen auf git-lfs zu setzen. Weitere Informationen dazu finden sich auf git-lfs.github.com.
Kurzfassung: Ihr solltet mit eurem Packet Manager git-lfs installieren. Dann funktioniert das in der regel relativ gut!
Webseite übersetzen:
Lektor bietet in der Admin-Oberfläche die Möglichkeit die C3WOC Webseite auf englisch zu übersetzen.
Diese Funktion befindet sich unter dem Punkt Alternative.
Als Übersetzer mit guten Ergebnissen kann man beispielsweise deepl verwenden.
Links auf Seiten haben in der Englischen Version ein /en/ vor der Adresse.
So wird https://c3woc.de/rezept/vegan/ zu https://c3woc.de/en/rezept/vegan/.
Fork aktuell halten ohne neu zu forken:
cd c3woc-website
# Das Original Repository der Toolbox einbinden:
git remote add upstream https://github.com/c3woc/c3woc-website.git
git fetch upstream
# Deinen Fork lokal aktualisieren:
git pull upstream master
Pull Request Reviewen
- Die im Pull-Request eingereite Version clonen
git clone --depth 23 <REPO> -b <BRANCH> <ORDNERNAME> - Den geklonten Pull-Request anschauen
lektor server - Änderungen requesten oder Pull-Request approven
Design:
Das Design basiert auf HTML5UP, genauer gesagt auf dem Design Landed. Es ist das selbe Theme wie die Toolbox Bodensee e.V. verwendet. Früher wurde das Design solid-state verwendet. Aber aufgrund von mangelnder mithilfe wurde beschlossen, das selbe und besser gepflegte Design der Toolbox zu verwenden. Wenn auch mit anderen Farben und Icons.
CSS:
Das CSS Design wird mit sass generiert. Das vereinfacht die Verständlichkeit der einzelnen Design Elemente und ermöglicht auch das anpassen des Designs durch das simple verändern weniger variablen.
Dies geschieht mitlerweile über das Plugin lektor-scss