1
0
Fork 0
forked from github/pelican

feat: use Tailwind typography and implement rose pine, WIP

This commit is contained in:
Oliver Ladner 2024-10-26 00:28:57 +02:00
commit 08e2883d56
13 changed files with 4750 additions and 115 deletions

View file

@ -21,7 +21,7 @@
{% if page.image %}
<div class="relative overflow-hidden h-[350px]">
<div class="relative overflow-hidden h-[350px] mb-12">
<img class="w-full h-full object-cover object-center rounded-lg opacity-65" src="/img/banner/{{ page.image }}" alt="" />
<div class="absolute bottom-8 left-0 text-green-300">
<h2><span class="leading-relaxed bg-gray-700 p-2"><a href="{{ SITEURL }}/{{ page.url }}" rel="bookmark" title="Permalink to {{ page.title|striptags }}" class="no-underline text-green-300">{{ page .title }}</a></span></h2>
@ -33,14 +33,13 @@
</header>
{% import 'translations.html' as translations with context %}
{{ translations.translations_for(page) }}
<div class="leading-relaxed">
<div class="prose prose-slate md:prose-lg lg:prose-xl">
{{ page.content }}
</div>
{% if page.modified %}
<footer>
<p>
Last updated: {{ page.locale_modified }}
</p>
</footer>
{% endif %}