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

23
pelican/themes/simple/templates/base.html vendored
View file

@ -37,23 +37,26 @@
<link href="{{ FEED_DOMAIN }}/{% if TAG_FEED_RSS_URL %}{{ TAG_FEED_RSS_URL.format(slug=tag.slug) }}{% else %}{{ TAG_FEED_RSS.format(slug=tag.slug) }}{% endif %}" type="application/rss+xml" rel="alternate" title="{{ SITENAME|striptags }} Tags RSS Feed" />
{% endif %}
<link href="https://api.fontshare.com/v2/css?f[]=recia@400&f[]=erode@600&display=swap" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="/theme/css/highlight-rp-dawn.css" />
{% endblock head %}
<script src="/theme/js/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
</head>
<body>
<div class="grid grid-cols-5">
<div class="col-span-3 bg-green-400 p-8">
<div class="col-span-3 bg-rp-moon-overlay p-8">
<header>
<hgroup>
<h1 class="font-bold"><a href="{{ SITEURL }}/">{{ SITENAME }}</a></h1>
<h1 class="font-bold text-rp-moon-foam"><a class="no-underline text-rp-moon-foam" href="{{ SITEURL }}/">{{ SITENAME }}</a></h1>
{% if SITESUBTITLE %}
<p class="text-3xl font-bold text-slate-500 italic">{{ SITESUBTITLE }}</p>
<p class="text-3xl font-bold text-rp-moon-muted italic">{{ SITESUBTITLE }}</p>
{% endif %}
</hgroup>
</header>
</div>
<div class="col-span-2">
<nav class="bg-green-700/95 p-4 text-2xl">
<nav class="bg-rp-moon-surface p-4 text-2xl">
<ul class="list-none">
{% for title, link in MENUITEMS %}
<li><a href="{{ link }}" class="no-underline">{{ title }}</a></li>
@ -74,19 +77,19 @@
</ul>
</nav>
</div>
<div class="bg-green-200">
<div class="bg-rp-moon-base">
</div>
<div class="col-span-3 bg-green-200 p-4">
<div class="col-span-3 bg-rp-moon-base p-4">
<main>
{% block content %}
{% endblock %}
</main>
</div>
<div class="bg-green-200">
<div class="bg-rp-moon-base">
</div>
<div class="bg-gradient-to-b from-green-200 from-10% to-green-400/95">
<div class="bg-rp-moon-overlay">
</div>
<div class="col-span-3 pt-20 pb-60 bg-gradient-to-b from-green-200 from-10% to-green-400/95">
<div class="col-span-3 pt-20 pb-60 bg-rp-moon-overlay">
<footer>
<div class="flex justify-between text-center">
<div>Generated by <a href="https://github.com/getpelican/pelican" target="_blank">Pelican</a></div>
@ -95,7 +98,7 @@
</div>
</footer>
</div>
<div class="bg-gradient-to-b from-green-200 from-10% to-green-400/95">
<div class="bg-rp-moon-overlay">
</div>
</div>
</body>