mirror of
https://github.com/svemagie/blog-eleventy-indiekit.git
synced 2026-04-02 16:44:56 +02:00
8136640619
Pages (slash pages like /about, /now, /ai) were missing the AI usage disclosure that already displays on posts. Adds the same aside block to page.njk so AI metadata renders consistently across all content types. Confab-Link: http://localhost:8080/sessions/3bf0740c-86e8-4ed6-b7ce-f83d8462c682
88 lines
4.0 KiB
Plaintext
88 lines
4.0 KiB
Plaintext
---
|
|
layout: layouts/base.njk
|
|
withSidebar: true
|
|
---
|
|
{# Layout for slash pages (/about, /now, /uses, etc.) #}
|
|
{# These are root-level pages created via Indiekit's page post type #}
|
|
|
|
<article class="h-entry">
|
|
<header class="mb-6 sm:mb-8">
|
|
<h1 class="p-name text-2xl sm:text-3xl font-bold text-surface-900 dark:text-surface-100 mb-2">
|
|
{{ title }}
|
|
</h1>
|
|
{% if summary %}
|
|
<p class="p-summary text-lg text-surface-600 dark:text-surface-400">
|
|
{{ summary }}
|
|
</p>
|
|
{% endif %}
|
|
{% if updated %}
|
|
<p class="text-sm text-surface-500 dark:text-surface-400 mt-2">
|
|
Last updated: <time class="dt-updated" datetime="{{ updated | isoDate }}">{{ updated | dateDisplay }}</time>
|
|
</p>
|
|
{% endif %}
|
|
</header>
|
|
|
|
<div class="e-content prose dark:prose-invert prose-lg max-w-none">
|
|
{{ content | safe }}
|
|
</div>
|
|
|
|
{# AI usage disclosure #}
|
|
{% set aiTextLevel = aiTextLevel or ai_text_level %}
|
|
{% set aiCodeLevel = aiCodeLevel or ai_code_level %}
|
|
{% set aiTools = aiTools or ai_tools %}
|
|
{% set aiDescription = aiDescription or ai_description %}
|
|
{% if aiTextLevel or aiCodeLevel or aiTools %}
|
|
<aside class="mt-6 p-4 rounded-lg bg-surface-50 dark:bg-surface-800/50 border border-surface-200 dark:border-surface-700">
|
|
<div class="flex items-center gap-2 mb-2">
|
|
<svg class="w-4 h-4 text-surface-500 dark:text-surface-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 3.104v5.714a2.25 2.25 0 01-.659 1.591L5 14.5M9.75 3.104c-.251.023-.501.05-.75.082m.75-.082a24.301 24.301 0 014.5 0m0 0v5.714a2.25 2.25 0 00.659 1.591L19 14.5M14.25 3.104c.251.023.501.05.75.082M19 14.5l-2.47 2.47a2.25 2.25 0 01-1.59.659H9.06a2.25 2.25 0 01-1.591-.659L5 14.5m14 0V17a2 2 0 01-2 2H7a2 2 0 01-2-2v-2.5"/>
|
|
</svg>
|
|
<strong class="text-sm font-semibold text-surface-700 dark:text-surface-300">AI Usage</strong>
|
|
</div>
|
|
<div class="flex flex-wrap gap-3 text-xs text-surface-600 dark:text-surface-400">
|
|
{% if aiTextLevel %}
|
|
<span class="inline-flex items-center gap-1 px-2 py-0.5 rounded bg-surface-100 dark:bg-surface-700">
|
|
Text: {% if aiTextLevel === "0" %}None{% elif aiTextLevel === "1" %}Editorial{% elif aiTextLevel === "2" %}Co-drafted{% elif aiTextLevel === "3" %}AI-generated{% endif %}
|
|
</span>
|
|
{% endif %}
|
|
{% if aiCodeLevel %}
|
|
<span class="inline-flex items-center gap-1 px-2 py-0.5 rounded bg-surface-100 dark:bg-surface-700">
|
|
Code: {% if aiCodeLevel === "0" %}Human{% elif aiCodeLevel === "1" %}AI-assisted{% elif aiCodeLevel === "2" %}AI-generated{% endif %}
|
|
</span>
|
|
{% endif %}
|
|
{% if aiTools %}
|
|
<span class="inline-flex items-center gap-1 px-2 py-0.5 rounded bg-surface-100 dark:bg-surface-700">
|
|
Tools: {{ aiTools }}
|
|
</span>
|
|
{% endif %}
|
|
</div>
|
|
{% if aiDescription %}
|
|
<p class="mt-2 text-xs text-surface-500 dark:text-surface-400">{{ aiDescription }}</p>
|
|
{% endif %}
|
|
</aside>
|
|
{% endif %}
|
|
|
|
{# Categories/tags if present #}
|
|
{% if category %}
|
|
<footer class="mt-8 pt-6 border-t border-surface-200 dark:border-surface-700">
|
|
<div class="flex flex-wrap gap-2">
|
|
{% if category is string %}
|
|
<a href="/categories/{{ category | slugify }}/" class="p-category text-sm px-3 py-1 bg-surface-100 dark:bg-surface-800 rounded-full hover:bg-surface-200 dark:hover:bg-surface-700 transition-colors">
|
|
{{ category }}
|
|
</a>
|
|
{% else %}
|
|
{% for cat in category %}
|
|
<a href="/categories/{{ cat | slugify }}/" class="p-category text-sm px-3 py-1 bg-surface-100 dark:bg-surface-800 rounded-full hover:bg-surface-200 dark:hover:bg-surface-700 transition-colors">
|
|
{{ cat }}
|
|
</a>
|
|
{% endfor %}
|
|
{% endif %}
|
|
</div>
|
|
</footer>
|
|
{% endif %}
|
|
|
|
{# Hidden metadata for microformats #}
|
|
<a class="u-url hidden" href="{{ page.url }}"></a>
|
|
<data class="p-author h-card hidden" value="{{ site.author.name }}"></data>
|
|
</article>
|