{#- 랜딩. base.html을 상속하지 않는 독립 문서다 — 문서 크롬 없이 자체 구조를 가진다: 고정 반투명 내비 / 히어로 / 벤토 그리드 / 푸터. 브랜드는 이름 그대로 squeeze — 카피와 연출이 "쥐어짜기"를 말한다. 테마는 docs와 같은 계약: data-theme을 템플릿이 쓰고, localStorage("theme", docs와 같은 키)가 프리페인트 스크립트로 덮는다. 그래서 문서에서 고른 테마가 랜딩에도 그대로 따라온다. 카피는 전부 extra에 있고(양어 키 1:1), 이 파일은 구조만 안다. #} {%- set ko = page.language == "ko" %} {%- set home = site.base_path ~ ("/ko/" if ko else "/") %} {{ site.title }} — {{ page.description }} {%- if site.feed %} {%- endif %} {%- for lang in page.translations %} {%- endfor %}
{{ site.title }}

{{ page.extra.hero_kicker }}

{{ page.extra.hero_title_a }}
{{ page.extra.hero_title_b }}

{{ page.extra.hero_sub }}

{{ page.extra.cta_start }} {{ page.extra.cta_github }}

{#- 제일 중요한 것: 설치 명령. CTA 바로 아래에 크게 둔다. 채널 전환은 radio + CSS만으로 한다. JS 없이도 세 명령이 전부 DOM에 있고 선택이 동작한다 — 이 페이지에서 가장 중요한 내용이 스크립트 로딩에 기대면 안 된다. radio를 쓴 건 접근성 때문이기도 하다: 스크린리더가 "curl, 라디오 버튼, 선택됨, 3개 중 1"로 읽는 게 이 UI의 실제 의미다. #}
{{ page.extra.install_pick }}
{#- JS가 움직이는 표시자. 스크립트가 없으면 라벨 자신의 배경이 선택을 나타내고 이건 숨어 있다 — 선택 상태가 JS에 기대면 안 된다. #} {%- for m in page.extra.install %} {%- endfor %}
{%- for m in page.extra.install %} {%- set cmd = m.cmd if m.cmd else "curl -fsSL " ~ site.origin ~ site.base_path ~ "/install.sh | sh" %}
{{ cmd }}
{%- endfor %}
{#- 에이전트용 프롬프트. 설치 명령과 나란히 놓지 않고 카드 밖에 따로 둔다 — 붙여 넣을 곳이 셸이 아니라 다른 도구라, 같은 탭에 섞으면 어느 쪽이 어디로 가는 것인지 흐려진다. #}

{{ page.extra.install_note }}

{{ page.content | safe }}

{{ page.extra.bench_title }}

{{ page.extra.bench_note }}

{%- for row in page.extra.bench %}

{{ row.label }}

sqzass {{ row.us_ms }} ms
Hugo {{ row.them_ms }} ms
{%- endfor %}

{{ page.extra.bench_more }}

0

{{ page.extra.zero_label }}

{%- for f in page.extra.features %}

{{ f.title }}

{{ f.body }}

{%- endfor %}
{%- include "partials/colophon.html" %}