Add page, site prefixes to all CSS names

This commit is contained in:
Will Faught
2025-02-08 22:12:05 -08:00
parent 03208bde58
commit aabb52bd64
11 changed files with 141 additions and 136 deletions

View File

@@ -55,7 +55,7 @@
{{ end }}
{{ with $keywords }}
<p class="paige-keywords paige-row-short text-center text-secondary">
<p class="paige-page-keywords paige-row-short text-center text-secondary">
{{ range $i, $term := . -}}
{{- $kind := false -}}
@@ -68,18 +68,18 @@
{{- if $normal -}}
{{- if gt $i 0 }} · {{ end -}}
<a class="link-secondary paige-keyword paige-keyword-{{ $kind }}" href="{{ .RelPermalink }}">{{ .LinkTitle }}</a>
<a class="link-secondary paige-page-keyword paige-page-keyword-{{ $kind }}" href="{{ .RelPermalink }}">{{ .LinkTitle }}</a>
{{- else -}}
{{- if gt $i 0 }} {{ end -}}
<a class="badge paige-keyword paige-keyword-{{ $kind }} text-bg-secondary text-decoration-none" href="{{ .RelPermalink }}">{{ .LinkTitle }}</a>
<a class="badge paige-page-keyword paige-page-keyword-{{ $kind }} text-bg-secondary text-decoration-none" href="{{ .RelPermalink }}">{{ .LinkTitle }}</a>
{{- end -}}
{{- end }}
</p>
{{ end }}
{{ with $series }}
<p class="paige-row-short paige-series text-center text-secondary">
<p class="paige-row-short paige-page-series text-center text-secondary">
{{ range $i, $series := . -}}
{{- if gt $i 0 }} · {{ end -}}
@@ -89,7 +89,7 @@
{{ end }}
{{ with $authors }}
<p class="paige-authors text-center paige-row-short text-secondary">
<p class="paige-page-authors text-center paige-row-short text-secondary">
{{ range $i, $author := . -}}
{{- if gt $i 0 }} · {{ end -}}
@@ -99,12 +99,12 @@
{{ end }}
{{ with $date }}
<p class="paige-date text-center paige-row-short text-secondary">
<p class="paige-page-date text-center paige-row-short text-secondary">
<time datetime="{{ .Format `2006-01-02` }}">{{ time.Format $format . }}</time>
</p>
{{ end }}
{{ with $time }}
<p class="paige-reading-time paige-row-short text-center text-secondary">{{ . }} {{ i18n "paige_minutes" . }}</p>
<p class="paige-page-reading-time paige-row-short text-center text-secondary">{{ . }} {{ i18n "paige_minutes" . }}</p>
{{ end }}
</div>

View File

@@ -7,7 +7,7 @@
{{ $pager := .pager }}
{{ if or $pager.HasPrev $pager.HasNext }}
<div id="paige-pagination">
<div id="paige-page-pagination">
<div class="d-flex justify-content-center">
<nav aria-label="{{ i18n `paige_page_list_navigation` }}">
<ul class="pagination">
@@ -58,9 +58,9 @@
{{ end }}
{{ with $collections }}
<div id="paige-collections">
<div id="paige-page-collections">
{{ if or $sections $pages }}
<h2 class="h5 text-center" id="paige-collections-header">{{ i18n "paige_collections" }}</h2>
<h2 class="h5 text-center" id="paige-page-collections-header">{{ i18n "paige_collections" }}</h2>
{{ end }}
{{ if or $sections $pages }}
@@ -80,9 +80,9 @@
{{ end }}
{{ with $sections }}
<div id="paige-sections">
<div id="paige-page-sections">
{{ if or $collections $pages }}
<h2 class="h5 text-center" id="paige-sections-header">{{ i18n "paige_sections" }}</h2>
<h2 class="h5 text-center" id="paige-page-sections-header">{{ i18n "paige_sections" }}</h2>
{{ end }}
{{ if $pages }}
@@ -102,9 +102,9 @@
{{ end }}
{{ with $pages }}
<div id="paige-subpages">
<div id="paige-page-pages">
{{ if or $collections $sections }}
<h2 class="h5 text-center" id="paige-subpages-header">{{ i18n "paige_pages" }}</h2>
<h2 class="h5 text-center" id="paige-page-pages-header">{{ i18n "paige_pages" }}</h2>
{{ end }}
{{ $pager := $page.Paginate . }}

View File

