diff --git a/blocks/tech_spec.ninjatpl b/blocks/tech_spec.ninjatpl
index 7e88827..0e7fe69 100644
--- a/blocks/tech_spec.ninjatpl
+++ b/blocks/tech_spec.ninjatpl
@@ -1 +1 @@
-{% if caption %}{{ caption }}{% endif %}{% if rows %}{% for row in rows %}| {{ row.label }} | {{ row.value }} | {{ row.unit }} |
{% endfor %}{% else %}| No spec rows yet | -- | |
{% endif %}
+{% if caption %}{{ caption }}{% endif %}{% if rows %}{% for row in rows %}| {{ row.label }} | {{ row.value }} | {{ row.unit }} |
{% endfor %}{% else %}| No spec rows yet | -- | |
{% endif %}
diff --git a/manifest.yaml b/manifest.yaml
index a17f74c..93fc732 100644
--- a/manifest.yaml
+++ b/manifest.yaml
@@ -140,9 +140,10 @@ css:
/* --- Layout primitives --- */
.sc-content-well { width: 100%; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; }
.sc-measure { max-width: 70ch; }
+ .sc-article-measure { max-width: 72ch; }
.sc-swiss-12 { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 1.5rem; row-gap: 1.5rem; }
- .sc-section { padding-top: 4rem; padding-bottom: 4rem; }
- .sc-section-tight { padding-top: 2.5rem; padding-bottom: 2.5rem; }
+ .sc-section { padding-top: 3.5rem; padding-bottom: 3.5rem; }
+ .sc-section-tight { padding-top: 2.75rem; padding-bottom: 2.75rem; }
.sc-hairline { border: 1px solid hsl(var(--border)); }
.sc-hairline-top { border-top: 1px solid hsl(var(--border)); }
.sc-hairline-bottom { border-bottom: 1px solid hsl(var(--border)); }
@@ -218,7 +219,7 @@ css:
@media (min-width: 768px) { .sc-nav-links { display: flex; } }
.sc-nav-link { font-family: var(--font-body, "Inter", system-ui, sans-serif); font-size: 0.9375rem; color: hsl(var(--foreground)); text-decoration: none; padding-bottom: 2px; border-bottom: 2px solid transparent; transition: border-color 150ms ease; }
.sc-nav-link:hover { border-bottom-color: hsl(var(--accent)); }
- .sc-nav-toggle { display: inline-flex; }
+ .sc-nav-toggle { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; min-height: 42px; }
@media (min-width: 768px) { .sc-nav-toggle { display: none; } }
.sc-nav-drawer { display: none; flex-direction: column; gap: 0.25rem; padding: 0.5rem 0 1rem; border-top: 1px solid hsl(var(--border)); width: 100%; }
@media (min-width: 768px) { .sc-nav-drawer { display: none !important; } }
@@ -329,6 +330,7 @@ css:
/* --- Forms --- */
.sc-form { display: grid; gap: 1.25rem; }
.sc-form-grid { display: grid; gap: 1.25rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
+ @media (max-width: 640px) { .sc-form-grid { grid-template-columns: 1fr; } }
.sc-field { display: flex; flex-direction: column; gap: 0.375rem; }
.sc-field--full { grid-column: 1 / -1; }
.sc-label { font-family: var(--font-heading, "Inter", system-ui, sans-serif); font-size: 0.8125rem; font-weight: 600; color: hsl(var(--foreground)); text-transform: uppercase; letter-spacing: 0.04em; }
@@ -450,9 +452,9 @@ css:
.sc-spec { width: 100%; border-collapse: collapse; font-family: var(--font-mono, ui-monospace, monospace); font-size: 0.875rem; }
.sc-spec caption { font-family: var(--font-mono, ui-monospace, monospace); font-size: 0.75rem; letter-spacing: 0.12em; text-transform: uppercase; color: hsl(var(--muted-foreground)); text-align: left; padding-bottom: 0.75rem; }
.sc-spec tr { border-bottom: 1px solid hsl(var(--border)); }
- .sc-spec-label { text-align: left; padding: 0.625rem 0.5rem; color: hsl(var(--muted-foreground)); text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.75rem; }
- .sc-spec-value { text-align: right; padding: 0.625rem 0.5rem; color: hsl(var(--foreground)); font-variant-numeric: tabular-nums; font-weight: 500; }
- .sc-spec-unit { text-align: right; padding: 0.625rem 0.5rem; color: hsl(var(--muted-foreground)); font-size: 0.75rem; }
+ .sc-spec-label { text-align: left; width: 100%; padding: 0.625rem 0.5rem; color: hsl(var(--muted-foreground)); text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.75rem; }
+ .sc-spec-value { text-align: right; white-space: nowrap; padding: 0.625rem 0.375rem 0.625rem 1rem; color: hsl(var(--foreground)); font-variant-numeric: tabular-nums; font-weight: 500; }
+ .sc-spec-unit { text-align: left; white-space: nowrap; width: 1%; padding: 0.625rem 0.5rem 0.625rem 0; color: hsl(var(--muted-foreground)); font-size: 0.75rem; }
.sc-bench-row { display: grid; grid-template-columns: 1fr auto; gap: 0.375rem 1rem; align-items: baseline; margin-bottom: 1rem; }
.sc-bench-name { font-family: var(--font-body, "Inter", system-ui, sans-serif); font-size: 0.9375rem; color: hsl(var(--foreground)); }
diff --git a/seed/seed.json b/seed/seed.json
index 4c7b50a..8059281 100644
--- a/seed/seed.json
+++ b/seed/seed.json
@@ -27,7 +27,7 @@
"template_key": "full-width",
"reconcile_blocks": true,
"blocks": [
- { "block_key": "hero", "title": "Hero", "slot": "main", "sort_order": 1, "content": { "template": "left-aligned", "eyebrow": "Field autonomy", "headline": "Robots that hold their own position", "subheadline": "Halcyon builds the perception and control stack for machines that work where the map runs out. One runtime, from sensor to actuator.", "ctaPrimary": { "text": "Read the spec", "url": "/about" }, "ctaSecondary": { "text": "Book a briefing", "url": "/contact" } } },
+ { "block_key": "hero", "title": "Hero", "slot": "main", "sort_order": 1, "content": { "template": "left-aligned", "eyebrow": { "text": "Field autonomy" }, "headline": { "text": "Robots that hold their own position" }, "subheadline": { "text": "Halcyon builds the perception and control stack for machines that work where the map runs out. One runtime, from sensor to actuator." }, "ctaPrimary": { "text": "Read the spec", "url": "/about" }, "ctaSecondary": { "text": "Book a briefing", "url": "/contact" } } },
{ "block_key": "scifi-clean:telemetry_grid", "title": "Telemetry", "slot": "main", "sort_order": 2, "content": { "eyebrow": "Runtime", "heading": "What the stack holds", "columns": 4, "tiles": [ { "label": "Control loop", "value": "1000", "unit": "Hz", "delta": "deterministic" }, { "label": "Localisation drift", "value": "4", "unit": "cm", "delta": "over 1 km" }, { "label": "Onboard latency", "value": "18", "unit": "ms", "delta": "sensor to command" }, { "label": "Power draw", "value": "42", "unit": "W", "delta": "full autonomy" } ] } },
{ "block_key": "scifi-clean:benchmark_table", "title": "Benchmarks", "slot": "main", "sort_order": 3, "content": { "eyebrow": "Perception", "heading": "Detection recall by surface", "rows": [ { "label": "Paved road", "value": "99.2", "unit": "%", "bar": 99, "highlight": false }, { "label": "Gravel and dirt", "value": "97.8", "unit": "%", "bar": 98, "highlight": false }, { "label": "Low light", "value": "94.1", "unit": "%", "bar": 94, "highlight": true }, { "label": "Heavy dust", "value": "91.6", "unit": "%", "bar": 92, "highlight": false } ], "note": "Measured on the internal Halcyon field set. Numbers are illustrative product data for this demo site." } },
{ "block_key": "stats", "title": "Deployment", "slot": "main", "sort_order": 4, "content": { "heading": "Built for the field", "columns": 3, "countUp": false, "items": [ { "value": "40", "suffix": " C", "label": "Rated operating ceiling" }, { "value": "8", "suffix": " h", "label": "Continuous mission time" }, { "value": "IP67", "label": "Sealed enclosure rating" } ] } },
diff --git a/templates/overrides/scifi-clean/contact-form.ninjatpl b/templates/overrides/scifi-clean/contact-form.ninjatpl
index 6190357..6deed57 100644
--- a/templates/overrides/scifi-clean/contact-form.ninjatpl
+++ b/templates/overrides/scifi-clean/contact-form.ninjatpl
@@ -30,5 +30,5 @@
{% endwith %}
{% endif %}
-
+
{% endwith %}
diff --git a/templates/overrides/scifi-clean/gallery.ninjatpl b/templates/overrides/scifi-clean/gallery.ninjatpl
index a059052..b0e682e 100644
--- a/templates/overrides/scifi-clean/gallery.ninjatpl
+++ b/templates/overrides/scifi-clean/gallery.ninjatpl
@@ -1,6 +1,6 @@
{# gallery override — HUD grid of hairline-framed images; carries data-bn-gallery / data-lightbox / data-bn-gallery-item so the host lightbox JS binds. #}
{% if columns == 4 %}{% set gcols = "sc-gallery-4" %}{% set gn = 4 %}{% elif columns == 2 %}{% set gcols = "" %}{% set gn = 2 %}{% else %}{% set gcols = "sc-gallery-3" %}{% set gn = 3 %}{% endif %}
{% if gap == "sm" %}{% set ggap = "0.5rem" %}{% elif gap == "lg" %}{% set ggap = "1.5rem" %}{% else %}{% set ggap = "1rem" %}{% endif %}
-
+
diff --git a/templates/overrides/scifi-clean/hero.ninjatpl b/templates/overrides/scifi-clean/hero.ninjatpl
index 86de11a..3f60d60 100644
--- a/templates/overrides/scifi-clean/hero.ninjatpl
+++ b/templates/overrides/scifi-clean/hero.ninjatpl
@@ -20,7 +20,7 @@
{% if trustLogos %}
{% endif %}
{% endmacro %}
{% if variant == "split" %}
-
{{ herobody() }}
{% if backgroundImage %}{% img backgroundImage alt=headlineText class="sc-hero-media" %}{% endif %}
+
{{ herobody() }}
{% if backgroundImage %}
{% img backgroundImage alt=headlineText class="sc-hero-media" %}
{% endif %}
{% else %}
-
+
{% endif %}
diff --git a/templates/overrides/scifi-clean/rich-section.ninjatpl b/templates/overrides/scifi-clean/rich-section.ninjatpl
index 88ef6b2..c44e9fe 100644
--- a/templates/overrides/scifi-clean/rich-section.ninjatpl
+++ b/templates/overrides/scifi-clean/rich-section.ninjatpl
@@ -1,10 +1,10 @@
{# rich-section override — two-column media + rich text, hairline surface options. #}
-
+
diff --git a/templates/scifi-clean/article.ninjatpl b/templates/scifi-clean/article.ninjatpl
index ee63104..a0dcb3f 100644
--- a/templates/scifi-clean/article.ninjatpl
+++ b/templates/scifi-clean/article.ninjatpl
@@ -33,6 +33,8 @@
});
}, { rootMargin: '0px 0px -8% 0px' });
items.forEach(function(el){ io.observe(el); });
+ /* Safety net: guarantee full reveal for no-scroll captures / IO gaps. */
+ setTimeout(function(){ items.forEach(function(el){ el.classList.add("sc-in"); }); }, 1600);
} else {
items.forEach(function(el){ el.classList.add('sc-in'); });
}
diff --git a/templates/scifi-clean/auth.ninjatpl b/templates/scifi-clean/auth.ninjatpl
index 7719a51..4de599c 100644
--- a/templates/scifi-clean/auth.ninjatpl
+++ b/templates/scifi-clean/auth.ninjatpl
@@ -30,6 +30,8 @@
});
}, { rootMargin: '0px 0px -8% 0px' });
items.forEach(function(el){ io.observe(el); });
+ /* Safety net: guarantee full reveal for no-scroll captures / IO gaps. */
+ setTimeout(function(){ items.forEach(function(el){ el.classList.add("sc-in"); }); }, 1600);
} else {
items.forEach(function(el){ el.classList.add('sc-in'); });
}
diff --git a/templates/scifi-clean/blog-index.ninjatpl b/templates/scifi-clean/blog-index.ninjatpl
index 9920507..c9ddc8a 100644
--- a/templates/scifi-clean/blog-index.ninjatpl
+++ b/templates/scifi-clean/blog-index.ninjatpl
@@ -30,6 +30,8 @@
});
}, { rootMargin: '0px 0px -8% 0px' });
items.forEach(function(el){ io.observe(el); });
+ /* Safety net: guarantee full reveal for no-scroll captures / IO gaps. */
+ setTimeout(function(){ items.forEach(function(el){ el.classList.add("sc-in"); }); }, 1600);
} else {
items.forEach(function(el){ el.classList.add('sc-in'); });
}
diff --git a/templates/scifi-clean/contact.ninjatpl b/templates/scifi-clean/contact.ninjatpl
index f6dc242..fa39363 100644
--- a/templates/scifi-clean/contact.ninjatpl
+++ b/templates/scifi-clean/contact.ninjatpl
@@ -36,6 +36,8 @@
});
}, { rootMargin: '0px 0px -8% 0px' });
items.forEach(function(el){ io.observe(el); });
+ /* Safety net: guarantee full reveal for no-scroll captures / IO gaps. */
+ setTimeout(function(){ items.forEach(function(el){ el.classList.add("sc-in"); }); }, 1600);
} else {
items.forEach(function(el){ el.classList.add('sc-in'); });
}
diff --git a/templates/scifi-clean/default.ninjatpl b/templates/scifi-clean/default.ninjatpl
index e349fd4..0b227ce 100644
--- a/templates/scifi-clean/default.ninjatpl
+++ b/templates/scifi-clean/default.ninjatpl
@@ -32,6 +32,8 @@
});
}, { rootMargin: '0px 0px -8% 0px' });
items.forEach(function(el){ io.observe(el); });
+ /* Safety net: guarantee full reveal for no-scroll captures / IO gaps. */
+ setTimeout(function(){ items.forEach(function(el){ el.classList.add("sc-in"); }); }, 1600);
} else {
items.forEach(function(el){ el.classList.add('sc-in'); });
}
diff --git a/templates/scifi-clean/full-width.ninjatpl b/templates/scifi-clean/full-width.ninjatpl
index 36929c9..bdbd2c1 100644
--- a/templates/scifi-clean/full-width.ninjatpl
+++ b/templates/scifi-clean/full-width.ninjatpl
@@ -28,6 +28,8 @@
});
}, { rootMargin: '0px 0px -8% 0px' });
items.forEach(function(el){ io.observe(el); });
+ /* Safety net: guarantee full reveal for no-scroll captures / IO gaps. */
+ setTimeout(function(){ items.forEach(function(el){ el.classList.add("sc-in"); }); }, 1600);
} else {
items.forEach(function(el){ el.classList.add('sc-in'); });
}
diff --git a/templates/scifi-clean/landing.ninjatpl b/templates/scifi-clean/landing.ninjatpl
index b8fb0f0..da4abcb 100644
--- a/templates/scifi-clean/landing.ninjatpl
+++ b/templates/scifi-clean/landing.ninjatpl
@@ -30,6 +30,8 @@
});
}, { rootMargin: '0px 0px -8% 0px' });
items.forEach(function(el){ io.observe(el); });
+ /* Safety net: guarantee full reveal for no-scroll captures / IO gaps. */
+ setTimeout(function(){ items.forEach(function(el){ el.classList.add("sc-in"); }); }, 1600);
} else {
items.forEach(function(el){ el.classList.add('sc-in'); });
}