bookmark-manager/ui/widgets/jumbotron.njk
2025-05-17 16:20:29 +02:00

31 lines
No EOL
1 KiB
Text

{% macro createWidget(title, text, settings) %}
<section class="flex flex-row py-6 px-8">
{% if settings.center == true %}
<div class="w-full flex flex-col gap-4">
<h1 class="font-extrabold tracking-tight leading-none text-gray-900 text-4xl md:text-5xl lg:text-6xl text-center">
{{ title }}
</h1>
<p class="w-full text-lg font-normal text-gray-500 lg:text-xl mx-2 text-center">
{{ text }}
</p>
{% if ctaSettings and ctaSettings.url %}
<div class="inline-flex flex-row">
<a href="{{ ctaSettings.url }}" class="py-3 px-5 font-medium text-white rounded-lg bg-blue-700 hover:bg-blue-800">
{{ ctaSettings.text }}
</a>
</div>
{% endif %}
</div>
{% else %}
<div class="w-full flex flex-col gap-4">
<h1 class="font-extrabold tracking-tight leading-none text-gray-900 text-4xl md:text-5xl lg:text-6xl">
{{ title }}
</h1>
<p class="text-lg font-normal text-gray-500 lg:text-xl mx-2">
{{ text }}
</p>
</div>
{% endif %}
</section>
{% endmacro %}