weeheavy/pelican-theme
1
0
Fork 0
forked from github/pelican
Code Pull requests Activity

feat: use Tailwind typography and implement rose pine, WIP

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

25
pelican/themes/simple/templates/article.html vendored
View file

@ -6,11 +6,6 @@
{% block head %}
{{ super() }}
{% import 'translations.html' as translations with context %}
{% if translations.entry_hreflang(article) %}
{{ translations.entry_hreflang(article) }}
{% endif %}
{% if article.description %}
<meta name="description" content="{{article.description}}" />
{% endif %}
@ -22,29 +17,25 @@
{% endblock %}
{% block content %}
<article>
<article class="prose text-rp-moon-text prose-headings:text-rp-moon-iris md:prose-lg lg:prose-xl">
<header>
{% if not article.image %}
<h2>{{ article.title }}</h2>
{% endif %}
{% if article.image %}
<div class="relative overflow-hidden h-[350px]">
<div class="not-prose relative overflow-hidden h-[350px] mb-12">
<img class="w-full h-full object-cover object-center rounded-lg opacity-65" src="/img/banner/{{ article.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 }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}" class="no-underline text-green-300">{{ article.title }}</a></span></h2>
<div class="absolute bottom-8 left-0 text-rp-moon-gold">
<h2>
<span class="leading-relaxed bg-rp-moon-gold p-2">
<a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}" class="no-underline text-rp-moon-overlay">{{ article.title }}</a>
</span>
</h2>
</div>
</div>
{% endif %}
{% import 'translations.html' as translations with context %}
{{ translations.translations_for(article) }}
</header>
<div class="leading-relaxed">
{{ article.content }}
</div>
<footer>
<p>Published: <time datetime="{{ article.date.isoformat() }}">
{{ article.locale_date }}