edgepress 2026.9.6 → 2026.9.8

package/static/edgepress/plugins/consent/manager.js

@@ -21,104 +21,171 @@ function initialize(config) {
   const privacy = config.privacy || {};
   const integrations = Array.isArray(privacy.integrations) ? privacy.integrations : [];
   const ui = config.ui || {};
+  const locale = config.siteLanguage || document.documentElement.lang || 'en';
+  const defaultLocale = config.defaultLocale || 'en';
   const root = document.createElement('div');
   root.className = 'privacy-manager';
+  root.setAttribute('data-consent-ui', 'true');
 
-  const settingsButton = document.createElement('button');
-  settingsButton.type = 'button';
-  settingsButton.className = 'privacy-settings-button';
-  settingsButton.textContent = ui.privacySettings || 'Privacy settings';
+  const settingsButton = makeButton(ui.privacySettings || 'Privacy settings', 'privacy-settings-button', 'settings');
+  settingsButton.setAttribute('aria-expanded', 'false');
+  settingsButton.setAttribute('aria-controls', 'privacy-panel');
 
   const panel = document.createElement('section');
+  panel.id = 'privacy-panel';
   panel.className = 'privacy-panel';
   panel.setAttribute('role', 'dialog');
   panel.setAttribute('aria-modal', 'false');
   panel.setAttribute('aria-labelledby', 'privacy-panel-title');
-  panel.lang = config.siteLanguage || document.documentElement.lang;
+  panel.lang = locale;
   panel.hidden = true;
 
+  const close = makeButton(ui.closePrivacy || 'Close settings', 'privacy-close', 'close');
+  close.setAttribute('aria-label', ui.closePrivacy || 'Close settings');
   const heading = document.createElement('h2');
   heading.id = 'privacy-panel-title';
   heading.tabIndex = -1;
-  heading.textContent = ui.privacyNotice || 'Optional services';
+  heading.textContent = ui.privacyNotice || 'Privacy choices';
   const intro = document.createElement('p');
-  intro.textContent = ui.privacyIntro || 'Choose which optional services may load.';
-  const details = document.createElement('div');
-  details.className = 'privacy-details';
-  details.setAttribute('aria-label', ui.optionalServices || 'Optional services');
-  const actions = document.createElement('div');
-  actions.className = 'privacy-actions';
-  const close = makeButton(ui.closePrivacy || 'Close settings', 'privacy-close');
-
-  const accept = makeButton(ui.acceptOptional || 'Accept all', 'privacy-accept');
-  const reject = makeButton(ui.rejectOptional || 'Reject optional', 'privacy-reject');
-  const save = makeButton(ui.savePreferences || 'Save choices', 'privacy-save');
-  actions.append(accept, reject, save);
-  panel.append(close, heading, intro, details);
-  if (privacy.controller?.name || privacy.controller?.contact) {
-    const controller = document.createElement('p');
-    controller.className = 'privacy-controller';
-    controller.textContent = (ui.privacyController || 'Site operator') + ': ' + [privacy.controller.name, privacy.controller.contact].filter(Boolean).join(' · ');
-    panel.append(controller);
-  }
-  if (privacy.policyUrl) {
-    const policy = document.createElement('a');
-    policy.href = privacy.policyUrl;
-    policy.textContent = ui.privacyPolicy || 'Privacy policy';
-    policy.className = 'privacy-policy-link';
-    panel.append(policy);
-  }
-  panel.append(actions);
-  root.append(settingsButton, panel);
-  document.body.append(root);
+  intro.className = 'privacy-intro';
+  intro.textContent = ui.privacyIntro || 'Optional services stay off until you choose.';
 
-  const saved = readChoice(privacy);
+  const preview = document.createElement('div');
+  preview.className = 'privacy-service-preview';
+  preview.setAttribute('aria-label', ui.optionalServices || 'Optional services');
+  const details = document.createElement('details');
+  details.className = 'privacy-details';
+  const summary = document.createElement('summary');
+  summary.textContent = ui.reviewDetails || 'Review data and service settings';
+  const serviceSettings = document.createElement('div');
+  serviceSettings.className = 'privacy-service-settings';
   const checkboxes = new Map();
+
   for (const integration of integrations) {
-    const label = document.createElement('label');
-    label.className = 'privacy-service';
+    const category = translate(ui, 'plugin' + capitalize(integration.category || 'statistics'));
+    const name = localized(integration.name, locale, defaultLocale) || integration.provider;
+    const purpose = localized(integration.purpose, locale, defaultLocale);
+    const dataCategories = localized(integration.dataCategories, locale, defaultLocale);
+    const recipient = localized(integration.recipient, locale, defaultLocale);
+    const retention = localized(integration.retention, locale, defaultLocale);
+
+    const previewItem = document.createElement('article');
+    previewItem.className = 'privacy-preview-item';
+    const previewHeading = document.createElement('h3');
+    previewHeading.textContent = name;
+    const categoryText = document.createElement('span');
+    categoryText.className = 'privacy-category';
+    categoryText.textContent = category;
+    const previewPurpose = document.createElement('p');
+    previewPurpose.textContent = purpose;
+    previewItem.append(previewHeading, categoryText, previewPurpose);
+    preview.append(previewItem);
+
+    const item = document.createElement('article');
+    item.className = 'privacy-service-setting';
+    const toggle = document.createElement('label');
+    toggle.className = 'privacy-service-toggle';
     const checkbox = document.createElement('input');
     checkbox.type = 'checkbox';
     checkbox.value = integration.id;
-    checkbox.checked = saved?.allowed.includes(integration.id) || false;
-    const info = document.createElement('span');
+    checkbox.setAttribute('role', 'switch');
+    checkbox.checked = false;
+    const toggleText = document.createElement('span');
+    toggleText.className = 'privacy-service-toggle-text';
     const title = document.createElement('strong');
-    title.textContent = integration.provider;
-    const purpose = document.createElement('span');
-    purpose.textContent = (ui.servicePurpose || 'Purpose') + ': ' + integration.purpose;
-    info.append(title, document.createElement('br'), purpose);
-    if (integration.retention) {
-      const retention = document.createElement('span');
-      retention.textContent = ' · ' + (ui.serviceRetention || 'Retention') + ': ' + integration.retention;
-      info.append(retention);
-    }
-    label.append(checkbox, info);
-    details.append(label);
+    title.textContent = name;
+    const categoryLabel = document.createElement('span');
+    categoryLabel.className = 'privacy-category';
+    categoryLabel.textContent = category;
+    toggleText.append(title, categoryLabel);
+    toggle.append(checkbox, toggleText);
+    item.append(toggle, disclosureList(ui, [
+      ['servicePurpose', purpose],
+      ['serviceDataCategories', dataCategories],
+      ['serviceRecipient', recipient],
+      ['serviceRetention', retention]
+    ]));
+    serviceSettings.append(item);
     checkboxes.set(integration.id, checkbox);
   }
+
   if (!integrations.length) {
     const empty = document.createElement('p');
+    empty.className = 'privacy-empty';
     empty.textContent = ui.noIntegrations || 'No optional services are configured.';
-    details.append(empty);
-    accept.disabled = true;
+    preview.append(empty);
+    serviceSettings.append(empty.cloneNode(true));
+  }
+
+  details.append(summary, serviceSettings);
+  const essential = document.createElement('p');
+  essential.className = 'privacy-essential';
+  essential.textContent = (ui.essentialStorage || 'Your choice is saved in this browser for up to {days} days.')
+    .replace('{days}', String(privacy.consent?.expiresDays || 180));
+
+  const operator = privacy.controller || {};
+  const controller = document.createElement('p');
+  controller.className = 'privacy-controller';
+  const operatorDetails = [operator.name, operator.contact].filter(Boolean).join(' · ');
+  controller.textContent = operatorDetails ? (ui.privacyController || 'Site operator') + ': ' + operatorDetails : '';
+  const policy = document.createElement('a');
+  policy.href = privacy.policyUrl || '#';
+  policy.textContent = ui.privacyPolicy || 'Privacy policy';
+  policy.className = 'privacy-policy-link';
+  if (!privacy.policyUrl) policy.hidden = true;
+
+  const actions = document.createElement('div');
+  actions.className = 'privacy-actions';
+  const reject = makeButton(ui.rejectOptional || 'Reject optional', 'privacy-reject', 'reject');
+  const manage = makeButton(ui.managePrivacy || 'Manage', 'privacy-manage', 'manage');
+  const accept = makeButton(ui.acceptOptional || 'Accept all', 'privacy-accept', 'accept');
+  actions.append(reject, manage, accept);
+  const save = makeButton(ui.savePreferences || 'Save choices', 'privacy-save', 'save');
+  save.disabled = !integrations.length;
+  serviceSettings.append(save);
+
+  panel.append(close, heading, intro, preview, details, essential);
+  if (controller.textContent) panel.append(controller);
+  panel.append(policy, actions);
+  root.append(settingsButton, panel);
+  document.body.append(root);
+
+  const saved = readChoice(privacy);
+  for (const [id, checkbox] of checkboxes) checkbox.checked = Boolean(saved?.allowed.includes(id));
+  if (!integrations.length) {
     reject.disabled = true;
-    save.disabled = true;
+    accept.disabled = true;
+    manage.disabled = true;
   }
 
   settingsButton.addEventListener('click', () => {
     panel.hidden = !panel.hidden;
-    if (!panel.hidden) heading.focus?.();
+    settingsButton.setAttribute('aria-expanded', String(!panel.hidden));
+    if (!panel.hidden) heading.focus();
+  });
+  close.addEventListener('click', () => closePanel());
+  manage.addEventListener('click', () => {
+    details.open = true;
+    details.querySelector('summary')?.focus();
   });
-  close.addEventListener('click', () => { panel.hidden = true; settingsButton.focus(); });
-  accept.addEventListener('click', () => saveChoice(integrations.map((item) => item.id)));
   reject.addEventListener('click', () => saveChoice([]));
+  accept.addEventListener('click', () => saveChoice(integrations.map((item) => item.id)));
   save.addEventListener('click', () => saveChoice([...checkboxes].filter(([, checkbox]) => checkbox.checked).map(([id]) => id)));
+  panel.addEventListener('keydown', (event) => {
+    if (event.key === 'Escape' && !panel.hidden) closePanel();
+  });
+
+  function closePanel() {
+    panel.hidden = true;
+    settingsButton.setAttribute('aria-expanded', 'false');
+    settingsButton.focus();
+  }
 
   function saveChoice(allowed) {
     const previous = readChoice(privacy);
     const next = makeChoice(privacy, allowed);
     persistChoice(next);
-    panel.hidden = true;
+    closePanel();
     if (previous && previous.allowed.some((id) => !next.allowed.includes(id))) {
       intro.textContent = ui.consentReload || 'Your choice was saved. Reloading to apply the updated settings.';
       window.location.reload();
@@ -128,28 +195,94 @@ function initialize(config) {
   }
 
   if (saved) activate(saved.allowed);
-  else if (integrations.length) panel.hidden = false;
-
-  function makeButton(label, className) {
-    const button = document.createElement('button');
-    button.type = 'button';
-    button.className = className;
-    button.textContent = label;
-    return button;
+  else if (integrations.length) {
+    panel.hidden = false;
+    settingsButton.setAttribute('aria-expanded', 'true');
+  }
+}
+
+function disclosureList(ui, entries) {
+  const list = document.createElement('dl');
+  list.className = 'privacy-service-disclosures';
+  for (const [key, value] of entries) {
+    if (!value) continue;
+    const row = document.createElement('div');
+    const term = document.createElement('dt');
+    term.textContent = translate(ui, key);
+    const description = document.createElement('dd');
+    description.textContent = value;
+    row.append(term, description);
+    list.append(row);
   }
+  return list;
+}
+
+function translate(ui, key) {
+  return ui[key] || key;
+}
+
+function localized(value, locale, defaultLocale) {
+  if (typeof value === 'string') return value;
+  if (!value || typeof value !== 'object' || Array.isArray(value)) return '';
+  return value[locale] || value[defaultLocale] || Object.values(value)[0] || '';
+}
+
+function capitalize(value) {
+  return String(value).charAt(0).toUpperCase() + String(value).slice(1);
+}
+
+function makeButton(label, className, iconName) {
+  const button = document.createElement('button');
+  button.type = 'button';
+  button.className = className;
+  button.append(makeIcon(iconName), document.createTextNode(label));
+  return button;
+}
+
+function makeIcon(name) {
+  const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+  svg.setAttribute('viewBox', '0 0 24 24');
+  svg.setAttribute('aria-hidden', 'true');
+  svg.setAttribute('focusable', 'false');
+  const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+  const paths = {
+    settings: 'M4 6h16M4 12h16M4 18h16M8 4v4m8 2v4m-5 2v4',
+    manage: 'M4 6h16M4 12h16M4 18h16M8 4v4m8 2v4m-5 2v4',
+    accept: 'm5 12 4 4L19 6',
+    reject: 'm6 6 12 12M18 6 6 18',
+    close: 'm6 6 12 12M18 6 6 18',
+    save: 'M5 12h14m-6-6 6 6-6 6'
+  };
+  path.setAttribute('d', paths[name] || paths.manage);
+  path.setAttribute('fill', 'none');
+  path.setAttribute('stroke', 'currentColor');
+  path.setAttribute('stroke-width', '2');
+  path.setAttribute('stroke-linecap', 'round');
+  path.setAttribute('stroke-linejoin', 'round');
+  svg.append(path);
+  return svg;
 }
 
 function makeChoice(privacy, allowed) {
-  const expiresAt = Date.now() + Math.max(1, Math.min(730, privacy.consent?.expiresDays || 180)) * 86400000;
-  const fingerprint = JSON.stringify({ controller: privacy.controller, policyUrl: privacy.policyUrl, integrations: privacy.integrations });
-  return { version: privacy.consent?.version || '1', fingerprint, expiresAt, allowed: [...new Set(allowed)] };
+  const consent = privacy.consent || {};
+  const expiresAt = Date.now() + Math.max(1, Math.min(730, consent.expiresDays || 180)) * 86400000;
+  const fingerprint = JSON.stringify({ controller: privacy.controller, policyUrl: privacy.policyUrl, consent, integrations: privacy.integrations });
+  return {
+    proposedDate: consent.proposedDate || '',
+    effectiveDate: consent.effectiveDate || '',
+    fingerprint,
+    expiresAt,
+    allowed: [...new Set(allowed)]
+  };
 }
 
 function readChoice(privacy) {
   try {
     const saved = JSON.parse(localStorage.getItem(storageKey));
-    const fingerprint = JSON.stringify({ controller: privacy.controller, policyUrl: privacy.policyUrl, integrations: privacy.integrations });
-    if (!saved || saved.version !== (privacy.consent?.version || '1') || saved.fingerprint !== fingerprint || saved.expiresAt <= Date.now() || !Array.isArray(saved.allowed)) {
+    const consent = privacy.consent || {};
+    const fingerprint = JSON.stringify({ controller: privacy.controller, policyUrl: privacy.policyUrl, consent, integrations: privacy.integrations });
+    if (!saved || saved.proposedDate !== (consent.proposedDate || '') || saved.effectiveDate !== (consent.effectiveDate || '') ||
+        saved.fingerprint !== fingerprint || saved.expiresAt <= Date.now() || !Array.isArray(saved.allowed)) {
       localStorage.removeItem(storageKey);
       return null;
     }

package/static/edgepress/plugins/statistics/cloudflare-web-analytics.js

@@ -1,6 +1,7 @@
 export function load(integration) {
   if (document.querySelector('script[data-edgepress-provider="cloudflare-web-analytics"]')) return;
   const script = document.createElement('script');
+  script.type = 'module';
   script.async = true;
   script.src = 'https://static.cloudflareinsights.com/beacon.min.js';
   script.dataset.cfBeacon = JSON.stringify({ token: integration.token });

package/themes/atelier/assets/style.css

@@ -19,25 +19,48 @@ body{display:flex;flex-direction:column;min-height:100vh}
 @media(max-width:760px){.site-footer{width:calc(100% - 38px)}}
 
 
-.privacy-manager{position:fixed;right:16px;bottom:16px;z-index:1000;color:var(--ink);font:14px/1.5 ui-sans-serif,system-ui,sans-serif}
-.privacy-settings-button,.privacy-panel button{font:inherit;font-weight:700;border:1px solid var(--line);border-radius:8px;padding:9px 13px;background:var(--panel,#fff);color:var(--ink);cursor:pointer}
-.privacy-settings-button{box-shadow:0 4px 18px #0002}
-.privacy-panel{width:min(28rem,calc(100vw - 32px));max-height:min(80vh,42rem);overflow:auto;padding:20px;margin-bottom:10px;border:1px solid var(--line);border-radius:12px;background:var(--paper,#fff);box-shadow:0 12px 40px #0003}
-.privacy-panel[hidden]{display:none}
-.privacy-panel h2{margin:8px 0;font-size:1.2rem}
-.privacy-panel p{margin:10px 0}
-.privacy-close{float:right}
-.privacy-details{display:grid;gap:8px;margin:16px 0}
-.privacy-service{display:flex;align-items:flex-start;gap:10px;padding:10px;border:1px solid var(--line);border-radius:8px}
-.privacy-service input{margin-top:4px;accent-color:var(--accent)}
-.privacy-service span span{display:inline}
-.privacy-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
-.privacy-actions button{flex:1 1 auto}
-.privacy-accept,.privacy-reject{font-weight:800!important}
-.privacy-controller,.privacy-policy-link{font-size:.9rem}
-.privacy-settings-button:focus-visible,.privacy-panel button:focus-visible,.privacy-panel a:focus-visible,.privacy-service input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
-@media(max-width:500px){.privacy-manager{left:12px;right:12px;bottom:12px}.privacy-settings-button{float:right}.privacy-panel{width:100%}.privacy-actions button{flex:1 1 100%}}
-
+.privacy-manager{position:fixed;inset-inline-end:max(12px,env(safe-area-inset-right));inset-block-end:max(12px,env(safe-area-inset-bottom));z-index:1000;display:grid;align-content:end;gap:8px;box-sizing:border-box;width:min(30rem,calc(100vw - 24px));max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);color:var(--ink,#1d2824);font:14px/1.45 ui-sans-serif,system-ui,sans-serif;pointer-events:none;isolation:isolate}
+.privacy-manager *{box-sizing:border-box}
+.privacy-manager>*{min-width:0;pointer-events:auto}
+.privacy-manager .privacy-settings-button,.privacy-manager .privacy-panel button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:46px;max-width:100%;padding:10px 12px;border:1px solid var(--line,#c7d0c9);border-radius:10px;background:var(--panel,#fff);color:var(--ink,#1d2824);font:inherit;font-weight:700;line-height:1.25;text-align:center;overflow-wrap:anywhere;cursor:pointer}
+.privacy-manager .privacy-settings-button{order:1;justify-self:end;box-shadow:0 4px 18px #0002}
+.privacy-manager .privacy-panel{position:relative;order:0;display:grid;gap:12px;width:100%;max-height:min(68vh,40rem);max-height:min(68dvh,40rem);overflow:auto;overscroll-behavior:contain;padding:18px;border:1px solid var(--line,#c7d0c9);border-radius:14px;background:var(--paper,#fff);color:var(--ink,#1d2824);box-shadow:0 12px 40px #0003}
+.privacy-manager .privacy-panel[hidden]{display:none}
+.privacy-manager .privacy-panel h2{margin:0;padding-inline-end:44px;font-size:1.15rem;line-height:1.3}
+.privacy-manager .privacy-panel p{margin:0;overflow-wrap:anywhere}
+.privacy-manager .privacy-panel .privacy-close{position:absolute;inset-block-start:8px;inset-inline-end:8px;width:44px;min-width:44px;min-height:44px;padding:8px}
+.privacy-manager .privacy-panel .privacy-close svg{width:20px;height:20px}
+.privacy-manager svg{width:18px;height:18px;flex:none}
+.privacy-manager .privacy-intro,.privacy-manager .privacy-essential,.privacy-manager .privacy-controller{color:var(--muted,#536159)}
+.privacy-manager .privacy-service-preview,.privacy-manager .privacy-service-settings{display:grid;gap:8px;min-width:0}
+.privacy-manager .privacy-preview-item,.privacy-manager .privacy-service-setting{display:grid;gap:7px;min-width:0;padding:11px;border:1px solid var(--line,#c7d0c9);border-radius:10px;background:var(--panel,#fff)}
+.privacy-manager .privacy-preview-item{grid-template-columns:minmax(0,1fr) auto;align-items:start}
+.privacy-manager .privacy-preview-item h3{min-width:0;margin:0;font-size:.96rem;overflow-wrap:anywhere}
+.privacy-manager .privacy-preview-item p{grid-column:1/-1;color:var(--muted,#536159)}
+.privacy-manager .privacy-category{justify-self:start;max-width:100%;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--accent,#315e49) 12%,transparent);color:var(--ink,#1d2824);font-size:.78rem;overflow-wrap:anywhere}
+.privacy-manager .privacy-details{min-width:0;margin:0;border-block:1px solid var(--line,#c7d0c9)}
+.privacy-manager .privacy-details>summary{padding:10px 2px;font-weight:750;cursor:pointer}
+.privacy-manager .privacy-details>summary:focus-visible{outline:3px solid var(--accent,#315e49);outline-offset:3px}
+.privacy-manager .privacy-service-settings{padding-block-end:10px}
+.privacy-manager .privacy-service-toggle{display:flex;align-items:center;gap:11px;min-width:0;cursor:pointer}
+.privacy-manager .privacy-service-toggle input{position:relative;flex:none;width:42px;height:24px;margin:0;appearance:none;border:1px solid var(--line,#748079);border-radius:999px;background:var(--line,#748079);cursor:pointer}
+.privacy-manager .privacy-service-toggle input::before{position:absolute;inset-block-start:2px;inset-inline-start:2px;width:18px;height:18px;border-radius:50%;background:var(--paper,#fff);content:"";transition:transform .16s ease}
+.privacy-manager .privacy-service-toggle input:checked{border-color:var(--accent,#315e49);background:var(--accent,#315e49)}
+.privacy-manager .privacy-service-toggle input:checked::before{transform:translateX(18px)}
+.privacy-manager .privacy-service-toggle input:focus-visible{outline:3px solid var(--accent,#315e49);outline-offset:3px}
+.privacy-manager .privacy-service-toggle-text{display:grid;gap:3px;min-width:0;overflow-wrap:anywhere}
+.privacy-manager .privacy-service-toggle-text strong{font-size:.96rem}
+.privacy-manager .privacy-service-disclosures{display:grid;gap:6px;margin:0}
+.privacy-manager .privacy-service-disclosures>div{display:grid;grid-template-columns:minmax(5.5rem,.34fr) minmax(0,1fr);gap:8px;min-width:0}
+.privacy-manager .privacy-service-disclosures dt{color:var(--muted,#536159);font-weight:650}
+.privacy-manager .privacy-service-disclosures dd{min-width:0;margin:0;overflow-wrap:anywhere}
+.privacy-manager .privacy-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
+.privacy-manager .privacy-panel .privacy-accept,.privacy-manager .privacy-panel .privacy-reject{border-color:var(--accent,#315e49);background:var(--accent,#315e49);color:var(--paper,#fff)}
+.privacy-manager .privacy-panel .privacy-save,.privacy-manager .privacy-panel .privacy-manage{background:transparent}
+.privacy-manager .privacy-panel button:disabled{opacity:.55;cursor:not-allowed}
+.privacy-manager .privacy-policy-link{width:fit-content;max-width:100%;font-size:.9rem;overflow-wrap:anywhere}
+.privacy-manager .privacy-policy-link:focus-visible,.privacy-manager .privacy-settings-button:focus-visible,.privacy-manager .privacy-panel button:focus-visible{outline:3px solid var(--accent,#315e49);outline-offset:3px}
+@media(max-width:560px){.privacy-manager{inset-inline-start:max(12px,env(safe-area-inset-left));width:auto;max-width:none}.privacy-manager .privacy-panel{max-height:min(68vh,40rem);max-height:min(68dvh,40rem);padding:15px}.privacy-manager .privacy-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.privacy-manager .privacy-actions .privacy-manage{grid-column:1/-1;grid-row:1}.privacy-manager .privacy-actions .privacy-reject{grid-column:1;grid-row:2}.privacy-manager .privacy-actions .privacy-accept{grid-column:2;grid-row:2}.privacy-manager .privacy-panel .privacy-save{width:100%}}
 .page-builder{display:grid;gap:24px}
 .page-title h1{font-size:clamp(2rem,5vw,3.3rem);line-height:1.1;letter-spacing:-.04em}
 .hero-block{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(180px,.8fr);gap:28px;padding:clamp(26px,5vw,54px);background:var(--panel);border:1px solid var(--line);margin:0 0 24px}
@@ -165,3 +188,11 @@ body{background:radial-gradient(ellipse at 88% 2%,#ffe5df 0,transparent 32%),var
 .feature-icon{display:block;width:34px;height:34px;margin:0 0 10px;color:var(--accent);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
 .latest-posts-pagination{justify-content:flex-start;gap:16px;margin-top:18px}
 .latest-posts-pagination a:last-child{margin-left:auto}
+.hero-mascot-picture{display:block;width:min(100%,230px)}
+.post-excerpt{max-width:72ch;color:var(--muted);font-size:.95rem;line-height:1.6}
+.post-excerpt p{margin:.35rem 0 0}
+.post-excerpt p:first-child{margin-top:0}
+.post-excerpt a{color:inherit}
+.post-content .markdown-video{margin:1.5rem 0}
+.post-content .markdown-video video{display:block;width:100%;max-width:100%;height:auto;border-radius:10px;background:#101410}
+.post-content .markdown-video figcaption{margin-top:.5rem;color:var(--muted);font-size:.9rem}

package/themes/default/assets/style.css

@@ -18,25 +18,48 @@ main{flex:1;min-height:0}
 .ad-slot:empty{min-height:90px}.captcha-block{min-height:65px}
 
 
-.privacy-manager{position:fixed;right:16px;bottom:16px;z-index:1000;color:var(--ink);font:14px/1.5 ui-sans-serif,system-ui,sans-serif}
-.privacy-settings-button,.privacy-panel button{font:inherit;font-weight:700;border:1px solid var(--line);border-radius:8px;padding:9px 13px;background:var(--panel,#fff);color:var(--ink);cursor:pointer}
-.privacy-settings-button{box-shadow:0 4px 18px #0002}
-.privacy-panel{width:min(28rem,calc(100vw - 32px));max-height:min(80vh,42rem);overflow:auto;padding:20px;margin-bottom:10px;border:1px solid var(--line);border-radius:12px;background:var(--paper,#fff);box-shadow:0 12px 40px #0003}
-.privacy-panel[hidden]{display:none}
-.privacy-panel h2{margin:8px 0;font-size:1.2rem}
-.privacy-panel p{margin:10px 0}
-.privacy-close{float:right}
-.privacy-details{display:grid;gap:8px;margin:16px 0}
-.privacy-service{display:flex;align-items:flex-start;gap:10px;padding:10px;border:1px solid var(--line);border-radius:8px}
-.privacy-service input{margin-top:4px;accent-color:var(--accent)}
-.privacy-service span span{display:inline}
-.privacy-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
-.privacy-actions button{flex:1 1 auto}
-.privacy-accept,.privacy-reject{font-weight:800!important}
-.privacy-controller,.privacy-policy-link{font-size:.9rem}
-.privacy-settings-button:focus-visible,.privacy-panel button:focus-visible,.privacy-panel a:focus-visible,.privacy-service input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
-@media(max-width:500px){.privacy-manager{left:12px;right:12px;bottom:12px}.privacy-settings-button{float:right}.privacy-panel{width:100%}.privacy-actions button{flex:1 1 100%}}
-
+.privacy-manager{position:fixed;inset-inline-end:max(12px,env(safe-area-inset-right));inset-block-end:max(12px,env(safe-area-inset-bottom));z-index:1000;display:grid;align-content:end;gap:8px;box-sizing:border-box;width:min(30rem,calc(100vw - 24px));max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);color:var(--ink,#1d2824);font:14px/1.45 ui-sans-serif,system-ui,sans-serif;pointer-events:none;isolation:isolate}
+.privacy-manager *{box-sizing:border-box}
+.privacy-manager>*{min-width:0;pointer-events:auto}
+.privacy-manager .privacy-settings-button,.privacy-manager .privacy-panel button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:46px;max-width:100%;padding:10px 12px;border:1px solid var(--line,#c7d0c9);border-radius:10px;background:var(--panel,#fff);color:var(--ink,#1d2824);font:inherit;font-weight:700;line-height:1.25;text-align:center;overflow-wrap:anywhere;cursor:pointer}
+.privacy-manager .privacy-settings-button{order:1;justify-self:end;box-shadow:0 4px 18px #0002}
+.privacy-manager .privacy-panel{position:relative;order:0;display:grid;gap:12px;width:100%;max-height:min(68vh,40rem);max-height:min(68dvh,40rem);overflow:auto;overscroll-behavior:contain;padding:18px;border:1px solid var(--line,#c7d0c9);border-radius:14px;background:var(--paper,#fff);color:var(--ink,#1d2824);box-shadow:0 12px 40px #0003}
+.privacy-manager .privacy-panel[hidden]{display:none}
+.privacy-manager .privacy-panel h2{margin:0;padding-inline-end:44px;font-size:1.15rem;line-height:1.3}
+.privacy-manager .privacy-panel p{margin:0;overflow-wrap:anywhere}
+.privacy-manager .privacy-panel .privacy-close{position:absolute;inset-block-start:8px;inset-inline-end:8px;width:44px;min-width:44px;min-height:44px;padding:8px}
+.privacy-manager .privacy-panel .privacy-close svg{width:20px;height:20px}
+.privacy-manager svg{width:18px;height:18px;flex:none}
+.privacy-manager .privacy-intro,.privacy-manager .privacy-essential,.privacy-manager .privacy-controller{color:var(--muted,#536159)}
+.privacy-manager .privacy-service-preview,.privacy-manager .privacy-service-settings{display:grid;gap:8px;min-width:0}
+.privacy-manager .privacy-preview-item,.privacy-manager .privacy-service-setting{display:grid;gap:7px;min-width:0;padding:11px;border:1px solid var(--line,#c7d0c9);border-radius:10px;background:var(--panel,#fff)}
+.privacy-manager .privacy-preview-item{grid-template-columns:minmax(0,1fr) auto;align-items:start}
+.privacy-manager .privacy-preview-item h3{min-width:0;margin:0;font-size:.96rem;overflow-wrap:anywhere}
+.privacy-manager .privacy-preview-item p{grid-column:1/-1;color:var(--muted,#536159)}
+.privacy-manager .privacy-category{justify-self:start;max-width:100%;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--accent,#315e49) 12%,transparent);color:var(--ink,#1d2824);font-size:.78rem;overflow-wrap:anywhere}
+.privacy-manager .privacy-details{min-width:0;margin:0;border-block:1px solid var(--line,#c7d0c9)}
+.privacy-manager .privacy-details>summary{padding:10px 2px;font-weight:750;cursor:pointer}
+.privacy-manager .privacy-details>summary:focus-visible{outline:3px solid var(--accent,#315e49);outline-offset:3px}
+.privacy-manager .privacy-service-settings{padding-block-end:10px}
+.privacy-manager .privacy-service-toggle{display:flex;align-items:center;gap:11px;min-width:0;cursor:pointer}
+.privacy-manager .privacy-service-toggle input{position:relative;flex:none;width:42px;height:24px;margin:0;appearance:none;border:1px solid var(--line,#748079);border-radius:999px;background:var(--line,#748079);cursor:pointer}
+.privacy-manager .privacy-service-toggle input::before{position:absolute;inset-block-start:2px;inset-inline-start:2px;width:18px;height:18px;border-radius:50%;background:var(--paper,#fff);content:"";transition:transform .16s ease}
+.privacy-manager .privacy-service-toggle input:checked{border-color:var(--accent,#315e49);background:var(--accent,#315e49)}
+.privacy-manager .privacy-service-toggle input:checked::before{transform:translateX(18px)}
+.privacy-manager .privacy-service-toggle input:focus-visible{outline:3px solid var(--accent,#315e49);outline-offset:3px}
+.privacy-manager .privacy-service-toggle-text{display:grid;gap:3px;min-width:0;overflow-wrap:anywhere}
+.privacy-manager .privacy-service-toggle-text strong{font-size:.96rem}
+.privacy-manager .privacy-service-disclosures{display:grid;gap:6px;margin:0}
+.privacy-manager .privacy-service-disclosures>div{display:grid;grid-template-columns:minmax(5.5rem,.34fr) minmax(0,1fr);gap:8px;min-width:0}
+.privacy-manager .privacy-service-disclosures dt{color:var(--muted,#536159);font-weight:650}
+.privacy-manager .privacy-service-disclosures dd{min-width:0;margin:0;overflow-wrap:anywhere}
+.privacy-manager .privacy-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
+.privacy-manager .privacy-panel .privacy-accept,.privacy-manager .privacy-panel .privacy-reject{border-color:var(--accent,#315e49);background:var(--accent,#315e49);color:var(--paper,#fff)}
+.privacy-manager .privacy-panel .privacy-save,.privacy-manager .privacy-panel .privacy-manage{background:transparent}
+.privacy-manager .privacy-panel button:disabled{opacity:.55;cursor:not-allowed}
+.privacy-manager .privacy-policy-link{width:fit-content;max-width:100%;font-size:.9rem;overflow-wrap:anywhere}
+.privacy-manager .privacy-policy-link:focus-visible,.privacy-manager .privacy-settings-button:focus-visible,.privacy-manager .privacy-panel button:focus-visible{outline:3px solid var(--accent,#315e49);outline-offset:3px}
+@media(max-width:560px){.privacy-manager{inset-inline-start:max(12px,env(safe-area-inset-left));width:auto;max-width:none}.privacy-manager .privacy-panel{max-height:min(68vh,40rem);max-height:min(68dvh,40rem);padding:15px}.privacy-manager .privacy-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.privacy-manager .privacy-actions .privacy-manage{grid-column:1/-1;grid-row:1}.privacy-manager .privacy-actions .privacy-reject{grid-column:1;grid-row:2}.privacy-manager .privacy-actions .privacy-accept{grid-column:2;grid-row:2}.privacy-manager .privacy-panel .privacy-save{width:100%}}
 /* Page blocks follow a section-and-widget layout, while articles keep their own reading column. */
 body{max-width:none;padding:0 clamp(18px,4vw,56px)}
 .site-header,main,.site-footer{width:min(100%,1240px);margin-inline:auto}
@@ -203,3 +226,11 @@ body{background:radial-gradient(ellipse at 92% 0%,#e9e9ff 0,transparent 33%),var
 .feature-icon{display:block;width:34px;height:34px;margin:0 0 10px;color:var(--accent);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
 .latest-posts-pagination{justify-content:flex-start;gap:16px;margin-top:18px}
 .latest-posts-pagination a:last-child{margin-left:auto}
+.hero-mascot-picture{display:block;width:min(100%,230px)}
+.post-excerpt{max-width:72ch;color:var(--muted);font-size:.95rem;line-height:1.6}
+.post-excerpt p{margin:.35rem 0 0}
+.post-excerpt p:first-child{margin-top:0}
+.post-excerpt a{color:inherit}
+.post-content .markdown-video{margin:1.5rem 0}
+.post-content .markdown-video video{display:block;width:100%;max-width:100%;height:auto;border-radius:10px;background:#101410}
+.post-content .markdown-video figcaption{margin-top:.5rem;color:var(--muted);font-size:.9rem}

package/themes/signal/assets/style.css

@@ -18,25 +18,48 @@ main{flex:1;min-height:0}
 .ad-slot:empty{min-height:90px}.captcha-block{min-height:65px}
 
 
-.privacy-manager{position:fixed;right:16px;bottom:16px;z-index:1000;color:var(--ink);font:14px/1.5 ui-sans-serif,system-ui,sans-serif}
-.privacy-settings-button,.privacy-panel button{font:inherit;font-weight:700;border:1px solid var(--line);border-radius:8px;padding:9px 13px;background:var(--panel,#fff);color:var(--ink);cursor:pointer}
-.privacy-settings-button{box-shadow:0 4px 18px #0002}
-.privacy-panel{width:min(28rem,calc(100vw - 32px));max-height:min(80vh,42rem);overflow:auto;padding:20px;margin-bottom:10px;border:1px solid var(--line);border-radius:12px;background:var(--paper,#fff);box-shadow:0 12px 40px #0003}
-.privacy-panel[hidden]{display:none}
-.privacy-panel h2{margin:8px 0;font-size:1.2rem}
-.privacy-panel p{margin:10px 0}
-.privacy-close{float:right}
-.privacy-details{display:grid;gap:8px;margin:16px 0}
-.privacy-service{display:flex;align-items:flex-start;gap:10px;padding:10px;border:1px solid var(--line);border-radius:8px}
-.privacy-service input{margin-top:4px;accent-color:var(--accent)}
-.privacy-service span span{display:inline}
-.privacy-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
-.privacy-actions button{flex:1 1 auto}
-.privacy-accept,.privacy-reject{font-weight:800!important}
-.privacy-controller,.privacy-policy-link{font-size:.9rem}
-.privacy-settings-button:focus-visible,.privacy-panel button:focus-visible,.privacy-panel a:focus-visible,.privacy-service input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
-@media(max-width:500px){.privacy-manager{left:12px;right:12px;bottom:12px}.privacy-settings-button{float:right}.privacy-panel{width:100%}.privacy-actions button{flex:1 1 100%}}
-
+.privacy-manager{position:fixed;inset-inline-end:max(12px,env(safe-area-inset-right));inset-block-end:max(12px,env(safe-area-inset-bottom));z-index:1000;display:grid;align-content:end;gap:8px;box-sizing:border-box;width:min(30rem,calc(100vw - 24px));max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);color:var(--ink,#1d2824);font:14px/1.45 ui-sans-serif,system-ui,sans-serif;pointer-events:none;isolation:isolate}
+.privacy-manager *{box-sizing:border-box}
+.privacy-manager>*{min-width:0;pointer-events:auto}
+.privacy-manager .privacy-settings-button,.privacy-manager .privacy-panel button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:46px;max-width:100%;padding:10px 12px;border:1px solid var(--line,#c7d0c9);border-radius:10px;background:var(--panel,#fff);color:var(--ink,#1d2824);font:inherit;font-weight:700;line-height:1.25;text-align:center;overflow-wrap:anywhere;cursor:pointer}
+.privacy-manager .privacy-settings-button{order:1;justify-self:end;box-shadow:0 4px 18px #0002}
+.privacy-manager .privacy-panel{position:relative;order:0;display:grid;gap:12px;width:100%;max-height:min(68vh,40rem);max-height:min(68dvh,40rem);overflow:auto;overscroll-behavior:contain;padding:18px;border:1px solid var(--line,#c7d0c9);border-radius:14px;background:var(--paper,#fff);color:var(--ink,#1d2824);box-shadow:0 12px 40px #0003}
+.privacy-manager .privacy-panel[hidden]{display:none}
+.privacy-manager .privacy-panel h2{margin:0;padding-inline-end:44px;font-size:1.15rem;line-height:1.3}
+.privacy-manager .privacy-panel p{margin:0;overflow-wrap:anywhere}
+.privacy-manager .privacy-panel .privacy-close{position:absolute;inset-block-start:8px;inset-inline-end:8px;width:44px;min-width:44px;min-height:44px;padding:8px}
+.privacy-manager .privacy-panel .privacy-close svg{width:20px;height:20px}
+.privacy-manager svg{width:18px;height:18px;flex:none}
+.privacy-manager .privacy-intro,.privacy-manager .privacy-essential,.privacy-manager .privacy-controller{color:var(--muted,#536159)}
+.privacy-manager .privacy-service-preview,.privacy-manager .privacy-service-settings{display:grid;gap:8px;min-width:0}
+.privacy-manager .privacy-preview-item,.privacy-manager .privacy-service-setting{display:grid;gap:7px;min-width:0;padding:11px;border:1px solid var(--line,#c7d0c9);border-radius:10px;background:var(--panel,#fff)}
+.privacy-manager .privacy-preview-item{grid-template-columns:minmax(0,1fr) auto;align-items:start}
+.privacy-manager .privacy-preview-item h3{min-width:0;margin:0;font-size:.96rem;overflow-wrap:anywhere}
+.privacy-manager .privacy-preview-item p{grid-column:1/-1;color:var(--muted,#536159)}
+.privacy-manager .privacy-category{justify-self:start;max-width:100%;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--accent,#315e49) 12%,transparent);color:var(--ink,#1d2824);font-size:.78rem;overflow-wrap:anywhere}
+.privacy-manager .privacy-details{min-width:0;margin:0;border-block:1px solid var(--line,#c7d0c9)}
+.privacy-manager .privacy-details>summary{padding:10px 2px;font-weight:750;cursor:pointer}
+.privacy-manager .privacy-details>summary:focus-visible{outline:3px solid var(--accent,#315e49);outline-offset:3px}
+.privacy-manager .privacy-service-settings{padding-block-end:10px}
+.privacy-manager .privacy-service-toggle{display:flex;align-items:center;gap:11px;min-width:0;cursor:pointer}
+.privacy-manager .privacy-service-toggle input{position:relative;flex:none;width:42px;height:24px;margin:0;appearance:none;border:1px solid var(--line,#748079);border-radius:999px;background:var(--line,#748079);cursor:pointer}
+.privacy-manager .privacy-service-toggle input::before{position:absolute;inset-block-start:2px;inset-inline-start:2px;width:18px;height:18px;border-radius:50%;background:var(--paper,#fff);content:"";transition:transform .16s ease}
+.privacy-manager .privacy-service-toggle input:checked{border-color:var(--accent,#315e49);background:var(--accent,#315e49)}
+.privacy-manager .privacy-service-toggle input:checked::before{transform:translateX(18px)}
+.privacy-manager .privacy-service-toggle input:focus-visible{outline:3px solid var(--accent,#315e49);outline-offset:3px}
+.privacy-manager .privacy-service-toggle-text{display:grid;gap:3px;min-width:0;overflow-wrap:anywhere}
+.privacy-manager .privacy-service-toggle-text strong{font-size:.96rem}
+.privacy-manager .privacy-service-disclosures{display:grid;gap:6px;margin:0}
+.privacy-manager .privacy-service-disclosures>div{display:grid;grid-template-columns:minmax(5.5rem,.34fr) minmax(0,1fr);gap:8px;min-width:0}
+.privacy-manager .privacy-service-disclosures dt{color:var(--muted,#536159);font-weight:650}
+.privacy-manager .privacy-service-disclosures dd{min-width:0;margin:0;overflow-wrap:anywhere}
+.privacy-manager .privacy-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
+.privacy-manager .privacy-panel .privacy-accept,.privacy-manager .privacy-panel .privacy-reject{border-color:var(--accent,#315e49);background:var(--accent,#315e49);color:var(--paper,#fff)}
+.privacy-manager .privacy-panel .privacy-save,.privacy-manager .privacy-panel .privacy-manage{background:transparent}
+.privacy-manager .privacy-panel button:disabled{opacity:.55;cursor:not-allowed}
+.privacy-manager .privacy-policy-link{width:fit-content;max-width:100%;font-size:.9rem;overflow-wrap:anywhere}
+.privacy-manager .privacy-policy-link:focus-visible,.privacy-manager .privacy-settings-button:focus-visible,.privacy-manager .privacy-panel button:focus-visible{outline:3px solid var(--accent,#315e49);outline-offset:3px}
+@media(max-width:560px){.privacy-manager{inset-inline-start:max(12px,env(safe-area-inset-left));width:auto;max-width:none}.privacy-manager .privacy-panel{max-height:min(68vh,40rem);max-height:min(68dvh,40rem);padding:15px}.privacy-manager .privacy-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.privacy-manager .privacy-actions .privacy-manage{grid-column:1/-1;grid-row:1}.privacy-manager .privacy-actions .privacy-reject{grid-column:1;grid-row:2}.privacy-manager .privacy-actions .privacy-accept{grid-column:2;grid-row:2}.privacy-manager .privacy-panel .privacy-save{width:100%}}
 .page-builder{display:grid;gap:22px}.page-title h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.08;letter-spacing:-.04em}
 .hero-block{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(190px,.8fr);align-items:center;gap:28px;padding:clamp(28px,6vw,70px);background:linear-gradient(145deg,#202a48,#171e35);border:1px solid var(--line);border-radius:18px;margin:0}
 .hero-block:not(.hero-block--split){display:block}.hero-highlights{display:grid;gap:10px;list-style:none;padding:0}.hero-highlights li,.feature-card,.steps-widget li,.privacy-service-list li,.link-list li{padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:12px}
@@ -158,3 +181,11 @@ body{background:radial-gradient(ellipse at 14% 0%,#302052 0,transparent 38%),var
 .feature-icon{display:block;width:34px;height:34px;margin:0 0 10px;color:var(--accent);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
 .latest-posts-pagination{justify-content:flex-start;gap:16px;margin-top:18px}
 .latest-posts-pagination a:last-child{margin-left:auto}
+.hero-mascot-picture{display:block;width:min(100%,230px)}
+.post-excerpt{max-width:72ch;color:var(--muted);font-size:.95rem;line-height:1.6}
+.post-excerpt p{margin:.35rem 0 0}
+.post-excerpt p:first-child{margin-top:0}
+.post-excerpt a{color:inherit}
+.post-content .markdown-video{margin:1.5rem 0}
+.post-content .markdown-video video{display:block;width:100%;max-width:100%;height:auto;border-radius:10px;background:#101410}
+.post-content .markdown-video figcaption{margin-top:.5rem;color:var(--muted);font-size:.9rem}

package/CHANGELOG.txt

@@ -1,12 +0,0 @@
-EdgePress Changelog
-===================
-
-2026.9.6 — 2026-09-25
----------------------
-
-- Added a shared, locally hosted SVG icon library with 22 reusable icons. Theme navigation uses common icons, and feature-grid cards can opt into named icons.
-- Added the EdgePress page mark, folded-paper sparrow mascot, and a 1200 × 630 Open Graph image. Themes include the mark as their favicon and show the mascot on the homepage.
-- Added accessible older/newer archive navigation for paginated homepage post lists.
-- Added localized post author metadata, visible bylines, and matching BlogPosting structured data.
-- Removed stale demo-video references from page and post content. No video assets are generated by this release.
-- Kept icons, branding, and share assets local, with no new runtime dependencies or third-party asset requests.