From 45a84df5b4fe29a76d540eec85532f4445b1be5e Mon Sep 17 00:00:00 2001
From: Marcel Herrguth <github@thehomeofanime.de>
Date: Fri, 5 Apr 2024 15:13:55 +0200
Subject: [PATCH] Add a more detailed variant for custom pages (#248)

---
 docs/configuration/custom-links.md | 26 +++++++++++++++++++++++++-
 1 file changed, 25 insertions(+), 1 deletion(-)

diff --git a/docs/configuration/custom-links.md b/docs/configuration/custom-links.md
index e6c2b25..d05035b 100644
--- a/docs/configuration/custom-links.md
+++ b/docs/configuration/custom-links.md
@@ -35,4 +35,28 @@ In the start and end of the custom HTML files, you can use the syntax to include
 <!-- my content -->
 
 {{ template "footer" . }}
-```
\ No newline at end of file
+```
+
+If you want your custom page to integrate well into the existing theme, you can use the following:
+
+```html
+{{ template "header" . }}
+
+<div class="py-10">
+   <header class="pb-4 ">
+      <div class="flex">
+         <div class="flex-auto">
+            <h2 class="text-2xl font-bold leading-tight">Heading</h2>
+         </div>
+      </div>
+   </header>
+   <main>
+     <h3 class="text-xl font-bold leading-tight mt-4">Sub-Heading</h3>
+     <p class="mt-4 ml-1"><!-- content --></p>
+   </main>
+</div>
+
+{{ template "footer" . }}
+```
+
+You can adjust above as needed. Opengist uses Tailwind CSS classes.