From 4f85d266ba31168278c7b5e96706e7c879ecae9a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Juhn-Vitus=20Sa=C3=9F?= Date: Fri, 14 Feb 2025 16:52:02 +0100 Subject: [PATCH 1/3] Update README --- README.md | 29 +++++++++++++++++++++++++++++ 1 file changed, 29 insertions(+) diff --git a/README.md b/README.md index 20e9afd..e0e2420 100644 --- a/README.md +++ b/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 -o --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 +``` \ No newline at end of file From d86e4df776e0eb2002a3b56e3cddb0ce4a1bc822 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Juhn-Vitus=20Sa=C3=9F?= Date: Fri, 14 Feb 2025 16:53:13 +0100 Subject: [PATCH 2/3] Typo correction --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index e0e2420..3b4bfac 100644 --- a/README.md +++ b/README.md @@ -69,7 +69,7 @@ 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 +## Tailwind-Nutzung ### Installation TailwindCSS kann auf zwei Wege installiert werden: From 2e22f66d66e2818e4d67fbeb4c70cc8c498dc5ff Mon Sep 17 00:00:00 2001 From: nik8 Date: Fri, 14 Feb 2025 17:27:55 +0100 Subject: [PATCH 3/3] Neuer gitignore Eintrag --- .gitignore | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/.gitignore b/.gitignore index 8de75bd..cd6601b 100644 --- a/.gitignore +++ b/.gitignore @@ -1,3 +1,4 @@ __pycache__ .venv -db.sqlite3 \ No newline at end of file +db.sqlite3 +tailwindcss-windows-x64.exe \ No newline at end of file