hexo-theme-stellar 1.44.0 → 2.0.0-rc.2

package/layout/layout.ejs

@@ -1,76 +1,206 @@
 <%
-// 页面类型：索引页面还是内容页面
-var page_type = 'index'
-if (['post', 'page', 'wiki', null].includes(page.layout)) {
-  if (!page.nav_tabs) {
-    page_type = 'content'
-  }
+var pageConfig = content_config(page)
+var isOrdinaryPost = page.layout === 'post' && pageConfig.collection?.profile !== 'topic'
+var activeViewModel = (isOrdinaryPost || pageConfig.collection?.profile === 'topic')
+  ? post_view_model(page)
+  : page.viewModel
+var activeProfile = activeViewModel?.collection?.profile
+if (isOrdinaryPost && (activeProfile !== 'post' || activeViewModel?.render == null)) {
+  throw new Error(`Stellar v2: 普通 Post ${page.source || page.path || '<unknown>'} 缺少合法 PageViewModel.render`)
 }
-// 文章类型：技术类文章/文学类文章
-var article_type = theme.article.type
-if (page_type == 'index') {
-  article_type = undefined
-} else if (page.type?.length > 0) {
-  article_type = page.type
-} else if (theme.topic.tree[page.topic]?.type != null) {
-  article_type = theme.topic.tree[page.topic]?.type
-} else if (theme.wiki.tree[page.wiki]?.type != null) {
-  article_type = theme.wiki.tree[page.wiki]?.type
+var isWikiPage = pageConfig.collection?.profile === 'wiki'
+if (isWikiPage && (activeProfile !== 'wiki' || activeViewModel?.render == null)) {
+  throw new Error(`Stellar v2: Wiki 页面 ${page.source || page.path || '<unknown>'} 缺少合法 PageViewModel.render`)
 }
-// 是否缩进
-var indent = false
-if (page.indent != null) {
-  indent = page.indent
-} else if (theme.topic.tree[page.topic]?.indent != null) {
-  indent = theme.topic.tree[page.topic]?.indent
-} else if (theme.wiki.tree[page.wiki]?.indent != null) {
-  indent = theme.wiki.tree[page.wiki]?.indent
-} else if (theme.article.indent != null) {
-  indent = theme.article.indent
-} else {
-  indent = article_type === 'story'
+var isTopicPage = pageConfig.collection?.profile === 'topic'
+if (isTopicPage && (activeProfile !== 'topic' || activeViewModel?.render == null)) {
+  throw new Error(`Stellar v2: Topic 页面 ${page.source || page.path || '<unknown>'} 缺少合法 PageViewModel.render`)
+}
+var isNotebookPage = pageConfig.collection?.profile === 'notebook'
+if (isNotebookPage && (activeProfile !== 'notebook' || activeViewModel?.render == null)) {
+  throw new Error(`Stellar v2: Notebook 页面 ${page.source || page.path || '<unknown>'} 缺少合法 PageViewModel.render`)
+}
+var renderViewModel = ['post', 'wiki', 'topic', 'notebook'].includes(activeProfile) ? activeViewModel : null
+var appearance = stellar_config('appearance')
+var html = ''
+
+function siteBackground(enabled) {
+  return enabled ? '<div class="site-background"><div class="site-background__blur"></div></div>' : ''
+}
+
+function coverSlot(viewModel) {
+  var coverBody = viewModel ? partial('_partial/cover/index', {viewModel: viewModel}).trim() : ''
+  return `<div id="site-cover" class="site-cover">${coverBody}</div>`
+}
+
+function regionSlot(slot, state, viewModel) {
+  if (!state || state.enabled === false) return ''
+  var widgetBody = partial('_partial/regions/widgets', {
+    region: slot,
+    state: state,
+    widgets: state.widgets,
+    viewModel: viewModel || null
+  }).trim()
+  if (!widgetBody) return ''
+  return partial('_partial/primitives/region', {
+    slot: slot,
+    body: widgetBody
+  })
 }
 
-var site_background = ''
-if (theme.style.site && theme.style.site['background-image']) {
-  site_background += `<div class="sitebg">`
-  site_background += `<div class="siteblur"></div>`
-  site_background += `</div>`
+function shellDocument(options) {
+  return partial('_partial/primitives/shell', {
+    documentModel: options.documentModel,
+    pageModel: options.pageModel,
+    head: options.head,
+    bodyBegin: options.bodyBegin,
+    siteBackground: options.siteBackground,
+    cover: options.cover,
+    regions: options.regions,
+    main: options.main,
+    controls: partial('_partial/menubtn'),
+    overlays: options.searchEnabled ? partial('_partial/search/dialog') : '',
+    scripts: options.scripts
+  })
 }
 
-var html = `<!DOCTYPE html>`
-if (theme.style.prefers_theme === 'auto') {
-    html += `<html lang="${page.lang}">`
+function regionsContainSearch(regions) {
+  if (!stellar_config('search.provider')) return false
+  function menuHasSearch(menu) {
+    return Array.isArray(menu) && menu.some(function(item) {
+      return item?.type === 'search'
+    })
+  }
+  function brandHasContent(brand) {
+    return brand && brand !== false && (brand.name || brand.image?.src)
+  }
+  var collectionProfile = renderViewModel?.collection?.profile
+    || (page.notebookIndex?.mode === 'notes' ? 'notebook' : null)
+  return Object.entries(regions || {}).some(function(entry) {
+    var slot = entry[0]
+    var region = entry[1]
+    if (region?.enabled === false) return false
+    if (slot === 'leftbar' && ['wiki', 'notebook', 'topic'].includes(collectionProfile) && brandHasContent(region.brand)) return true
+    if (slot === 'leftbar') return menuHasSearch(region?.menu)
+    if (slot !== 'topbar' || !menuHasSearch(region?.menu)) return false
+    return Array.isArray(region?.widgets) && region.widgets.some(function(widget) {
+      return widget?.id === 'menu' || widget?.layout === 'menu'
+    })
+  })
+}
+
+if (renderViewModel) {
+  var render = renderViewModel.render
+  report_region_warnings(render.layout.regionWarnings)
+  var regionState = {
+    topbar: render.layout.topbar,
+    leftbar: render.layout.leftbar,
+    rightbar: render.layout.rightbar
+  }
+  var topbarRegion = regionSlot('topbar', regionState.topbar, renderViewModel)
+  var mainBody = ''
+  if (showMobileBrand(page, {profileKey: activeProfile}) && !topbarRegion) {
+    mainBody += partial('_partial/sidebar/brand', {
+      placement: 'main',
+      brandModel: regionState.topbar?.brand,
+      viewModel: renderViewModel
+    })
+  }
+  mainBody += body + partial('_partial/main/footer')
+  html = shellDocument({
+    documentModel: {
+      language: render.document.language,
+      preferredTheme: render.document.preferredTheme
+    },
+    pageModel: {
+      pageType: render.layout.pageType,
+      layout: renderViewModel.item.layout,
+      articleStyle: render.layout.articleStyle,
+      indent: render.layout.indent
+    },
+    head: partial('_partial/head', {viewModel: renderViewModel}),
+    bodyBegin: stellar_inject('bodyBegin', render.document.bodyBeginInject),
+    siteBackground: siteBackground(render.layout.siteBackground),
+    cover: coverSlot(renderViewModel),
+    regions: {
+      topbar: topbarRegion,
+      leftbar: regionSlot('leftbar', regionState.leftbar, renderViewModel),
+      rightbar: regionSlot('rightbar', regionState.rightbar, renderViewModel)
+    },
+    searchEnabled: regionsContainSearch(regionState),
+    main: mainBody,
+    scripts: partial('_partial/scripts', {viewModel: renderViewModel})
+  })
 } else {
-  html += `<html lang="${page.lang}" data-theme="${theme.style.prefers_theme}">`
+  var notebookIndex = page.notebookIndex?.mode === 'notes' ? page.notebookIndex.collection : null
+  var pageType = ['post', 'page', 'wiki', 'settings', null].includes(page.layout) ? 'content' : 'index'
+  var articleDefaults = stellar_config('article')
+  var articleStyle = articleDefaults.style
+  if (pageType === 'index') {
+    articleStyle = undefined
+  } else if (pageConfig.article?.style?.length > 0) {
+    articleStyle = pageConfig.article.style
+  }
+  var paragraphIndent = pageConfig.article?.paragraphIndent
+    || articleDefaults.paragraphIndent
+    || 'auto'
+  var indent = paragraphIndent === 'always' || (paragraphIndent === 'auto' && articleStyle === 'story')
+  var profileKey = 'page'
+  var collectionRegions = null
+  if (is_home()) {
+    profileKey = 'home'
+  } else if (page.layout === 'notebooks') {
+    profileKey = 'notebooks'
+  } else if (page.layout === 'notes') {
+    profileKey = 'notebook'
+    collectionRegions = notebookIndex?.layout
+  } else if (is_category() || is_tag() || is_archive() || ['categories', 'tags', 'archives'].includes(page.layout)) {
+    profileKey = 'blogIndex'
+  } else if (page.layout === 'index_topic') {
+    profileKey = 'blogIndex'
+  } else if (page.layout === 'index_wiki') {
+    profileKey = 'wikiIndex'
+  } else if (page.layout === '404') {
+    profileKey = 'error'
+  } else if (page.layout === 'settings') {
+    profileKey = 'settings'
+  }
+  var mobileBrandVisible = showMobileBrand(page, {profileKey: profileKey})
+  var pageRegions = region_layout(profileKey, collectionRegions, pageConfig)
+  var topbarRegion = regionSlot('topbar', pageRegions.topbar)
+  var mainBody = ''
+  if (mobileBrandVisible && !topbarRegion) {
+    mainBody += partial('_partial/sidebar/brand', {
+      placement: 'main',
+      brandModel: pageRegions.topbar?.brand
+    })
+  }
+  mainBody += body
+  mainBody += partial('_partial/main/footer')
+  html = shellDocument({
+    documentModel: {
+      language: page.lang,
+      preferredTheme: appearance.colorScheme
+    },
+    pageModel: {
+      pageType: pageType,
+      layout: page.layout,
+      articleStyle: articleStyle,
+      indent: indent
+    },
+    head: partial('_partial/head'),
+    bodyBegin: stellar_inject('bodyBegin', pageConfig.inject?.bodyBegin),
+    siteBackground: siteBackground(appearance.backgrounds.page.image),
+    cover: coverSlot(),
+    regions: {
+      topbar: topbarRegion,
+      leftbar: regionSlot('leftbar', pageRegions.leftbar),
+      rightbar: regionSlot('rightbar', pageRegions.rightbar)
+    },
+    searchEnabled: regionsContainSearch(pageRegions),
+    main: mainBody,
+    scripts: partial('_partial/scripts')
+  })
 }
-  html += partial('_partial/head')
-  html += `<body>`
-    html += site_background
-    html += `<div id="l_cover">${partial('_partial/cover/index').trim()}</div>`
-    html += `<div class="l_body ${page_type}" id="start" layout="${page.layout}" type="${article_type}" ${indent ? 'text-indent' : ''}>`
-      var leftbarSurface = theme.style.leftbar?.['ui-style'] === 'card' ? 'card' : 'glass'
-      html += `<aside class="l_left${leftbarSurface === 'card' ? ' leftbar-card' : ''}" data-ui-surface="${leftbarSurface}">`
-        html += `<div class="sidebg"></div>`
-        html += `<div class="leftbar-container${theme.style.leftbar?.blur ? ' leftbar-blur' : ''}">`
-          html += partial('_partial/sidebar/index_leftbar')
-        html += `</div>`
-      html += `</aside>`
-      html += `<div class="l_main" id="main" data-ui-surface="content">`
-        html += partial('_partial/sidebar/logo', {where: 'main'})
-        html += body
-        html += partial('_partial/main/footer')
-        html += `<div class="main-mask" onclick="sidebar.dismiss()"></div>`
-      html += `</div>`
-      html += `<aside class="l_right" data-ui-surface="sidebar">`
-        html += partial('_partial/sidebar/index_rightbar').trim()
-      html += `</aside>`
-      html += partial('_partial/menubtn')
-    html += `</div>`
-    html += `<div class="scripts">`
-      html += partial('_partial/scripts')
-    html += `</div>`
-  html += `</body>`
-html += `</html>`
 %>
 <%- html %>

package/layout/notebooks.ejs

@@ -1,9 +1,9 @@
 <%# 笔记本列表页主体部分 %>
-<% for (const notebook of Object.values(theme.notebooks.tree)) { %>
+<% for (var notebook of page.notebookIndex.items) { %>
   <div class="post-list wiki">
     <div class="post-card-wrap<%= scrollreveal(' ') %>">
-    <a class="post-card wiki card-hover card-hover--spotlight card-hover--tilt" href="<%= pretty_url(notebook.base_dir) %>">
-      <%- include('_partial/main/notebook/notebook_card', { notebook: notebook }) %>
+    <a class="<%- ui_classes('post-card wiki', 'hoverCard') %>" href="<%= pretty_url(notebook.href) %>">
+      <%- include('_partial/main/notebook/notebook_card', { render: {listing: notebook} }) %>
     </a>
     </div>
   </div>

package/layout/notes.ejs

@@ -1,12 +1,12 @@
 <%# 笔记列表页主体部分 %>
 <div class="post-list post">
-  <% page.posts.each(post => { %>
+  <% page.notebookIndex.items.forEach(post => { %>
     <div class="post-card-wrap<%= scrollreveal(' ') %>">
     <a
-      class="post-card post card-hover card-hover--spotlight card-hover--tilt"
-      href="<%= pretty_url(post.link || post.path) %><%= page.activeTag ? `?tag=${page.activeTag}` : '' %>"
+      class="<%- ui_classes('post-card post', 'hoverCard') %>"
+      href="<%= pretty_url(post.href) %><%= page.notebookIndex.activeTag ? `?tag=${page.notebookIndex.activeTag}` : '' %>"
     >
-      <%- include('_partial/main/notebook/note_card', { note: post }) %>
+      <%- include('_partial/main/notebook/note_card', { render: {listing: post} }) %>
     </a>
     </div>
   <% }) %>

package/layout/page.ejs

@@ -1,30 +1,27 @@
 <%
-const { layout } = page
-// 是否使用 Heti 布局插件
-const isUsingHeti = theme.plugins.heti?.enable
-
-const notebook = theme.notebooks.tree[page.notebook]
-if (notebook) {
-    page.menu_id ??= notebook.menu_id
-    page.license ??= notebook.license
-    page.share ??= notebook.share
+var pageConfig = content_config(page)
+var registeredProfile = pageConfig.collection?.profile
+var postViewModel = page.layout === 'post' && (registeredProfile == null || registeredProfile === 'topic')
+  ? post_view_model(page)
+  : null
+var wikiViewModel = page.viewModel?.collection?.profile === 'wiki' ? page.viewModel : null
+var notebookViewModel = page.viewModel?.collection?.profile === 'notebook' ? page.viewModel : null
+var requiredProfile = page.layout === 'post' ? (registeredProfile === 'topic' ? 'topic' : 'post') : registeredProfile
+var activeViewModel = postViewModel || wikiViewModel || notebookViewModel
+if (['post', 'wiki', 'topic', 'notebook'].includes(requiredProfile) && activeViewModel?.collection?.profile !== requiredProfile) {
+  throw new Error(`Stellar v2: ${requiredProfile} 页面 ${page.source || page.path || '<unknown>'} 缺少 PageViewModel`)
 }
+// 是否使用 Heti 布局插件
+const isUsingHeti = stellar_config('features.heti.enabled')
 
-// 默认的 menu_id
-if (page.menu_id == null) {
-  if (page.wiki?.length > 0) {
-    page.menu_id = theme.site_tree.wiki.menu_id
-  } else if (page.topic?.length > 0) {
-    page.menu_id = theme.site_tree.topic.menu_id
-  } else {
-    page.menu_id = theme.site_tree.post.menu_id
-  }
+// 默认主导航菜单
+if (!postViewModel && !wikiViewModel && !notebookViewModel) page.navigation = {
+  menu: pageConfig.activeMenu,
+  breadcrumb: pageConfig.breadcrumb
 }
-// 默认的 title
-if (page.title == null) {
-  if (page.wiki) {
-    page.title = __('btn.wiki')
-  }
+if (!postViewModel && !wikiViewModel && !notebookViewModel && page.navigation.menu == null) {
+  var profiles = stellar_config('profiles')
+  page.navigation.menu = profiles.page.activeMenu
 }
 
 function articleClass() {
@@ -35,39 +32,87 @@ function articleClass() {
   return str
 }
 
-function layoutDiv() {
+function postArticleClass(article) {
+  var str = `md-text content${scrollreveal(' ')}`
+  if (article.heti) str += ' heti'
+  return str
+}
+
+function postLayoutDiv() {
+  var item = postViewModel.item
+  var article = postViewModel.render.article
   var el = ''
-  if (page.nav_tabs) {
-    el += partial('_partial/main/navbar/nav_tabs_blog')
+  if (item.presentation.banner?.headline || item.title || item.content.length > 0) {
+    el += partial('_partial/main/navbar/article_banner', {viewModel: postViewModel})
   }
-  if (page.h1 || page.title || (page.content && page.content.length > 0)) {
-    el += partial('_partial/main/navbar/article_banner')
+  el += `<article class="${postArticleClass(article)}">`
+  el += item.content
+  el += '</article>'
+  el += partial('_partial/main/article/post_tags', {tags: article.tags})
+  el += partial('_partial/main/article/share', {share: article.footer.share})
+  el += partial('_partial/main/article/post_footer', {footer: article.footer})
+  el += partial('_partial/main/article/post_read_next', {
+    previous: article.previous,
+    next: article.next
+  })
+  el += partial('_partial/main/article/post_related', {related: article.related})
+  el += partial('_partial/comments/layout', {comments: article.comments})
+  return el
+}
+
+function wikiLayoutDiv() {
+  var item = wikiViewModel.item
+  var article = wikiViewModel.render.article
+  var el = ''
+  if (article.banner?.headline || item.title || item.content.length > 0 || article.readmeHtml.length > 0) {
+    el += partial('_partial/main/navbar/article_banner', {viewModel: wikiViewModel})
   }
-  el += `<article class="${articleClass()}">`
-  if (page.content && String(page.content).trim().length > 0) {
-    el += page.content
-  } else {
-    // wiki 项目首页正文为空（剪裁空白后）且配置了 repo 时，
-    // 以该仓库 README.md 作为主页正文（应用层 helper，复用底层远程 md 渲染组件）
-    el += wiki_readme_html(theme.wiki.tree[page.wiki], page)
+  var cls = `md-text content${scrollreveal(' ')}`
+  if (article.heti) cls += ' heti'
+  el += `<article class="${cls}">`
+  el += item.content.trim().length > 0 ? item.content : article.readmeHtml
+  el += '</article>'
+  el += partial('_partial/main/article/share', {share: article.footer.share})
+  el += partial('_partial/main/article/post_footer', {footer: article.footer})
+  el += partial('_partial/main/article/post_read_next', {
+    previous: article.previous,
+    next: article.next,
+    previousLabel: __('meta.prev'),
+    nextLabel: __('meta.next')
+  })
+  el += partial('_partial/comments/layout', {comments: article.comments})
+  return el
+}
+
+function notebookLayoutDiv() {
+  var item = notebookViewModel.item
+  var article = notebookViewModel.render.article
+  var el = ''
+  if (article.banner?.headline || item.title || item.content.length > 0) {
+    el += partial('_partial/main/navbar/article_banner', {viewModel: notebookViewModel})
   }
-  if (notebook) {
-    el += partial('_partial/main/notebook/note_tags', { notebook: notebook })
+  el += `<article class="${postArticleClass(article)}">`
+  el += item.content
+  el += partial('_partial/main/notebook/note_tags', {tags: article.tags})
+  el += '</article>'
+  el += partial('_partial/main/article/share', {share: article.footer.share})
+  el += partial('_partial/main/article/post_footer', {footer: article.footer})
+  el += partial('_partial/comments/layout', {comments: article.comments})
+  return el
+}
+
+function layoutDiv() {
+  if (postViewModel) return postLayoutDiv()
+  if (wikiViewModel) return wikiLayoutDiv()
+  if (notebookViewModel) return notebookLayoutDiv()
+  var el = ''
+  if (pageConfig.banner?.headline || page.title || (page.content && page.content.length > 0)) {
+    el += partial('_partial/main/navbar/article_banner')
   }
+  el += `<article class="${articleClass()}">`
+  if (page.content && String(page.content).trim().length > 0) el += page.content
   el += `</article>`
-  if (layout === 'post' || page.wiki || notebook) {
-    if (layout === 'post' && theme.article.tags) {
-      el += partial('_partial/main/article/article_tags')
-    }
-    el += partial('_partial/main/article/article_footer')
-  }
-  if (layout === 'post' || page.wiki) {
-    el += partial('_partial/main/article/read_next')
-  }
-  if (layout === 'post') {
-    el += partial('_partial/main/article/related_posts')
-  }
-  el += partial('_partial/comments/layout')
+  el += partial('_partial/comments/layout', {comments: comments_model(page)})
   return el
 }
 %>

package/layout/settings.ejs

@@ -0,0 +1,109 @@
+<%
+page.robots = 'noindex,nofollow'
+var provider = stellar_config('comments.provider') || ''
+var providerSupported = ['artalk', 'waline', 'twikoo'].includes(String(provider).toLowerCase())
+var settingsConfig = stellar_config('profiles.settings') || {}
+var aboutItems = settingsConfig.about?.items || []
+var cacheItems = [
+  { id: 'search', label: __('settings.cache.search') },
+  { id: 'dynamic', label: __('settings.cache.dynamic') },
+  { id: 'all', label: __('settings.cache.all') }
+]
+var fallbackAvatar = stellar_config('fallbacks.avatar')
+function linkAttributes(url) {
+  return url.includes('://')
+    ? ' target="_blank" rel="external nofollow noopener noreferrer"'
+    : ' rel="noopener noreferrer"'
+}
+%>
+<article class="md-text content settings-page"
+  data-provider="<%- escape_html(provider) %>"
+  data-fallback-avatar="<%- escape_html(url_for(fallbackAvatar)) %>"
+  data-message-success="<%- escape_html(__('settings.result.success')) %>"
+  data-message-partial="<%- escape_html(__('settings.result.partial')) %>"
+  data-message-failure="<%- escape_html(__('settings.result.failure')) %>"
+  data-validation-name="<%- escape_html(__('settings.validation.name')) %>"
+  data-validation-email="<%- escape_html(__('settings.validation.email')) %>"
+  data-validation-url="<%- escape_html(__('settings.validation.url')) %>">
+  <header class="settings-page__header">
+    <h1><%- escape_html(__('settings.title')) %></h1>
+  </header>
+
+  <section class="settings-section" aria-labelledby="settings-profile">
+    <h2 id="settings-profile"><%- escape_html(__('settings.profile.title')) %></h2>
+    <div class="settings-section__body">
+      <div class="settings-profile">
+        <div class="settings-profile__avatar" aria-label="<%- escape_html(__('settings.profile.avatar')) %>">
+          <img data-profile-avatar src="<%- escape_html(url_for(fallbackAvatar)) %>" alt="">
+          <span data-profile-avatar-fallback hidden><%- icon('default:profile', '', true) %></span>
+        </div>
+        <div class="settings-profile__content">
+          <% if (!providerSupported) { %>
+          <p data-provider-note class="settings-provider-note"><%- escape_html(__('settings.profile.provider_managed', provider || __('settings.profile.provider_unknown'))) %></p>
+          <% } else { %>
+          <form data-profile-form class="settings-form" novalidate>
+            <label>
+              <span><%- escape_html(__('settings.profile.nickname')) %></span>
+              <input name="name" type="text" maxlength="80" required autocomplete="nickname">
+            </label>
+            <label>
+              <span><%- escape_html(__('settings.profile.email')) %></span>
+              <input name="email" type="email" maxlength="254" autocomplete="email">
+            </label>
+            <label>
+              <span><%- escape_html(__('settings.profile.url')) %></span>
+              <input name="url" type="url" inputmode="url" autocomplete="url" placeholder="https://">
+            </label>
+            <div class="settings-actions">
+              <button type="submit" class="settings-button settings-button--primary"><%- escape_html(__('settings.profile.save')) %></button>
+              <button type="button" class="settings-button" data-profile-logout><%- escape_html(__('settings.profile.logout')) %></button>
+            </div>
+          </form>
+          <p class="settings-result" data-profile-status role="status" aria-live="polite"></p>
+          <% } %>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="settings-section" aria-labelledby="settings-cache">
+    <h2 id="settings-cache"><%- escape_html(__('settings.cache.title')) %></h2>
+    <div class="settings-section__body">
+      <dl class="settings-kv settings-cache-list">
+        <% cacheItems.forEach(function(item) { %>
+          <div class="settings-kv__row">
+            <dt><%- escape_html(item.label) %></dt>
+            <dd>
+              <span class="settings-kv__value" data-cache-size="<%- item.id %>">0 B</span><button type="button" class="settings-kv__action" data-cache-action="<%- item.id %>" aria-label="<%- escape_html(__('settings.cache.clear', item.label)) %>"><span class="ui-icon"><%- icon('default:trash', '', true) %></span></button>
+            </dd>
+          </div>
+        <% }) %>
+      </dl>
+      <p class="settings-result" data-cache-status role="status" aria-live="polite"></p>
+    </div>
+  </section>
+
+  <section class="settings-section" aria-labelledby="settings-about">
+    <h2 id="settings-about"><%- escape_html(__('settings.about.title')) %></h2>
+    <div class="settings-section__body">
+      <% if (aboutItems.length > 0) { %>
+        <dl class="settings-kv">
+          <% aboutItems.forEach(function(item) {
+            var value = settings_value(item.value)
+            var target = item.url ? settings_value(item.url) : ''
+            var href = target ? url_for(target) : ''
+          %>
+            <div class="settings-kv__row">
+              <dt><%- escape_html(item.key) %></dt>
+              <dd>
+                <span class="settings-kv__value"><%- escape_html(value) %></span><% if (href) { %><a class="settings-kv__link" href="<%- escape_html(href) %>"<%- linkAttributes(target) %> aria-label="<%- escape_html(__('settings.about.open_link', item.key)) %>"><span class="ui-icon"><%- icon('default:link', '', true) %></span></a><% } %>
+              </dd>
+            </div>
+          <% }) %>
+        </dl>
+      <% } else { %>
+        <p class="settings-empty"><%- escape_html(__('settings.about.empty')) %></p>
+      <% } %>
+    </div>
+  </section>
+</article>

package/layout/tags.ejs

@@ -1,13 +1,14 @@
 <%
 page.robots = 'noindex,follow';
-if (page.menu_id == undefined) {
-  page.menu_id = 'post';
+page.navigation ||= {}
+if (page.navigation.menu == undefined) {
+  page.navigation.menu = stellar_config('profiles.blogIndex.activeMenu');
 }
 %>
 <% if (site.tags.length) { %>
   <% page.title = __('btn.tags'); %>
   <% page.layout = 'tags'; %>
-  <%- partial('_partial/main/navbar/nav_tabs_blog') %>
+  <%- partial('_partial/main/listing_nav/blog') %>
   <div class='post-list'>
     <article class='<%- scrollreveal("") %>' id='tags'>
       <% site.tags.sort('length', -1).each(function(tag){ %>

package/{THIRD-PARTY-NOTICES.md → legal/THIRD-PARTY-NOTICES.md}

@@ -1,12 +1,16 @@
 # Third-Party Notices
 
+This project includes or adapts portions of the following third-party software.
+
 ## React Bits
 
-The Wiki Galaxy WebGL background and Card Hover spotlight layer are adapted
-from the Galaxy and Spotlight Card components in
-[React Bits](https://github.com/DavidHDev/react-bits).
+- Project: [React Bits](https://github.com/DavidHDev/react-bits)
+- Components: Ferrofluid, Galaxy and Spotlight Card
+- License: MIT
+- Copyright: Copyright (c) 2026 David Haz
+- Usage: Adapted for the Wiki Ferrofluid and Galaxy WebGL backgrounds and Card Hover spotlight layer.
 
-MIT License
+### MIT License
 
 Copyright (c) 2026 David Haz