Refector css and add TOC

This commit is contained in:
2026-04-17 21:16:51 -05:00
parent 961d4ba3c3
commit 4f0df71c13
39 changed files with 251 additions and 910 deletions

View File

@@ -4,7 +4,49 @@
{% include "metadata.njk" %}
<link rel="stylesheet" type="text/css" href="/css/index.css" />
<link rel="stylesheet" type="text/css" href="/css/webfonts/webfonts.css" />
{% if tags and (tags.includes('nowBurning') or tags.includes('status')) %}
<link rel="stylesheet" type="text/css" href="/css/microblog.css" />
{% endif %}
{% if tags and tags.includes('blogroll') %}
<link rel="stylesheet" type="text/css" href="/css/blogroll.css" />
{% endif %}
{% if tags and tags.includes('galleryImage') %}
<link rel="stylesheet" type="text/css" href="/css/gallery-images.css" />
{% endif %}
{% if tags and tags.includes('metadata') %}
<link rel="stylesheet" type="text/css" href="/css/metadata.css" />
{% endif %}
{% if tags and tags.includes('navigator') %}
<link rel="stylesheet" type="text/css" href="/css/navigator.css" />
{% endif %}
{% if tags and tags.includes('profilePic') %}
<link rel="stylesheet" type="text/css" href="/css/profile-pic.css" />
{% endif %}
{% if tags and tags.includes('postList') %}
<link rel="stylesheet" type="text/css" href="/css/post-list.css" />
{% endif %}
{% if tags and tags.includes('tagList') %}
<link rel="stylesheet" type="text/css" href="/css/tags.css" />
{% endif %}
{% if tags and (tags.includes('posts') or tags.includes('now')) %}
<link rel="stylesheet" type="text/css" href="/css/audio-player.css" />
<link rel="stylesheet" type="text/css" href="/css/code.css" />
<link rel="stylesheet" type="text/css" href="/css/comments.css" />
<link rel="stylesheet" type="text/css" href="/css/continue-discussion-on-mastodon.css" />
<link rel="stylesheet" type="text/css" href="/css/dropcap.css" />
<link rel="stylesheet" type="text/css" href="/css/fleuron.css" />
{% endif %}
{% if tags and tags.includes('guestbook') %}
<link rel="stylesheet" type="text/css" href="/css/guestbook.css" />
{% endif %}
<link rel="stylesheet" type="text/css" href="/css/weather.css" />
<link rel="stylesheet" type="text/css" href="/css/woo-mode.css" />
{% if tags and tags.includes('quiz') %}
<link rel="stylesheet" type="text/css" href="/css/quiz.css" />
{% endif %}
{% if includeTOC %}
<link rel="stylesheet" type="text/css" href="/css/toc.css" />
{% endif %}
{% if search %}
<link rel="stylesheet" href="/pagefind/pagefind-ui.css">
<link rel="stylesheet" type="text/css" href="/css/search.css" />
@@ -16,13 +58,21 @@
<!-- /Indieweb profile links -->
{% include "structuredData.njk" %}
{% include "analytics.html" %}
{% include "issoStyle.njk" %}
{% include "weatherStyle.njk" %}
{% include "wooModeStyle.njk" %}
</head>
<body>
{% include "header.njk" %}
<main id="skip">
{% if includeTOC %}
<section>
<article data-pagefind-body>
<h1>{{ h1 }}</h1>
<details class="toc">
<summary>Table of Contents</summary>
{{ content | toc(tags=['h2', 'h3', 'h4'], wrapper='div') | removeHash | safe }}
</details>
</article>
</section>
{% endif %}
<section>
{{ content | safe }}
</section>