Files
chill_hugoplate/themes/chill-theme/layouts/_default/gradient-card.html
Boris Waaub c350ea3dcd Refactor CSS styles and update HTML structure for improved layout and responsiveness
- Updated padding values for sections in custom CSS files to enhance spacing.
- Introduced new card styles with hover effects for better user interaction.
- Added new gradient card layout in the chill theme for a visually appealing design.
- Removed obsolete sector layout and replaced it with a more flexible gradient card layout.
- Enhanced feature list layout with improved pagination and sidebar integration.
- Created a new shortcode for gradient card sections to streamline feature presentation.
2026-02-24 15:32:06 +01:00

30 lines
1.1 KiB
HTML

{{ define "main" }}
<div class="pt-2 {{ .Params.bgColor }}">
<style>
.gradient-bg {
background-image: linear-gradient(180deg, color-mix(in srgb, var(--bg-color) 25%, white), white);
}
</style>
<div class="absolute inset-x-0 top-0 h-full gradient-bg opacity-75"></div>
<div class="container mx-auto px-4 py-6">
<main>
<article>
<div class="relative isolate overflow-hidden">
<div class="text-center mb-16">
<h1 class="text-4xl md:text-5xl font-bold mb-6">{{ .Params.title }}</h1>
<p class="text-xl text-gray-600 mb-16">{{ .Params.description }}</p>
<div class="max-w-3xl mx-auto bg-white rounded-xl shadow-sm p-8">
<p class="text-xl text-gray-600 text-left">
{{ .Params.card | markdownify }}
</p>
</div>
</div>
{{ .Content }}
</div>
</article>
</main>
</div>
</div>
{{ end }}