46c9177265
WO-TF-024. Re-skin from frozen Wave-0 builtins into blueprint/HUD/mono chrome (AI/robotics product persona), preserving every content field, provider field, custom tag, and JS block; button/card legacy field reads reconciled per §4. - 49 mandatory template_overrides + 7 page templates (default, full-width, landing, article, blog-index, contact, auth) with MID-tier motion (JS scroll-reveal + ticking counters + CSS line-draw; reduced-motion + no-JS static fallback). - 4 persona blocks: tech_spec, benchmark_table, telemetry_grid, changelog_console. Deleted 5 builtin-duplicating theme blocks (now overrides). - 4 dual-mode presets (19 tokens, light + dark tuned). - Bundled OFL fonts (Space Grotesk / Inter / JetBrains Mono) + LICENSES. - Email-safe wrapper retuned; master pages + seed demo site (Halcyon Robotics: home, about, blog x3, contact with data-table + row_inserted email workflow, login). - required_icon_packs (lucide, simple-icons) + RECOMMENDED docs. make build exit 0 (codeless .bnp); check-safety exit 0. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
71 lines
3.4 KiB
Plaintext
71 lines
3.4 KiB
Plaintext
<!doctype html>
|
|
<html lang="en">
|
|
{{ head_html|safe }}
|
|
<body class="sc-body" style="margin: 0; min-height: 100vh; display: flex; flex-direction: column; background-color: hsl(var(--background)); color: hsl(var(--foreground));">
|
|
{{ admin_banner_html|safe }}
|
|
{% if slots.header %}<header class="sc-hairline-bottom" style="width: 100%;"><div class="sc-content-well">{{ slots.header|safe }}</div></header>{% endif %}
|
|
<main style="flex: 1 1 auto; width: 100%;" data-content-well>
|
|
<div class="sc-content-well sc-section">
|
|
{% if title %}<div class="sc-accent-rule" style="padding-top: 1.5rem; margin-bottom: 3rem;"><p class="sc-eyebrow">Insights</p><h1 class="sc-heading" style="font-size: clamp(2rem, 4vw, 3rem); line-height: 1.1; margin: 0;">{{ title }}</h1>{% if page_meta.MetaDescription %}<p class="sc-lede" style="max-width: 60ch; margin: 1rem 0 0;">{{ page_meta.MetaDescription }}</p>{% endif %}</div>{% endif %}
|
|
{% if slots.featured %}<section style="margin-bottom: 3rem;">{{ slots.featured|safe }}</section>{% endif %}
|
|
{% if slots.main %}<section>{{ slots.main|safe }}</section>{% else %}<p class="sc-stat-label">No posts published yet.</p>{% endif %}
|
|
</div>
|
|
</main>
|
|
{% if slots.footer %}<footer style="width: 100%; margin-top: auto;">{{ slots.footer|safe }}</footer>{% endif %}
|
|
<script>
|
|
/* Sci-Fi Clean MID motion: scroll-reveal, line-draw schematics, ticking
|
|
counters. Dependency-free. prefers-reduced-motion => everything static
|
|
and counters keep their final text. No JS => nothing runs, all visible. */
|
|
(function(){
|
|
var root = document.documentElement;
|
|
var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
|
|
if (reduce) return;
|
|
root.classList.add('sc-js');
|
|
var revealSel = '[data-sc-reveal], .sc-schematic';
|
|
var items = [].slice.call(document.querySelectorAll(revealSel));
|
|
if ('IntersectionObserver' in window) {
|
|
var io = new IntersectionObserver(function(entries){
|
|
entries.forEach(function(e){
|
|
if (e.isIntersecting) { e.target.classList.add('sc-in'); io.unobserve(e.target); }
|
|
});
|
|
}, { rootMargin: '0px 0px -8% 0px' });
|
|
items.forEach(function(el){ io.observe(el); });
|
|
} else {
|
|
items.forEach(function(el){ el.classList.add('sc-in'); });
|
|
}
|
|
var counters = [].slice.call(document.querySelectorAll('[data-sc-count]'));
|
|
function animate(el){
|
|
var raw = String(el.getAttribute('data-sc-count') || '');
|
|
var m = raw.match(/-?[0-9]+(\.[0-9]+)?/);
|
|
if (!m) return;
|
|
var target = parseFloat(m[0]);
|
|
var decimals = (m[0].split('.')[1] || '').length;
|
|
var prefix = raw.slice(0, m.index);
|
|
var suffix = raw.slice(m.index + m[0].length);
|
|
var start = null, dur = 1100;
|
|
function step(ts){
|
|
if (start === null) start = ts;
|
|
var p = Math.min((ts - start) / dur, 1);
|
|
var eased = 1 - Math.pow(1 - p, 3);
|
|
el.textContent = prefix + (target * eased).toFixed(decimals) + suffix;
|
|
if (p < 1) requestAnimationFrame(step);
|
|
else el.textContent = raw;
|
|
}
|
|
requestAnimationFrame(step);
|
|
}
|
|
if ('IntersectionObserver' in window) {
|
|
var co = new IntersectionObserver(function(entries){
|
|
entries.forEach(function(e){
|
|
if (e.isIntersecting) { animate(e.target); co.unobserve(e.target); }
|
|
});
|
|
}, { threshold: 0.4 });
|
|
counters.forEach(function(el){ co.observe(el); });
|
|
} else {
|
|
counters.forEach(animate);
|
|
}
|
|
})();
|
|
</script>
|
|
{{ body_end_html|safe }}
|
|
</body>
|
|
</html>
|