@press2ai/theme-specialist-glossy 0.5.5 → 0.6.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@press2ai/theme-specialist-glossy",
-  "version": "0.5.5",
+  "version": "0.6.1",
   "description": "Classless, AI-first theme inspired by Stripe. Framework-agnostic templates (Hono, Astro, raw HTML). Semantic HTML, Schema.org microdata, JSON-LD — built for LLM crawlers.",
   "type": "module",
   "license": "MIT",

package/src/styles/glossy.css

@@ -65,10 +65,39 @@ main {
 main > h1:first-child, main > article:first-child { margin-top: var(--g5); }
 main > section { margin-bottom: var(--g6); }
 
-/* Footer */
-body > footer { border-top: 1px solid var(--line); padding: var(--g4) 0; text-align: center; }
-body > footer small { display: block; max-width: var(--container); margin-inline: auto; padding-inline: var(--pad); color: var(--ink-3); }
-body > footer a { color: var(--violet); }
+/* Footer — Swiss Design: grid, tight, structured */
+body > footer {
+  border-top: 1px solid var(--line); background: var(--white);
+  padding: var(--g5) 0 var(--g4);
+}
+body > footer > small {
+  display: block; max-width: var(--container); margin-inline: auto; padding-inline: var(--pad);
+  color: var(--ink-3); font-size: var(--t-xs);
+}
+body > footer a { color: var(--ink-2); transition: color var(--ease); }
+body > footer a:hover { color: var(--violet); }
+
+.footer-grid {
+  display: grid; grid-template-columns: 2fr 1fr 1fr; gap: var(--g4);
+  max-width: var(--container); margin-inline: auto; padding-inline: var(--pad);
+  margin-bottom: var(--g4);
+}
+.footer-col strong {
+  display: block; font-size: var(--t-xs); font-weight: 600; color: var(--ink);
+  text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: var(--g2);
+}
+.footer-col p {
+  font-size: var(--t-xs); line-height: 1.6; color: var(--ink-3); margin: 0; max-width: 36ch;
+}
+.footer-col a {
+  display: block; font-size: var(--t-xs); line-height: 2; color: var(--ink-3);
+}
+.footer-col a:hover { color: var(--violet); }
+.footer-meta {
+  max-width: var(--container); margin: 0 auto; padding: var(--g3) var(--pad) 0;
+  border-top: 1px solid var(--line);
+  font-size: var(--t-xs); color: var(--ink-3); text-align: left;
+}
 
 /* Hero */
 hgroup {
@@ -144,19 +173,21 @@ form[role="search"] button {
 form[role="search"] button:hover { background: var(--ink); }
 
 /* Stats */
-section[aria-label] > p { text-align: center; font-size: var(--t-sm); color: var(--ink-2); margin: 0 auto var(--g3); max-width: var(--measure); }
 section:has(> dl) { margin-bottom: 0; }
+.stat-summary {
+  text-align: center; font-size: var(--t-md); font-weight: 500; line-height: 1.55;
+  color: var(--ink); margin: 0 auto var(--g4); max-width: var(--measure);
+}
 section > dl {
-  display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: var(--g3);
-  padding: var(--g4); margin: 0 auto var(--g6); max-width: var(--w-8);
-  background: var(--white); border: 1px solid var(--line); border-radius: var(--r-lg);
-  box-shadow: var(--shadow-md);
+  display: flex; justify-content: center; gap: var(--g5);
+  margin: 0 auto var(--g6); padding: 0;
+  border: none; background: none; box-shadow: none;
 }
 section > dl div { text-align: center; }
 .stat-icon { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin: 0 auto var(--g1); background: var(--violet-s); border-radius: 50%; color: var(--violet); }
 .stat-icon svg { width: 18px; height: 18px; }
-section > dl dt { font-size: var(--t-xl); font-weight: 800; line-height: 1.2; color: var(--violet); }
-section > dl dd { margin: 4px 0 0; font-size: var(--t-xs); line-height: 1.4; color: var(--ink-3); font-weight: 500; text-transform: uppercase; letter-spacing: 0.06em; }
+section > dl dt { font-size: var(--t-lg); font-weight: 800; line-height: 1.2; color: var(--violet); }
+section > dl dd { margin: 2px 0 0; font-size: var(--t-xs); line-height: 1.4; color: var(--ink-3); font-weight: 500; text-transform: uppercase; letter-spacing: 0.06em; }
 
 /* Category pills — inside trainers section */
 nav[aria-label] { display: flex; flex-wrap: wrap; gap: var(--g1); margin-bottom: var(--g3); grid-column: 1 / -1; }
@@ -292,22 +323,6 @@ main > nav a {
 }
 main > nav a:hover { border-color: var(--violet); color: var(--violet); transform: translateY(-1px); }
 
-/* Trust */
-.trust {
-  margin: var(--g6) auto; padding: var(--g5); max-width: var(--w-8);
-  background: linear-gradient(135deg, var(--teal-s) 0%, #f0fdf8 100%);
-  border: 1px solid rgba(13,148,136,.15); border-radius: var(--r-lg); text-align: center;
-}
-.trust strong {
-  display: block; font-size: var(--t-md); line-height: 1.3; margin-bottom: var(--g3); color: var(--teal);
-}
-.trust ul { list-style: none; padding: 0; display: flex; flex-direction: column; gap: var(--g1); }
-.trust li {
-  font-size: var(--t-sm); color: var(--ink-2); line-height: 1.5;
-  display: flex; align-items: center; justify-content: center; gap: var(--g1);
-}
-.trust li::before { content: '✓'; color: var(--teal); font-weight: 700; }
-
 /* Forms */
 label { display: block; font-size: var(--t-sm); color: var(--ink-2); font-weight: 500; margin-bottom: var(--g1); }
 input[type="text"] {
@@ -332,7 +347,7 @@ form:not([role="search"]) button[type="submit"]:hover { background: var(--ink);
   hgroup { padding: var(--g5) var(--pad) var(--g4); }
   section:has(> article[itemscope]) { grid-template-columns: 1fr; }
   section > ol { grid-template-columns: 1fr; }
-  section > dl { grid-template-columns: 1fr; max-width: 100%; padding: var(--g3); }
+  section > dl { gap: var(--g3); }
   main > article { padding: var(--g3); }
   main > article dl { grid-template-columns: 1fr; gap: calc(var(--g1) / 2) 0; }
   main > article dt { margin-top: var(--g2); }
@@ -340,4 +355,5 @@ form:not([role="search"]) button[type="submit"]:hover { background: var(--ink);
   form[role="search"] input { font-size: var(--t-xs); }
   .trust ul { text-align: left; }
   .how-it-works { padding: var(--g4) var(--pad); }
+  .footer-grid { grid-template-columns: 1fr; gap: var(--g3); }
 }

package/src/templates/catalog.ts

@@ -40,8 +40,8 @@ export function statBar(items: { value: string; label: string; icon?: string }[]
     const icon = i.icon && STAT_ICONS[i.icon] ? `<span class="stat-icon">${STAT_ICONS[i.icon]}</span>` : '';
     return `<div>${icon}<dt>${esc(i.value)}</dt><dd>${esc(i.label)}</dd></div>`;
   }).join('\n');
-  const summaryP = summary ? `<p>${esc(summary)}</p>` : '';
-  return `<section aria-label="Statystyki">${summaryP}<dl>\n${divs}\n</dl></section>`;
+  const summaryP = summary ? `<p class="stat-summary">${esc(summary)}</p>` : '';
+  return `<section aria-label="Statystyki">${summaryP}<dl aria-hidden="true">\n${divs}\n</dl></section>`;
 }
 
 export function categoryNav(items: { href: string; label: string }[], ariaLabel = 'Kategorie'): string {