pandorga 1.2.1

data/assets/css/cv.css

@@ -0,0 +1,13 @@
+/* ── Public CV page ── (intentionally empty)
+
+   This file held the pre-redesign CV entry styles: .cv-section, .job-title,
+   .job-department, .job-meta, .institution and .cv-description. The public CV
+   page was rebuilt as the architectural register in `_layouts/cv.html`, which
+   emits .cv-register / .cv-entry-* / .cv-product-* and styles them from
+   `assets/css/ledger/cv.css`. None of the six old classes is emitted by any
+   layout, include, runtime renderer or content file any more, so they were
+   removed rather than left to rot.
+
+   The file itself stays because `_layouts/shell.html` links it unconditionally
+   and dropping the <link> belongs to whoever owns that layout. Once that line
+   is gone, delete this file. */

data/assets/css/global-link.css

@@ -0,0 +1,94 @@
+/* Global link styling for all <a> tags */
+a {
+  color: var(--color-link);
+  text-decoration: none;
+  transition: color var(--motion-duration-fast) var(--motion-ease-default);
+}
+
+/* Underline on hover belongs to prose links only.
+ *
+ * `article a:hover` used to be in this list and was the reason card chrome —
+ * tag chips, "Read article", the repository/article/visit/details row on a
+ * project card — underlined under the pointer. Every card, row and system
+ * card is a `document.createElement('article')` (content-runtime/43-blocks),
+ * so that selector matched all of their links and none of their prose.
+ *
+ * It was not earning its place even for prose: an article or post body
+ * renders into `<div class="article-content">` inside a `<section>`, never
+ * inside an `<article>`, so `.article-content a:hover` is what actually
+ * underlines editorial links. Dropping `article a:hover` therefore removes
+ * the card underlines without touching a single prose link — and retires the
+ * `article h2/h3 a:hover` exception that existed only to cancel it for card
+ * titles, plus the chip exceptions that were being added one class at a time
+ * as each new piece of card chrome turned up underlined. */
+p a:hover,
+.post-content a:hover,
+.article-content a:hover,
+.description a:hover {
+  color: var(--color-link-hover);
+  text-decoration: underline;
+  text-underline-offset: 2px;
+  text-decoration-thickness: 1.5px;
+}
+
+/* Inline scholarly citations: 60% of body size, superscript */
+.article-content sup.citation-sup,
+.article-content sup:has(> a.citation) {
+  font-size: 0.6em;
+  vertical-align: super;
+  line-height: 1;
+}
+
+.article-content sup.citation-sup > a.citation,
+.article-content sup:has(> a.citation) > a.citation {
+  font-size: inherit;
+  vertical-align: baseline;
+  line-height: inherit;
+}
+
+.article-content sup.citation-sup.cite-missing {
+  color: var(--color-error);
+}
+
+/* Jekyll-Scholar / runtime references list */
+.article-references {
+  margin-top: 2rem;
+  padding-top: 1rem;
+  border-top: 1px solid var(--border-gentle-divider);
+}
+
+.article-references h2 {
+  margin-bottom: 0.75rem;
+}
+
+.article-references ol.bibliography,
+.article-references ul.bibliography {
+  list-style-type: decimal;
+  list-style-position: inside;
+  padding-left: 0;
+  margin-left: 0;
+  margin-top: 0.5rem;
+}
+
+.article-references ol.bibliography li,
+.article-references ul.bibliography li {
+  margin-bottom: 0.8rem;
+  overflow-wrap: anywhere;
+  word-break: break-word;
+}
+
+.article-references ol.bibliography li,
+.article-references ol.bibliography li>sup,
+.article-references ol.bibliography li>span,
+.article-references ul.bibliography li,
+.article-references ul.bibliography li>sup,
+.article-references ul.bibliography li>span {
+  font-size: 1em;
+  line-height: inherit;
+  vertical-align: baseline;
+}
+
+.article-references .bibliography a {
+  overflow-wrap: anywhere;
+  word-break: break-word;
+}

data/assets/css/ledger/bibliography.css

