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

fix: headings hierarchy, font sizes, optimize sizes for breakpoints

Browse source
This commit is contained in:
Oliver Ladner 2024-12-19 23:22:34 +01:00
commit 49ea09bbbe
9 changed files with 298 additions and 215 deletions
Download patch file Download diff file Expand all files Collapse all files

22
templates/base.html
View file

@ -36,7 +36,7 @@
{% if TAG_FEED_RSS and tag %}
<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[]=erode@400&f[]=fira-sans@600&display=swap" rel="stylesheet">
<link href="https://api.fontshare.com/v2/css?f[]=erode@400&f[]=fira-sans@600&f[]=stardom@400&display=swap" rel="stylesheet">
<script src="/theme/js/prism.js"></script>
<link rel="stylesheet" type="text/css" href="/theme/css/prism.css" />
<link rel="stylesheet" type="text/css" href="/theme/css/prism-rose-pine-moon-alt.css" />
@ -53,20 +53,20 @@
{% endblock head %}
</head>
<body>
<div class="grid grid-cols-5">
<div class="grid grid-cols-9">
<!--header-->
<div class="col-span-3 bg-rp-dawn-overlay dark:bg-rp-moon-overlay p-8">
<div class="col-span-9 md:col-span-6 bg-rp-dawn-overlay dark:bg-rp-moon-overlay p-8">
<header>
<hgroup>
<h1 class="text-4xl md:text-7xl font-bold text-rp-dawn-foam"><a class="no-underline text-rp-dawn-pine dark:text-rp-moon-foam" href="{{ SITEURL }}/">{{ SITENAME }}</a></h1>
{% if SITESUBTITLE %}
<h2 class="text-xl md:text-2xl font-bold text-rp-dawn-text italic">{{ SITESUBTITLE }}</h2>
<div class="font-subheading text-xl -mt-9 ml-14 md:text-2xl text-rp-dawn-love dark:text-rp-moon-iris">{{ SITESUBTITLE }}</div>
{% endif %}
</hgroup>
</header>
</div>
<div class="col-span-2">
<nav class="bg-rp-dawn-surface dark:bg-rp-moon-surface p-4 text-xl">
<div class="col-span-9 md:col-span-3 bg-rp-dawn-surface dark:bg-rp-moon-surface p-8 text-xl">
<nav class="uppercase">
<ul class="list-none">
{% if DISPLAY_PAGES_ON_MENU %}
<div>
@ -78,7 +78,7 @@
{% for title, link in MENUITEMS %}
<li><a href="{{ link }}" class="no-underline">{{ title }}</a></li>
{% endfor %}
<div class="border-b-4 border-rp-dawn-overlay dark:border-rp-moon-overlay">
<div>
{% for title, link in LINKS %}
<li><a href="{{ link }}" class="no-underline">{{ title }}</a></li>
{% endfor %}
@ -86,7 +86,7 @@
{% if DISPLAY_CATEGORIES_ON_MENU %}
<div>
{% for cat, null in categories %}
<li><a href="{{ SITEURL }}/{{ cat.url }}" class="no-underline" {% if cat==category %} aria-current="page" {% endif %}>{{ cat}}</a></li>
<li class="border-b-2 border-rp-dawn-gold"><a href="{{ SITEURL }}/{{ cat.url }}" class="no-underline" {% if cat==category %} aria-current="page" {% endif %}>{{ cat}}</a></li>
{% endfor %}
</div>
{% endif %}
@ -97,7 +97,7 @@
<div class="bg-rp-dawn-base dark:bg-rp-moon-base">
<!--Empty spacer-->
</div>
<div class="col-span-3 bg-rp-dawn-base dark:bg-rp-moon-base p-4">
<div class="col-span-7 bg-rp-dawn-base dark:bg-rp-moon-base p-4">
<main>
{% block content %}
{% endblock %}
@ -110,9 +110,9 @@
<div class="bg-rp-dawn-surface dark:bg-rp-moon-surface">
<!--Empty spacer-->
</div>
<div class="col-span-3 pt-20 pb-60 bg-rp-dawn-surface dark:bg-rp-moon-surface text-rp-dawn-text dark:text-rp-moon-rose">
<div class="col-span-7 pt-20 pb-60 bg-rp-dawn-surface dark:bg-rp-moon-surface text-rp-dawn-text dark:text-rp-moon-rose">
<footer>
<div class="grid grid-cols-1 md:grid-cols-3">
<div class="grid grid-cols-1 md:grid-cols-5">
<div class="col-span-2 p-5">
<p>
Generated by <a href="https://getpelican.com" target="_blank">Pelican</a> with a