add tailwind

- add build-tailwind.sh
- add build-tailwind.bat
- add tailwind.config.js
- add layout.html

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

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!"

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 {

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

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>

tailwindcss/input.css

@@ -0,0 +1 @@
+@import "tailwindcss";

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: [],
+}