@@ -0,0 +1,307 @@
+/* Ledger page styles: bibliography.
+   Follows Architectural Ledger tokens and styles from base.css and sources.css. */
+
+.bib-masthead {
+  position: relative;
+  z-index: 2;
+}
+
+.bib-header {
+  position: relative;
+  z-index: 1;
+}
+
+.bib-header .page-header-tags {
+  color: var(--color-primary);
+  opacity: 0.85;
+}
+
+.bib-masthead-shard {
+  top: calc(-1 * var(--space-2xl));
+  right: calc(-1 * var(--space-xl));
+  width: 16rem;
+  height: 9rem;
+  background: var(--color-secondary);
+}
+
+.bib-body {
+  position: relative;
+}
+
+.bib-body>.listing-card-grid,
+.bib-body>.bib-pagination {
+  position: relative;
+  z-index: 1;
+}
+
+.bib-foot-shard {
+  left: calc(-1 * var(--space-xl));
+  bottom: calc(-1 * var(--space-lg));
+  width: 14rem;
+  height: 8rem;
+  background: color-mix(in srgb, var(--color-primary) 70%, transparent);
+}
+
+@media (max-width: 1023px) {
+  .bib-masthead-shard {
+    top: calc(-1 * var(--space-xl));
+    right: calc(-1 * var(--space-lg));
+    width: 12rem;
+    height: 8rem;
+  }
+
+  .bib-foot-shard {
+    left: calc(-1 * var(--space-lg));
+    width: 10rem;
+    height: 7rem;
+  }
+}
+
+.bib-hidden {
+  display: none !important;
+}
+
+/* ── Grid ── */
+.listing-card-grid--bibliography {
+  --listing-grid-cols: 1;
+  display: grid;
+  gap: var(--space-lg);
+}
+
+@media (min-width: 768px) {
+  .listing-card-grid--bibliography {
+    --listing-grid-cols: 3;
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+}
+
+/* ── The Bibliography Card ── */
+.bib-card {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  background: var(--color-surface-card);
+  border: 1.5px solid var(--border-ink);
+  border-radius: var(--radius-card);
+  transition:
+    background-color var(--motion-duration-fast) var(--motion-ease-default),
+    border-color var(--motion-duration-fast) var(--motion-ease-default);
+}
+
+.bib-card:hover {
+  background: var(--color-surface-high);
+  border-color: var(--border-gentle-hover);
+}
+
+.bib-card-body {
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 auto;
+  gap: var(--space-sm);
+  padding: var(--space-lg);
+}
+
+.bib-card-top {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--space-sm);
+  flex-wrap: wrap;
+}
+
+.bib-facets {
+  --bib-facet-height: 1.65rem;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--space-xs);
+}
+
+.bib-facet,
+.bib-facets .lang-pill {
+  display: inline-flex;
+  align-items: center;
+  height: var(--bib-facet-height);
+  padding: 0 var(--space-sm);
+  border: 1.5px solid color-mix(in srgb, currentColor 40%, var(--border-ink));
+  border-radius: var(--radius-card);
+  background: transparent;
+  white-space: nowrap;
+  font-family: var(--font-label);
+  font-size: var(--type-label);
+  font-weight: var(--weight-label);
+  letter-spacing: 0.03em;
+  line-height: 1;
+  color: var(--color-on-surface-variant);
+}
+
+.bib-facet--article {
+  color: var(--color-primary);
+}
+
+.bib-facet--book {
+  color: var(--color-secondary);
+}
+
+.bib-facet--report {
+  color: var(--color-tertiary);
+}
+
+.bib-facet--techreport {
+  color: var(--color-tertiary);
+}
+
+.bib-facet--news {
+  /* Hardcoded salmon colors for now, since punctual */
+  color: #b7756e;
+}
+
+.bib-key {
+  font-size: var(--type-label);
+  color: var(--color-on-surface-variant);
+  opacity: 0.8;
+}
+
+.bib-card-title {
+  margin: 0;
+  font-size: var(--type-card);
+  line-height: 1.25;
+  color: var(--color-on-surface);
+  overflow-wrap: anywhere;
+}
+
+.bib-card-title a {
+  text-decoration: none;
+  color: inherit;
+  transition: color var(--motion-duration-fast) var(--motion-ease-default);
+}
+
+.bib-card-title a:hover {
+  color: var(--color-primary);
+}
+
+.bib-author {
+  font-size: calc(var(--type-meta) + 3pt);
+  line-height: 1.5;
+  margin-top: var(--space-xs);
+  color: var(--color-on-surface-variant);
+  overflow-wrap: anywhere;
+}
+
+.bib-card-foot {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--space-md);
+  margin-top: var(--space-md);
+  padding-top: var(--space-sm);
+  border-top: 1px solid var(--border-gentle-divider);
+}
+
+.bib-host {
+  color: var(--color-on-surface-variant);
+  text-transform: lowercase;
+  letter-spacing: 0.02em;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 0;
+}
+
+/* ── Pagination ── */
+.bib-pagination {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--space-lg);
+  margin-top: var(--space-2xl);
+}
+
+.bib-pagination:empty {
+  margin-top: 0;
+}
+
+/* ── Year range filter ── */
+.bib-year-range-row {
+  display: flex;
+  align-items: center;
+  gap: var(--space-sm);
+}
+
+/* Match `.listing-filter-chip`: same face, size, and vertical padding. */
+.bib-year-input {
+  width: 5.5rem;
+  box-sizing: border-box;
+  padding: 0.35rem 0.55rem;
+  border: 1.5px solid var(--border-ink);
+  border-radius: var(--radius-card);
+  background: transparent;
+  --listing-search-value: color-mix(in srgb, black 75%, white);
+  color: var(--listing-search-value);
+  -webkit-text-fill-color: var(--listing-search-value);
+  caret-color: var(--listing-search-value);
+  font-family: var(--font-label);
+  font-size: var(--type-label);
+  font-weight: var(--weight-label);
+  letter-spacing: 0.02em;
+  line-height: 1.2;
+  outline: none;
+}
+
+[data-theme="dark"] .bib-year-input {
+  --listing-search-value: var(--color-on-surface);
+}
+
+/* Specificity overrides to outrank Tailwind forms [type='number'] styles in dark mode */
+.listing-filter-panel .bib-year-input,
+.listing-filter .bib-year-input,
+.bib-year-range-group .bib-year-input,
+input.bib-year-input {
+  background: transparent;
+  border: 1.5px solid var(--border-ink);
+  border-radius: var(--radius-card);
+  color: var(--listing-search-value);
+  -webkit-text-fill-color: var(--listing-search-value);
+  font-family: var(--font-label);
+  font-size: var(--type-label);
+  font-weight: var(--weight-label);
+  letter-spacing: 0.02em;
+  line-height: 1.2;
+  padding: 0.35rem 0.55rem;
+}
+
+.bib-year-input::placeholder {
+  font-family: var(--font-label);
+  font-size: var(--type-label);
+  font-weight: var(--weight-label);
+  letter-spacing: 0.02em;
+  color: color-mix(in srgb, var(--color-on-surface) 50%, var(--color-on-surface-variant));
+  -webkit-text-fill-color: color-mix(in srgb, var(--color-on-surface) 50%, var(--color-on-surface-variant));
+  opacity: 1;
+}
+
+.listing-filter-panel .bib-year-input:focus,
+.listing-filter .bib-year-input:focus,
+.bib-year-range-group .bib-year-input:focus,
+input.bib-year-input:focus {
+  outline: 2px solid var(--color-primary);
+  outline-offset: 1px;
+  box-shadow: none;
+  border-color: var(--color-primary);
+}
+
+/* Hide the number spinner arrows */
+.bib-year-input::-webkit-inner-spin-button,
+.bib-year-input::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+.bib-year-input {
+  -moz-appearance: textfield;
+  appearance: textfield;
+}
+
+.bib-year-sep {
+  user-select: none;
+}