@@ -22,15 +22,15 @@
{{ partial "paige/func-include.html" (dict "name" "page-footer-first%s.html" "page" $page) }}
{{ if or $edit $history }}
<div id="paige-file">
<div id="paige-page-file">
{{ with $edit }}
<div class="paige-row-short text-center text-secondary" id="paige-edit">
<div class="paige-row-short text-center text-secondary" id="paige-page-edit">
<a class="link-secondary" href="{{ . }}">{{ i18n "paige_edit_this_page" }}</a>
</div>
{{ end }}
{{ with $history }}
<div class="paige-row-short text-center text-secondary" id="paige-history">
<div class="paige-row-short text-center text-secondary" id="paige-page-history">
<a class="link-secondary" href="{{ . }}">{{ i18n "paige_edit_history" }}</a>
</div>
{{ end }}
@@ -38,13 +38,13 @@
{{ end }}
{{ if or $next $prev }}
<div id="paige-siblings">
<div id="paige-page-siblings">
{{ with $prev }}
<div class="paige-row-short text-center text-secondary" id="paige-next"><a class="link-secondary" href="{{ .Permalink }}">{{ .LinkTitle }}</a> &rsaquo;</div>
<div class="paige-row-short text-center text-secondary" id="paige-page-next"><a class="link-secondary" href="{{ .Permalink }}">{{ .LinkTitle }}</a> &rsaquo;</div>
{{ end }}
{{ with $next }}
<div class="paige-row-short text-center text-secondary" id="paige-prev">&lsaquo; <a class="link-secondary" href="{{ .Permalink }}">{{ .LinkTitle }}</a></div>
<div class="paige-row-short text-center text-secondary" id="paige-page-prev">&lsaquo; <a class="link-secondary" href="{{ .Permalink }}">{{ .LinkTitle }}</a></div>
{{ end }}
</div>
{{ end }}

View File

@@ -33,9 +33,9 @@
{{ end }}
{{ if or $authors $date $keywords $time $series }}
<div id="paige-metadata">
<div id="paige-page-metadata">
{{ with $keywords }}
<p class="{{ if $normal }} paige-row-short {{ end }} text-center {{ if $normal }} text-secondary {{ end }}" id="paige-keywords">
<p class="{{ if $normal }} paige-row-short {{ end }} text-center {{ if $normal }} text-secondary {{ end }}" id="paige-page-keywords">
{{ range $i, $term := . -}}
{{- $kind := false -}}
@@ -48,18 +48,18 @@
{{- if $normal -}}
{{- if gt $i 0 }} · {{ end -}}
<a class="link-secondary paige-keyword paige-keyword-{{ $kind }}" href="{{ .RelPermalink }}" {{ if $microdata }} itemprop="keywords" {{ end }}>{{ .LinkTitle }}</a>
<a class="link-secondary paige-page-keyword paige-page-keyword-{{ $kind }}" href="{{ .RelPermalink }}" {{ if $microdata }} itemprop="keywords" {{ end }}>{{ .LinkTitle }}</a>
{{- else -}}
{{- if gt $i 0 }} {{ end -}}
<a class="badge paige-keyword paige-keyword-{{ $kind }} text-bg-secondary text-decoration-none" href="{{ .RelPermalink }}" {{ if $microdata }} itemprop="keywords" {{ end }}>{{ .LinkTitle }}</a>
<a class="badge paige-page-keyword paige-page-keyword-{{ $kind }} text-bg-secondary text-decoration-none" href="{{ .RelPermalink }}" {{ if $microdata }} itemprop="keywords" {{ end }}>{{ .LinkTitle }}</a>
{{- end -}}
{{- end }}
</p>
{{ end }}
{{ with $series }}
<p class="paige-row-short text-center text-secondary" id="paige-series">
<p class="paige-row-short text-center text-secondary" id="paige-page-series">
{{ range $i, $series := . -}}
{{- if gt $i 0 }} · {{ end -}}
@@ -69,7 +69,7 @@
{{ end }}
{{ with $authors }}
<p class="paige-row-short text-center text-secondary" id="paige-authors">
<p class="paige-row-short text-center text-secondary" id="paige-page-authors">
{{ range $i, $author := . -}}
{{- if gt $i 0 }} · {{ end -}}
@@ -79,23 +79,23 @@
{{ end }}
{{ with $date }}
<p class="paige-row-short text-center text-secondary" id="paige-date">
<p class="paige-row-short text-center text-secondary" id="paige-page-date">
<time datetime="{{ .Format `2006-01-02` }}" {{ if $microdata }} itemprop="datePublished" {{ end }}>{{ time.Format $format . }}</time>
</p>
{{ end }}
{{ with $time }}
<p class="paige-row-short text-center text-secondary" id="paige-reading-time" {{ if $microdata }} itemprop="timeRequired" {{ end }}>{{ . }} {{ i18n "paige_minutes" . }}</p>
<p class="paige-row-short text-center text-secondary" id="paige-page-reading-time" {{ if $microdata }} itemprop="timeRequired" {{ end }}>{{ . }} {{ i18n "paige_minutes" . }}</p>
{{ end }}
</div>
{{ end }}
{{ with $alert }}
<div class="alert alert-{{ .type }} paige-row-tall" id="paige-alert" role="alert">{{ .message | markdownify }}</div>
<div class="alert alert-{{ .type }} paige-row-tall" id="paige-page-alert" role="alert">{{ .message | markdownify }}</div>
{{ end }}
{{ if $toc }}
<div class="paige-row-tall" id="paige-toc">
<div class="paige-row-tall" id="paige-page-toc">
<div class="border pe-3 ps-3 pt-3 rounded">
{{ $page.TableOfContents }}
</div>

