Code Monkey home page Code Monkey logo

c3woc-website's Introduction

<TRAVIS> Build Status <ACTIONS> lektor check <ACTIONS> Build and Deploy c3woc website MIT License

C3WOC Webseite

C3WOC

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 C3WOC Webseite etwas beitragen:

  1. Dieses Repository Forken oder einen neuen Branch erstellen (übers Gitea oder GitHub Interface)
  2. Geforktes Repository Clonen (git clone https://...<REPO-URL>.../c3woc-website.git)
  3. Öffne deine Komandozeile im geklonten Repository-Fork (cd c3woc-website)
  4. Lektor starten (make server)
  5. Webseite updaten... (auf http://localhost:5000/)
  6. Lektor Beenden (Strg. + C)
  7. Änderungen commiten (git add --all; git commit -m "An der C3WOC Webseite habe ich _____ geändert")
  8. Änderungen hochladen (git push)
  9. Pull-Request Stellen (übers GitHub Interface)
Solltet ihr hier Probleme haben, wendet euch für verständnisfragen
an den nächsten Hackerspace. Wenn ihr freundlich fragt, zeigen die
dir in der Regel gerne, wie git und git-lfs funktioniert und ihr
python Programme wie lektor installieren und verwenden könnt.

Wenn euch das zu kompliziert ist, öffnet für die Änderungswünsche
bitte ein Issue oder schreibt uns an mailto:[email protected].

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/.

Pull Request Reviewen

  1. Die im Pull-Request eingereite Version clonen git clone --depth 23 <REPO> -b <BRANCH> <ORDNERNAME>
  2. Den geklonten Pull-Request anschauen lektor server
  3. Änderungen requesten oder Pull-Request approven

Design:

Das Design basiert auf HTML5UP, genauer gesagt auf dem Design Landed. Dieses wurden von L3D angepasst um mit dem CMS hier zu funktionieren. Früher wurde das Design solid-state verwendet.

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

c3woc-website's People

Contributors

dampfkadse avatar devil0000 avatar do1jlr avatar hdvalentin avatar jrtberlin avatar maxbachmann avatar p-h-a-i-l avatar vschlegel avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.