data/assets/css/ledger/chrome.css

@@ -0,0 +1,118 @@
+/* Ledger page styles: site chrome. Owned by the shell; shared component rules
+   belong in assets/css/base.css under "Architectural Ledger blocks".
+
+   The mockups put the sections in a flat, always-visible rail rather than
+   beNewsreader a button. The links still come from _data/nav.yml, so the site keeps
+   one source of navigation; only the presentation changes. The Explore menu
+   stays for narrow viewports, where six links do not fit. */
+
+.site-wordmark-link {
+  display: inline-flex;
+  align-items: center;
+  text-decoration: none;
+  color: var(--color-on-surface);
+  line-height: 1;
+}
+
+/* The full name does not fit a phone bar alongside the theme toggle and the
+   Explore button — at 390px it ran 60px underneath them. Below the first
+   breakpoint the mark alone carries the link home, which is what it is for. */
+.site-wordmark {
+  display: none;
+  font-family: var(--font-title);
+  font-size: var(--type-dek);
+  line-height: 1;
+  white-space: nowrap;
+}
+
+@media (min-width: 640px) {
+  .site-wordmark {
+    display: inline;
+  }
+}
+
+.site-rail {
+  display: none;
+  align-items: center;
+  gap: var(--space-lg);
+  min-width: 0;
+}
+
+.site-rail-link {
+  display: inline-flex;
+  align-items: center;
+  line-height: 1;
+  font-family: var(--font-label);
+  font-size: var(--type-nav);
+  letter-spacing: 0.03em;
+  color: var(--color-on-surface-variant);
+  text-decoration: none;
+  padding: 0.35rem 0.55rem;
+  border: 1px solid transparent;
+  border-radius: var(--radius-card);
+  white-space: nowrap;
+  transition: color var(--motion-duration-fast) var(--motion-ease-default),
+    border-color var(--motion-duration-fast) var(--motion-ease-default),
+    background-color var(--motion-duration-fast) var(--motion-ease-default),
+    box-shadow var(--motion-duration-fast) var(--motion-ease-default);
+}
+
+.site-rail-link:hover {
+  color: var(--color-on-surface);
+}
+
+/* Active section: editorial marker wash, matching section/page titles. */
+.site-rail-link.is-active {
+  color: var(--color-on-surface);
+  border-color: transparent;
+  box-shadow: none;
+  background: linear-gradient(104deg,
+      transparent 0.9%,
+      color-mix(in srgb, var(--color-primary) 18%, transparent) 2.4%,
+      color-mix(in srgb, var(--color-primary) 14%, transparent) 58%,
+      color-mix(in srgb, var(--color-primary) 5%, transparent) 98%);
+  box-decoration-break: clone;
+  -webkit-box-decoration-break: clone;
+}
+
+[data-theme="dark"] .site-rail-link.is-active {
+  background: linear-gradient(104deg,
+      transparent 0.9%,
+      color-mix(in srgb, var(--color-primary) 14%, transparent) 2.4%,
+      color-mix(in srgb, var(--color-primary) 10%, transparent) 58%,
+      color-mix(in srgb, var(--color-primary) 4%, transparent) 98%);
+  box-shadow: none;
+}
+
+/* The rail needs room for six labels before it earns its place; below that
+   the Explore menu carries the same links. */
+@media (min-width: 1024px) {
+  .site-rail {
+    display: flex;
+  }
+
+  #site-menu {
+    display: none;
+  }
+}
+
+/* Theme (and Explore on narrow viewports) share the rail's label size. */
+#theme-toggle .marginalia,
+#mobile-menu-btn .marginalia,
+#dev-reexport .marginalia {
+  font-size: var(--type-nav);
+}
+
+#dev-reexport-btn.is-busy #dev-reexport-icon {
+  animation: dev-reexport-spin 0.8s linear infinite;
+}
+
+@keyframes dev-reexport-spin {
+  from {
+    transform: rotate(0deg);
+  }
+
+  to {
+    transform: rotate(360deg);
+  }
+}