View File

@@ -48,7 +48,7 @@
{{ partial "paige/page-header.html" $page }}
{{ with $content }}
<main class="mw-100" id="paige-content">{{ . | safeHTML }}</main>
<main class="mw-100" id="paige-page-content">{{ . | safeHTML }}</main>
{{ end }}
{{ partial "paige/page-footer.html" $page }}

View File

@@ -20,15 +20,15 @@
{{ partial "paige/func-include.html" (dict "name" "site-footer-first%s.html" "page" $page) }}
{{ with $copyright }}
<p class="paige-row-short text-center text-secondary" id="paige-copyright" {{ if $microdata }} itemprop="copyrightNotice" {{ end }}>{{ . }}</p>
<p class="paige-row-short text-center text-secondary" id="paige-site-copyright" {{ if $microdata }} itemprop="copyrightNotice" {{ end }}>{{ . }}</p>
{{ end }}
{{ with $license }}
<p class="paige-row-short text-center text-secondary" id="paige-license">{{ . }}</p>
<p class="paige-row-short text-center text-secondary" id="paige-site-license">{{ . }}</p>
{{ end }}
{{ with $credit }}
<p class="paige-row-short text-center text-secondary" id="paige-credit">{{ . }}</p>
<p class="paige-row-short text-center text-secondary" id="paige-site-credit">{{ . }}</p>
{{ end }}
{{ partial "paige/func-include.html" (dict "name" "site-footer-last%s.html" "page" $page) }}

View File

@@ -48,7 +48,7 @@
{{ if $menu }}
{{ with site.Menus.main }}
<nav aria-label="{{ i18n `paige_menu` }}" class="paige-row-tall" id="paige-menu">
<nav aria-label="{{ i18n `paige_menu` }}" class="paige-row-tall" id="paige-site-menu">
<ul class="align-items-center justify-content-center nav {{ if $pills }} nav-pills {{ else if $tabs }} nav-tabs {{ else if $underline }} nav-underline {{ end }}">
{{ range . }}
{{ $menuPath := strings.TrimPrefix $basePath .URL }}
@@ -110,7 +110,7 @@
{{ $pages = sort $pages "LinkTitle" }}
<nav aria-label="{{ i18n `paige_menu` }}" class="paige-row-tall" id="paige-menu">
<nav aria-label="{{ i18n `paige_menu` }}" class="paige-row-tall" id="paige-site-menu">
<ul class="align-items-center justify-content-center nav {{ if $pills }} nav-pills {{ else if $tabs }} nav-tabs {{ else if $underline }} nav-underline {{ end }}">
{{ with $title }}
{{ $active := eq $page.Section "" }}
@@ -139,7 +139,7 @@
{{ end }}
{{ with $breadcrumbs }}
<nav aria-label="{{ i18n `paige_breadcrumbs` }}" class="paige-row-tall" id="paige-breadcrumbs">
<nav aria-label="{{ i18n `paige_breadcrumbs` }}" class="paige-row-tall" id="paige-site-breadcrumbs">
<div class="d-flex justify-content-center">
<ol class="breadcrumb mb-0">
{{ $reverse := .Reverse }}

View File

@@ -73,7 +73,7 @@ blockquote > p:last-of-type {
.paige-row-short:last-child,
.paige-row-tall,
.paige-video,
#paige-content > *,
#paige-page-content > *,
table {
margin-bottom: 1rem;
}