refactor: update contact page layout, optimize UI components, and document page scaffolding rules

2026-07-21 15:29:22 +07:00
parent 40d3942496
commit 4cee97bf91
9 changed files with 136 additions and 745 deletions
@@ -0,0 +1,31 @@
+# Workspace Rules
+
+### Creating New Thymeleaf Pages
+When creating or scaffolding a new Thymeleaf template page in this project, you MUST use the `layout:decorate` mechanism to inherit the common layout, and you MUST pass the `bodyClass` variable to maintain consistent styling with the homepage. 
+
+Use the following exact structure as a template:
+
+```html
+<!DOCTYPE html>
+<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
+    layout:decorate="~{fragments/layout(bodyClass='umass-platform-homepage path-frontpage page-node-type-homepage homepage transparent-header')}">
+
+<head>
+    <title>Tiêu đề trang</title>
+</head>
+
+<body>
+    <div layout:fragment="content">
+        <!-- Content Top Banner -->
+        <div class="content-top">
+            <!-- Banner content here -->
+        </div>
+
+        <!-- Main Content Area -->
+        <div class="main-content-area">
+            <!-- Specific page content here -->
+        </div>
+    </div>
+</body>
+</html>
+```