From fa880db84ec4507010a4d29b7cb0308f82553834 Mon Sep 17 00:00:00 2001
From: Kamal Wickramanayake <kamal@inbox.lk>
Date: Sat, 13 Jun 2026 17:27:05 +0530
Subject: Added sample project 07-thymeleaf-common-theme

---
 .../src/main/resources/application.properties      |  0
 .../resources/config/application-dev.properties    | 10 +++
 .../src/main/resources/static/css/main.css         | 92 ++++++++++++++++++++++
 .../src/main/resources/templates/contact/form.html | 30 +++++++
 .../main/resources/templates/contact/result.html   | 14 ++++
 .../src/main/resources/templates/index.html        | 11 +++
 .../src/main/resources/templates/layout/main.html  | 31 ++++++++
 7 files changed, 188 insertions(+)
 create mode 100644 spring-boot/07-thymeleaf-common-theme/src/main/resources/application.properties
 create mode 100644 spring-boot/07-thymeleaf-common-theme/src/main/resources/config/application-dev.properties
 create mode 100644 spring-boot/07-thymeleaf-common-theme/src/main/resources/static/css/main.css
 create mode 100644 spring-boot/07-thymeleaf-common-theme/src/main/resources/templates/contact/form.html
 create mode 100644 spring-boot/07-thymeleaf-common-theme/src/main/resources/templates/contact/result.html
 create mode 100644 spring-boot/07-thymeleaf-common-theme/src/main/resources/templates/index.html
 create mode 100644 spring-boot/07-thymeleaf-common-theme/src/main/resources/templates/layout/main.html

(limited to 'spring-boot/07-thymeleaf-common-theme/src/main/resources')

