From 4f6f3fa83d1941104b6d4a322cd21e3828fc7049 Mon Sep 17 00:00:00 2001
From: Swordsteel <swordsteel@gmail.com>
Date: Wed, 30 Jul 2025 14:29:23 +0200
Subject: [PATCH] add tailwind

- add build-tailwind.sh
- add build-tailwind.bat
- add tailwind.config.js
- add layout.html
---
 build-tailwind.bat                       | 26 ++++++++++++++++++++++++
 build-tailwind.sh                        | 24 ++++++++++++++++++++++
 build.gradle.kts                         |  2 +-
 gradle.properties                        |  2 +-
 src/main/resources/templates/layout.html |  4 +++-
 tailwindcss/input.css                    |  1 +
 tailwindcss/tailwind.config.js           |  9 ++++++++
 7 files changed, 65 insertions(+), 3 deletions(-)
 create mode 100644 build-tailwind.bat
 create mode 100755 build-tailwind.sh
 create mode 100644 tailwindcss/input.css
 create mode 100644 tailwindcss/tailwind.config.js

diff --git a/build-tailwind.bat b/build-tailwind.bat
new file mode 100644
index 0000000..819c48c
--- /dev/null
+++ b/build-tailwind.bat
@@ -0,0 +1,26 @@
+@echo off
+setlocal
+
+:: Define variables for paths
+set TAILWIND_CLI=tailwindcss.exe
+set CONFIG_PATH=.\tailwindcss\tailwind.config.js
+set INPUT_CSS=.\tailwindcss\input.css
+set OUTPUT_CSS=.\src\main\resources\static\css\tailwind.css
+
+:: Check if watch mode is requested
+if /I "%1"=="watch" (
+    echo Running Tailwind CSS in watch mode...
+    %TAILWIND_CLI% --config %CONFIG_PATH% -i %INPUT_CSS% -o %OUTPUT_CSS% --watch
+) else (
+    echo Building Tailwind CSS with minification...
+    %TAILWIND_CLI% --config %CONFIG_PATH% -i %INPUT_CSS% -o %OUTPUT_CSS% --minify
+)
+
+:: Check for errors
+if %ERRORLEVEL% neq 0 (
+    echo Error: Tailwind CSS build failed!
+    exit /b %ERRORLEVEL%
+)
+
+echo Tailwind CSS build completed successfully!
+endlocal
diff --git a/build-tailwind.sh b/build-tailwind.sh
new file mode 100755
index 0000000..dd3ea35
--- /dev/null
+++ b/build-tailwind.sh
@@ -0,0 +1,24 @@
+#!/bin/bash
+
+# Define variables for paths
+TAILWIND_CLI="tailwindcss"
+CONFIG_PATH="./tailwindcss/tailwind.config.js"
+INPUT_CSS="./tailwindcss/input.css"
+OUTPUT_CSS="./src/main/resources/static/css/tailwind.css"
+
+# Check if watch mode is requested
+if [ "$1" = "watch" ]; then
+    echo "Running Tailwind CSS in watch mode..."
+    $TAILWIND_CLI --config "$CONFIG_PATH" -i "$INPUT_CSS" -o "$OUTPUT_CSS" --watch
+else
+    echo "Building Tailwind CSS with minification..."
+    $TAILWIND_CLI --config "$CONFIG_PATH" -i "$INPUT_CSS" -o "$OUTPUT_CSS" --minify
+fi
+
+# Check for errors
+if [ $? -ne 0 ]; then
+    echo "Error: Tailwind CSS build failed!"
+    exit $?
+fi
+
+echo "Tailwind CSS build completed successfully!"
diff --git a/build.gradle.kts b/build.gradle.kts
index 72f3bbb..f9c87c4 100644
--- a/build.gradle.kts
+++ b/build.gradle.kts
@@ -4,7 +4,7 @@ plugins {
     alias(hlaeja.plugins.spring.boot)
     alias(hlaeja.plugins.spring.dependency.management)
     alias(hlaeja.plugins.certificate)
-    alias(hlaeja.plugins.service)
+    alias(hlaeja.plugins.ui.service)
 }
 
 dependencies {
diff --git a/gradle.properties b/gradle.properties
index 9b8e88f..dd17fd6 100644
--- a/gradle.properties
+++ b/gradle.properties
@@ -1,4 +1,4 @@
 kotlin.code.style=official
 version=0.4.0-SNAPSHOT
-catalog=0.11.0
+catalog=0.12.0-SNAPSHOT
 container.port.host=9060
diff --git a/src/main/resources/templates/layout.html b/src/main/resources/templates/layout.html
index 6056ed7..771942c 100644
--- a/src/main/resources/templates/layout.html
+++ b/src/main/resources/templates/layout.html
@@ -40,7 +40,8 @@
     </div>
   </div>
 </header>
-<footer th:fragment="footer" class="bg-gray-800 border-t border-green-900 mt-4">
+<th:block th:fragment="footer">
+<footer class="bg-gray-800 border-t border-green-900 mt-4">
   <div class="container mx-auto p-4">
     <div class="flex flex-col sm:flex-row justify-between items-center text-sm">
       <div class="text-green-600 mb-2 sm:mb-0">Hlaeja © 2025 Lulz Ltd</div>
@@ -48,6 +49,7 @@
     </div>
   </div>
 </footer>
+</th:block>
 <div th:fragment="script">
   <script th:src="@{/js/management.js}"></script>
 </div>
diff --git a/tailwindcss/input.css b/tailwindcss/input.css
new file mode 100644
index 0000000..a461c50
--- /dev/null
+++ b/tailwindcss/input.css
@@ -0,0 +1 @@
+@import "tailwindcss";
\ No newline at end of file
diff --git a/tailwindcss/tailwind.config.js b/tailwindcss/tailwind.config.js
new file mode 100644
index 0000000..0df9c81
--- /dev/null
+++ b/tailwindcss/tailwind.config.js
@@ -0,0 +1,9 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    "./src/main/resources/templates/**/*.html",
+    "./src/main/resources/static/js/**/*.js"
+  ],
+  theme: { extend: {} },
+  plugins: [],
+}