Merge branch 'master' of edugit.org:enrichment-2024/qivip

README.md

@@ -5,6 +5,7 @@
 1. [Initialisierung des Projekts](#initialisierung-des-projekts)
 2. [Starten des Servers](#starten-des-servers)
 3. [Superuser erstellen](#superuser-erstellen)
+4. [Tailwind-Nutzung](#tailwind-nutzung)
 
 ## Initialisierung des Projekts
 
@@ -67,3 +68,31 @@ python3 core/manage.py createsuperuser
 ```
 
 Gib anschließend die geforderten Daten ein (Benutzername, E-Mail, Passwort). Nach erfolgreicher Erstellung kannst du dich mit diesen Zugangsdaten im Admin-Bereich und in der Accounts-App der Anwendung anmelden.
+
+## Tailwind-Nutzung
+### Installation
+
+TailwindCSS kann auf zwei Wege installiert werden:
+
+- Mit der [Binärdatei](https://github.com/tailwindlabs/tailwindcss/releases/latest)
+- Mit NPM:
+```sh
+npm install tailwindcss @tailwindcss/cli
+```
+
+### Datei generieren
+
+```sh
+tailwindcss -i <INPUT-DATEI> -o <OUTPUT-DATEI> --watch --minify
+```
+
+- INPUT-DATEI: CSS Datei, welche die Einbindung und Konfiguration von Tailwind enthält
+- OUTPUT-DATEI: CSS Datei, die in den Seiten eingebunden wird
+- --watch: Änderungen im aktuellen Verzeichnis erkennen und Output neugenerieren
+- --minify: Output Datei so klein wie möglich halten
+
+**Beispiel:**
+
+```sh
+tailwindcss -i core/homepage/static/homepage/t-input.css -o core/homepage/static/homepage/t-style.css --watch --minify
+```