feat: fix tailwindcss in dev.sh and update index.html

This commit is contained in:
2025-11-11 21:36:54 +01:00
parent fd5b5e05e6
commit d2570339a3
3 changed files with 48 additions and 22 deletions

21
dev.sh
View File

@@ -1,24 +1,9 @@
#!/bin/bash #!/bin/bash
trap ctrl_c INT
function ctrl_c() {
stop
exit 0
}
function stop() {
kill %3
kill %2
kill %1
wait
}
npm run watch &
./gradlew classes --continuous & ./gradlew classes --continuous &
./gradlew bootRun & ./gradlew bootRun &
read -rp "Press Enter to stop" npm run watch
stop kill %2
kill %1

View File

@@ -8,7 +8,6 @@ import org.springframework.web.bind.annotation.GetMapping;
public class IndexController { public class IndexController {
@GetMapping("/") @GetMapping("/")
public String home(Model model) { public String home(Model model) {
model.addAttribute("message", "Hello Thymeleaf!xxx");
return "index"; return "index";
} }
} }

View File

@@ -5,8 +5,50 @@
<title>Projektverwaltung</title> <title>Projektverwaltung</title>
<link href="styles.css" rel="stylesheet"> <link href="styles.css" rel="stylesheet">
</head> </head>
<body> <body class="text-gray-700 p-20">
<h1 class="bg-red-200" th:text="${message}">Placeholder message</h1> <h1 class="text-2xl">Projektverwaltung</h1>
<p>Test 2</p> <h2 class="text-4xl">Laufende Projekte</h2>
<div class="flex flex-wrap gap-10">
<section class="select-none bg-blue-100 p-5 rounded-2xl max-w-64 flex flex-col gap-2 cursor-pointer transition-all hover:bg-blue-200 active:bg-blue-300">
<h3 class="text-lg">GoLive ERP</h3>
<p class="text-gray-500">Wir möchten unsere aktuellen Insellösungen durch ein ERP ablösen, das alles Komponenten der Wertschöpfungskette bündelt</p>
</section>
<section class="select-none bg-blue-100 p-5 rounded-2xl max-w-64 flex flex-col gap-2 cursor-pointer transition-all hover:bg-blue-200 active:bg-blue-300">
<h3 class="text-lg">GoLive ERP</h3>
<p class="text-gray-500">Wir möchten unsere aktuellen Insellösungen durch ein ERP ablösen, das alles Komponenten der Wertschöpfungskette bündelt</p>
</section>
<section class="select-none bg-blue-100 p-5 rounded-2xl max-w-64 flex flex-col gap-2 cursor-pointer transition-all hover:bg-blue-200 active:bg-blue-300">
<h3 class="text-lg">GoLive ERP</h3>
<p class="text-gray-500">Wir möchten unsere aktuellen Insellösungen durch ein ERP ablösen, das alles Komponenten der Wertschöpfungskette bündelt</p>
</section>
<section class="select-none bg-blue-100 p-5 rounded-2xl max-w-64 flex flex-col gap-2 cursor-pointer transition-all hover:bg-blue-200 active:bg-blue-300">
<h3 class="text-lg">GoLive ERP</h3>
<p class="text-gray-500">Wir möchten unsere aktuellen Insellösungen durch ein ERP ablösen, das alles Komponenten der Wertschöpfungskette bündelt</p>
</section>
<section class="select-none bg-blue-100 p-5 rounded-2xl max-w-64 flex flex-col gap-2 cursor-pointer transition-all hover:bg-blue-200 active:bg-blue-300">
<h3 class="text-lg">GoLive ERP</h3>
<p class="text-gray-500">Wir möchten unsere aktuellen Insellösungen durch ein ERP ablösen, das alles Komponenten der Wertschöpfungskette bündelt</p>
</section>
<section class="select-none bg-blue-100 p-5 rounded-2xl max-w-64 flex flex-col gap-2 cursor-pointer transition-all hover:bg-blue-200 active:bg-blue-300">
<h3 class="text-lg">GoLive ERP</h3>
<p class="text-gray-500">Wir möchten unsere aktuellen Insellösungen durch ein ERP ablösen, das alles Komponenten der Wertschöpfungskette bündelt</p>
</section>
<section class="select-none bg-blue-100 p-5 rounded-2xl max-w-64 flex flex-col gap-2 cursor-pointer transition-all hover:bg-blue-200 active:bg-blue-300">
<h3 class="text-lg">GoLive ERP</h3>
<p class="text-gray-500">Wir möchten unsere aktuellen Insellösungen durch ein ERP ablösen, das alles Komponenten der Wertschöpfungskette bündelt</p>
</section>
<section class="select-none bg-blue-100 p-5 rounded-2xl max-w-64 flex flex-col gap-2 cursor-pointer transition-all hover:bg-blue-200 active:bg-blue-300">
<h3 class="text-lg">GoLive ERP</h3>
<p class="text-gray-500">Wir möchten unsere aktuellen Insellösungen durch ein ERP ablösen, das alles Komponenten der Wertschöpfungskette bündelt</p>
</section>
<section class="select-none bg-blue-100 p-5 rounded-2xl max-w-64 flex flex-col gap-2 cursor-pointer transition-all hover:bg-blue-200 active:bg-blue-300">
<h3 class="text-lg">GoLive ERP</h3>
<p class="text-gray-500">Wir möchten unsere aktuellen Insellösungen durch ein ERP ablösen, das alles Komponenten der Wertschöpfungskette bündelt</p>
</section>
<section class="select-none bg-blue-100 p-5 rounded-2xl max-w-64 flex flex-col gap-2 cursor-pointer transition-all hover:bg-blue-200 active:bg-blue-300">
<h3 class="text-lg">GoLive ERP</h3>
<p class="text-gray-500">Wir möchten unsere aktuellen Insellösungen durch ein ERP ablösen, das alles Komponenten der Wertschöpfungskette bündelt</p>
</section>
</div>
</body> </body>
</html> </html>