diff --git a/spring-boot/07-thymeleaf-common-theme/src/main/resources/application.properties b/spring-boot/07-thymeleaf-common-theme/src/main/resources/application.properties
new file mode 100644
index 0000000..e69de29
diff --git a/spring-boot/07-thymeleaf-common-theme/src/main/resources/config/application-dev.properties b/spring-boot/07-thymeleaf-common-theme/src/main/resources/config/application-dev.properties
new file mode 100644
index 0000000..f0f380b
--- /dev/null
+++ b/spring-boot/07-thymeleaf-common-theme/src/main/resources/config/application-dev.properties
@@ -0,0 +1,10 @@
+# This file contains settings used during development.
+# If using Maven to run, try the following command:
+#   mvn spring-boot:run -Dspring-boot.run.profiles=dev
+
+# Disable caching for static resources
+spring.web.resources.cache.period=0
+spring.thymeleaf.cache=false
+
+# Optional: Tell DevTools to watch changes but never restart the backend server for CSS
+spring.devtools.restart.exclude=static/**,public/**,templates/**
diff --git a/spring-boot/07-thymeleaf-common-theme/src/main/resources/static/css/main.css b/spring-boot/07-thymeleaf-common-theme/src/main/resources/static/css/main.css
new file mode 100644
index 0000000..edd53ea
--- /dev/null
+++ b/spring-boot/07-thymeleaf-common-theme/src/main/resources/static/css/main.css
@@ -0,0 +1,92 @@
+body {
+	font-size: 1.125em;
+	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+	line-height: 1.6em;
+	color: rgb(32, 34, 36);;
+	background-color: #FFF;
+	padding: 10px 5px;
+}
+
+a {
+	color: #1475AC;
+	text-decoration: none;
+}
+
+a:hover {
+	text-decoration: underline;
+}
+
+ul li {
+	padding-bottom: 0.5em;
+}
+
+header {
+	text-align: left;
+	font-size: 1.2em;
+}
+
+header h1 {
+	margin-top: 0;
+	margin-bottom: 20px;
+}
+
+header a {
+	color: #000000;
+	text-decoration: none;
+}
+
+.main-nav {
+	margin-top: 0;
+	padding: 0;
+}
+
+.main-nav ul {
+	margin: 0;
+	padding : 0;
+	list-style-type: none;
+	background-color: #F6F8F8;
+	border: 1px solid #eee;
+}
+
+.main-nav ul li {
+	margin-left: 0;
+	display: inline;
+	padding: 0 8px;
+	border-left: 1px solid #F9F9FF;
+	border-right: 1px solid #F9F9FF;
+}
+
+.main-nav ul li:hover {
+	background-color: white;
+	border-left: 1px solid #addfff;
+	border-right: 1px solid #addfff;
+}
+
+.main-nav ul li a {
+	color: #555;
+	font-weight: bold;
+}
+
+.main-nav ul li ai:hover {
+	color: #000;
+}
+
+footer {
+    margin-top: 20px;
+    font-size: 85%;
+    border-top: 1px solid #CCC;
+}
+
+.form-field-container {
+    margin-top: 8px;
+    margin-bottom: 8px;
+}
+
+.form-field-container label {
+    display: inline-block;
+    width: 5em;
+}
+
+.form-field-container .validation-error {
+    color: red;
+}
\ No newline at end of file
diff --git a/spring-boot/07-thymeleaf-common-theme/src/main/resources/templates/contact/form.html b/spring-boot/07-thymeleaf-common-theme/src/main/resources/templates/contact/form.html
new file mode 100644
index 0000000..7debe1f
--- /dev/null
+++ b/spring-boot/07-thymeleaf-common-theme/src/main/resources/templates/contact/form.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+<html xmlns:th="http://www.thymeleaf.org" th:replace="~{layout/main :: layout(title='Contact Us', content=~{::main})}">
+
+<body>
+    <main>
+        <form th:action="@{/contact}" th:object="${contactForm}" method="post">
+            <div class="form-field-container">
+                <label>Name</label>
+                <input type="text" th:field="*{name}" placeholder="Your name" />
+                <div class="validation-error" th:if="${#fields.hasErrors('name')}" th:errors="*{name}"></div>
+            </div>
+
+            <div class="form-field-container">
+                <label>Email</label>
+                <input type="email" th:field="*{email}" placeholder="Your email" />
+                <div class="validation-error" th:if="${#fields.hasErrors('email')}" th:errors="*{email}"></div>
+            </div>
+
+            <div class="form-field-container">
+                <label>Message</label>
+                <textarea th:field="*{message}" placeholder="Your message"></textarea>
+                <div class="validation-error" th:if="${#fields.hasErrors('message')}" th:errors="*{message}"></div>
+            </div>
+
+            <button type="submit">Send</button>
+        </form>
+    </main>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/spring-boot/07-thymeleaf-common-theme/src/main/resources/templates/contact/result.html b/spring-boot/07-thymeleaf-common-theme/src/main/resources/templates/contact/result.html
new file mode 100644
index 0000000..d1bda9a
--- /dev/null
+++ b/spring-boot/07-thymeleaf-common-theme/src/main/resources/templates/contact/result.html
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html xmlns:th="http://www.thymeleaf.org" th:replace="~{layout/main :: layout(title='Contact Us', content=~{::main})}">
+
+<body>
+    <main>
+        <p>We received your message.</p>
+
+        <p th:text="'Thank you ' + ${contactForm.name} + '.'" />
+
+        <a th:href="@{/contact}">Try again</a>
+    </main>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/spring-boot/07-thymeleaf-common-theme/src/main/resources/templates/index.html b/spring-boot/07-thymeleaf-common-theme/src/main/resources/templates/index.html
new file mode 100644
index 0000000..b2f59f2
--- /dev/null
+++ b/spring-boot/07-thymeleaf-common-theme/src/main/resources/templates/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html xmlns:th="http://www.thymeleaf.org" th:replace="~{layout/main :: layout(title='Welcome', content=~{::main})}">
+
+<body>
+    <main>
+        <p>Hello! This is the home page content.</p>
+        <p>Use the navigation links to explore other pages.</p>
+    </main>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/spring-boot/07-thymeleaf-common-theme/src/main/resources/templates/layout/main.html b/spring-boot/07-thymeleaf-common-theme/src/main/resources/templates/layout/main.html
new file mode 100644
index 0000000..b91f6f5
--- /dev/null
+++ b/spring-boot/07-thymeleaf-common-theme/src/main/resources/templates/layout/main.html
@@ -0,0 +1,31 @@
+<!DOCTYPE HTML>
+<html xmlns:th="http://www.thymeleaf.org" th:fragment="layout(title, content)">
+
+<head>
+    <title th:text="|${title} - ABC App|">Base title not shown</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <link rel="stylesheet" th:href="@{/css/main.css}" />
+</head>
+
+<body>
+    <header>
+        <h1>ABC App</h1>
+    </header>
+
+    <nav class="main-nav">
+        <ul>
+            <li><a th:href="@{/}">Home</a></li>
+            <li><a th:href="@{/contact}">Contact Us</a></li>
+        </ul>
+    </nav>
+
+    <h3 th:text="|${title}|">Page content area title</h3>
+
+    <th:block th:replace="${content}" />
+
+    <footer>
+        Copyright &copy; 2026 Example Company. All rights reserved.
+    </footer>
+</body>
+
+</html>
\ No newline at end of file
-- 
cgit v1.2.3