github.com/opengist
1
0
Fork 0
mirror of https://github.com/thomiceli/opengist synced 2024-11-08 12:55:50 +01:00
Code Releases Wiki Activity

Add a more detailed variant for custom pages (#248)

Browse Source
This commit is contained in:
Marcel Herrguth 2024-04-05 15:13:55 +02:00 committed by GitHub
parent 57273946c3
commit 45a84df5b4
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 25 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
docs/configuration/custom-links.md
View File

@ -36,3 +36,27 @@ In the start and end of the custom HTML files, you can use the syntax to include
{{ template "footer" . }}
```
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.