From 65e75f4e83035c0fd8340702d024959b1571e4a2 Mon Sep 17 00:00:00 2001 From: Rohit Ghumare <48523873+rohitg00@users.noreply.github.com> Date: Sun, 17 May 2026 11:39:14 +0100 Subject: [PATCH] fix: harden website rendering assets (#160) * fix: harden website rendering assets * fix: keep directory cards in grids * fix: show nav logo in light mode --------- Co-authored-by: rohitg00 --- docs/blog/ai-coding-reality.html | 19 ++++++- docs/blog/antfarm-agent-teams.html | 19 ++++++- docs/blog/anthropic-biggest-miss.html | 19 ++++++- .../apify-actors-join-agent-workflows.html | 19 ++++++- docs/blog/blog.html | 19 ++++++- docs/blog/chatops-for-coding-agents.html | 36 +++++++++++- docs/blog/codex-app-server-over-chat.html | 19 ++++++- docs/blog/dashboard-layer-arrives.html | 19 ++++++- docs/blog/growth-ecosystem.html | 19 ++++++- ...hetzner-terraform-repeatable-openclaw.html | 19 ++++++- docs/blog/lark-feishu-channel-signal.html | 19 ++++++- .../memory-becomes-agent-infrastructure.html | 19 ++++++- .../one-click-hosting-is-not-strategy.html | 19 ++++++- docs/blog/openclaw-on-eks.html | 19 ++++++- .../openclaw-rl-conversational-training.html | 19 ++++++- docs/blog/openim-channel.html | 19 ++++++- .../opik-traces-make-agents-debuggable.html | 19 ++++++- docs/blog/security-landscape.html | 19 ++++++- docs/blog/supermemory-and-agent-recall.html | 19 ++++++- .../swarm-coordination-needs-boundaries.html | 19 ++++++- docs/blog/ten-agent-telegram-teams.html | 19 ++++++- docs/blog/token-optimization.html | 19 ++++++- docs/blog/v2026-2-6-release.html | 19 ++++++- .../blog/v2026-3-24-plugin-compatibility.html | 19 ++++++- docs/blog/v2026-4-25-release-cadence.html | 19 ++++++- docs/blog/voice-becomes-command-surface.html | 19 ++++++- docs/blog/web-data-plugins-need-safety.html | 19 ++++++- docs/blog/wecom-openclaw-enterprise-chat.html | 19 ++++++- docs/blog/weixin-channel-mainstream-chat.html | 19 ++++++- docs/public/favicon.ico | Bin 0 -> 6457 bytes docs/website/directory.html | 30 +++++++--- docs/website/index.html | 31 ++++++++-- docs/website/use-cases.html | 19 ++++++- scripts/validate_static.py | 53 ++++++++++++++++++ vercel.json | 3 + 35 files changed, 659 insertions(+), 45 deletions(-) create mode 100644 docs/public/favicon.ico diff --git a/docs/blog/ai-coding-reality.html b/docs/blog/ai-coding-reality.html index ec0bc5e..b7c57ed 100644 --- a/docs/blog/ai-coding-reality.html +++ b/docs/blog/ai-coding-reality.html @@ -63,7 +63,7 @@ body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg) .nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border);transition:background .3s} .nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px} .nav-logo{font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px} -.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo-dark,.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo-dark{display:block}[data-theme="light"] .nav-logo-light{display:block}[data-theme="light"] .nav-logo-dark{display:none} +.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo img.nav-logo-dark,.nav-logo img.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo img.nav-logo-dark{display:block}[data-theme="light"] .nav-logo img.nav-logo-light{display:block}[data-theme="light"] .nav-logo img.nav-logo-dark{display:none} .nav-actions{display:flex;align-items:center;gap:12px} .nav-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;padding:6px 14px;border-radius:8px;border:1px solid var(--card-border);transition:all .2s} .nav-link:hover,.nav-link.active{color:var(--text);border-color:var(--primary)} @@ -211,6 +211,23 @@ a.tweet-embed:hover{border-color:rgba(220,38,38,0.3);transform:translateY(-1px); .tweet-embed::before{width:24px;height:24px;top:16px;left:16px} .tweet-embed .tweet-author{margin-left:36px} } + +@media(max-width:768px){ +html,body{width:100%;max-width:100%;overflow-x:hidden} +.nav,.nav-inner,.nav-actions,.hero,.posts,.post-card,.article,.article-header,.grid,.card,.content,.footer{min-width:0;max-width:100%} +.nav-logo img{max-width:120px!important} +.nav-actions{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} +.nav-actions::-webkit-scrollbar{display:none} +.hero{padding-left:16px!important;padding-right:16px!important} +.hero h1{font-size:clamp(1.45rem,6.8vw,1.75rem)!important;line-height:1.16!important;white-space:normal!important;overflow-wrap:anywhere} +.hero h1 .hl{display:inline;overflow-wrap:anywhere} +.hero-inline-logo{width:min(30vw,118px)!important;max-width:118px!important} +.posts,.grid,.article,.content{padding-left:16px!important;padding-right:16px!important} +.post-card,.card{width:100%;max-width:calc(100vw - 32px)} +.article-title{font-size:clamp(1.45rem,7vw,1.75rem)!important;overflow-wrap:anywhere} +.post-title,.card h2{font-size:clamp(1rem,5.5vw,1.15rem)!important;overflow-wrap:anywhere} +.content p,.article p,.post-excerpt,.card p{overflow-wrap:anywhere} +} diff --git a/docs/blog/antfarm-agent-teams.html b/docs/blog/antfarm-agent-teams.html index d2e7e66..bd75949 100644 --- a/docs/blog/antfarm-agent-teams.html +++ b/docs/blog/antfarm-agent-teams.html @@ -21,7 +21,24 @@ *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} :root{--bg:#0A0A0A;--bg-s1:#111;--bg-s2:#1A1A1A;--text:#EDEDED;--text-muted:#888;--card:rgba(255,255,255,.05);--card-border:rgba(255,255,255,.08);--primary:#DC2626;--primary-light:#EF4444;--link:#EF4444;--link-hover:#DC2626;--badge-bg:rgba(220,38,38,.12);--badge-text:#EF4444;--nav-bg:rgba(10,10,10,.8);--green:#22C55E;--green-bg:rgba(34,197,94,.08);--green-border:rgba(34,197,94,.25);--yellow:#F59E0B;--yellow-bg:rgba(245,158,11,.08);--yellow-border:rgba(245,158,11,.25);--blue:#3B82F6;--blue-bg:rgba(59,130,246,.08);--blue-border:rgba(59,130,246,.25)} [data-theme="light"]{--bg:#FAFAFA;--bg-s1:#fff;--bg-s2:#F5F5F5;--text:#171717;--text-muted:#666;--card:#fff;--card-border:rgba(0,0,0,.08);--link:#DC2626;--link-hover:#B91C1C;--badge-bg:rgba(220,38,38,.08);--badge-text:#DC2626;--nav-bg:rgba(250,250,250,.85);--green-bg:rgba(34,197,94,.06);--green-border:rgba(34,197,94,.2);--yellow-bg:rgba(245,158,11,.06);--yellow-border:rgba(245,158,11,.2);--blue-bg:rgba(59,130,246,.06);--blue-border:rgba(59,130,246,.2)} -html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;font-size:16px;transition:background .3s,color .3s}.nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border)}.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px}.nav-logo{font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px}.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo-dark,.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo-dark{display:block}[data-theme="light"] .nav-logo-light{display:block}[data-theme="light"] .nav-logo-dark{display:none}.nav-actions{display:flex;align-items:center;gap:12px}.nav-link,.gh-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;padding:6px 14px;border-radius:8px;border:1px solid var(--card-border);transition:all .2s}.nav-link:hover,.nav-link.active,.gh-link:hover{color:var(--text);border-color:var(--primary)}.theme-toggle{background:var(--card);border:1px solid var(--card-border);color:var(--text);cursor:pointer;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.article{max-width:820px;margin:0 auto;padding:0 24px 80px}.article-header{padding:80px 0 48px;border-bottom:1px solid var(--card-border);margin-bottom:48px}.article-badge{display:inline-flex;background:var(--badge-bg);color:var(--badge-text);font-size:.8rem;font-weight:700;padding:4px 14px;border-radius:16px;margin-bottom:20px}.article-title{font-size:clamp(2rem,5vw,3rem);font-weight:900;letter-spacing:-.03em;line-height:1.15;margin-bottom:16px}.article-title .hl{color:var(--primary)}.article-subtitle{font-size:1.2rem;color:var(--text-muted);margin-bottom:24px;line-height:1.5}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;color:var(--text-muted);font-size:.85rem}.article-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.article-pill{font-size:.75rem;padding:4px 12px;border-radius:6px;background:var(--card);border:1px solid var(--card-border);color:var(--text-muted);font-weight:500}.article h2{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;margin:56px 0 20px;padding-left:16px;border-left:4px solid var(--primary);line-height:1.3}.article h3{font-size:1.2rem;font-weight:700;margin:36px 0 14px;color:var(--text)}.article p{color:var(--text-muted);margin-bottom:18px;line-height:1.8}.article strong{color:var(--text);font-weight:600}.article a{color:var(--link);text-decoration:none}.article a:hover{color:var(--link-hover);text-decoration:underline}.article ul,.article ol{margin:0 0 22px 24px;color:var(--text-muted)}.article li{margin-bottom:8px;line-height:1.75}.article code{font-family:'JetBrains Mono',monospace;font-size:.85em;background:rgba(255,255,255,.06);padding:2px 6px;border-radius:4px;color:var(--primary-light)}.article pre{margin:20px 0 28px;border-radius:12px;background:var(--bg-s2);border:1px solid var(--card-border);overflow-x:auto}.article pre code{display:block;padding:20px;background:none;color:var(--text);line-height:1.6;font-size:.85rem}.callout{margin:24px 0;padding:20px 24px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}.callout-title{font-weight:700;font-size:.9rem;margin-bottom:8px;color:var(--text)}.callout-info{border-color:var(--blue-border);background:var(--blue-bg)}.callout-solution{border-color:var(--green-border);background:var(--green-bg)}.callout-tip{border-color:var(--yellow-border);background:var(--yellow-bg)}.impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:24px 0}.impact-card{padding:20px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1);text-align:center}.impact-val{font-size:1.8rem;font-weight:900;color:var(--primary);margin-bottom:4px}.impact-label{font-size:.8rem;color:var(--text-muted);font-weight:500}.source-ref{margin:16px 0;padding:14px 18px;border-radius:10px;border:1px solid var(--card-border);background:var(--bg-s1);font-size:.85rem;color:var(--text-muted)}.source-title{font-weight:600;color:var(--text);margin-bottom:2px}.source-url{font-size:.75rem;color:var(--text-muted);word-break:break-all}.table-wrap{overflow-x:auto;margin:20px 0 28px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:left;padding:12px 16px;font-weight:600;color:var(--text);border-bottom:1px solid var(--card-border)}td{padding:10px 16px;border-bottom:1px solid var(--card-border);color:var(--text-muted)}tr:last-child td{border-bottom:none}.toc{margin:32px 0;padding:24px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}.toc-title{font-size:.9rem;font-weight:700;margin-bottom:12px;color:var(--text);text-transform:uppercase;letter-spacing:.04em}.toc-list{list-style:none;margin:0;padding:0}.toc-list li{margin-bottom:6px}.toc-list a{color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:500}.toc-list a:hover{color:var(--primary)}.toc-list a .num{color:var(--primary);font-weight:700;margin-right:8px;font-family:'JetBrains Mono',monospace;font-size:.8rem}.footer{text-align:center;padding:48px 24px;border-top:1px solid var(--card-border);color:var(--text-muted);font-size:.85rem}.footer a{color:var(--link);text-decoration:none}.back-to-top{position:fixed;bottom:24px;right:24px;z-index:50;width:44px;height:44px;border-radius:12px;background:var(--primary);color:#fff;border:none;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(10px);transition:all .3s;pointer-events:none}.back-to-top.show{opacity:1;transform:none;pointer-events:auto}.reading-progress{position:fixed;top:64px;left:0;height:3px;background:var(--primary);z-index:99;transition:width .1s linear;width:0}@media(max-width:768px){.nav-inner{padding:0 10px}.nav-actions{gap:6px}.nav-link,.gh-link{padding:4px 8px;font-size:.75rem}.article{padding:0 16px 40px}.article-header{padding:48px 0 32px}.article-title{font-size:1.8rem}.article-subtitle{font-size:1rem}.article h2{font-size:1.3rem}.impact-grid{grid-template-columns:repeat(2,1fr)}} +html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;font-size:16px;transition:background .3s,color .3s}.nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border)}.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px}.nav-logo{font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px}.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo img.nav-logo-dark,.nav-logo img.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo img.nav-logo-dark{display:block}[data-theme="light"] .nav-logo img.nav-logo-light{display:block}[data-theme="light"] .nav-logo img.nav-logo-dark{display:none}.nav-actions{display:flex;align-items:center;gap:12px}.nav-link,.gh-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;padding:6px 14px;border-radius:8px;border:1px solid var(--card-border);transition:all .2s}.nav-link:hover,.nav-link.active,.gh-link:hover{color:var(--text);border-color:var(--primary)}.theme-toggle{background:var(--card);border:1px solid var(--card-border);color:var(--text);cursor:pointer;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.article{max-width:820px;margin:0 auto;padding:0 24px 80px}.article-header{padding:80px 0 48px;border-bottom:1px solid var(--card-border);margin-bottom:48px}.article-badge{display:inline-flex;background:var(--badge-bg);color:var(--badge-text);font-size:.8rem;font-weight:700;padding:4px 14px;border-radius:16px;margin-bottom:20px}.article-title{font-size:clamp(2rem,5vw,3rem);font-weight:900;letter-spacing:-.03em;line-height:1.15;margin-bottom:16px}.article-title .hl{color:var(--primary)}.article-subtitle{font-size:1.2rem;color:var(--text-muted);margin-bottom:24px;line-height:1.5}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;color:var(--text-muted);font-size:.85rem}.article-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.article-pill{font-size:.75rem;padding:4px 12px;border-radius:6px;background:var(--card);border:1px solid var(--card-border);color:var(--text-muted);font-weight:500}.article h2{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;margin:56px 0 20px;padding-left:16px;border-left:4px solid var(--primary);line-height:1.3}.article h3{font-size:1.2rem;font-weight:700;margin:36px 0 14px;color:var(--text)}.article p{color:var(--text-muted);margin-bottom:18px;line-height:1.8}.article strong{color:var(--text);font-weight:600}.article a{color:var(--link);text-decoration:none}.article a:hover{color:var(--link-hover);text-decoration:underline}.article ul,.article ol{margin:0 0 22px 24px;color:var(--text-muted)}.article li{margin-bottom:8px;line-height:1.75}.article code{font-family:'JetBrains Mono',monospace;font-size:.85em;background:rgba(255,255,255,.06);padding:2px 6px;border-radius:4px;color:var(--primary-light)}.article pre{margin:20px 0 28px;border-radius:12px;background:var(--bg-s2);border:1px solid var(--card-border);overflow-x:auto}.article pre code{display:block;padding:20px;background:none;color:var(--text);line-height:1.6;font-size:.85rem}.callout{margin:24px 0;padding:20px 24px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}.callout-title{font-weight:700;font-size:.9rem;margin-bottom:8px;color:var(--text)}.callout-info{border-color:var(--blue-border);background:var(--blue-bg)}.callout-solution{border-color:var(--green-border);background:var(--green-bg)}.callout-tip{border-color:var(--yellow-border);background:var(--yellow-bg)}.impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:24px 0}.impact-card{padding:20px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1);text-align:center}.impact-val{font-size:1.8rem;font-weight:900;color:var(--primary);margin-bottom:4px}.impact-label{font-size:.8rem;color:var(--text-muted);font-weight:500}.source-ref{margin:16px 0;padding:14px 18px;border-radius:10px;border:1px solid var(--card-border);background:var(--bg-s1);font-size:.85rem;color:var(--text-muted)}.source-title{font-weight:600;color:var(--text);margin-bottom:2px}.source-url{font-size:.75rem;color:var(--text-muted);word-break:break-all}.table-wrap{overflow-x:auto;margin:20px 0 28px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:left;padding:12px 16px;font-weight:600;color:var(--text);border-bottom:1px solid var(--card-border)}td{padding:10px 16px;border-bottom:1px solid var(--card-border);color:var(--text-muted)}tr:last-child td{border-bottom:none}.toc{margin:32px 0;padding:24px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}.toc-title{font-size:.9rem;font-weight:700;margin-bottom:12px;color:var(--text);text-transform:uppercase;letter-spacing:.04em}.toc-list{list-style:none;margin:0;padding:0}.toc-list li{margin-bottom:6px}.toc-list a{color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:500}.toc-list a:hover{color:var(--primary)}.toc-list a .num{color:var(--primary);font-weight:700;margin-right:8px;font-family:'JetBrains Mono',monospace;font-size:.8rem}.footer{text-align:center;padding:48px 24px;border-top:1px solid var(--card-border);color:var(--text-muted);font-size:.85rem}.footer a{color:var(--link);text-decoration:none}.back-to-top{position:fixed;bottom:24px;right:24px;z-index:50;width:44px;height:44px;border-radius:12px;background:var(--primary);color:#fff;border:none;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(10px);transition:all .3s;pointer-events:none}.back-to-top.show{opacity:1;transform:none;pointer-events:auto}.reading-progress{position:fixed;top:64px;left:0;height:3px;background:var(--primary);z-index:99;transition:width .1s linear;width:0}@media(max-width:768px){.nav-inner{padding:0 10px}.nav-actions{gap:6px}.nav-link,.gh-link{padding:4px 8px;font-size:.75rem}.article{padding:0 16px 40px}.article-header{padding:48px 0 32px}.article-title{font-size:1.8rem}.article-subtitle{font-size:1rem}.article h2{font-size:1.3rem}.impact-grid{grid-template-columns:repeat(2,1fr)}} + +@media(max-width:768px){ +html,body{width:100%;max-width:100%;overflow-x:hidden} +.nav,.nav-inner,.nav-actions,.hero,.posts,.post-card,.article,.article-header,.grid,.card,.content,.footer{min-width:0;max-width:100%} +.nav-logo img{max-width:120px!important} +.nav-actions{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} +.nav-actions::-webkit-scrollbar{display:none} +.hero{padding-left:16px!important;padding-right:16px!important} +.hero h1{font-size:clamp(1.45rem,6.8vw,1.75rem)!important;line-height:1.16!important;white-space:normal!important;overflow-wrap:anywhere} +.hero h1 .hl{display:inline;overflow-wrap:anywhere} +.hero-inline-logo{width:min(30vw,118px)!important;max-width:118px!important} +.posts,.grid,.article,.content{padding-left:16px!important;padding-right:16px!important} +.post-card,.card{width:100%;max-width:calc(100vw - 32px)} +.article-title{font-size:clamp(1.45rem,7vw,1.75rem)!important;overflow-wrap:anywhere} +.post-title,.card h2{font-size:clamp(1rem,5.5vw,1.15rem)!important;overflow-wrap:anywhere} +.content p,.article p,.post-excerpt,.card p{overflow-wrap:anywhere} +} diff --git a/docs/blog/anthropic-biggest-miss.html b/docs/blog/anthropic-biggest-miss.html index b6e60c4..94d0656 100644 --- a/docs/blog/anthropic-biggest-miss.html +++ b/docs/blog/anthropic-biggest-miss.html @@ -62,7 +62,7 @@ body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg) .nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border);transition:background .3s} .nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px} .nav-logo{font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px} -.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo-dark,.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo-dark{display:block}[data-theme="light"] .nav-logo-light{display:block}[data-theme="light"] .nav-logo-dark{display:none} +.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo img.nav-logo-dark,.nav-logo img.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo img.nav-logo-dark{display:block}[data-theme="light"] .nav-logo img.nav-logo-light{display:block}[data-theme="light"] .nav-logo img.nav-logo-dark{display:none} .nav-actions{display:flex;align-items:center;gap:12px} .nav-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;padding:6px 14px;border-radius:8px;border:1px solid var(--card-border);transition:all .2s} .nav-link:hover,.nav-link.active{color:var(--text);border-color:var(--primary)} @@ -191,6 +191,23 @@ a.tweet-embed:hover{border-color:rgba(220,38,38,0.3);transform:translateY(-1px); .tweet-embed::before{width:24px;height:24px;top:16px;left:16px} .tweet-embed .tweet-author{margin-left:36px} } + +@media(max-width:768px){ +html,body{width:100%;max-width:100%;overflow-x:hidden} +.nav,.nav-inner,.nav-actions,.hero,.posts,.post-card,.article,.article-header,.grid,.card,.content,.footer{min-width:0;max-width:100%} +.nav-logo img{max-width:120px!important} +.nav-actions{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} +.nav-actions::-webkit-scrollbar{display:none} +.hero{padding-left:16px!important;padding-right:16px!important} +.hero h1{font-size:clamp(1.45rem,6.8vw,1.75rem)!important;line-height:1.16!important;white-space:normal!important;overflow-wrap:anywhere} +.hero h1 .hl{display:inline;overflow-wrap:anywhere} +.hero-inline-logo{width:min(30vw,118px)!important;max-width:118px!important} +.posts,.grid,.article,.content{padding-left:16px!important;padding-right:16px!important} +.post-card,.card{width:100%;max-width:calc(100vw - 32px)} +.article-title{font-size:clamp(1.45rem,7vw,1.75rem)!important;overflow-wrap:anywhere} +.post-title,.card h2{font-size:clamp(1rem,5.5vw,1.15rem)!important;overflow-wrap:anywhere} +.content p,.article p,.post-excerpt,.card p{overflow-wrap:anywhere} +} diff --git a/docs/blog/apify-actors-join-agent-workflows.html b/docs/blog/apify-actors-join-agent-workflows.html index 83c2706..7370f88 100644 --- a/docs/blog/apify-actors-join-agent-workflows.html +++ b/docs/blog/apify-actors-join-agent-workflows.html @@ -21,7 +21,24 @@ *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} :root{--bg:#0A0A0A;--bg-s1:#111;--bg-s2:#1A1A1A;--text:#EDEDED;--text-muted:#888;--card:rgba(255,255,255,.05);--card-border:rgba(255,255,255,.08);--primary:#DC2626;--primary-light:#EF4444;--link:#EF4444;--link-hover:#DC2626;--badge-bg:rgba(220,38,38,.12);--badge-text:#EF4444;--nav-bg:rgba(10,10,10,.8);--green:#22C55E;--green-bg:rgba(34,197,94,.08);--green-border:rgba(34,197,94,.25);--yellow:#F59E0B;--yellow-bg:rgba(245,158,11,.08);--yellow-border:rgba(245,158,11,.25);--blue:#3B82F6;--blue-bg:rgba(59,130,246,.08);--blue-border:rgba(59,130,246,.25)} [data-theme="light"]{--bg:#FAFAFA;--bg-s1:#fff;--bg-s2:#F5F5F5;--text:#171717;--text-muted:#666;--card:#fff;--card-border:rgba(0,0,0,.08);--link:#DC2626;--link-hover:#B91C1C;--badge-bg:rgba(220,38,38,.08);--badge-text:#DC2626;--nav-bg:rgba(250,250,250,.85);--green-bg:rgba(34,197,94,.06);--green-border:rgba(34,197,94,.2);--yellow-bg:rgba(245,158,11,.06);--yellow-border:rgba(245,158,11,.2);--blue-bg:rgba(59,130,246,.06);--blue-border:rgba(59,130,246,.2)} -html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;font-size:16px;transition:background .3s,color .3s}.nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border)}.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px}.nav-logo{font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px}.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo-dark,.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo-dark{display:block}[data-theme="light"] .nav-logo-light{display:block}[data-theme="light"] .nav-logo-dark{display:none}.nav-actions{display:flex;align-items:center;gap:12px}.nav-link,.gh-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;padding:6px 14px;border-radius:8px;border:1px solid var(--card-border);transition:all .2s}.nav-link:hover,.nav-link.active,.gh-link:hover{color:var(--text);border-color:var(--primary)}.theme-toggle{background:var(--card);border:1px solid var(--card-border);color:var(--text);cursor:pointer;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.article{max-width:820px;margin:0 auto;padding:0 24px 80px}.article-header{padding:80px 0 48px;border-bottom:1px solid var(--card-border);margin-bottom:48px}.article-badge{display:inline-flex;background:var(--badge-bg);color:var(--badge-text);font-size:.8rem;font-weight:700;padding:4px 14px;border-radius:16px;margin-bottom:20px}.article-title{font-size:clamp(2rem,5vw,3rem);font-weight:900;letter-spacing:-.03em;line-height:1.15;margin-bottom:16px}.article-title .hl{color:var(--primary)}.article-subtitle{font-size:1.2rem;color:var(--text-muted);margin-bottom:24px;line-height:1.5}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;color:var(--text-muted);font-size:.85rem}.article-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.article-pill{font-size:.75rem;padding:4px 12px;border-radius:6px;background:var(--card);border:1px solid var(--card-border);color:var(--text-muted);font-weight:500}.article h2{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;margin:56px 0 20px;padding-left:16px;border-left:4px solid var(--primary);line-height:1.3}.article h3{font-size:1.2rem;font-weight:700;margin:36px 0 14px;color:var(--text)}.article p{color:var(--text-muted);margin-bottom:18px;line-height:1.8}.article strong{color:var(--text);font-weight:600}.article a{color:var(--link);text-decoration:none}.article a:hover{color:var(--link-hover);text-decoration:underline}.article ul,.article ol{margin:0 0 22px 24px;color:var(--text-muted)}.article li{margin-bottom:8px;line-height:1.75}.article code{font-family:'JetBrains Mono',monospace;font-size:.85em;background:rgba(255,255,255,.06);padding:2px 6px;border-radius:4px;color:var(--primary-light)}.article pre{margin:20px 0 28px;border-radius:12px;background:var(--bg-s2);border:1px solid var(--card-border);overflow-x:auto}.article pre code{display:block;padding:20px;background:none;color:var(--text);line-height:1.6;font-size:.85rem}.callout{margin:24px 0;padding:20px 24px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}.callout-title{font-weight:700;font-size:.9rem;margin-bottom:8px;color:var(--text)}.callout-info{border-color:var(--blue-border);background:var(--blue-bg)}.callout-solution{border-color:var(--green-border);background:var(--green-bg)}.callout-tip{border-color:var(--yellow-border);background:var(--yellow-bg)}.impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:24px 0}.impact-card{padding:20px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1);text-align:center}.impact-val{font-size:1.8rem;font-weight:900;color:var(--primary);margin-bottom:4px}.impact-label{font-size:.8rem;color:var(--text-muted);font-weight:500}.source-ref{margin:16px 0;padding:14px 18px;border-radius:10px;border:1px solid var(--card-border);background:var(--bg-s1);font-size:.85rem;color:var(--text-muted)}.source-title{font-weight:600;color:var(--text);margin-bottom:2px}.source-url{font-size:.75rem;color:var(--text-muted);word-break:break-all}.table-wrap{overflow-x:auto;margin:20px 0 28px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:left;padding:12px 16px;font-weight:600;color:var(--text);border-bottom:1px solid var(--card-border)}td{padding:10px 16px;border-bottom:1px solid var(--card-border);color:var(--text-muted)}tr:last-child td{border-bottom:none}.toc{margin:32px 0;padding:24px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}.toc-title{font-size:.9rem;font-weight:700;margin-bottom:12px;color:var(--text);text-transform:uppercase;letter-spacing:.04em}.toc-list{list-style:none;margin:0;padding:0}.toc-list li{margin-bottom:6px}.toc-list a{color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:500}.toc-list a:hover{color:var(--primary)}.toc-list a .num{color:var(--primary);font-weight:700;margin-right:8px;font-family:'JetBrains Mono',monospace;font-size:.8rem}.footer{text-align:center;padding:48px 24px;border-top:1px solid var(--card-border);color:var(--text-muted);font-size:.85rem}.footer a{color:var(--link);text-decoration:none}.back-to-top{position:fixed;bottom:24px;right:24px;z-index:50;width:44px;height:44px;border-radius:12px;background:var(--primary);color:#fff;border:none;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(10px);transition:all .3s;pointer-events:none}.back-to-top.show{opacity:1;transform:none;pointer-events:auto}.reading-progress{position:fixed;top:64px;left:0;height:3px;background:var(--primary);z-index:99;transition:width .1s linear;width:0}@media(max-width:768px){.nav-inner{padding:0 10px}.nav-actions{gap:6px}.nav-link,.gh-link{padding:4px 8px;font-size:.75rem}.article{padding:0 16px 40px}.article-header{padding:48px 0 32px}.article-title{font-size:1.8rem}.article-subtitle{font-size:1rem}.article h2{font-size:1.3rem}.impact-grid{grid-template-columns:repeat(2,1fr)}} +html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;font-size:16px;transition:background .3s,color .3s}.nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border)}.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px}.nav-logo{font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px}.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo img.nav-logo-dark,.nav-logo img.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo img.nav-logo-dark{display:block}[data-theme="light"] .nav-logo img.nav-logo-light{display:block}[data-theme="light"] .nav-logo img.nav-logo-dark{display:none}.nav-actions{display:flex;align-items:center;gap:12px}.nav-link,.gh-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;padding:6px 14px;border-radius:8px;border:1px solid var(--card-border);transition:all .2s}.nav-link:hover,.nav-link.active,.gh-link:hover{color:var(--text);border-color:var(--primary)}.theme-toggle{background:var(--card);border:1px solid var(--card-border);color:var(--text);cursor:pointer;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.article{max-width:820px;margin:0 auto;padding:0 24px 80px}.article-header{padding:80px 0 48px;border-bottom:1px solid var(--card-border);margin-bottom:48px}.article-badge{display:inline-flex;background:var(--badge-bg);color:var(--badge-text);font-size:.8rem;font-weight:700;padding:4px 14px;border-radius:16px;margin-bottom:20px}.article-title{font-size:clamp(2rem,5vw,3rem);font-weight:900;letter-spacing:-.03em;line-height:1.15;margin-bottom:16px}.article-title .hl{color:var(--primary)}.article-subtitle{font-size:1.2rem;color:var(--text-muted);margin-bottom:24px;line-height:1.5}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;color:var(--text-muted);font-size:.85rem}.article-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.article-pill{font-size:.75rem;padding:4px 12px;border-radius:6px;background:var(--card);border:1px solid var(--card-border);color:var(--text-muted);font-weight:500}.article h2{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;margin:56px 0 20px;padding-left:16px;border-left:4px solid var(--primary);line-height:1.3}.article h3{font-size:1.2rem;font-weight:700;margin:36px 0 14px;color:var(--text)}.article p{color:var(--text-muted);margin-bottom:18px;line-height:1.8}.article strong{color:var(--text);font-weight:600}.article a{color:var(--link);text-decoration:none}.article a:hover{color:var(--link-hover);text-decoration:underline}.article ul,.article ol{margin:0 0 22px 24px;color:var(--text-muted)}.article li{margin-bottom:8px;line-height:1.75}.article code{font-family:'JetBrains Mono',monospace;font-size:.85em;background:rgba(255,255,255,.06);padding:2px 6px;border-radius:4px;color:var(--primary-light)}.article pre{margin:20px 0 28px;border-radius:12px;background:var(--bg-s2);border:1px solid var(--card-border);overflow-x:auto}.article pre code{display:block;padding:20px;background:none;color:var(--text);line-height:1.6;font-size:.85rem}.callout{margin:24px 0;padding:20px 24px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}.callout-title{font-weight:700;font-size:.9rem;margin-bottom:8px;color:var(--text)}.callout-info{border-color:var(--blue-border);background:var(--blue-bg)}.callout-solution{border-color:var(--green-border);background:var(--green-bg)}.callout-tip{border-color:var(--yellow-border);background:var(--yellow-bg)}.impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:24px 0}.impact-card{padding:20px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1);text-align:center}.impact-val{font-size:1.8rem;font-weight:900;color:var(--primary);margin-bottom:4px}.impact-label{font-size:.8rem;color:var(--text-muted);font-weight:500}.source-ref{margin:16px 0;padding:14px 18px;border-radius:10px;border:1px solid var(--card-border);background:var(--bg-s1);font-size:.85rem;color:var(--text-muted)}.source-title{font-weight:600;color:var(--text);margin-bottom:2px}.source-url{font-size:.75rem;color:var(--text-muted);word-break:break-all}.table-wrap{overflow-x:auto;margin:20px 0 28px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:left;padding:12px 16px;font-weight:600;color:var(--text);border-bottom:1px solid var(--card-border)}td{padding:10px 16px;border-bottom:1px solid var(--card-border);color:var(--text-muted)}tr:last-child td{border-bottom:none}.toc{margin:32px 0;padding:24px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}.toc-title{font-size:.9rem;font-weight:700;margin-bottom:12px;color:var(--text);text-transform:uppercase;letter-spacing:.04em}.toc-list{list-style:none;margin:0;padding:0}.toc-list li{margin-bottom:6px}.toc-list a{color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:500}.toc-list a:hover{color:var(--primary)}.toc-list a .num{color:var(--primary);font-weight:700;margin-right:8px;font-family:'JetBrains Mono',monospace;font-size:.8rem}.footer{text-align:center;padding:48px 24px;border-top:1px solid var(--card-border);color:var(--text-muted);font-size:.85rem}.footer a{color:var(--link);text-decoration:none}.back-to-top{position:fixed;bottom:24px;right:24px;z-index:50;width:44px;height:44px;border-radius:12px;background:var(--primary);color:#fff;border:none;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(10px);transition:all .3s;pointer-events:none}.back-to-top.show{opacity:1;transform:none;pointer-events:auto}.reading-progress{position:fixed;top:64px;left:0;height:3px;background:var(--primary);z-index:99;transition:width .1s linear;width:0}@media(max-width:768px){.nav-inner{padding:0 10px}.nav-actions{gap:6px}.nav-link,.gh-link{padding:4px 8px;font-size:.75rem}.article{padding:0 16px 40px}.article-header{padding:48px 0 32px}.article-title{font-size:1.8rem}.article-subtitle{font-size:1rem}.article h2{font-size:1.3rem}.impact-grid{grid-template-columns:repeat(2,1fr)}} + +@media(max-width:768px){ +html,body{width:100%;max-width:100%;overflow-x:hidden} +.nav,.nav-inner,.nav-actions,.hero,.posts,.post-card,.article,.article-header,.grid,.card,.content,.footer{min-width:0;max-width:100%} +.nav-logo img{max-width:120px!important} +.nav-actions{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} +.nav-actions::-webkit-scrollbar{display:none} +.hero{padding-left:16px!important;padding-right:16px!important} +.hero h1{font-size:clamp(1.45rem,6.8vw,1.75rem)!important;line-height:1.16!important;white-space:normal!important;overflow-wrap:anywhere} +.hero h1 .hl{display:inline;overflow-wrap:anywhere} +.hero-inline-logo{width:min(30vw,118px)!important;max-width:118px!important} +.posts,.grid,.article,.content{padding-left:16px!important;padding-right:16px!important} +.post-card,.card{width:100%;max-width:calc(100vw - 32px)} +.article-title{font-size:clamp(1.45rem,7vw,1.75rem)!important;overflow-wrap:anywhere} +.post-title,.card h2{font-size:clamp(1rem,5.5vw,1.15rem)!important;overflow-wrap:anywhere} +.content p,.article p,.post-excerpt,.card p{overflow-wrap:anywhere} +} diff --git a/docs/blog/blog.html b/docs/blog/blog.html index 938a1f5..d3fc303 100644 --- a/docs/blog/blog.html +++ b/docs/blog/blog.html @@ -50,7 +50,7 @@ body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg) .nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border);transition:background .3s} .nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px} .nav-logo{font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px} -.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo-dark,.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo-dark{display:block}[data-theme="light"] .nav-logo-light{display:block}[data-theme="light"] .nav-logo-dark{display:none} +.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo img.nav-logo-dark,.nav-logo img.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo img.nav-logo-dark{display:block}[data-theme="light"] .nav-logo img.nav-logo-light{display:block}[data-theme="light"] .nav-logo img.nav-logo-dark{display:none} .nav-actions{display:flex;align-items:center;gap:12px} .nav-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;padding:6px 14px;border-radius:8px;border:1px solid var(--card-border);transition:all .2s} .nav-link:hover,.nav-link.active{color:var(--text);border-color:var(--primary)} @@ -102,6 +102,23 @@ body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg) @keyframes fadeInUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}} .post-card{animation:fadeInUp .4s ease both} + +@media(max-width:768px){ +html,body{width:100%;max-width:100%;overflow-x:hidden} +.nav,.nav-inner,.nav-actions,.hero,.posts,.post-card,.article,.article-header,.grid,.card,.content,.footer{min-width:0;max-width:100%} +.nav-logo img{max-width:120px!important} +.nav-actions{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} +.nav-actions::-webkit-scrollbar{display:none} +.hero{padding-left:16px!important;padding-right:16px!important} +.hero h1{font-size:clamp(1.45rem,6.8vw,1.75rem)!important;line-height:1.16!important;white-space:normal!important;overflow-wrap:anywhere} +.hero h1 .hl{display:inline;overflow-wrap:anywhere} +.hero-inline-logo{width:min(30vw,118px)!important;max-width:118px!important} +.posts,.grid,.article,.content{padding-left:16px!important;padding-right:16px!important} +.post-card,.card{width:100%;max-width:calc(100vw - 32px)} +.article-title{font-size:clamp(1.45rem,7vw,1.75rem)!important;overflow-wrap:anywhere} +.post-title,.card h2{font-size:clamp(1rem,5.5vw,1.15rem)!important;overflow-wrap:anywhere} +.content p,.article p,.post-excerpt,.card p{overflow-wrap:anywhere} +} diff --git a/docs/blog/chatops-for-coding-agents.html b/docs/blog/chatops-for-coding-agents.html index 934275a..c2d1c67 100644 --- a/docs/blog/chatops-for-coding-agents.html +++ b/docs/blog/chatops-for-coding-agents.html @@ -70,7 +70,7 @@ body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg) .nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border)} .nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px} .nav-logo{font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px} -.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo-dark,.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo-dark{display:block}[data-theme="light"] .nav-logo-light{display:block}[data-theme="light"] .nav-logo-dark{display:none} +.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo img.nav-logo-dark,.nav-logo img.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo img.nav-logo-dark{display:block}[data-theme="light"] .nav-logo img.nav-logo-light{display:block}[data-theme="light"] .nav-logo img.nav-logo-dark{display:none} .nav-actions{display:flex;align-items:center;gap:12px} .nav-link,.gh-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;padding:6px 14px;border-radius:8px;border:1px solid var(--card-border);transition:all .2s} .nav-link:hover,.nav-link.active,.gh-link:hover{color:var(--text);border-color:var(--primary)} @@ -114,6 +114,23 @@ tr:last-child td{border-bottom:none} .footer{text-align:center;padding:48px 24px;border-top:1px solid var(--card-border);color:var(--text-muted);font-size:.85rem} .footer a{color:var(--link);text-decoration:none} @media(max-width:768px){.nav-inner{padding:0 10px}.nav-actions{gap:6px}.nav-link,.gh-link{padding:4px 8px;font-size:.75rem}.article{padding:0 16px 40px}.article-header{padding:48px 0 32px}.article-title{font-size:1.8rem}.article-subtitle{font-size:1rem}.article h2{font-size:1.3rem}} + +@media(max-width:768px){ +html,body{width:100%;max-width:100%;overflow-x:hidden} +.nav,.nav-inner,.nav-actions,.hero,.posts,.post-card,.article,.article-header,.grid,.card,.content,.footer{min-width:0;max-width:100%} +.nav-logo img{max-width:120px!important} +.nav-actions{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} +.nav-actions::-webkit-scrollbar{display:none} +.hero{padding-left:16px!important;padding-right:16px!important} +.hero h1{font-size:clamp(1.45rem,6.8vw,1.75rem)!important;line-height:1.16!important;white-space:normal!important;overflow-wrap:anywhere} +.hero h1 .hl{display:inline;overflow-wrap:anywhere} +.hero-inline-logo{width:min(30vw,118px)!important;max-width:118px!important} +.posts,.grid,.article,.content{padding-left:16px!important;padding-right:16px!important} +.post-card,.card{width:100%;max-width:calc(100vw - 32px)} +.article-title{font-size:clamp(1.45rem,7vw,1.75rem)!important;overflow-wrap:anywhere} +.post-title,.card h2{font-size:clamp(1rem,5.5vw,1.15rem)!important;overflow-wrap:anywhere} +.content p,.article p,.post-excerpt,.card p{overflow-wrap:anywhere} +} @@ -156,6 +173,23 @@ tr:last-child td{border-bottom:none} 1 diff --git a/docs/blog/codex-app-server-over-chat.html b/docs/blog/codex-app-server-over-chat.html index 92c4ed5..5d4fc1e 100644 --- a/docs/blog/codex-app-server-over-chat.html +++ b/docs/blog/codex-app-server-over-chat.html @@ -70,7 +70,7 @@ body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg) .nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border)} .nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px} .nav-logo{font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px} -.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo-dark,.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo-dark{display:block}[data-theme="light"] .nav-logo-light{display:block}[data-theme="light"] .nav-logo-dark{display:none} +.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo img.nav-logo-dark,.nav-logo img.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo img.nav-logo-dark{display:block}[data-theme="light"] .nav-logo img.nav-logo-light{display:block}[data-theme="light"] .nav-logo img.nav-logo-dark{display:none} .nav-actions{display:flex;align-items:center;gap:12px} .nav-link,.gh-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;padding:6px 14px;border-radius:8px;border:1px solid var(--card-border);transition:all .2s} .nav-link:hover,.nav-link.active,.gh-link:hover{color:var(--text);border-color:var(--primary)} @@ -114,6 +114,23 @@ tr:last-child td{border-bottom:none} .footer{text-align:center;padding:48px 24px;border-top:1px solid var(--card-border);color:var(--text-muted);font-size:.85rem} .footer a{color:var(--link);text-decoration:none} @media(max-width:768px){.nav-inner{padding:0 10px}.nav-actions{gap:6px}.nav-link,.gh-link{padding:4px 8px;font-size:.75rem}.article{padding:0 16px 40px}.article-header{padding:48px 0 32px}.article-title{font-size:1.8rem}.article-subtitle{font-size:1rem}.article h2{font-size:1.3rem}} + +@media(max-width:768px){ +html,body{width:100%;max-width:100%;overflow-x:hidden} +.nav,.nav-inner,.nav-actions,.hero,.posts,.post-card,.article,.article-header,.grid,.card,.content,.footer{min-width:0;max-width:100%} +.nav-logo img{max-width:120px!important} +.nav-actions{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} +.nav-actions::-webkit-scrollbar{display:none} +.hero{padding-left:16px!important;padding-right:16px!important} +.hero h1{font-size:clamp(1.45rem,6.8vw,1.75rem)!important;line-height:1.16!important;white-space:normal!important;overflow-wrap:anywhere} +.hero h1 .hl{display:inline;overflow-wrap:anywhere} +.hero-inline-logo{width:min(30vw,118px)!important;max-width:118px!important} +.posts,.grid,.article,.content{padding-left:16px!important;padding-right:16px!important} +.post-card,.card{width:100%;max-width:calc(100vw - 32px)} +.article-title{font-size:clamp(1.45rem,7vw,1.75rem)!important;overflow-wrap:anywhere} +.post-title,.card h2{font-size:clamp(1rem,5.5vw,1.15rem)!important;overflow-wrap:anywhere} +.content p,.article p,.post-excerpt,.card p{overflow-wrap:anywhere} +} diff --git a/docs/blog/dashboard-layer-arrives.html b/docs/blog/dashboard-layer-arrives.html index 49ab2da..518f456 100644 --- a/docs/blog/dashboard-layer-arrives.html +++ b/docs/blog/dashboard-layer-arrives.html @@ -70,7 +70,7 @@ body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg) .nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border)} .nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px} .nav-logo{font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px} -.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo-dark,.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo-dark{display:block}[data-theme="light"] .nav-logo-light{display:block}[data-theme="light"] .nav-logo-dark{display:none} +.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo img.nav-logo-dark,.nav-logo img.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo img.nav-logo-dark{display:block}[data-theme="light"] .nav-logo img.nav-logo-light{display:block}[data-theme="light"] .nav-logo img.nav-logo-dark{display:none} .nav-actions{display:flex;align-items:center;gap:12px} .nav-link,.gh-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;padding:6px 14px;border-radius:8px;border:1px solid var(--card-border);transition:all .2s} .nav-link:hover,.nav-link.active,.gh-link:hover{color:var(--text);border-color:var(--primary)} @@ -114,6 +114,23 @@ tr:last-child td{border-bottom:none} .footer{text-align:center;padding:48px 24px;border-top:1px solid var(--card-border);color:var(--text-muted);font-size:.85rem} .footer a{color:var(--link);text-decoration:none} @media(max-width:768px){.nav-inner{padding:0 10px}.nav-actions{gap:6px}.nav-link,.gh-link{padding:4px 8px;font-size:.75rem}.article{padding:0 16px 40px}.article-header{padding:48px 0 32px}.article-title{font-size:1.8rem}.article-subtitle{font-size:1rem}.article h2{font-size:1.3rem}} + +@media(max-width:768px){ +html,body{width:100%;max-width:100%;overflow-x:hidden} +.nav,.nav-inner,.nav-actions,.hero,.posts,.post-card,.article,.article-header,.grid,.card,.content,.footer{min-width:0;max-width:100%} +.nav-logo img{max-width:120px!important} +.nav-actions{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} +.nav-actions::-webkit-scrollbar{display:none} +.hero{padding-left:16px!important;padding-right:16px!important} +.hero h1{font-size:clamp(1.45rem,6.8vw,1.75rem)!important;line-height:1.16!important;white-space:normal!important;overflow-wrap:anywhere} +.hero h1 .hl{display:inline;overflow-wrap:anywhere} +.hero-inline-logo{width:min(30vw,118px)!important;max-width:118px!important} +.posts,.grid,.article,.content{padding-left:16px!important;padding-right:16px!important} +.post-card,.card{width:100%;max-width:calc(100vw - 32px)} +.article-title{font-size:clamp(1.45rem,7vw,1.75rem)!important;overflow-wrap:anywhere} +.post-title,.card h2{font-size:clamp(1rem,5.5vw,1.15rem)!important;overflow-wrap:anywhere} +.content p,.article p,.post-excerpt,.card p{overflow-wrap:anywhere} +} diff --git a/docs/blog/growth-ecosystem.html b/docs/blog/growth-ecosystem.html index 8fd3f51..e8439a4 100644 --- a/docs/blog/growth-ecosystem.html +++ b/docs/blog/growth-ecosystem.html @@ -63,7 +63,7 @@ body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg) .nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border);transition:background .3s} .nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px} .nav-logo{font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px} -.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo-dark,.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo-dark{display:block}[data-theme="light"] .nav-logo-light{display:block}[data-theme="light"] .nav-logo-dark{display:none} +.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo img.nav-logo-dark,.nav-logo img.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo img.nav-logo-dark{display:block}[data-theme="light"] .nav-logo img.nav-logo-light{display:block}[data-theme="light"] .nav-logo img.nav-logo-dark{display:none} .nav-actions{display:flex;align-items:center;gap:12px} .nav-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;padding:6px 14px;border-radius:8px;border:1px solid var(--card-border);transition:all .2s} .nav-link:hover,.nav-link.active{color:var(--text);border-color:var(--primary)} @@ -211,6 +211,23 @@ a.tweet-embed:hover{border-color:rgba(220,38,38,0.3);transform:translateY(-1px); .tweet-embed::before{width:24px;height:24px;top:16px;left:16px} .tweet-embed .tweet-author{margin-left:36px} } + +@media(max-width:768px){ +html,body{width:100%;max-width:100%;overflow-x:hidden} +.nav,.nav-inner,.nav-actions,.hero,.posts,.post-card,.article,.article-header,.grid,.card,.content,.footer{min-width:0;max-width:100%} +.nav-logo img{max-width:120px!important} +.nav-actions{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} +.nav-actions::-webkit-scrollbar{display:none} +.hero{padding-left:16px!important;padding-right:16px!important} +.hero h1{font-size:clamp(1.45rem,6.8vw,1.75rem)!important;line-height:1.16!important;white-space:normal!important;overflow-wrap:anywhere} +.hero h1 .hl{display:inline;overflow-wrap:anywhere} +.hero-inline-logo{width:min(30vw,118px)!important;max-width:118px!important} +.posts,.grid,.article,.content{padding-left:16px!important;padding-right:16px!important} +.post-card,.card{width:100%;max-width:calc(100vw - 32px)} +.article-title{font-size:clamp(1.45rem,7vw,1.75rem)!important;overflow-wrap:anywhere} +.post-title,.card h2{font-size:clamp(1rem,5.5vw,1.15rem)!important;overflow-wrap:anywhere} +.content p,.article p,.post-excerpt,.card p{overflow-wrap:anywhere} +} diff --git a/docs/blog/hetzner-terraform-repeatable-openclaw.html b/docs/blog/hetzner-terraform-repeatable-openclaw.html index 6be4989..f0fd702 100644 --- a/docs/blog/hetzner-terraform-repeatable-openclaw.html +++ b/docs/blog/hetzner-terraform-repeatable-openclaw.html @@ -70,7 +70,7 @@ body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg) .nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border)} .nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px} .nav-logo{font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px} -.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo-dark,.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo-dark{display:block}[data-theme="light"] .nav-logo-light{display:block}[data-theme="light"] .nav-logo-dark{display:none} +.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo img.nav-logo-dark,.nav-logo img.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo img.nav-logo-dark{display:block}[data-theme="light"] .nav-logo img.nav-logo-light{display:block}[data-theme="light"] .nav-logo img.nav-logo-dark{display:none} .nav-actions{display:flex;align-items:center;gap:12px} .nav-link,.gh-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;padding:6px 14px;border-radius:8px;border:1px solid var(--card-border);transition:all .2s} .nav-link:hover,.nav-link.active,.gh-link:hover{color:var(--text);border-color:var(--primary)} @@ -114,6 +114,23 @@ tr:last-child td{border-bottom:none} .footer{text-align:center;padding:48px 24px;border-top:1px solid var(--card-border);color:var(--text-muted);font-size:.85rem} .footer a{color:var(--link);text-decoration:none} @media(max-width:768px){.nav-inner{padding:0 10px}.nav-actions{gap:6px}.nav-link,.gh-link{padding:4px 8px;font-size:.75rem}.article{padding:0 16px 40px}.article-header{padding:48px 0 32px}.article-title{font-size:1.8rem}.article-subtitle{font-size:1rem}.article h2{font-size:1.3rem}} + +@media(max-width:768px){ +html,body{width:100%;max-width:100%;overflow-x:hidden} +.nav,.nav-inner,.nav-actions,.hero,.posts,.post-card,.article,.article-header,.grid,.card,.content,.footer{min-width:0;max-width:100%} +.nav-logo img{max-width:120px!important} +.nav-actions{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} +.nav-actions::-webkit-scrollbar{display:none} +.hero{padding-left:16px!important;padding-right:16px!important} +.hero h1{font-size:clamp(1.45rem,6.8vw,1.75rem)!important;line-height:1.16!important;white-space:normal!important;overflow-wrap:anywhere} +.hero h1 .hl{display:inline;overflow-wrap:anywhere} +.hero-inline-logo{width:min(30vw,118px)!important;max-width:118px!important} +.posts,.grid,.article,.content{padding-left:16px!important;padding-right:16px!important} +.post-card,.card{width:100%;max-width:calc(100vw - 32px)} +.article-title{font-size:clamp(1.45rem,7vw,1.75rem)!important;overflow-wrap:anywhere} +.post-title,.card h2{font-size:clamp(1rem,5.5vw,1.15rem)!important;overflow-wrap:anywhere} +.content p,.article p,.post-excerpt,.card p{overflow-wrap:anywhere} +} diff --git a/docs/blog/lark-feishu-channel-signal.html b/docs/blog/lark-feishu-channel-signal.html index db48846..aa68c3e 100644 --- a/docs/blog/lark-feishu-channel-signal.html +++ b/docs/blog/lark-feishu-channel-signal.html @@ -22,7 +22,24 @@ *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} -html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.75;font-size:16px;transition:background .3s,color .3s}.nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border)}.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px}.nav-logo{font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px}.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo-dark,.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo-dark{display:block}[data-theme="light"] .nav-logo-light{display:block}[data-theme="light"] .nav-logo-dark{display:none}.nav-actions{display:flex;align-items:center;gap:12px}.nav-link,.gh-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;padding:6px 14px;border-radius:8px;border:1px solid var(--card-border);transition:all .2s}.nav-link:hover,.nav-link.active,.gh-link:hover{color:var(--text);border-color:var(--primary)}.article{max-width:820px;margin:0 auto;padding:0 24px 80px}.article-header{padding:80px 0 48px;border-bottom:1px solid var(--card-border);margin-bottom:48px}.article-badge{display:inline-flex;align-items:center;gap:6px;background:var(--badge-bg);color:var(--badge-text);font-size:.8rem;font-weight:700;padding:4px 14px;border-radius:16px;margin-bottom:20px}.article-title{font-size:clamp(2rem,5vw,3rem);font-weight:900;letter-spacing:-0.03em;line-height:1.15;margin-bottom:16px}.article-title .hl{color:var(--primary)}.article-subtitle{font-size:1.2rem;color:var(--text-muted);margin-bottom:24px;line-height:1.5}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;color:var(--text-muted);font-size:.85rem}.article-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.article-pill{font-size:.75rem;padding:4px 12px;border-radius:6px;background:var(--card);border:1px solid var(--card-border);color:var(--text-muted);font-weight:500}.article h2{font-size:1.55rem;font-weight:800;letter-spacing:-0.02em;margin:52px 0 18px;padding-left:16px;border-left:4px solid var(--primary);line-height:1.3}.article h3{font-size:1.18rem;font-weight:750;margin:34px 0 12px;color:var(--text)}.article p{color:var(--text-muted);margin-bottom:18px;line-height:1.85}.article strong{color:var(--text);font-weight:650}.article a{color:var(--link);text-decoration:none;transition:color .2s}.article a:hover{color:var(--link-hover);text-decoration:underline}.article ul,.article ol{margin:0 0 22px 24px;color:var(--text-muted)}.article li{margin-bottom:8px;line-height:1.75}.article li strong{color:var(--text)}.article code{font-family:'JetBrains Mono',monospace;font-size:.85em;background:rgba(255,255,255,0.06);padding:2px 6px;border-radius:4px;color:var(--primary-light)}.callout{margin:24px 0;padding:20px 24px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}.callout-title{font-weight:750;font-size:.9rem;margin-bottom:8px;color:var(--text);display:flex;align-items:center;gap:8px}.callout-info{border-color:var(--blue-border);background:var(--blue-bg)}.callout-solution{border-color:var(--green-border);background:var(--green-bg)}.callout-tip{border-color:var(--yellow-border);background:var(--yellow-bg)}.source-ref{margin:16px 0;padding:16px 18px;border-radius:10px;border:1px solid var(--card-border);background:var(--bg-s1);font-size:.9rem;color:var(--text-muted)}.source-title{font-weight:700;color:var(--text);margin-bottom:4px}.source-url{font-size:.8rem;color:var(--text-muted);word-break:break-all}.table-wrap{overflow-x:auto;margin:20px 0 28px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:left;padding:12px 16px;font-weight:650;color:var(--text);border-bottom:1px solid var(--card-border)}td{padding:10px 16px;border-bottom:1px solid var(--card-border);color:var(--text-muted)}tr:last-child td{border-bottom:none}.checklist{margin:24px 0;padding:24px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}.checklist h3{margin:0 0 16px;font-size:1rem}.checklist-item{display:flex;align-items:flex-start;gap:10px;padding:6px 0;font-size:.9rem;color:var(--text-muted)}.checklist-box{width:18px;height:18px;border:2px solid var(--card-border);border-radius:4px;flex-shrink:0;margin-top:2px}.footer{text-align:center;padding:48px 24px;border-top:1px solid var(--card-border);color:var(--text-muted);font-size:.85rem}.footer a{color:var(--link);text-decoration:none}@media(max-width:768px){.nav-inner{padding:0 10px}.nav-actions{gap:6px}.nav-link,.gh-link{padding:4px 8px;font-size:.75rem}.article{padding:0 16px 40px}.article-header{padding:48px 0 32px}.article-title{font-size:1.8rem}.article-subtitle{font-size:1rem}.article h2{font-size:1.3rem}} +html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.75;font-size:16px;transition:background .3s,color .3s}.nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border)}.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px}.nav-logo{font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px}.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo img.nav-logo-dark,.nav-logo img.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo img.nav-logo-dark{display:block}[data-theme="light"] .nav-logo img.nav-logo-light{display:block}[data-theme="light"] .nav-logo img.nav-logo-dark{display:none}.nav-actions{display:flex;align-items:center;gap:12px}.nav-link,.gh-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;padding:6px 14px;border-radius:8px;border:1px solid var(--card-border);transition:all .2s}.nav-link:hover,.nav-link.active,.gh-link:hover{color:var(--text);border-color:var(--primary)}.article{max-width:820px;margin:0 auto;padding:0 24px 80px}.article-header{padding:80px 0 48px;border-bottom:1px solid var(--card-border);margin-bottom:48px}.article-badge{display:inline-flex;align-items:center;gap:6px;background:var(--badge-bg);color:var(--badge-text);font-size:.8rem;font-weight:700;padding:4px 14px;border-radius:16px;margin-bottom:20px}.article-title{font-size:clamp(2rem,5vw,3rem);font-weight:900;letter-spacing:-0.03em;line-height:1.15;margin-bottom:16px}.article-title .hl{color:var(--primary)}.article-subtitle{font-size:1.2rem;color:var(--text-muted);margin-bottom:24px;line-height:1.5}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;color:var(--text-muted);font-size:.85rem}.article-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.article-pill{font-size:.75rem;padding:4px 12px;border-radius:6px;background:var(--card);border:1px solid var(--card-border);color:var(--text-muted);font-weight:500}.article h2{font-size:1.55rem;font-weight:800;letter-spacing:-0.02em;margin:52px 0 18px;padding-left:16px;border-left:4px solid var(--primary);line-height:1.3}.article h3{font-size:1.18rem;font-weight:750;margin:34px 0 12px;color:var(--text)}.article p{color:var(--text-muted);margin-bottom:18px;line-height:1.85}.article strong{color:var(--text);font-weight:650}.article a{color:var(--link);text-decoration:none;transition:color .2s}.article a:hover{color:var(--link-hover);text-decoration:underline}.article ul,.article ol{margin:0 0 22px 24px;color:var(--text-muted)}.article li{margin-bottom:8px;line-height:1.75}.article li strong{color:var(--text)}.article code{font-family:'JetBrains Mono',monospace;font-size:.85em;background:rgba(255,255,255,0.06);padding:2px 6px;border-radius:4px;color:var(--primary-light)}.callout{margin:24px 0;padding:20px 24px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}.callout-title{font-weight:750;font-size:.9rem;margin-bottom:8px;color:var(--text);display:flex;align-items:center;gap:8px}.callout-info{border-color:var(--blue-border);background:var(--blue-bg)}.callout-solution{border-color:var(--green-border);background:var(--green-bg)}.callout-tip{border-color:var(--yellow-border);background:var(--yellow-bg)}.source-ref{margin:16px 0;padding:16px 18px;border-radius:10px;border:1px solid var(--card-border);background:var(--bg-s1);font-size:.9rem;color:var(--text-muted)}.source-title{font-weight:700;color:var(--text);margin-bottom:4px}.source-url{font-size:.8rem;color:var(--text-muted);word-break:break-all}.table-wrap{overflow-x:auto;margin:20px 0 28px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:left;padding:12px 16px;font-weight:650;color:var(--text);border-bottom:1px solid var(--card-border)}td{padding:10px 16px;border-bottom:1px solid var(--card-border);color:var(--text-muted)}tr:last-child td{border-bottom:none}.checklist{margin:24px 0;padding:24px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}.checklist h3{margin:0 0 16px;font-size:1rem}.checklist-item{display:flex;align-items:flex-start;gap:10px;padding:6px 0;font-size:.9rem;color:var(--text-muted)}.checklist-box{width:18px;height:18px;border:2px solid var(--card-border);border-radius:4px;flex-shrink:0;margin-top:2px}.footer{text-align:center;padding:48px 24px;border-top:1px solid var(--card-border);color:var(--text-muted);font-size:.85rem}.footer a{color:var(--link);text-decoration:none}@media(max-width:768px){.nav-inner{padding:0 10px}.nav-actions{gap:6px}.nav-link,.gh-link{padding:4px 8px;font-size:.75rem}.article{padding:0 16px 40px}.article-header{padding:48px 0 32px}.article-title{font-size:1.8rem}.article-subtitle{font-size:1rem}.article h2{font-size:1.3rem}} + +@media(max-width:768px){ +html,body{width:100%;max-width:100%;overflow-x:hidden} +.nav,.nav-inner,.nav-actions,.hero,.posts,.post-card,.article,.article-header,.grid,.card,.content,.footer{min-width:0;max-width:100%} +.nav-logo img{max-width:120px!important} +.nav-actions{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} +.nav-actions::-webkit-scrollbar{display:none} +.hero{padding-left:16px!important;padding-right:16px!important} +.hero h1{font-size:clamp(1.45rem,6.8vw,1.75rem)!important;line-height:1.16!important;white-space:normal!important;overflow-wrap:anywhere} +.hero h1 .hl{display:inline;overflow-wrap:anywhere} +.hero-inline-logo{width:min(30vw,118px)!important;max-width:118px!important} +.posts,.grid,.article,.content{padding-left:16px!important;padding-right:16px!important} +.post-card,.card{width:100%;max-width:calc(100vw - 32px)} +.article-title{font-size:clamp(1.45rem,7vw,1.75rem)!important;overflow-wrap:anywhere} +.post-title,.card h2{font-size:clamp(1rem,5.5vw,1.15rem)!important;overflow-wrap:anywhere} +.content p,.article p,.post-excerpt,.card p{overflow-wrap:anywhere} +} diff --git a/docs/blog/memory-becomes-agent-infrastructure.html b/docs/blog/memory-becomes-agent-infrastructure.html index 08ead1d..32e1605 100644 --- a/docs/blog/memory-becomes-agent-infrastructure.html +++ b/docs/blog/memory-becomes-agent-infrastructure.html @@ -70,7 +70,7 @@ body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg) .nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border)} .nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px} .nav-logo{font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px} -.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo-dark,.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo-dark{display:block}[data-theme="light"] .nav-logo-light{display:block}[data-theme="light"] .nav-logo-dark{display:none} +.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo img.nav-logo-dark,.nav-logo img.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo img.nav-logo-dark{display:block}[data-theme="light"] .nav-logo img.nav-logo-light{display:block}[data-theme="light"] .nav-logo img.nav-logo-dark{display:none} .nav-actions{display:flex;align-items:center;gap:12px} .nav-link,.gh-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;padding:6px 14px;border-radius:8px;border:1px solid var(--card-border);transition:all .2s} .nav-link:hover,.nav-link.active,.gh-link:hover{color:var(--text);border-color:var(--primary)} @@ -114,6 +114,23 @@ tr:last-child td{border-bottom:none} .footer{text-align:center;padding:48px 24px;border-top:1px solid var(--card-border);color:var(--text-muted);font-size:.85rem} .footer a{color:var(--link);text-decoration:none} @media(max-width:768px){.nav-inner{padding:0 10px}.nav-actions{gap:6px}.nav-link,.gh-link{padding:4px 8px;font-size:.75rem}.article{padding:0 16px 40px}.article-header{padding:48px 0 32px}.article-title{font-size:1.8rem}.article-subtitle{font-size:1rem}.article h2{font-size:1.3rem}} + +@media(max-width:768px){ +html,body{width:100%;max-width:100%;overflow-x:hidden} +.nav,.nav-inner,.nav-actions,.hero,.posts,.post-card,.article,.article-header,.grid,.card,.content,.footer{min-width:0;max-width:100%} +.nav-logo img{max-width:120px!important} +.nav-actions{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} +.nav-actions::-webkit-scrollbar{display:none} +.hero{padding-left:16px!important;padding-right:16px!important} +.hero h1{font-size:clamp(1.45rem,6.8vw,1.75rem)!important;line-height:1.16!important;white-space:normal!important;overflow-wrap:anywhere} +.hero h1 .hl{display:inline;overflow-wrap:anywhere} +.hero-inline-logo{width:min(30vw,118px)!important;max-width:118px!important} +.posts,.grid,.article,.content{padding-left:16px!important;padding-right:16px!important} +.post-card,.card{width:100%;max-width:calc(100vw - 32px)} +.article-title{font-size:clamp(1.45rem,7vw,1.75rem)!important;overflow-wrap:anywhere} +.post-title,.card h2{font-size:clamp(1rem,5.5vw,1.15rem)!important;overflow-wrap:anywhere} +.content p,.article p,.post-excerpt,.card p{overflow-wrap:anywhere} +} diff --git a/docs/blog/one-click-hosting-is-not-strategy.html b/docs/blog/one-click-hosting-is-not-strategy.html index 95c00e8..33284b9 100644 --- a/docs/blog/one-click-hosting-is-not-strategy.html +++ b/docs/blog/one-click-hosting-is-not-strategy.html @@ -70,7 +70,7 @@ body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg) .nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border)} .nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px} .nav-logo{font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px} -.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo-dark,.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo-dark{display:block}[data-theme="light"] .nav-logo-light{display:block}[data-theme="light"] .nav-logo-dark{display:none} +.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo img.nav-logo-dark,.nav-logo img.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo img.nav-logo-dark{display:block}[data-theme="light"] .nav-logo img.nav-logo-light{display:block}[data-theme="light"] .nav-logo img.nav-logo-dark{display:none} .nav-actions{display:flex;align-items:center;gap:12px} .nav-link,.gh-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;padding:6px 14px;border-radius:8px;border:1px solid var(--card-border);transition:all .2s} .nav-link:hover,.nav-link.active,.gh-link:hover{color:var(--text);border-color:var(--primary)} @@ -114,6 +114,23 @@ tr:last-child td{border-bottom:none} .footer{text-align:center;padding:48px 24px;border-top:1px solid var(--card-border);color:var(--text-muted);font-size:.85rem} .footer a{color:var(--link);text-decoration:none} @media(max-width:768px){.nav-inner{padding:0 10px}.nav-actions{gap:6px}.nav-link,.gh-link{padding:4px 8px;font-size:.75rem}.article{padding:0 16px 40px}.article-header{padding:48px 0 32px}.article-title{font-size:1.8rem}.article-subtitle{font-size:1rem}.article h2{font-size:1.3rem}} + +@media(max-width:768px){ +html,body{width:100%;max-width:100%;overflow-x:hidden} +.nav,.nav-inner,.nav-actions,.hero,.posts,.post-card,.article,.article-header,.grid,.card,.content,.footer{min-width:0;max-width:100%} +.nav-logo img{max-width:120px!important} +.nav-actions{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} +.nav-actions::-webkit-scrollbar{display:none} +.hero{padding-left:16px!important;padding-right:16px!important} +.hero h1{font-size:clamp(1.45rem,6.8vw,1.75rem)!important;line-height:1.16!important;white-space:normal!important;overflow-wrap:anywhere} +.hero h1 .hl{display:inline;overflow-wrap:anywhere} +.hero-inline-logo{width:min(30vw,118px)!important;max-width:118px!important} +.posts,.grid,.article,.content{padding-left:16px!important;padding-right:16px!important} +.post-card,.card{width:100%;max-width:calc(100vw - 32px)} +.article-title{font-size:clamp(1.45rem,7vw,1.75rem)!important;overflow-wrap:anywhere} +.post-title,.card h2{font-size:clamp(1rem,5.5vw,1.15rem)!important;overflow-wrap:anywhere} +.content p,.article p,.post-excerpt,.card p{overflow-wrap:anywhere} +} diff --git a/docs/blog/openclaw-on-eks.html b/docs/blog/openclaw-on-eks.html index 834b222..a42d2be 100644 --- a/docs/blog/openclaw-on-eks.html +++ b/docs/blog/openclaw-on-eks.html @@ -70,7 +70,7 @@ body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg) .nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border)} .nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px} .nav-logo{font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px} -.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo-dark,.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo-dark{display:block}[data-theme="light"] .nav-logo-light{display:block}[data-theme="light"] .nav-logo-dark{display:none} +.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo img.nav-logo-dark,.nav-logo img.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo img.nav-logo-dark{display:block}[data-theme="light"] .nav-logo img.nav-logo-light{display:block}[data-theme="light"] .nav-logo img.nav-logo-dark{display:none} .nav-actions{display:flex;align-items:center;gap:12px} .nav-link,.gh-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;padding:6px 14px;border-radius:8px;border:1px solid var(--card-border);transition:all .2s} .nav-link:hover,.nav-link.active,.gh-link:hover{color:var(--text);border-color:var(--primary)} @@ -114,6 +114,23 @@ tr:last-child td{border-bottom:none} .footer{text-align:center;padding:48px 24px;border-top:1px solid var(--card-border);color:var(--text-muted);font-size:.85rem} .footer a{color:var(--link);text-decoration:none} @media(max-width:768px){.nav-inner{padding:0 10px}.nav-actions{gap:6px}.nav-link,.gh-link{padding:4px 8px;font-size:.75rem}.article{padding:0 16px 40px}.article-header{padding:48px 0 32px}.article-title{font-size:1.8rem}.article-subtitle{font-size:1rem}.article h2{font-size:1.3rem}} + +@media(max-width:768px){ +html,body{width:100%;max-width:100%;overflow-x:hidden} +.nav,.nav-inner,.nav-actions,.hero,.posts,.post-card,.article,.article-header,.grid,.card,.content,.footer{min-width:0;max-width:100%} +.nav-logo img{max-width:120px!important} +.nav-actions{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} +.nav-actions::-webkit-scrollbar{display:none} +.hero{padding-left:16px!important;padding-right:16px!important} +.hero h1{font-size:clamp(1.45rem,6.8vw,1.75rem)!important;line-height:1.16!important;white-space:normal!important;overflow-wrap:anywhere} +.hero h1 .hl{display:inline;overflow-wrap:anywhere} +.hero-inline-logo{width:min(30vw,118px)!important;max-width:118px!important} +.posts,.grid,.article,.content{padding-left:16px!important;padding-right:16px!important} +.post-card,.card{width:100%;max-width:calc(100vw - 32px)} +.article-title{font-size:clamp(1.45rem,7vw,1.75rem)!important;overflow-wrap:anywhere} +.post-title,.card h2{font-size:clamp(1rem,5.5vw,1.15rem)!important;overflow-wrap:anywhere} +.content p,.article p,.post-excerpt,.card p{overflow-wrap:anywhere} +} diff --git a/docs/blog/openclaw-rl-conversational-training.html b/docs/blog/openclaw-rl-conversational-training.html index cab1504..f20dd77 100644 --- a/docs/blog/openclaw-rl-conversational-training.html +++ b/docs/blog/openclaw-rl-conversational-training.html @@ -70,7 +70,7 @@ body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg) .nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border)} .nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px} .nav-logo{font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px} -.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo-dark,.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo-dark{display:block}[data-theme="light"] .nav-logo-light{display:block}[data-theme="light"] .nav-logo-dark{display:none} +.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo img.nav-logo-dark,.nav-logo img.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo img.nav-logo-dark{display:block}[data-theme="light"] .nav-logo img.nav-logo-light{display:block}[data-theme="light"] .nav-logo img.nav-logo-dark{display:none} .nav-actions{display:flex;align-items:center;gap:12px} .nav-link,.gh-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;padding:6px 14px;border-radius:8px;border:1px solid var(--card-border);transition:all .2s} .nav-link:hover,.nav-link.active,.gh-link:hover{color:var(--text);border-color:var(--primary)} @@ -114,6 +114,23 @@ tr:last-child td{border-bottom:none} .footer{text-align:center;padding:48px 24px;border-top:1px solid var(--card-border);color:var(--text-muted);font-size:.85rem} .footer a{color:var(--link);text-decoration:none} @media(max-width:768px){.nav-inner{padding:0 10px}.nav-actions{gap:6px}.nav-link,.gh-link{padding:4px 8px;font-size:.75rem}.article{padding:0 16px 40px}.article-header{padding:48px 0 32px}.article-title{font-size:1.8rem}.article-subtitle{font-size:1rem}.article h2{font-size:1.3rem}} + +@media(max-width:768px){ +html,body{width:100%;max-width:100%;overflow-x:hidden} +.nav,.nav-inner,.nav-actions,.hero,.posts,.post-card,.article,.article-header,.grid,.card,.content,.footer{min-width:0;max-width:100%} +.nav-logo img{max-width:120px!important} +.nav-actions{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} +.nav-actions::-webkit-scrollbar{display:none} +.hero{padding-left:16px!important;padding-right:16px!important} +.hero h1{font-size:clamp(1.45rem,6.8vw,1.75rem)!important;line-height:1.16!important;white-space:normal!important;overflow-wrap:anywhere} +.hero h1 .hl{display:inline;overflow-wrap:anywhere} +.hero-inline-logo{width:min(30vw,118px)!important;max-width:118px!important} +.posts,.grid,.article,.content{padding-left:16px!important;padding-right:16px!important} +.post-card,.card{width:100%;max-width:calc(100vw - 32px)} +.article-title{font-size:clamp(1.45rem,7vw,1.75rem)!important;overflow-wrap:anywhere} +.post-title,.card h2{font-size:clamp(1rem,5.5vw,1.15rem)!important;overflow-wrap:anywhere} +.content p,.article p,.post-excerpt,.card p{overflow-wrap:anywhere} +} diff --git a/docs/blog/openim-channel.html b/docs/blog/openim-channel.html index cc7465f..54cf097 100644 --- a/docs/blog/openim-channel.html +++ b/docs/blog/openim-channel.html @@ -22,7 +22,24 @@ *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} -html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.75;font-size:16px;transition:background .3s,color .3s}.nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border)}.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px}.nav-logo{font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px}.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo-dark,.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo-dark{display:block}[data-theme="light"] .nav-logo-light{display:block}[data-theme="light"] .nav-logo-dark{display:none}.nav-actions{display:flex;align-items:center;gap:12px}.nav-link,.gh-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;padding:6px 14px;border-radius:8px;border:1px solid var(--card-border);transition:all .2s}.nav-link:hover,.nav-link.active,.gh-link:hover{color:var(--text);border-color:var(--primary)}.article{max-width:820px;margin:0 auto;padding:0 24px 80px}.article-header{padding:80px 0 48px;border-bottom:1px solid var(--card-border);margin-bottom:48px}.article-badge{display:inline-flex;align-items:center;gap:6px;background:var(--badge-bg);color:var(--badge-text);font-size:.8rem;font-weight:700;padding:4px 14px;border-radius:16px;margin-bottom:20px}.article-title{font-size:clamp(2rem,5vw,3rem);font-weight:900;letter-spacing:-0.03em;line-height:1.15;margin-bottom:16px}.article-title .hl{color:var(--primary)}.article-subtitle{font-size:1.2rem;color:var(--text-muted);margin-bottom:24px;line-height:1.5}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;color:var(--text-muted);font-size:.85rem}.article-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.article-pill{font-size:.75rem;padding:4px 12px;border-radius:6px;background:var(--card);border:1px solid var(--card-border);color:var(--text-muted);font-weight:500}.article h2{font-size:1.55rem;font-weight:800;letter-spacing:-0.02em;margin:52px 0 18px;padding-left:16px;border-left:4px solid var(--primary);line-height:1.3}.article h3{font-size:1.18rem;font-weight:750;margin:34px 0 12px;color:var(--text)}.article p{color:var(--text-muted);margin-bottom:18px;line-height:1.85}.article strong{color:var(--text);font-weight:650}.article a{color:var(--link);text-decoration:none;transition:color .2s}.article a:hover{color:var(--link-hover);text-decoration:underline}.article ul,.article ol{margin:0 0 22px 24px;color:var(--text-muted)}.article li{margin-bottom:8px;line-height:1.75}.article li strong{color:var(--text)}.article code{font-family:'JetBrains Mono',monospace;font-size:.85em;background:rgba(255,255,255,0.06);padding:2px 6px;border-radius:4px;color:var(--primary-light)}.callout{margin:24px 0;padding:20px 24px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}.callout-title{font-weight:750;font-size:.9rem;margin-bottom:8px;color:var(--text);display:flex;align-items:center;gap:8px}.callout-info{border-color:var(--blue-border);background:var(--blue-bg)}.callout-solution{border-color:var(--green-border);background:var(--green-bg)}.callout-tip{border-color:var(--yellow-border);background:var(--yellow-bg)}.source-ref{margin:16px 0;padding:16px 18px;border-radius:10px;border:1px solid var(--card-border);background:var(--bg-s1);font-size:.9rem;color:var(--text-muted)}.source-title{font-weight:700;color:var(--text);margin-bottom:4px}.source-url{font-size:.8rem;color:var(--text-muted);word-break:break-all}.table-wrap{overflow-x:auto;margin:20px 0 28px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:left;padding:12px 16px;font-weight:650;color:var(--text);border-bottom:1px solid var(--card-border)}td{padding:10px 16px;border-bottom:1px solid var(--card-border);color:var(--text-muted)}tr:last-child td{border-bottom:none}.checklist{margin:24px 0;padding:24px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}.checklist h3{margin:0 0 16px;font-size:1rem}.checklist-item{display:flex;align-items:flex-start;gap:10px;padding:6px 0;font-size:.9rem;color:var(--text-muted)}.checklist-box{width:18px;height:18px;border:2px solid var(--card-border);border-radius:4px;flex-shrink:0;margin-top:2px}.footer{text-align:center;padding:48px 24px;border-top:1px solid var(--card-border);color:var(--text-muted);font-size:.85rem}.footer a{color:var(--link);text-decoration:none}@media(max-width:768px){.nav-inner{padding:0 10px}.nav-actions{gap:6px}.nav-link,.gh-link{padding:4px 8px;font-size:.75rem}.article{padding:0 16px 40px}.article-header{padding:48px 0 32px}.article-title{font-size:1.8rem}.article-subtitle{font-size:1rem}.article h2{font-size:1.3rem}} +html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.75;font-size:16px;transition:background .3s,color .3s}.nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border)}.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px}.nav-logo{font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px}.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo img.nav-logo-dark,.nav-logo img.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo img.nav-logo-dark{display:block}[data-theme="light"] .nav-logo img.nav-logo-light{display:block}[data-theme="light"] .nav-logo img.nav-logo-dark{display:none}.nav-actions{display:flex;align-items:center;gap:12px}.nav-link,.gh-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;padding:6px 14px;border-radius:8px;border:1px solid var(--card-border);transition:all .2s}.nav-link:hover,.nav-link.active,.gh-link:hover{color:var(--text);border-color:var(--primary)}.article{max-width:820px;margin:0 auto;padding:0 24px 80px}.article-header{padding:80px 0 48px;border-bottom:1px solid var(--card-border);margin-bottom:48px}.article-badge{display:inline-flex;align-items:center;gap:6px;background:var(--badge-bg);color:var(--badge-text);font-size:.8rem;font-weight:700;padding:4px 14px;border-radius:16px;margin-bottom:20px}.article-title{font-size:clamp(2rem,5vw,3rem);font-weight:900;letter-spacing:-0.03em;line-height:1.15;margin-bottom:16px}.article-title .hl{color:var(--primary)}.article-subtitle{font-size:1.2rem;color:var(--text-muted);margin-bottom:24px;line-height:1.5}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;color:var(--text-muted);font-size:.85rem}.article-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.article-pill{font-size:.75rem;padding:4px 12px;border-radius:6px;background:var(--card);border:1px solid var(--card-border);color:var(--text-muted);font-weight:500}.article h2{font-size:1.55rem;font-weight:800;letter-spacing:-0.02em;margin:52px 0 18px;padding-left:16px;border-left:4px solid var(--primary);line-height:1.3}.article h3{font-size:1.18rem;font-weight:750;margin:34px 0 12px;color:var(--text)}.article p{color:var(--text-muted);margin-bottom:18px;line-height:1.85}.article strong{color:var(--text);font-weight:650}.article a{color:var(--link);text-decoration:none;transition:color .2s}.article a:hover{color:var(--link-hover);text-decoration:underline}.article ul,.article ol{margin:0 0 22px 24px;color:var(--text-muted)}.article li{margin-bottom:8px;line-height:1.75}.article li strong{color:var(--text)}.article code{font-family:'JetBrains Mono',monospace;font-size:.85em;background:rgba(255,255,255,0.06);padding:2px 6px;border-radius:4px;color:var(--primary-light)}.callout{margin:24px 0;padding:20px 24px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}.callout-title{font-weight:750;font-size:.9rem;margin-bottom:8px;color:var(--text);display:flex;align-items:center;gap:8px}.callout-info{border-color:var(--blue-border);background:var(--blue-bg)}.callout-solution{border-color:var(--green-border);background:var(--green-bg)}.callout-tip{border-color:var(--yellow-border);background:var(--yellow-bg)}.source-ref{margin:16px 0;padding:16px 18px;border-radius:10px;border:1px solid var(--card-border);background:var(--bg-s1);font-size:.9rem;color:var(--text-muted)}.source-title{font-weight:700;color:var(--text);margin-bottom:4px}.source-url{font-size:.8rem;color:var(--text-muted);word-break:break-all}.table-wrap{overflow-x:auto;margin:20px 0 28px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:left;padding:12px 16px;font-weight:650;color:var(--text);border-bottom:1px solid var(--card-border)}td{padding:10px 16px;border-bottom:1px solid var(--card-border);color:var(--text-muted)}tr:last-child td{border-bottom:none}.checklist{margin:24px 0;padding:24px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}.checklist h3{margin:0 0 16px;font-size:1rem}.checklist-item{display:flex;align-items:flex-start;gap:10px;padding:6px 0;font-size:.9rem;color:var(--text-muted)}.checklist-box{width:18px;height:18px;border:2px solid var(--card-border);border-radius:4px;flex-shrink:0;margin-top:2px}.footer{text-align:center;padding:48px 24px;border-top:1px solid var(--card-border);color:var(--text-muted);font-size:.85rem}.footer a{color:var(--link);text-decoration:none}@media(max-width:768px){.nav-inner{padding:0 10px}.nav-actions{gap:6px}.nav-link,.gh-link{padding:4px 8px;font-size:.75rem}.article{padding:0 16px 40px}.article-header{padding:48px 0 32px}.article-title{font-size:1.8rem}.article-subtitle{font-size:1rem}.article h2{font-size:1.3rem}} + +@media(max-width:768px){ +html,body{width:100%;max-width:100%;overflow-x:hidden} +.nav,.nav-inner,.nav-actions,.hero,.posts,.post-card,.article,.article-header,.grid,.card,.content,.footer{min-width:0;max-width:100%} +.nav-logo img{max-width:120px!important} +.nav-actions{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} +.nav-actions::-webkit-scrollbar{display:none} +.hero{padding-left:16px!important;padding-right:16px!important} +.hero h1{font-size:clamp(1.45rem,6.8vw,1.75rem)!important;line-height:1.16!important;white-space:normal!important;overflow-wrap:anywhere} +.hero h1 .hl{display:inline;overflow-wrap:anywhere} +.hero-inline-logo{width:min(30vw,118px)!important;max-width:118px!important} +.posts,.grid,.article,.content{padding-left:16px!important;padding-right:16px!important} +.post-card,.card{width:100%;max-width:calc(100vw - 32px)} +.article-title{font-size:clamp(1.45rem,7vw,1.75rem)!important;overflow-wrap:anywhere} +.post-title,.card h2{font-size:clamp(1rem,5.5vw,1.15rem)!important;overflow-wrap:anywhere} +.content p,.article p,.post-excerpt,.card p{overflow-wrap:anywhere} +} diff --git a/docs/blog/opik-traces-make-agents-debuggable.html b/docs/blog/opik-traces-make-agents-debuggable.html index 993599c..e4207f3 100644 --- a/docs/blog/opik-traces-make-agents-debuggable.html +++ b/docs/blog/opik-traces-make-agents-debuggable.html @@ -21,7 +21,24 @@ *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} :root{--bg:#0A0A0A;--bg-s1:#111;--bg-s2:#1A1A1A;--text:#EDEDED;--text-muted:#888;--card:rgba(255,255,255,.05);--card-border:rgba(255,255,255,.08);--primary:#DC2626;--primary-light:#EF4444;--link:#EF4444;--link-hover:#DC2626;--badge-bg:rgba(220,38,38,.12);--badge-text:#EF4444;--nav-bg:rgba(10,10,10,.8);--green:#22C55E;--green-bg:rgba(34,197,94,.08);--green-border:rgba(34,197,94,.25);--yellow:#F59E0B;--yellow-bg:rgba(245,158,11,.08);--yellow-border:rgba(245,158,11,.25);--blue:#3B82F6;--blue-bg:rgba(59,130,246,.08);--blue-border:rgba(59,130,246,.25)} [data-theme="light"]{--bg:#FAFAFA;--bg-s1:#fff;--bg-s2:#F5F5F5;--text:#171717;--text-muted:#666;--card:#fff;--card-border:rgba(0,0,0,.08);--link:#DC2626;--link-hover:#B91C1C;--badge-bg:rgba(220,38,38,.08);--badge-text:#DC2626;--nav-bg:rgba(250,250,250,.85);--green-bg:rgba(34,197,94,.06);--green-border:rgba(34,197,94,.2);--yellow-bg:rgba(245,158,11,.06);--yellow-border:rgba(245,158,11,.2);--blue-bg:rgba(59,130,246,.06);--blue-border:rgba(59,130,246,.2)} -html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;font-size:16px;transition:background .3s,color .3s}.nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border)}.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px}.nav-logo{font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px}.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo-dark,.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo-dark{display:block}[data-theme="light"] .nav-logo-light{display:block}[data-theme="light"] .nav-logo-dark{display:none}.nav-actions{display:flex;align-items:center;gap:12px}.nav-link,.gh-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;padding:6px 14px;border-radius:8px;border:1px solid var(--card-border);transition:all .2s}.nav-link:hover,.nav-link.active,.gh-link:hover{color:var(--text);border-color:var(--primary)}.theme-toggle{background:var(--card);border:1px solid var(--card-border);color:var(--text);cursor:pointer;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.article{max-width:820px;margin:0 auto;padding:0 24px 80px}.article-header{padding:80px 0 48px;border-bottom:1px solid var(--card-border);margin-bottom:48px}.article-badge{display:inline-flex;background:var(--badge-bg);color:var(--badge-text);font-size:.8rem;font-weight:700;padding:4px 14px;border-radius:16px;margin-bottom:20px}.article-title{font-size:clamp(2rem,5vw,3rem);font-weight:900;letter-spacing:-.03em;line-height:1.15;margin-bottom:16px}.article-title .hl{color:var(--primary)}.article-subtitle{font-size:1.2rem;color:var(--text-muted);margin-bottom:24px;line-height:1.5}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;color:var(--text-muted);font-size:.85rem}.article-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.article-pill{font-size:.75rem;padding:4px 12px;border-radius:6px;background:var(--card);border:1px solid var(--card-border);color:var(--text-muted);font-weight:500}.article h2{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;margin:56px 0 20px;padding-left:16px;border-left:4px solid var(--primary);line-height:1.3}.article h3{font-size:1.2rem;font-weight:700;margin:36px 0 14px;color:var(--text)}.article p{color:var(--text-muted);margin-bottom:18px;line-height:1.8}.article strong{color:var(--text);font-weight:600}.article a{color:var(--link);text-decoration:none}.article a:hover{color:var(--link-hover);text-decoration:underline}.article ul,.article ol{margin:0 0 22px 24px;color:var(--text-muted)}.article li{margin-bottom:8px;line-height:1.75}.article code{font-family:'JetBrains Mono',monospace;font-size:.85em;background:rgba(255,255,255,.06);padding:2px 6px;border-radius:4px;color:var(--primary-light)}.article pre{margin:20px 0 28px;border-radius:12px;background:var(--bg-s2);border:1px solid var(--card-border);overflow-x:auto}.article pre code{display:block;padding:20px;background:none;color:var(--text);line-height:1.6;font-size:.85rem}.callout{margin:24px 0;padding:20px 24px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}.callout-title{font-weight:700;font-size:.9rem;margin-bottom:8px;color:var(--text)}.callout-info{border-color:var(--blue-border);background:var(--blue-bg)}.callout-solution{border-color:var(--green-border);background:var(--green-bg)}.callout-tip{border-color:var(--yellow-border);background:var(--yellow-bg)}.impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:24px 0}.impact-card{padding:20px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1);text-align:center}.impact-val{font-size:1.8rem;font-weight:900;color:var(--primary);margin-bottom:4px}.impact-label{font-size:.8rem;color:var(--text-muted);font-weight:500}.source-ref{margin:16px 0;padding:14px 18px;border-radius:10px;border:1px solid var(--card-border);background:var(--bg-s1);font-size:.85rem;color:var(--text-muted)}.source-title{font-weight:600;color:var(--text);margin-bottom:2px}.source-url{font-size:.75rem;color:var(--text-muted);word-break:break-all}.table-wrap{overflow-x:auto;margin:20px 0 28px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:left;padding:12px 16px;font-weight:600;color:var(--text);border-bottom:1px solid var(--card-border)}td{padding:10px 16px;border-bottom:1px solid var(--card-border);color:var(--text-muted)}tr:last-child td{border-bottom:none}.toc{margin:32px 0;padding:24px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}.toc-title{font-size:.9rem;font-weight:700;margin-bottom:12px;color:var(--text);text-transform:uppercase;letter-spacing:.04em}.toc-list{list-style:none;margin:0;padding:0}.toc-list li{margin-bottom:6px}.toc-list a{color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:500}.toc-list a:hover{color:var(--primary)}.toc-list a .num{color:var(--primary);font-weight:700;margin-right:8px;font-family:'JetBrains Mono',monospace;font-size:.8rem}.footer{text-align:center;padding:48px 24px;border-top:1px solid var(--card-border);color:var(--text-muted);font-size:.85rem}.footer a{color:var(--link);text-decoration:none}.back-to-top{position:fixed;bottom:24px;right:24px;z-index:50;width:44px;height:44px;border-radius:12px;background:var(--primary);color:#fff;border:none;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(10px);transition:all .3s;pointer-events:none}.back-to-top.show{opacity:1;transform:none;pointer-events:auto}.reading-progress{position:fixed;top:64px;left:0;height:3px;background:var(--primary);z-index:99;transition:width .1s linear;width:0}@media(max-width:768px){.nav-inner{padding:0 10px}.nav-actions{gap:6px}.nav-link,.gh-link{padding:4px 8px;font-size:.75rem}.article{padding:0 16px 40px}.article-header{padding:48px 0 32px}.article-title{font-size:1.8rem}.article-subtitle{font-size:1rem}.article h2{font-size:1.3rem}.impact-grid{grid-template-columns:repeat(2,1fr)}} +html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;font-size:16px;transition:background .3s,color .3s}.nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border)}.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px}.nav-logo{font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px}.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo img.nav-logo-dark,.nav-logo img.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo img.nav-logo-dark{display:block}[data-theme="light"] .nav-logo img.nav-logo-light{display:block}[data-theme="light"] .nav-logo img.nav-logo-dark{display:none}.nav-actions{display:flex;align-items:center;gap:12px}.nav-link,.gh-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;padding:6px 14px;border-radius:8px;border:1px solid var(--card-border);transition:all .2s}.nav-link:hover,.nav-link.active,.gh-link:hover{color:var(--text);border-color:var(--primary)}.theme-toggle{background:var(--card);border:1px solid var(--card-border);color:var(--text);cursor:pointer;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.article{max-width:820px;margin:0 auto;padding:0 24px 80px}.article-header{padding:80px 0 48px;border-bottom:1px solid var(--card-border);margin-bottom:48px}.article-badge{display:inline-flex;background:var(--badge-bg);color:var(--badge-text);font-size:.8rem;font-weight:700;padding:4px 14px;border-radius:16px;margin-bottom:20px}.article-title{font-size:clamp(2rem,5vw,3rem);font-weight:900;letter-spacing:-.03em;line-height:1.15;margin-bottom:16px}.article-title .hl{color:var(--primary)}.article-subtitle{font-size:1.2rem;color:var(--text-muted);margin-bottom:24px;line-height:1.5}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;color:var(--text-muted);font-size:.85rem}.article-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.article-pill{font-size:.75rem;padding:4px 12px;border-radius:6px;background:var(--card);border:1px solid var(--card-border);color:var(--text-muted);font-weight:500}.article h2{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;margin:56px 0 20px;padding-left:16px;border-left:4px solid var(--primary);line-height:1.3}.article h3{font-size:1.2rem;font-weight:700;margin:36px 0 14px;color:var(--text)}.article p{color:var(--text-muted);margin-bottom:18px;line-height:1.8}.article strong{color:var(--text);font-weight:600}.article a{color:var(--link);text-decoration:none}.article a:hover{color:var(--link-hover);text-decoration:underline}.article ul,.article ol{margin:0 0 22px 24px;color:var(--text-muted)}.article li{margin-bottom:8px;line-height:1.75}.article code{font-family:'JetBrains Mono',monospace;font-size:.85em;background:rgba(255,255,255,.06);padding:2px 6px;border-radius:4px;color:var(--primary-light)}.article pre{margin:20px 0 28px;border-radius:12px;background:var(--bg-s2);border:1px solid var(--card-border);overflow-x:auto}.article pre code{display:block;padding:20px;background:none;color:var(--text);line-height:1.6;font-size:.85rem}.callout{margin:24px 0;padding:20px 24px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}.callout-title{font-weight:700;font-size:.9rem;margin-bottom:8px;color:var(--text)}.callout-info{border-color:var(--blue-border);background:var(--blue-bg)}.callout-solution{border-color:var(--green-border);background:var(--green-bg)}.callout-tip{border-color:var(--yellow-border);background:var(--yellow-bg)}.impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:24px 0}.impact-card{padding:20px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1);text-align:center}.impact-val{font-size:1.8rem;font-weight:900;color:var(--primary);margin-bottom:4px}.impact-label{font-size:.8rem;color:var(--text-muted);font-weight:500}.source-ref{margin:16px 0;padding:14px 18px;border-radius:10px;border:1px solid var(--card-border);background:var(--bg-s1);font-size:.85rem;color:var(--text-muted)}.source-title{font-weight:600;color:var(--text);margin-bottom:2px}.source-url{font-size:.75rem;color:var(--text-muted);word-break:break-all}.table-wrap{overflow-x:auto;margin:20px 0 28px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:left;padding:12px 16px;font-weight:600;color:var(--text);border-bottom:1px solid var(--card-border)}td{padding:10px 16px;border-bottom:1px solid var(--card-border);color:var(--text-muted)}tr:last-child td{border-bottom:none}.toc{margin:32px 0;padding:24px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}.toc-title{font-size:.9rem;font-weight:700;margin-bottom:12px;color:var(--text);text-transform:uppercase;letter-spacing:.04em}.toc-list{list-style:none;margin:0;padding:0}.toc-list li{margin-bottom:6px}.toc-list a{color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:500}.toc-list a:hover{color:var(--primary)}.toc-list a .num{color:var(--primary);font-weight:700;margin-right:8px;font-family:'JetBrains Mono',monospace;font-size:.8rem}.footer{text-align:center;padding:48px 24px;border-top:1px solid var(--card-border);color:var(--text-muted);font-size:.85rem}.footer a{color:var(--link);text-decoration:none}.back-to-top{position:fixed;bottom:24px;right:24px;z-index:50;width:44px;height:44px;border-radius:12px;background:var(--primary);color:#fff;border:none;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(10px);transition:all .3s;pointer-events:none}.back-to-top.show{opacity:1;transform:none;pointer-events:auto}.reading-progress{position:fixed;top:64px;left:0;height:3px;background:var(--primary);z-index:99;transition:width .1s linear;width:0}@media(max-width:768px){.nav-inner{padding:0 10px}.nav-actions{gap:6px}.nav-link,.gh-link{padding:4px 8px;font-size:.75rem}.article{padding:0 16px 40px}.article-header{padding:48px 0 32px}.article-title{font-size:1.8rem}.article-subtitle{font-size:1rem}.article h2{font-size:1.3rem}.impact-grid{grid-template-columns:repeat(2,1fr)}} + +@media(max-width:768px){ +html,body{width:100%;max-width:100%;overflow-x:hidden} +.nav,.nav-inner,.nav-actions,.hero,.posts,.post-card,.article,.article-header,.grid,.card,.content,.footer{min-width:0;max-width:100%} +.nav-logo img{max-width:120px!important} +.nav-actions{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} +.nav-actions::-webkit-scrollbar{display:none} +.hero{padding-left:16px!important;padding-right:16px!important} +.hero h1{font-size:clamp(1.45rem,6.8vw,1.75rem)!important;line-height:1.16!important;white-space:normal!important;overflow-wrap:anywhere} +.hero h1 .hl{display:inline;overflow-wrap:anywhere} +.hero-inline-logo{width:min(30vw,118px)!important;max-width:118px!important} +.posts,.grid,.article,.content{padding-left:16px!important;padding-right:16px!important} +.post-card,.card{width:100%;max-width:calc(100vw - 32px)} +.article-title{font-size:clamp(1.45rem,7vw,1.75rem)!important;overflow-wrap:anywhere} +.post-title,.card h2{font-size:clamp(1rem,5.5vw,1.15rem)!important;overflow-wrap:anywhere} +.content p,.article p,.post-excerpt,.card p{overflow-wrap:anywhere} +} diff --git a/docs/blog/security-landscape.html b/docs/blog/security-landscape.html index 80811ef..1e21b26 100644 --- a/docs/blog/security-landscape.html +++ b/docs/blog/security-landscape.html @@ -63,7 +63,7 @@ body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg) .nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border);transition:background .3s} .nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px} .nav-logo{font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px} -.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo-dark,.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo-dark{display:block}[data-theme="light"] .nav-logo-light{display:block}[data-theme="light"] .nav-logo-dark{display:none} +.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo img.nav-logo-dark,.nav-logo img.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo img.nav-logo-dark{display:block}[data-theme="light"] .nav-logo img.nav-logo-light{display:block}[data-theme="light"] .nav-logo img.nav-logo-dark{display:none} .nav-actions{display:flex;align-items:center;gap:12px} .nav-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;padding:6px 14px;border-radius:8px;border:1px solid var(--card-border);transition:all .2s} .nav-link:hover,.nav-link.active{color:var(--text);border-color:var(--primary)} @@ -211,6 +211,23 @@ a.tweet-embed:hover{border-color:rgba(220,38,38,0.3);transform:translateY(-1px); .tweet-embed::before{width:24px;height:24px;top:16px;left:16px} .tweet-embed .tweet-author{margin-left:36px} } + +@media(max-width:768px){ +html,body{width:100%;max-width:100%;overflow-x:hidden} +.nav,.nav-inner,.nav-actions,.hero,.posts,.post-card,.article,.article-header,.grid,.card,.content,.footer{min-width:0;max-width:100%} +.nav-logo img{max-width:120px!important} +.nav-actions{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} +.nav-actions::-webkit-scrollbar{display:none} +.hero{padding-left:16px!important;padding-right:16px!important} +.hero h1{font-size:clamp(1.45rem,6.8vw,1.75rem)!important;line-height:1.16!important;white-space:normal!important;overflow-wrap:anywhere} +.hero h1 .hl{display:inline;overflow-wrap:anywhere} +.hero-inline-logo{width:min(30vw,118px)!important;max-width:118px!important} +.posts,.grid,.article,.content{padding-left:16px!important;padding-right:16px!important} +.post-card,.card{width:100%;max-width:calc(100vw - 32px)} +.article-title{font-size:clamp(1.45rem,7vw,1.75rem)!important;overflow-wrap:anywhere} +.post-title,.card h2{font-size:clamp(1rem,5.5vw,1.15rem)!important;overflow-wrap:anywhere} +.content p,.article p,.post-excerpt,.card p{overflow-wrap:anywhere} +} diff --git a/docs/blog/supermemory-and-agent-recall.html b/docs/blog/supermemory-and-agent-recall.html index ca4d3a5..c8ac3ca 100644 --- a/docs/blog/supermemory-and-agent-recall.html +++ b/docs/blog/supermemory-and-agent-recall.html @@ -70,7 +70,7 @@ body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg) .nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border)} .nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px} .nav-logo{font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px} -.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo-dark,.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo-dark{display:block}[data-theme="light"] .nav-logo-light{display:block}[data-theme="light"] .nav-logo-dark{display:none} +.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo img.nav-logo-dark,.nav-logo img.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo img.nav-logo-dark{display:block}[data-theme="light"] .nav-logo img.nav-logo-light{display:block}[data-theme="light"] .nav-logo img.nav-logo-dark{display:none} .nav-actions{display:flex;align-items:center;gap:12px} .nav-link,.gh-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;padding:6px 14px;border-radius:8px;border:1px solid var(--card-border);transition:all .2s} .nav-link:hover,.nav-link.active,.gh-link:hover{color:var(--text);border-color:var(--primary)} @@ -114,6 +114,23 @@ tr:last-child td{border-bottom:none} .footer{text-align:center;padding:48px 24px;border-top:1px solid var(--card-border);color:var(--text-muted);font-size:.85rem} .footer a{color:var(--link);text-decoration:none} @media(max-width:768px){.nav-inner{padding:0 10px}.nav-actions{gap:6px}.nav-link,.gh-link{padding:4px 8px;font-size:.75rem}.article{padding:0 16px 40px}.article-header{padding:48px 0 32px}.article-title{font-size:1.8rem}.article-subtitle{font-size:1rem}.article h2{font-size:1.3rem}} + +@media(max-width:768px){ +html,body{width:100%;max-width:100%;overflow-x:hidden} +.nav,.nav-inner,.nav-actions,.hero,.posts,.post-card,.article,.article-header,.grid,.card,.content,.footer{min-width:0;max-width:100%} +.nav-logo img{max-width:120px!important} +.nav-actions{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} +.nav-actions::-webkit-scrollbar{display:none} +.hero{padding-left:16px!important;padding-right:16px!important} +.hero h1{font-size:clamp(1.45rem,6.8vw,1.75rem)!important;line-height:1.16!important;white-space:normal!important;overflow-wrap:anywhere} +.hero h1 .hl{display:inline;overflow-wrap:anywhere} +.hero-inline-logo{width:min(30vw,118px)!important;max-width:118px!important} +.posts,.grid,.article,.content{padding-left:16px!important;padding-right:16px!important} +.post-card,.card{width:100%;max-width:calc(100vw - 32px)} +.article-title{font-size:clamp(1.45rem,7vw,1.75rem)!important;overflow-wrap:anywhere} +.post-title,.card h2{font-size:clamp(1rem,5.5vw,1.15rem)!important;overflow-wrap:anywhere} +.content p,.article p,.post-excerpt,.card p{overflow-wrap:anywhere} +} diff --git a/docs/blog/swarm-coordination-needs-boundaries.html b/docs/blog/swarm-coordination-needs-boundaries.html index a443a6c..2aa0450 100644 --- a/docs/blog/swarm-coordination-needs-boundaries.html +++ b/docs/blog/swarm-coordination-needs-boundaries.html @@ -70,7 +70,7 @@ body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg) .nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border)} .nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px} .nav-logo{font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px} -.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo-dark,.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo-dark{display:block}[data-theme="light"] .nav-logo-light{display:block}[data-theme="light"] .nav-logo-dark{display:none} +.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo img.nav-logo-dark,.nav-logo img.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo img.nav-logo-dark{display:block}[data-theme="light"] .nav-logo img.nav-logo-light{display:block}[data-theme="light"] .nav-logo img.nav-logo-dark{display:none} .nav-actions{display:flex;align-items:center;gap:12px} .nav-link,.gh-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;padding:6px 14px;border-radius:8px;border:1px solid var(--card-border);transition:all .2s} .nav-link:hover,.nav-link.active,.gh-link:hover{color:var(--text);border-color:var(--primary)} @@ -114,6 +114,23 @@ tr:last-child td{border-bottom:none} .footer{text-align:center;padding:48px 24px;border-top:1px solid var(--card-border);color:var(--text-muted);font-size:.85rem} .footer a{color:var(--link);text-decoration:none} @media(max-width:768px){.nav-inner{padding:0 10px}.nav-actions{gap:6px}.nav-link,.gh-link{padding:4px 8px;font-size:.75rem}.article{padding:0 16px 40px}.article-header{padding:48px 0 32px}.article-title{font-size:1.8rem}.article-subtitle{font-size:1rem}.article h2{font-size:1.3rem}} + +@media(max-width:768px){ +html,body{width:100%;max-width:100%;overflow-x:hidden} +.nav,.nav-inner,.nav-actions,.hero,.posts,.post-card,.article,.article-header,.grid,.card,.content,.footer{min-width:0;max-width:100%} +.nav-logo img{max-width:120px!important} +.nav-actions{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} +.nav-actions::-webkit-scrollbar{display:none} +.hero{padding-left:16px!important;padding-right:16px!important} +.hero h1{font-size:clamp(1.45rem,6.8vw,1.75rem)!important;line-height:1.16!important;white-space:normal!important;overflow-wrap:anywhere} +.hero h1 .hl{display:inline;overflow-wrap:anywhere} +.hero-inline-logo{width:min(30vw,118px)!important;max-width:118px!important} +.posts,.grid,.article,.content{padding-left:16px!important;padding-right:16px!important} +.post-card,.card{width:100%;max-width:calc(100vw - 32px)} +.article-title{font-size:clamp(1.45rem,7vw,1.75rem)!important;overflow-wrap:anywhere} +.post-title,.card h2{font-size:clamp(1rem,5.5vw,1.15rem)!important;overflow-wrap:anywhere} +.content p,.article p,.post-excerpt,.card p{overflow-wrap:anywhere} +} diff --git a/docs/blog/ten-agent-telegram-teams.html b/docs/blog/ten-agent-telegram-teams.html index aa98328..b41ae5a 100644 --- a/docs/blog/ten-agent-telegram-teams.html +++ b/docs/blog/ten-agent-telegram-teams.html @@ -70,7 +70,7 @@ body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg) .nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border)} .nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px} .nav-logo{font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px} -.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo-dark,.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo-dark{display:block}[data-theme="light"] .nav-logo-light{display:block}[data-theme="light"] .nav-logo-dark{display:none} +.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo img.nav-logo-dark,.nav-logo img.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo img.nav-logo-dark{display:block}[data-theme="light"] .nav-logo img.nav-logo-light{display:block}[data-theme="light"] .nav-logo img.nav-logo-dark{display:none} .nav-actions{display:flex;align-items:center;gap:12px} .nav-link,.gh-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;padding:6px 14px;border-radius:8px;border:1px solid var(--card-border);transition:all .2s} .nav-link:hover,.nav-link.active,.gh-link:hover{color:var(--text);border-color:var(--primary)} @@ -114,6 +114,23 @@ tr:last-child td{border-bottom:none} .footer{text-align:center;padding:48px 24px;border-top:1px solid var(--card-border);color:var(--text-muted);font-size:.85rem} .footer a{color:var(--link);text-decoration:none} @media(max-width:768px){.nav-inner{padding:0 10px}.nav-actions{gap:6px}.nav-link,.gh-link{padding:4px 8px;font-size:.75rem}.article{padding:0 16px 40px}.article-header{padding:48px 0 32px}.article-title{font-size:1.8rem}.article-subtitle{font-size:1rem}.article h2{font-size:1.3rem}} + +@media(max-width:768px){ +html,body{width:100%;max-width:100%;overflow-x:hidden} +.nav,.nav-inner,.nav-actions,.hero,.posts,.post-card,.article,.article-header,.grid,.card,.content,.footer{min-width:0;max-width:100%} +.nav-logo img{max-width:120px!important} +.nav-actions{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} +.nav-actions::-webkit-scrollbar{display:none} +.hero{padding-left:16px!important;padding-right:16px!important} +.hero h1{font-size:clamp(1.45rem,6.8vw,1.75rem)!important;line-height:1.16!important;white-space:normal!important;overflow-wrap:anywhere} +.hero h1 .hl{display:inline;overflow-wrap:anywhere} +.hero-inline-logo{width:min(30vw,118px)!important;max-width:118px!important} +.posts,.grid,.article,.content{padding-left:16px!important;padding-right:16px!important} +.post-card,.card{width:100%;max-width:calc(100vw - 32px)} +.article-title{font-size:clamp(1.45rem,7vw,1.75rem)!important;overflow-wrap:anywhere} +.post-title,.card h2{font-size:clamp(1rem,5.5vw,1.15rem)!important;overflow-wrap:anywhere} +.content p,.article p,.post-excerpt,.card p{overflow-wrap:anywhere} +} diff --git a/docs/blog/token-optimization.html b/docs/blog/token-optimization.html index 6128272..abc3284 100644 --- a/docs/blog/token-optimization.html +++ b/docs/blog/token-optimization.html @@ -63,7 +63,7 @@ body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg) .nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border);transition:background .3s} .nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px} .nav-logo{font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px} -.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo-dark,.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo-dark{display:block}[data-theme="light"] .nav-logo-light{display:block}[data-theme="light"] .nav-logo-dark{display:none} +.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo img.nav-logo-dark,.nav-logo img.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo img.nav-logo-dark{display:block}[data-theme="light"] .nav-logo img.nav-logo-light{display:block}[data-theme="light"] .nav-logo img.nav-logo-dark{display:none} .nav-actions{display:flex;align-items:center;gap:12px} .nav-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;padding:6px 14px;border-radius:8px;border:1px solid var(--card-border);transition:all .2s} .nav-link:hover,.nav-link.active{color:var(--text);border-color:var(--primary)} @@ -211,6 +211,23 @@ a.tweet-embed:hover{border-color:rgba(220,38,38,0.3);transform:translateY(-1px); .tweet-embed::before{width:24px;height:24px;top:16px;left:16px} .tweet-embed .tweet-author{margin-left:36px} } + +@media(max-width:768px){ +html,body{width:100%;max-width:100%;overflow-x:hidden} +.nav,.nav-inner,.nav-actions,.hero,.posts,.post-card,.article,.article-header,.grid,.card,.content,.footer{min-width:0;max-width:100%} +.nav-logo img{max-width:120px!important} +.nav-actions{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} +.nav-actions::-webkit-scrollbar{display:none} +.hero{padding-left:16px!important;padding-right:16px!important} +.hero h1{font-size:clamp(1.45rem,6.8vw,1.75rem)!important;line-height:1.16!important;white-space:normal!important;overflow-wrap:anywhere} +.hero h1 .hl{display:inline;overflow-wrap:anywhere} +.hero-inline-logo{width:min(30vw,118px)!important;max-width:118px!important} +.posts,.grid,.article,.content{padding-left:16px!important;padding-right:16px!important} +.post-card,.card{width:100%;max-width:calc(100vw - 32px)} +.article-title{font-size:clamp(1.45rem,7vw,1.75rem)!important;overflow-wrap:anywhere} +.post-title,.card h2{font-size:clamp(1rem,5.5vw,1.15rem)!important;overflow-wrap:anywhere} +.content p,.article p,.post-excerpt,.card p{overflow-wrap:anywhere} +} diff --git a/docs/blog/v2026-2-6-release.html b/docs/blog/v2026-2-6-release.html index d626919..1a9af08 100644 --- a/docs/blog/v2026-2-6-release.html +++ b/docs/blog/v2026-2-6-release.html @@ -63,7 +63,7 @@ body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg) .nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border);transition:background .3s} .nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px} .nav-logo{font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px} -.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo-dark,.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo-dark{display:block}[data-theme="light"] .nav-logo-light{display:block}[data-theme="light"] .nav-logo-dark{display:none} +.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo img.nav-logo-dark,.nav-logo img.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo img.nav-logo-dark{display:block}[data-theme="light"] .nav-logo img.nav-logo-light{display:block}[data-theme="light"] .nav-logo img.nav-logo-dark{display:none} .nav-actions{display:flex;align-items:center;gap:12px} .nav-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;padding:6px 14px;border-radius:8px;border:1px solid var(--card-border);transition:all .2s} .nav-link:hover,.nav-link.active{color:var(--text);border-color:var(--primary)} @@ -211,6 +211,23 @@ a.tweet-embed:hover{border-color:rgba(220,38,38,0.3);transform:translateY(-1px); .tweet-embed::before{width:24px;height:24px;top:16px;left:16px} .tweet-embed .tweet-author{margin-left:36px} } + +@media(max-width:768px){ +html,body{width:100%;max-width:100%;overflow-x:hidden} +.nav,.nav-inner,.nav-actions,.hero,.posts,.post-card,.article,.article-header,.grid,.card,.content,.footer{min-width:0;max-width:100%} +.nav-logo img{max-width:120px!important} +.nav-actions{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} +.nav-actions::-webkit-scrollbar{display:none} +.hero{padding-left:16px!important;padding-right:16px!important} +.hero h1{font-size:clamp(1.45rem,6.8vw,1.75rem)!important;line-height:1.16!important;white-space:normal!important;overflow-wrap:anywhere} +.hero h1 .hl{display:inline;overflow-wrap:anywhere} +.hero-inline-logo{width:min(30vw,118px)!important;max-width:118px!important} +.posts,.grid,.article,.content{padding-left:16px!important;padding-right:16px!important} +.post-card,.card{width:100%;max-width:calc(100vw - 32px)} +.article-title{font-size:clamp(1.45rem,7vw,1.75rem)!important;overflow-wrap:anywhere} +.post-title,.card h2{font-size:clamp(1rem,5.5vw,1.15rem)!important;overflow-wrap:anywhere} +.content p,.article p,.post-excerpt,.card p{overflow-wrap:anywhere} +} diff --git a/docs/blog/v2026-3-24-plugin-compatibility.html b/docs/blog/v2026-3-24-plugin-compatibility.html index 5397ca2..336d65a 100644 --- a/docs/blog/v2026-3-24-plugin-compatibility.html +++ b/docs/blog/v2026-3-24-plugin-compatibility.html @@ -70,7 +70,7 @@ body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg) .nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border)} .nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px} .nav-logo{font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px} -.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo-dark,.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo-dark{display:block}[data-theme="light"] .nav-logo-light{display:block}[data-theme="light"] .nav-logo-dark{display:none} +.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo img.nav-logo-dark,.nav-logo img.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo img.nav-logo-dark{display:block}[data-theme="light"] .nav-logo img.nav-logo-light{display:block}[data-theme="light"] .nav-logo img.nav-logo-dark{display:none} .nav-actions{display:flex;align-items:center;gap:12px} .nav-link,.gh-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;padding:6px 14px;border-radius:8px;border:1px solid var(--card-border);transition:all .2s} .nav-link:hover,.nav-link.active,.gh-link:hover{color:var(--text);border-color:var(--primary)} @@ -114,6 +114,23 @@ tr:last-child td{border-bottom:none} .footer{text-align:center;padding:48px 24px;border-top:1px solid var(--card-border);color:var(--text-muted);font-size:.85rem} .footer a{color:var(--link);text-decoration:none} @media(max-width:768px){.nav-inner{padding:0 10px}.nav-actions{gap:6px}.nav-link,.gh-link{padding:4px 8px;font-size:.75rem}.article{padding:0 16px 40px}.article-header{padding:48px 0 32px}.article-title{font-size:1.8rem}.article-subtitle{font-size:1rem}.article h2{font-size:1.3rem}} + +@media(max-width:768px){ +html,body{width:100%;max-width:100%;overflow-x:hidden} +.nav,.nav-inner,.nav-actions,.hero,.posts,.post-card,.article,.article-header,.grid,.card,.content,.footer{min-width:0;max-width:100%} +.nav-logo img{max-width:120px!important} +.nav-actions{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} +.nav-actions::-webkit-scrollbar{display:none} +.hero{padding-left:16px!important;padding-right:16px!important} +.hero h1{font-size:clamp(1.45rem,6.8vw,1.75rem)!important;line-height:1.16!important;white-space:normal!important;overflow-wrap:anywhere} +.hero h1 .hl{display:inline;overflow-wrap:anywhere} +.hero-inline-logo{width:min(30vw,118px)!important;max-width:118px!important} +.posts,.grid,.article,.content{padding-left:16px!important;padding-right:16px!important} +.post-card,.card{width:100%;max-width:calc(100vw - 32px)} +.article-title{font-size:clamp(1.45rem,7vw,1.75rem)!important;overflow-wrap:anywhere} +.post-title,.card h2{font-size:clamp(1rem,5.5vw,1.15rem)!important;overflow-wrap:anywhere} +.content p,.article p,.post-excerpt,.card p{overflow-wrap:anywhere} +} diff --git a/docs/blog/v2026-4-25-release-cadence.html b/docs/blog/v2026-4-25-release-cadence.html index 2e95943..d4efb9f 100644 --- a/docs/blog/v2026-4-25-release-cadence.html +++ b/docs/blog/v2026-4-25-release-cadence.html @@ -70,7 +70,7 @@ body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg) .nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border)} .nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px} .nav-logo{font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px} -.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo-dark,.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo-dark{display:block}[data-theme="light"] .nav-logo-light{display:block}[data-theme="light"] .nav-logo-dark{display:none} +.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo img.nav-logo-dark,.nav-logo img.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo img.nav-logo-dark{display:block}[data-theme="light"] .nav-logo img.nav-logo-light{display:block}[data-theme="light"] .nav-logo img.nav-logo-dark{display:none} .nav-actions{display:flex;align-items:center;gap:12px} .nav-link,.gh-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;padding:6px 14px;border-radius:8px;border:1px solid var(--card-border);transition:all .2s} .nav-link:hover,.nav-link.active,.gh-link:hover{color:var(--text);border-color:var(--primary)} @@ -114,6 +114,23 @@ tr:last-child td{border-bottom:none} .footer{text-align:center;padding:48px 24px;border-top:1px solid var(--card-border);color:var(--text-muted);font-size:.85rem} .footer a{color:var(--link);text-decoration:none} @media(max-width:768px){.nav-inner{padding:0 10px}.nav-actions{gap:6px}.nav-link,.gh-link{padding:4px 8px;font-size:.75rem}.article{padding:0 16px 40px}.article-header{padding:48px 0 32px}.article-title{font-size:1.8rem}.article-subtitle{font-size:1rem}.article h2{font-size:1.3rem}} + +@media(max-width:768px){ +html,body{width:100%;max-width:100%;overflow-x:hidden} +.nav,.nav-inner,.nav-actions,.hero,.posts,.post-card,.article,.article-header,.grid,.card,.content,.footer{min-width:0;max-width:100%} +.nav-logo img{max-width:120px!important} +.nav-actions{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} +.nav-actions::-webkit-scrollbar{display:none} +.hero{padding-left:16px!important;padding-right:16px!important} +.hero h1{font-size:clamp(1.45rem,6.8vw,1.75rem)!important;line-height:1.16!important;white-space:normal!important;overflow-wrap:anywhere} +.hero h1 .hl{display:inline;overflow-wrap:anywhere} +.hero-inline-logo{width:min(30vw,118px)!important;max-width:118px!important} +.posts,.grid,.article,.content{padding-left:16px!important;padding-right:16px!important} +.post-card,.card{width:100%;max-width:calc(100vw - 32px)} +.article-title{font-size:clamp(1.45rem,7vw,1.75rem)!important;overflow-wrap:anywhere} +.post-title,.card h2{font-size:clamp(1rem,5.5vw,1.15rem)!important;overflow-wrap:anywhere} +.content p,.article p,.post-excerpt,.card p{overflow-wrap:anywhere} +} diff --git a/docs/blog/voice-becomes-command-surface.html b/docs/blog/voice-becomes-command-surface.html index 00ef912..6e87d35 100644 --- a/docs/blog/voice-becomes-command-surface.html +++ b/docs/blog/voice-becomes-command-surface.html @@ -21,7 +21,24 @@ *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} :root{--bg:#0A0A0A;--bg-s1:#111;--bg-s2:#1A1A1A;--text:#EDEDED;--text-muted:#888;--card:rgba(255,255,255,.05);--card-border:rgba(255,255,255,.08);--primary:#DC2626;--primary-light:#EF4444;--link:#EF4444;--link-hover:#DC2626;--badge-bg:rgba(220,38,38,.12);--badge-text:#EF4444;--nav-bg:rgba(10,10,10,.8);--green:#22C55E;--green-bg:rgba(34,197,94,.08);--green-border:rgba(34,197,94,.25);--yellow:#F59E0B;--yellow-bg:rgba(245,158,11,.08);--yellow-border:rgba(245,158,11,.25);--blue:#3B82F6;--blue-bg:rgba(59,130,246,.08);--blue-border:rgba(59,130,246,.25)} [data-theme="light"]{--bg:#FAFAFA;--bg-s1:#fff;--bg-s2:#F5F5F5;--text:#171717;--text-muted:#666;--card:#fff;--card-border:rgba(0,0,0,.08);--link:#DC2626;--link-hover:#B91C1C;--badge-bg:rgba(220,38,38,.08);--badge-text:#DC2626;--nav-bg:rgba(250,250,250,.85);--green-bg:rgba(34,197,94,.06);--green-border:rgba(34,197,94,.2);--yellow-bg:rgba(245,158,11,.06);--yellow-border:rgba(245,158,11,.2);--blue-bg:rgba(59,130,246,.06);--blue-border:rgba(59,130,246,.2)} -html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;font-size:16px;transition:background .3s,color .3s}.nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border)}.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px}.nav-logo{font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px}.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo-dark,.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo-dark{display:block}[data-theme="light"] .nav-logo-light{display:block}[data-theme="light"] .nav-logo-dark{display:none}.nav-actions{display:flex;align-items:center;gap:12px}.nav-link,.gh-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;padding:6px 14px;border-radius:8px;border:1px solid var(--card-border);transition:all .2s}.nav-link:hover,.nav-link.active,.gh-link:hover{color:var(--text);border-color:var(--primary)}.theme-toggle{background:var(--card);border:1px solid var(--card-border);color:var(--text);cursor:pointer;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.article{max-width:820px;margin:0 auto;padding:0 24px 80px}.article-header{padding:80px 0 48px;border-bottom:1px solid var(--card-border);margin-bottom:48px}.article-badge{display:inline-flex;background:var(--badge-bg);color:var(--badge-text);font-size:.8rem;font-weight:700;padding:4px 14px;border-radius:16px;margin-bottom:20px}.article-title{font-size:clamp(2rem,5vw,3rem);font-weight:900;letter-spacing:-.03em;line-height:1.15;margin-bottom:16px}.article-title .hl{color:var(--primary)}.article-subtitle{font-size:1.2rem;color:var(--text-muted);margin-bottom:24px;line-height:1.5}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;color:var(--text-muted);font-size:.85rem}.article-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.article-pill{font-size:.75rem;padding:4px 12px;border-radius:6px;background:var(--card);border:1px solid var(--card-border);color:var(--text-muted);font-weight:500}.article h2{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;margin:56px 0 20px;padding-left:16px;border-left:4px solid var(--primary);line-height:1.3}.article h3{font-size:1.2rem;font-weight:700;margin:36px 0 14px;color:var(--text)}.article p{color:var(--text-muted);margin-bottom:18px;line-height:1.8}.article strong{color:var(--text);font-weight:600}.article a{color:var(--link);text-decoration:none}.article a:hover{color:var(--link-hover);text-decoration:underline}.article ul,.article ol{margin:0 0 22px 24px;color:var(--text-muted)}.article li{margin-bottom:8px;line-height:1.75}.article code{font-family:'JetBrains Mono',monospace;font-size:.85em;background:rgba(255,255,255,.06);padding:2px 6px;border-radius:4px;color:var(--primary-light)}.article pre{margin:20px 0 28px;border-radius:12px;background:var(--bg-s2);border:1px solid var(--card-border);overflow-x:auto}.article pre code{display:block;padding:20px;background:none;color:var(--text);line-height:1.6;font-size:.85rem}.callout{margin:24px 0;padding:20px 24px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}.callout-title{font-weight:700;font-size:.9rem;margin-bottom:8px;color:var(--text)}.callout-info{border-color:var(--blue-border);background:var(--blue-bg)}.callout-solution{border-color:var(--green-border);background:var(--green-bg)}.callout-tip{border-color:var(--yellow-border);background:var(--yellow-bg)}.impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:24px 0}.impact-card{padding:20px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1);text-align:center}.impact-val{font-size:1.8rem;font-weight:900;color:var(--primary);margin-bottom:4px}.impact-label{font-size:.8rem;color:var(--text-muted);font-weight:500}.source-ref{margin:16px 0;padding:14px 18px;border-radius:10px;border:1px solid var(--card-border);background:var(--bg-s1);font-size:.85rem;color:var(--text-muted)}.source-title{font-weight:600;color:var(--text);margin-bottom:2px}.source-url{font-size:.75rem;color:var(--text-muted);word-break:break-all}.table-wrap{overflow-x:auto;margin:20px 0 28px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:left;padding:12px 16px;font-weight:600;color:var(--text);border-bottom:1px solid var(--card-border)}td{padding:10px 16px;border-bottom:1px solid var(--card-border);color:var(--text-muted)}tr:last-child td{border-bottom:none}.toc{margin:32px 0;padding:24px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}.toc-title{font-size:.9rem;font-weight:700;margin-bottom:12px;color:var(--text);text-transform:uppercase;letter-spacing:.04em}.toc-list{list-style:none;margin:0;padding:0}.toc-list li{margin-bottom:6px}.toc-list a{color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:500}.toc-list a:hover{color:var(--primary)}.toc-list a .num{color:var(--primary);font-weight:700;margin-right:8px;font-family:'JetBrains Mono',monospace;font-size:.8rem}.footer{text-align:center;padding:48px 24px;border-top:1px solid var(--card-border);color:var(--text-muted);font-size:.85rem}.footer a{color:var(--link);text-decoration:none}.back-to-top{position:fixed;bottom:24px;right:24px;z-index:50;width:44px;height:44px;border-radius:12px;background:var(--primary);color:#fff;border:none;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(10px);transition:all .3s;pointer-events:none}.back-to-top.show{opacity:1;transform:none;pointer-events:auto}.reading-progress{position:fixed;top:64px;left:0;height:3px;background:var(--primary);z-index:99;transition:width .1s linear;width:0}@media(max-width:768px){.nav-inner{padding:0 10px}.nav-actions{gap:6px}.nav-link,.gh-link{padding:4px 8px;font-size:.75rem}.article{padding:0 16px 40px}.article-header{padding:48px 0 32px}.article-title{font-size:1.8rem}.article-subtitle{font-size:1rem}.article h2{font-size:1.3rem}.impact-grid{grid-template-columns:repeat(2,1fr)}} +html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;font-size:16px;transition:background .3s,color .3s}.nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border)}.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px}.nav-logo{font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px}.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo img.nav-logo-dark,.nav-logo img.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo img.nav-logo-dark{display:block}[data-theme="light"] .nav-logo img.nav-logo-light{display:block}[data-theme="light"] .nav-logo img.nav-logo-dark{display:none}.nav-actions{display:flex;align-items:center;gap:12px}.nav-link,.gh-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;padding:6px 14px;border-radius:8px;border:1px solid var(--card-border);transition:all .2s}.nav-link:hover,.nav-link.active,.gh-link:hover{color:var(--text);border-color:var(--primary)}.theme-toggle{background:var(--card);border:1px solid var(--card-border);color:var(--text);cursor:pointer;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.article{max-width:820px;margin:0 auto;padding:0 24px 80px}.article-header{padding:80px 0 48px;border-bottom:1px solid var(--card-border);margin-bottom:48px}.article-badge{display:inline-flex;background:var(--badge-bg);color:var(--badge-text);font-size:.8rem;font-weight:700;padding:4px 14px;border-radius:16px;margin-bottom:20px}.article-title{font-size:clamp(2rem,5vw,3rem);font-weight:900;letter-spacing:-.03em;line-height:1.15;margin-bottom:16px}.article-title .hl{color:var(--primary)}.article-subtitle{font-size:1.2rem;color:var(--text-muted);margin-bottom:24px;line-height:1.5}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;color:var(--text-muted);font-size:.85rem}.article-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.article-pill{font-size:.75rem;padding:4px 12px;border-radius:6px;background:var(--card);border:1px solid var(--card-border);color:var(--text-muted);font-weight:500}.article h2{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;margin:56px 0 20px;padding-left:16px;border-left:4px solid var(--primary);line-height:1.3}.article h3{font-size:1.2rem;font-weight:700;margin:36px 0 14px;color:var(--text)}.article p{color:var(--text-muted);margin-bottom:18px;line-height:1.8}.article strong{color:var(--text);font-weight:600}.article a{color:var(--link);text-decoration:none}.article a:hover{color:var(--link-hover);text-decoration:underline}.article ul,.article ol{margin:0 0 22px 24px;color:var(--text-muted)}.article li{margin-bottom:8px;line-height:1.75}.article code{font-family:'JetBrains Mono',monospace;font-size:.85em;background:rgba(255,255,255,.06);padding:2px 6px;border-radius:4px;color:var(--primary-light)}.article pre{margin:20px 0 28px;border-radius:12px;background:var(--bg-s2);border:1px solid var(--card-border);overflow-x:auto}.article pre code{display:block;padding:20px;background:none;color:var(--text);line-height:1.6;font-size:.85rem}.callout{margin:24px 0;padding:20px 24px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}.callout-title{font-weight:700;font-size:.9rem;margin-bottom:8px;color:var(--text)}.callout-info{border-color:var(--blue-border);background:var(--blue-bg)}.callout-solution{border-color:var(--green-border);background:var(--green-bg)}.callout-tip{border-color:var(--yellow-border);background:var(--yellow-bg)}.impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:24px 0}.impact-card{padding:20px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1);text-align:center}.impact-val{font-size:1.8rem;font-weight:900;color:var(--primary);margin-bottom:4px}.impact-label{font-size:.8rem;color:var(--text-muted);font-weight:500}.source-ref{margin:16px 0;padding:14px 18px;border-radius:10px;border:1px solid var(--card-border);background:var(--bg-s1);font-size:.85rem;color:var(--text-muted)}.source-title{font-weight:600;color:var(--text);margin-bottom:2px}.source-url{font-size:.75rem;color:var(--text-muted);word-break:break-all}.table-wrap{overflow-x:auto;margin:20px 0 28px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:left;padding:12px 16px;font-weight:600;color:var(--text);border-bottom:1px solid var(--card-border)}td{padding:10px 16px;border-bottom:1px solid var(--card-border);color:var(--text-muted)}tr:last-child td{border-bottom:none}.toc{margin:32px 0;padding:24px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}.toc-title{font-size:.9rem;font-weight:700;margin-bottom:12px;color:var(--text);text-transform:uppercase;letter-spacing:.04em}.toc-list{list-style:none;margin:0;padding:0}.toc-list li{margin-bottom:6px}.toc-list a{color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:500}.toc-list a:hover{color:var(--primary)}.toc-list a .num{color:var(--primary);font-weight:700;margin-right:8px;font-family:'JetBrains Mono',monospace;font-size:.8rem}.footer{text-align:center;padding:48px 24px;border-top:1px solid var(--card-border);color:var(--text-muted);font-size:.85rem}.footer a{color:var(--link);text-decoration:none}.back-to-top{position:fixed;bottom:24px;right:24px;z-index:50;width:44px;height:44px;border-radius:12px;background:var(--primary);color:#fff;border:none;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(10px);transition:all .3s;pointer-events:none}.back-to-top.show{opacity:1;transform:none;pointer-events:auto}.reading-progress{position:fixed;top:64px;left:0;height:3px;background:var(--primary);z-index:99;transition:width .1s linear;width:0}@media(max-width:768px){.nav-inner{padding:0 10px}.nav-actions{gap:6px}.nav-link,.gh-link{padding:4px 8px;font-size:.75rem}.article{padding:0 16px 40px}.article-header{padding:48px 0 32px}.article-title{font-size:1.8rem}.article-subtitle{font-size:1rem}.article h2{font-size:1.3rem}.impact-grid{grid-template-columns:repeat(2,1fr)}} + +@media(max-width:768px){ +html,body{width:100%;max-width:100%;overflow-x:hidden} +.nav,.nav-inner,.nav-actions,.hero,.posts,.post-card,.article,.article-header,.grid,.card,.content,.footer{min-width:0;max-width:100%} +.nav-logo img{max-width:120px!important} +.nav-actions{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} +.nav-actions::-webkit-scrollbar{display:none} +.hero{padding-left:16px!important;padding-right:16px!important} +.hero h1{font-size:clamp(1.45rem,6.8vw,1.75rem)!important;line-height:1.16!important;white-space:normal!important;overflow-wrap:anywhere} +.hero h1 .hl{display:inline;overflow-wrap:anywhere} +.hero-inline-logo{width:min(30vw,118px)!important;max-width:118px!important} +.posts,.grid,.article,.content{padding-left:16px!important;padding-right:16px!important} +.post-card,.card{width:100%;max-width:calc(100vw - 32px)} +.article-title{font-size:clamp(1.45rem,7vw,1.75rem)!important;overflow-wrap:anywhere} +.post-title,.card h2{font-size:clamp(1rem,5.5vw,1.15rem)!important;overflow-wrap:anywhere} +.content p,.article p,.post-excerpt,.card p{overflow-wrap:anywhere} +} diff --git a/docs/blog/web-data-plugins-need-safety.html b/docs/blog/web-data-plugins-need-safety.html index b9e22e7..b421cb0 100644 --- a/docs/blog/web-data-plugins-need-safety.html +++ b/docs/blog/web-data-plugins-need-safety.html @@ -70,7 +70,7 @@ body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg) .nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border)} .nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px} .nav-logo{font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px} -.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo-dark,.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo-dark{display:block}[data-theme="light"] .nav-logo-light{display:block}[data-theme="light"] .nav-logo-dark{display:none} +.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo img.nav-logo-dark,.nav-logo img.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo img.nav-logo-dark{display:block}[data-theme="light"] .nav-logo img.nav-logo-light{display:block}[data-theme="light"] .nav-logo img.nav-logo-dark{display:none} .nav-actions{display:flex;align-items:center;gap:12px} .nav-link,.gh-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;padding:6px 14px;border-radius:8px;border:1px solid var(--card-border);transition:all .2s} .nav-link:hover,.nav-link.active,.gh-link:hover{color:var(--text);border-color:var(--primary)} @@ -114,6 +114,23 @@ tr:last-child td{border-bottom:none} .footer{text-align:center;padding:48px 24px;border-top:1px solid var(--card-border);color:var(--text-muted);font-size:.85rem} .footer a{color:var(--link);text-decoration:none} @media(max-width:768px){.nav-inner{padding:0 10px}.nav-actions{gap:6px}.nav-link,.gh-link{padding:4px 8px;font-size:.75rem}.article{padding:0 16px 40px}.article-header{padding:48px 0 32px}.article-title{font-size:1.8rem}.article-subtitle{font-size:1rem}.article h2{font-size:1.3rem}} + +@media(max-width:768px){ +html,body{width:100%;max-width:100%;overflow-x:hidden} +.nav,.nav-inner,.nav-actions,.hero,.posts,.post-card,.article,.article-header,.grid,.card,.content,.footer{min-width:0;max-width:100%} +.nav-logo img{max-width:120px!important} +.nav-actions{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} +.nav-actions::-webkit-scrollbar{display:none} +.hero{padding-left:16px!important;padding-right:16px!important} +.hero h1{font-size:clamp(1.45rem,6.8vw,1.75rem)!important;line-height:1.16!important;white-space:normal!important;overflow-wrap:anywhere} +.hero h1 .hl{display:inline;overflow-wrap:anywhere} +.hero-inline-logo{width:min(30vw,118px)!important;max-width:118px!important} +.posts,.grid,.article,.content{padding-left:16px!important;padding-right:16px!important} +.post-card,.card{width:100%;max-width:calc(100vw - 32px)} +.article-title{font-size:clamp(1.45rem,7vw,1.75rem)!important;overflow-wrap:anywhere} +.post-title,.card h2{font-size:clamp(1rem,5.5vw,1.15rem)!important;overflow-wrap:anywhere} +.content p,.article p,.post-excerpt,.card p{overflow-wrap:anywhere} +} diff --git a/docs/blog/wecom-openclaw-enterprise-chat.html b/docs/blog/wecom-openclaw-enterprise-chat.html index 64b24cb..78ec311 100644 --- a/docs/blog/wecom-openclaw-enterprise-chat.html +++ b/docs/blog/wecom-openclaw-enterprise-chat.html @@ -22,7 +22,24 @@ *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} -html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.75;font-size:16px;transition:background .3s,color .3s}.nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border)}.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px}.nav-logo{font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px}.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo-dark,.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo-dark{display:block}[data-theme="light"] .nav-logo-light{display:block}[data-theme="light"] .nav-logo-dark{display:none}.nav-actions{display:flex;align-items:center;gap:12px}.nav-link,.gh-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;padding:6px 14px;border-radius:8px;border:1px solid var(--card-border);transition:all .2s}.nav-link:hover,.nav-link.active,.gh-link:hover{color:var(--text);border-color:var(--primary)}.article{max-width:820px;margin:0 auto;padding:0 24px 80px}.article-header{padding:80px 0 48px;border-bottom:1px solid var(--card-border);margin-bottom:48px}.article-badge{display:inline-flex;align-items:center;gap:6px;background:var(--badge-bg);color:var(--badge-text);font-size:.8rem;font-weight:700;padding:4px 14px;border-radius:16px;margin-bottom:20px}.article-title{font-size:clamp(2rem,5vw,3rem);font-weight:900;letter-spacing:-0.03em;line-height:1.15;margin-bottom:16px}.article-title .hl{color:var(--primary)}.article-subtitle{font-size:1.2rem;color:var(--text-muted);margin-bottom:24px;line-height:1.5}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;color:var(--text-muted);font-size:.85rem}.article-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.article-pill{font-size:.75rem;padding:4px 12px;border-radius:6px;background:var(--card);border:1px solid var(--card-border);color:var(--text-muted);font-weight:500}.article h2{font-size:1.55rem;font-weight:800;letter-spacing:-0.02em;margin:52px 0 18px;padding-left:16px;border-left:4px solid var(--primary);line-height:1.3}.article h3{font-size:1.18rem;font-weight:750;margin:34px 0 12px;color:var(--text)}.article p{color:var(--text-muted);margin-bottom:18px;line-height:1.85}.article strong{color:var(--text);font-weight:650}.article a{color:var(--link);text-decoration:none;transition:color .2s}.article a:hover{color:var(--link-hover);text-decoration:underline}.article ul,.article ol{margin:0 0 22px 24px;color:var(--text-muted)}.article li{margin-bottom:8px;line-height:1.75}.article li strong{color:var(--text)}.article code{font-family:'JetBrains Mono',monospace;font-size:.85em;background:rgba(255,255,255,0.06);padding:2px 6px;border-radius:4px;color:var(--primary-light)}.callout{margin:24px 0;padding:20px 24px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}.callout-title{font-weight:750;font-size:.9rem;margin-bottom:8px;color:var(--text);display:flex;align-items:center;gap:8px}.callout-info{border-color:var(--blue-border);background:var(--blue-bg)}.callout-solution{border-color:var(--green-border);background:var(--green-bg)}.callout-tip{border-color:var(--yellow-border);background:var(--yellow-bg)}.source-ref{margin:16px 0;padding:16px 18px;border-radius:10px;border:1px solid var(--card-border);background:var(--bg-s1);font-size:.9rem;color:var(--text-muted)}.source-title{font-weight:700;color:var(--text);margin-bottom:4px}.source-url{font-size:.8rem;color:var(--text-muted);word-break:break-all}.table-wrap{overflow-x:auto;margin:20px 0 28px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:left;padding:12px 16px;font-weight:650;color:var(--text);border-bottom:1px solid var(--card-border)}td{padding:10px 16px;border-bottom:1px solid var(--card-border);color:var(--text-muted)}tr:last-child td{border-bottom:none}.checklist{margin:24px 0;padding:24px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}.checklist h3{margin:0 0 16px;font-size:1rem}.checklist-item{display:flex;align-items:flex-start;gap:10px;padding:6px 0;font-size:.9rem;color:var(--text-muted)}.checklist-box{width:18px;height:18px;border:2px solid var(--card-border);border-radius:4px;flex-shrink:0;margin-top:2px}.footer{text-align:center;padding:48px 24px;border-top:1px solid var(--card-border);color:var(--text-muted);font-size:.85rem}.footer a{color:var(--link);text-decoration:none}@media(max-width:768px){.nav-inner{padding:0 10px}.nav-actions{gap:6px}.nav-link,.gh-link{padding:4px 8px;font-size:.75rem}.article{padding:0 16px 40px}.article-header{padding:48px 0 32px}.article-title{font-size:1.8rem}.article-subtitle{font-size:1rem}.article h2{font-size:1.3rem}} +html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.75;font-size:16px;transition:background .3s,color .3s}.nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border)}.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px}.nav-logo{font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px}.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo img.nav-logo-dark,.nav-logo img.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo img.nav-logo-dark{display:block}[data-theme="light"] .nav-logo img.nav-logo-light{display:block}[data-theme="light"] .nav-logo img.nav-logo-dark{display:none}.nav-actions{display:flex;align-items:center;gap:12px}.nav-link,.gh-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;padding:6px 14px;border-radius:8px;border:1px solid var(--card-border);transition:all .2s}.nav-link:hover,.nav-link.active,.gh-link:hover{color:var(--text);border-color:var(--primary)}.article{max-width:820px;margin:0 auto;padding:0 24px 80px}.article-header{padding:80px 0 48px;border-bottom:1px solid var(--card-border);margin-bottom:48px}.article-badge{display:inline-flex;align-items:center;gap:6px;background:var(--badge-bg);color:var(--badge-text);font-size:.8rem;font-weight:700;padding:4px 14px;border-radius:16px;margin-bottom:20px}.article-title{font-size:clamp(2rem,5vw,3rem);font-weight:900;letter-spacing:-0.03em;line-height:1.15;margin-bottom:16px}.article-title .hl{color:var(--primary)}.article-subtitle{font-size:1.2rem;color:var(--text-muted);margin-bottom:24px;line-height:1.5}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;color:var(--text-muted);font-size:.85rem}.article-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.article-pill{font-size:.75rem;padding:4px 12px;border-radius:6px;background:var(--card);border:1px solid var(--card-border);color:var(--text-muted);font-weight:500}.article h2{font-size:1.55rem;font-weight:800;letter-spacing:-0.02em;margin:52px 0 18px;padding-left:16px;border-left:4px solid var(--primary);line-height:1.3}.article h3{font-size:1.18rem;font-weight:750;margin:34px 0 12px;color:var(--text)}.article p{color:var(--text-muted);margin-bottom:18px;line-height:1.85}.article strong{color:var(--text);font-weight:650}.article a{color:var(--link);text-decoration:none;transition:color .2s}.article a:hover{color:var(--link-hover);text-decoration:underline}.article ul,.article ol{margin:0 0 22px 24px;color:var(--text-muted)}.article li{margin-bottom:8px;line-height:1.75}.article li strong{color:var(--text)}.article code{font-family:'JetBrains Mono',monospace;font-size:.85em;background:rgba(255,255,255,0.06);padding:2px 6px;border-radius:4px;color:var(--primary-light)}.callout{margin:24px 0;padding:20px 24px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}.callout-title{font-weight:750;font-size:.9rem;margin-bottom:8px;color:var(--text);display:flex;align-items:center;gap:8px}.callout-info{border-color:var(--blue-border);background:var(--blue-bg)}.callout-solution{border-color:var(--green-border);background:var(--green-bg)}.callout-tip{border-color:var(--yellow-border);background:var(--yellow-bg)}.source-ref{margin:16px 0;padding:16px 18px;border-radius:10px;border:1px solid var(--card-border);background:var(--bg-s1);font-size:.9rem;color:var(--text-muted)}.source-title{font-weight:700;color:var(--text);margin-bottom:4px}.source-url{font-size:.8rem;color:var(--text-muted);word-break:break-all}.table-wrap{overflow-x:auto;margin:20px 0 28px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:left;padding:12px 16px;font-weight:650;color:var(--text);border-bottom:1px solid var(--card-border)}td{padding:10px 16px;border-bottom:1px solid var(--card-border);color:var(--text-muted)}tr:last-child td{border-bottom:none}.checklist{margin:24px 0;padding:24px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}.checklist h3{margin:0 0 16px;font-size:1rem}.checklist-item{display:flex;align-items:flex-start;gap:10px;padding:6px 0;font-size:.9rem;color:var(--text-muted)}.checklist-box{width:18px;height:18px;border:2px solid var(--card-border);border-radius:4px;flex-shrink:0;margin-top:2px}.footer{text-align:center;padding:48px 24px;border-top:1px solid var(--card-border);color:var(--text-muted);font-size:.85rem}.footer a{color:var(--link);text-decoration:none}@media(max-width:768px){.nav-inner{padding:0 10px}.nav-actions{gap:6px}.nav-link,.gh-link{padding:4px 8px;font-size:.75rem}.article{padding:0 16px 40px}.article-header{padding:48px 0 32px}.article-title{font-size:1.8rem}.article-subtitle{font-size:1rem}.article h2{font-size:1.3rem}} + +@media(max-width:768px){ +html,body{width:100%;max-width:100%;overflow-x:hidden} +.nav,.nav-inner,.nav-actions,.hero,.posts,.post-card,.article,.article-header,.grid,.card,.content,.footer{min-width:0;max-width:100%} +.nav-logo img{max-width:120px!important} +.nav-actions{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} +.nav-actions::-webkit-scrollbar{display:none} +.hero{padding-left:16px!important;padding-right:16px!important} +.hero h1{font-size:clamp(1.45rem,6.8vw,1.75rem)!important;line-height:1.16!important;white-space:normal!important;overflow-wrap:anywhere} +.hero h1 .hl{display:inline;overflow-wrap:anywhere} +.hero-inline-logo{width:min(30vw,118px)!important;max-width:118px!important} +.posts,.grid,.article,.content{padding-left:16px!important;padding-right:16px!important} +.post-card,.card{width:100%;max-width:calc(100vw - 32px)} +.article-title{font-size:clamp(1.45rem,7vw,1.75rem)!important;overflow-wrap:anywhere} +.post-title,.card h2{font-size:clamp(1rem,5.5vw,1.15rem)!important;overflow-wrap:anywhere} +.content p,.article p,.post-excerpt,.card p{overflow-wrap:anywhere} +} diff --git a/docs/blog/weixin-channel-mainstream-chat.html b/docs/blog/weixin-channel-mainstream-chat.html index d613cfe..da57d6e 100644 --- a/docs/blog/weixin-channel-mainstream-chat.html +++ b/docs/blog/weixin-channel-mainstream-chat.html @@ -22,7 +22,24 @@ *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} -html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.75;font-size:16px;transition:background .3s,color .3s}.nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border)}.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px}.nav-logo{font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px}.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo-dark,.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo-dark{display:block}[data-theme="light"] .nav-logo-light{display:block}[data-theme="light"] .nav-logo-dark{display:none}.nav-actions{display:flex;align-items:center;gap:12px}.nav-link,.gh-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;padding:6px 14px;border-radius:8px;border:1px solid var(--card-border);transition:all .2s}.nav-link:hover,.nav-link.active,.gh-link:hover{color:var(--text);border-color:var(--primary)}.article{max-width:820px;margin:0 auto;padding:0 24px 80px}.article-header{padding:80px 0 48px;border-bottom:1px solid var(--card-border);margin-bottom:48px}.article-badge{display:inline-flex;align-items:center;gap:6px;background:var(--badge-bg);color:var(--badge-text);font-size:.8rem;font-weight:700;padding:4px 14px;border-radius:16px;margin-bottom:20px}.article-title{font-size:clamp(2rem,5vw,3rem);font-weight:900;letter-spacing:-0.03em;line-height:1.15;margin-bottom:16px}.article-title .hl{color:var(--primary)}.article-subtitle{font-size:1.2rem;color:var(--text-muted);margin-bottom:24px;line-height:1.5}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;color:var(--text-muted);font-size:.85rem}.article-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.article-pill{font-size:.75rem;padding:4px 12px;border-radius:6px;background:var(--card);border:1px solid var(--card-border);color:var(--text-muted);font-weight:500}.article h2{font-size:1.55rem;font-weight:800;letter-spacing:-0.02em;margin:52px 0 18px;padding-left:16px;border-left:4px solid var(--primary);line-height:1.3}.article h3{font-size:1.18rem;font-weight:750;margin:34px 0 12px;color:var(--text)}.article p{color:var(--text-muted);margin-bottom:18px;line-height:1.85}.article strong{color:var(--text);font-weight:650}.article a{color:var(--link);text-decoration:none;transition:color .2s}.article a:hover{color:var(--link-hover);text-decoration:underline}.article ul,.article ol{margin:0 0 22px 24px;color:var(--text-muted)}.article li{margin-bottom:8px;line-height:1.75}.article li strong{color:var(--text)}.article code{font-family:'JetBrains Mono',monospace;font-size:.85em;background:rgba(255,255,255,0.06);padding:2px 6px;border-radius:4px;color:var(--primary-light)}.callout{margin:24px 0;padding:20px 24px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}.callout-title{font-weight:750;font-size:.9rem;margin-bottom:8px;color:var(--text);display:flex;align-items:center;gap:8px}.callout-info{border-color:var(--blue-border);background:var(--blue-bg)}.callout-solution{border-color:var(--green-border);background:var(--green-bg)}.callout-tip{border-color:var(--yellow-border);background:var(--yellow-bg)}.source-ref{margin:16px 0;padding:16px 18px;border-radius:10px;border:1px solid var(--card-border);background:var(--bg-s1);font-size:.9rem;color:var(--text-muted)}.source-title{font-weight:700;color:var(--text);margin-bottom:4px}.source-url{font-size:.8rem;color:var(--text-muted);word-break:break-all}.table-wrap{overflow-x:auto;margin:20px 0 28px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:left;padding:12px 16px;font-weight:650;color:var(--text);border-bottom:1px solid var(--card-border)}td{padding:10px 16px;border-bottom:1px solid var(--card-border);color:var(--text-muted)}tr:last-child td{border-bottom:none}.checklist{margin:24px 0;padding:24px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}.checklist h3{margin:0 0 16px;font-size:1rem}.checklist-item{display:flex;align-items:flex-start;gap:10px;padding:6px 0;font-size:.9rem;color:var(--text-muted)}.checklist-box{width:18px;height:18px;border:2px solid var(--card-border);border-radius:4px;flex-shrink:0;margin-top:2px}.footer{text-align:center;padding:48px 24px;border-top:1px solid var(--card-border);color:var(--text-muted);font-size:.85rem}.footer a{color:var(--link);text-decoration:none}@media(max-width:768px){.nav-inner{padding:0 10px}.nav-actions{gap:6px}.nav-link,.gh-link{padding:4px 8px;font-size:.75rem}.article{padding:0 16px 40px}.article-header{padding:48px 0 32px}.article-title{font-size:1.8rem}.article-subtitle{font-size:1rem}.article h2{font-size:1.3rem}} +html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.75;font-size:16px;transition:background .3s,color .3s}.nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border)}.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px}.nav-logo{font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px}.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo img.nav-logo-dark,.nav-logo img.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo img.nav-logo-dark{display:block}[data-theme="light"] .nav-logo img.nav-logo-light{display:block}[data-theme="light"] .nav-logo img.nav-logo-dark{display:none}.nav-actions{display:flex;align-items:center;gap:12px}.nav-link,.gh-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;padding:6px 14px;border-radius:8px;border:1px solid var(--card-border);transition:all .2s}.nav-link:hover,.nav-link.active,.gh-link:hover{color:var(--text);border-color:var(--primary)}.article{max-width:820px;margin:0 auto;padding:0 24px 80px}.article-header{padding:80px 0 48px;border-bottom:1px solid var(--card-border);margin-bottom:48px}.article-badge{display:inline-flex;align-items:center;gap:6px;background:var(--badge-bg);color:var(--badge-text);font-size:.8rem;font-weight:700;padding:4px 14px;border-radius:16px;margin-bottom:20px}.article-title{font-size:clamp(2rem,5vw,3rem);font-weight:900;letter-spacing:-0.03em;line-height:1.15;margin-bottom:16px}.article-title .hl{color:var(--primary)}.article-subtitle{font-size:1.2rem;color:var(--text-muted);margin-bottom:24px;line-height:1.5}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;color:var(--text-muted);font-size:.85rem}.article-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.article-pill{font-size:.75rem;padding:4px 12px;border-radius:6px;background:var(--card);border:1px solid var(--card-border);color:var(--text-muted);font-weight:500}.article h2{font-size:1.55rem;font-weight:800;letter-spacing:-0.02em;margin:52px 0 18px;padding-left:16px;border-left:4px solid var(--primary);line-height:1.3}.article h3{font-size:1.18rem;font-weight:750;margin:34px 0 12px;color:var(--text)}.article p{color:var(--text-muted);margin-bottom:18px;line-height:1.85}.article strong{color:var(--text);font-weight:650}.article a{color:var(--link);text-decoration:none;transition:color .2s}.article a:hover{color:var(--link-hover);text-decoration:underline}.article ul,.article ol{margin:0 0 22px 24px;color:var(--text-muted)}.article li{margin-bottom:8px;line-height:1.75}.article li strong{color:var(--text)}.article code{font-family:'JetBrains Mono',monospace;font-size:.85em;background:rgba(255,255,255,0.06);padding:2px 6px;border-radius:4px;color:var(--primary-light)}.callout{margin:24px 0;padding:20px 24px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}.callout-title{font-weight:750;font-size:.9rem;margin-bottom:8px;color:var(--text);display:flex;align-items:center;gap:8px}.callout-info{border-color:var(--blue-border);background:var(--blue-bg)}.callout-solution{border-color:var(--green-border);background:var(--green-bg)}.callout-tip{border-color:var(--yellow-border);background:var(--yellow-bg)}.source-ref{margin:16px 0;padding:16px 18px;border-radius:10px;border:1px solid var(--card-border);background:var(--bg-s1);font-size:.9rem;color:var(--text-muted)}.source-title{font-weight:700;color:var(--text);margin-bottom:4px}.source-url{font-size:.8rem;color:var(--text-muted);word-break:break-all}.table-wrap{overflow-x:auto;margin:20px 0 28px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:left;padding:12px 16px;font-weight:650;color:var(--text);border-bottom:1px solid var(--card-border)}td{padding:10px 16px;border-bottom:1px solid var(--card-border);color:var(--text-muted)}tr:last-child td{border-bottom:none}.checklist{margin:24px 0;padding:24px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-s1)}.checklist h3{margin:0 0 16px;font-size:1rem}.checklist-item{display:flex;align-items:flex-start;gap:10px;padding:6px 0;font-size:.9rem;color:var(--text-muted)}.checklist-box{width:18px;height:18px;border:2px solid var(--card-border);border-radius:4px;flex-shrink:0;margin-top:2px}.footer{text-align:center;padding:48px 24px;border-top:1px solid var(--card-border);color:var(--text-muted);font-size:.85rem}.footer a{color:var(--link);text-decoration:none}@media(max-width:768px){.nav-inner{padding:0 10px}.nav-actions{gap:6px}.nav-link,.gh-link{padding:4px 8px;font-size:.75rem}.article{padding:0 16px 40px}.article-header{padding:48px 0 32px}.article-title{font-size:1.8rem}.article-subtitle{font-size:1rem}.article h2{font-size:1.3rem}} + +@media(max-width:768px){ +html,body{width:100%;max-width:100%;overflow-x:hidden} +.nav,.nav-inner,.nav-actions,.hero,.posts,.post-card,.article,.article-header,.grid,.card,.content,.footer{min-width:0;max-width:100%} +.nav-logo img{max-width:120px!important} +.nav-actions{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} +.nav-actions::-webkit-scrollbar{display:none} +.hero{padding-left:16px!important;padding-right:16px!important} +.hero h1{font-size:clamp(1.45rem,6.8vw,1.75rem)!important;line-height:1.16!important;white-space:normal!important;overflow-wrap:anywhere} +.hero h1 .hl{display:inline;overflow-wrap:anywhere} +.hero-inline-logo{width:min(30vw,118px)!important;max-width:118px!important} +.posts,.grid,.article,.content{padding-left:16px!important;padding-right:16px!important} +.post-card,.card{width:100%;max-width:calc(100vw - 32px)} +.article-title{font-size:clamp(1.45rem,7vw,1.75rem)!important;overflow-wrap:anywhere} +.post-title,.card h2{font-size:clamp(1rem,5.5vw,1.15rem)!important;overflow-wrap:anywhere} +.content p,.article p,.post-excerpt,.card p{overflow-wrap:anywhere} +} diff --git a/docs/public/favicon.ico b/docs/public/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..81299f0a0d506248343aec7459738a060c72bb57 GIT binary patch literal 6457 zcmai&RZtvEvxXOUhs8BWmf$V{mc`v&0xTNb10lEu4;FNBhXBFd0tpEV1PdBqu|RNH zoWu8j=i*$Ps(-3Ry1QzsFXpX&dH?_v06Kt}81OWh0Q_hGfZ{(Vrhn~pEC9g&$;Zd{ zuf2r_0N_1MF!*0v1r-1|1_A(a+L}rPxHPy=UIGF`rh(vqx(H0QE{m zURM82o`#-=qn-)*1H4D{=;njfhsEZiDY%ebba|O+WuJ3=2onTZUyfIXi?9bKsrD;a z8-Auv@nlw3kmbZLY1fw5Zdij5Q=;fJl2yBsRsPYsvGh8kK6HL|ZT=fCk$;#{o#?J>oJK8U;x_ zvvl!P){cBS?kLfCh$?~cP+w=5d9~pQC-xc{v(-p-%hZcrVr61xTSZOP<-dCn*)eDO ztyABPsi|KfH8s5KHM0?q^|j3#s#U(ujcTe19Hh#)VWa!|&tt6RXZS`ghi$GZy52(j z<|1&Noh2zv>tOZ~q2``n)o+_e>Rf;_&nbL8KpBJXEi{L9b<8E{dF~?DY5Z~bKjcs$ z4S*knEK~s0{w*Jx9@X`l7GnV(TywZ>N){=BeF||(?ntY-bnA}IFbFMif9ZvtThBD_wwl0+&=6P zGC<0y%K51>VS$2}X8tR0H^TTT{TYf@-=bDQ4B60IQMW?bNZqQ)R3gSTL4<|_M=)2$ z@#&@t9WCw9>pINEJb*m9D#)^a-t+v*Gf&zZ^DG1RQu1RHB(boDt zz|oN?opX@NPY$&#Z>WD{q}*DU^yAK-gC+li&PNoJFIv&oDB0;xQUItZXv)_^tit~v z!7x3Anf@af@4&!w007JEU%}KFIjhsnQ#>5zXTLk*TDR^uEXL%GM{jOYFHzM*V*!&Y znbgXo7*x+xS63VRZhTE8{gOG|T%G>PX(pzu{DZ54#(Vm-OCrAn8Ut`htD@Vp+)l7M zf(qXPo9i!6*JnZRYVQRF9|Do2pwgP`4(~(p-`9uYNE8>I4PCYPuv=D_cz~;(((_dB z&^bJ@FGtsoGu`D*`X?0mk~xawP$($4qE*BqA>o%9DifG2^sFlrh&b8WGAbjkLjfV} zEaowoj%LM)JVI-=V$(pQ)bBMkgHPF+LNMFgP{ih^OD-;vl8^PDj_{SQ7kMm>RK*DG z>9KBT+TQ{>Lmkfp`Rz=S@a}^A#qNNLO4-(=&IE-83>xQ1N!S;g-y)Gz^)o`QO!;t_ zGW*tSkmVkvpRE(IoPkOnB`t@2ju~-Tq%41%WBpa-JB?%B$6a3kT%Ox|h4`_t^pmwN07=}*_ysdRTVr=iXu1!t5OnNMr8m+e7! z3P|5!nw9Tgv8Iv8I5wxmIC`#SNOq(^QdkUv2Xox-s7H}}dNJRb)V z2h{~C`|Liu$*c0lF2>(i8#2r1kSUG_I7#3Y6<=v6U=-kCHg0wrGwWh@RG!Hjdst9h z|EcDDxrcpNJia?TyCx<==i3ph{?uL@2Z0__vt&Hu z%`R`!dyN+*EgY?UoteA4EYi=5PMBSuvtK+k9x2OeVWdH%rI2aT9{(<&0#*!mH&zWA zLJV+{*nV5i#Qpqr`by)I(N=1Ed~Y`%7$e-|YooWzE8`GJmbQ}N^7rTNMyE(Lfag2h zFg6y09Td>~e01G;N2L2N5ouG4s8{okpYo2V0eG|x(@xzm%^F>Vz#^9f=VY(kw1=NB zh2S5dWf#MYV z$v#*k>b8aj3rXVG@Jz7mj6}G1doC#&a^4uqEJJYU#l6sj7y=|1Mz@q020m#O3@2;B z6whYJ8H6t|raR8Q%HY zq90!$!oeD>#c+y)g9FYSeNKg)30TGbEi#Qb+|DLA-*G!C7cn_EX9yEG~aqs;&E zuStv3+}zyH6U3;KmzVBB`8aQ0?fvH2b-Ja71_8ZPVEXp<_O9fF%!G=0W&y${;>(d^Gzhj2>^dB`?31wSor6oi~G21JEljZ|iZL_|cSPwY7P z`DJ=_(9w%|gyIhw&kJg#y<|wHVN6u~^M?b*TC{(D1JBQ#p0N#~N$jo9qvRpjPRfaW81}|jIxu`JTo%bV z^;|<(sD0k1QT3A7Y;Vt8n&E9M&vMhj%=c96PW7}rFqoTk(08C>!-gy=!fSf?>sRbm zDNoesbTOY}CRB#x#iUu2hQjahWcx$=3QXjKl3QDFxoBDOV!SF3v2Pp*U*MHEFtOK3 zSa>SLhTl0PpyS0|uz^Ib$WY;Ay+w0dPkukis%+NT-gyMkwh=9@Q*p1fl!Y0sRY;JE zNf#x+roB$XS)DcLd+Q2irT~1B$5ucnXME8TMDp?+xM{>v39Z9J~5b@<@Z2D9sD^5<=Jl5f2qm;U@zZ)YO)dPb<7j{*8W?Q zw@gA@3})#c^SqDV^|{~P` znZ5TAh@W;!W%9|k|335aD`y;2$p&#sxi-hC+|7Q^Wl!r-um6$wcjS3bImRN=G$rIx zLvytYxqNiQxbqf{^1x_CS*QZ;%6Yj(tW|I*nRyr?B`kbnF+T41{<*5E`QxlmmAIzq za$Ini-8fUlGsP-bi7&tBjq=ddI;5?EBv9h?Ztn0mD%9Q2;3^hniYQCX^~fQ&|P~xt_V_ zbTR-3?0_#l68oxs-Vx(t0`Wx!ch|urAVyylmz4c=$e_uaE-n-y*uF@^HP~PXfFeut1uE$|Kw(QBEDZ=w5 zH6bF_Zs7a1qo6tSB(+>0Vyzbpc%ea7*2#kayqFY1md9WRs@&^e`nk zziuuI6@0!0Q`b0)qUR|1BEAPN0yn(|ol+4kN zm(ELQdKUE^p3H{2nynd`ozWQ#t-%_JNrR9DOT$ZT@O1fwq$Z2fbVAF@ii^@K#_&$U zF|;y28Y>lNOYBG(4m!5cbVE@MUdo5Mv9Z&Fq|t-I@;Wgcos;B|xj8MpqWX4L=Wa*d z7hO_H^D?;Ngi*0U0^~M{D(j#yK@`%w-b8UqBWb+>g>X&US7o`be;w=y#vBqKuHjj5DWxE#)>IbAgOut|gOv4a|~eQ8Zfc)Qgb$ zr5e@HEdC42Bst!)${6pL47f#eM@n>sK{I-T6<5`pW$iWz2Nxc}YJJ3B0S+9JbjdH~ zOUYo7%xvEvefXH3S@ZD=Je2%&ngTf-f$s7wzbN9sUWB-|rp%)?uZ0}c;_S-f9K5|T zrc|(}_iF#%g_-=}u$aZ%fohkM#r2hd zE(814@lM*I109HDMkr{0M~`21!i5DdGyUrpoqu2t_11!MKSw+{1!@@&r6D@%uCl3+ z9+UM700LP%u_8`rY+M@0x6S4w7EJTLlc181K~%mL(7_wqoTM7swj%aqW^Y;ln2yRB zMm@xprS@gpHdj)`w}9UupIy!2r#ScrD2caCFhfNmE$aJXx_MQSzBwjOADw(POIq8C zqeT0nLF{W}lB52Ga9Rsfg|Mt@H+5q5PtN*sRDRHjqENM$RTEoEs44#5V`5DeKujsg zx^T9sftyq|uD&LiO;7utAk;=<=o5t5)Wq7Oel7whULZA@&47M{kB={Ow?7mT?C(MB zK!(%8^DBE&S;QeKC%UJRDv4ckwbzln)m6(l4hOX6)iL?|ck*nF5p-(fOQQ@FjHV=3`C49zUtVdFIZ~(M|Mdf|Vx54f^uq@P?YHZrb9HmKBh(mUW`Kk$Rzk0i#9B3=_G)$ilRL~^iwrQOWHVt4}%2tVbvHp!|0 z;4l)#G`cJZ{KyejyXUZ00eJD_w0Ui*vaP-N)E)lWVS;mH;^pmMh32o-w!{LcQ7b>o z)EZyUa$cwlsql|+2hPvTM7Fkyd<>Rh8s1D3GYH7!G6@GW6`~hN_*S#5PELk?_(1CN zyO(}^d|b8PiVypHlgGo|wN6P%iQM}3&JN;uedy{6k=*EsP}Dax+~`5B>do=;@E9^= zi@4GNdCV(crh6(#80c=ezTjoNsxF2waKA_s5AHk9EnoEikt?c2%1VlJy_NN9Oe0t1 z+s1~C@Xke`ou6N;5WXBdU(#qi2Ex2BJImJ9)fJMgo}@szxZ78d!qY}MrHSet=;zmp@dh>FX~6xLIA6w@-tBFJer zLAbQck%JR(_(<=&+v8u*{a#QN{+jJ%~vz zyS$2A++z(eS7#QpxA)o(y_maH|Fl%|B^4BdGXF=5zR~_d>Q~0@JQ;FIh#PLy72Hw( z!2cEtD+8=ALNUPq;k`}f95!dmE%L~yQOn@{Dj7LB{)vXvE8JKt9L*8t67;*^mgt$S z?Tw0ZkShp*!^{A3b#_k46(Klcy;{!9M8~qk^?>hst;dCfi=bCr9Dy8J2(uBuMN(iAxN83MOD{j}ym&4UIo0o1UqRsOK7|DiQB;?TuS z`P|__w?bOXfzqx@Aa}mSz$eT-J9Duos@pbIZbYM zdNxa~y*Hzw#$xfhGEH>vKv*L&U(#D1VYCfx_+7}1h5NOJm@jdj}&)n zL)ialjJi_(Tr24=5mMmBzwpIK{o7LiTvL;OJOT7%K5lqTxbx6ycORN7$2`mK5U5hb z1RV0s$Pn|r6I(k=>|z2bw-UO&exQ7;aaiW?YYIICVOSGYb7P6Y5&sfo-` zV?egSsXXJ)%2MihW=UiMY7+_;^b!*MaSQ!>~_bV0h83}5B+qqnl zeiF*@DdR5TLT#iM+xwx1dNk=`vRd-zDfP+>V_mg?J)I=*(PfS+#7!%?A*lBTup?Lu z!Is{Ly;TiE{~Kg6-{sQf8E9#Vcm>Z-BMQDS_^WJ?5x@D7Yw88hF8cN7lWh(kbg;j! zPo4LIZdt^(eW&#JbI%8?84fbVYZQk1{{s2or#SdOkYDZOx%%`|P5dw9ADGF07-GT~ z%*i{AKF7O%l)S+>Ok@%4$VW`q*K#6abD_m zBz=jLQr<)LC(HZRtVnewbY`AkWQTfaV=h3j&J~(-z0*6*^~N>#d89U8p=~fbqE0p) z0`L#Z9#=aLo4#KdpZCcur-s=V(4v;w`h(*SqqdhCd1py~x`+9w3t`MAR5X|)?`f@d z%%Ye>^`KHDAE&zQ?2T{G`eUk~vz4Da;J| z2Eb2}ju%ENU%%}_j{_7KWIjB3a~JGKwINM8`L{g~a3XKc9cy`r$nkgM0d`_{Fv074 zP z8GH-~yLcSNZrRY3ZDz;|$N1yu;S*i(d5C9%AeaUW51T?&M9>P&qtMWq8YTbVhx9*g CGz)tG literal 0 HcmV?d00001 diff --git a/docs/website/directory.html b/docs/website/directory.html index c9c5f0f..b05b597 100644 --- a/docs/website/directory.html +++ b/docs/website/directory.html @@ -58,10 +58,10 @@ body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg) .nav-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:16px;padding:0 24px;min-height:64px} .nav-logo{color:var(--text);text-decoration:none;display:flex;align-items:center;flex-shrink:0;min-width:0;overflow:hidden} .nav-logo img{display:block;height:24px;width:auto;max-width:150px} -.nav-logo-dark,.nav-logo-light{display:none} -:root:not([data-theme="light"]) .nav-logo-dark{display:block} -[data-theme="light"] .nav-logo-light{display:block} -[data-theme="light"] .nav-logo-dark{display:none} +.nav-logo img.nav-logo-dark,.nav-logo img.nav-logo-light{display:none} +:root:not([data-theme="light"]) .nav-logo img.nav-logo-dark{display:block} +[data-theme="light"] .nav-logo img.nav-logo-light{display:block} +[data-theme="light"] .nav-logo img.nav-logo-dark{display:none} .nav-links{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:none;white-space:nowrap} .nav-links::-webkit-scrollbar{display:none} .nav-links a{color:var(--text-muted);text-decoration:none;font-size:.82rem;padding:6px 10px;border-radius:6px;white-space:nowrap;transition:color .2s,background .2s;font-weight:500;flex:0 0 auto} @@ -161,6 +161,23 @@ body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg) @keyframes fadeInUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}} .card{animation:fadeInUp .4s ease both} + +@media(max-width:768px){ +html,body{width:100%;max-width:100%;overflow-x:hidden} +.nav,.nav-inner,.nav-actions,.hero,.posts,.post-card,.article,.article-header,.grid,.card,.content,.footer{min-width:0;max-width:100%} +.nav-logo img{max-width:120px!important} +.nav-actions{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} +.nav-actions::-webkit-scrollbar{display:none} +.hero{padding-left:16px!important;padding-right:16px!important} +.hero h1{font-size:clamp(1.45rem,6.8vw,1.75rem)!important;line-height:1.16!important;white-space:normal!important;overflow-wrap:anywhere} +.hero h1 .hl{display:inline;overflow-wrap:anywhere} +.hero-inline-logo{width:min(30vw,118px)!important;max-width:118px!important} +.posts,.grid,.article,.content{padding-left:16px!important;padding-right:16px!important} +.post-card,.card{width:100%;max-width:calc(100vw - 32px)} +.article-title{font-size:clamp(1.45rem,7vw,1.75rem)!important;overflow-wrap:anywhere} +.post-title,.card h2{font-size:clamp(1rem,5.5vw,1.15rem)!important;overflow-wrap:anywhere} +.content p,.article p,.post-excerpt,.card p{overflow-wrap:anywhere} +} @@ -487,7 +504,6 @@ body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg) -
B
@@ -862,7 +878,6 @@ body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg)
-
B
@@ -1166,7 +1181,6 @@ body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg)
-
B
@@ -1480,7 +1494,6 @@ body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg)
-
B
@@ -1639,7 +1652,6 @@ body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg)
-
B
diff --git a/docs/website/index.html b/docs/website/index.html index b474f4b..31a7c32 100644 --- a/docs/website/index.html +++ b/docs/website/index.html @@ -68,10 +68,10 @@ body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg) .nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px} .nav-logo{font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px;flex-shrink:0} .nav-logo img{height:28px;width:auto} -.nav-logo-dark,.nav-logo-light{display:none} -:root:not([data-theme="light"]) .nav-logo-dark{display:block} -[data-theme="light"] .nav-logo-light{display:block} -[data-theme="light"] .nav-logo-dark{display:none} +.nav-logo img.nav-logo-dark,.nav-logo img.nav-logo-light{display:none} +:root:not([data-theme="light"]) .nav-logo img.nav-logo-dark{display:block} +[data-theme="light"] .nav-logo img.nav-logo-light{display:block} +[data-theme="light"] .nav-logo img.nav-logo-dark{display:none} .nav-actions{display:flex;align-items:center;gap:12px;flex-shrink:0} .sidebar{position:fixed;top:80px;right:max(16px,calc((100vw - 1200px)/2 - 180px));width:180px;max-height:calc(100vh - 100px);overflow-y:auto;z-index:50;scrollbar-width:none;opacity:0;pointer-events:none;transform:translateX(10px);transition:opacity .3s,transform .3s} .sidebar.visible{opacity:1;pointer-events:auto;transform:none} @@ -231,8 +231,10 @@ body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg) } @media(max-width:420px){ .nav-inner{padding:8px 10px} -.nav-logo{max-width:136px} -.nav-logo img{max-width:136px;height:23px} +.hero h1{font-size:clamp(1.75rem,8vw,2.15rem);gap:2px 6px} +.hero-inline-logo{width:min(34vw,128px)} +.nav-logo{max-width:128px} +.nav-logo img{max-width:128px;height:22px} .dir-link{padding:6px 9px;font-size:.75rem} .theme-toggle{display:none} .hero{padding-top:38px} @@ -242,6 +244,23 @@ body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg) .content pre,.table-wrap{margin-left:-16px;margin-right:-16px} } @media(min-width:769px) and (max-width:1200px){.sidebar{display:none}} + +@media(max-width:768px){ +html,body{width:100%;max-width:100%;overflow-x:hidden} +.nav,.nav-inner,.nav-actions,.hero,.posts,.post-card,.article,.article-header,.grid,.card,.content,.footer{min-width:0;max-width:100%} +.nav-logo img{max-width:120px!important} +.nav-actions{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} +.nav-actions::-webkit-scrollbar{display:none} +.hero{padding-left:16px!important;padding-right:16px!important} +.hero h1{font-size:clamp(1.45rem,6.8vw,1.75rem)!important;line-height:1.16!important;white-space:normal!important;overflow-wrap:anywhere} +.hero h1 .hl{display:inline;overflow-wrap:anywhere} +.hero-inline-logo{width:min(30vw,118px)!important;max-width:118px!important} +.posts,.grid,.article,.content{padding-left:16px!important;padding-right:16px!important} +.post-card,.card{width:100%;max-width:calc(100vw - 32px)} +.article-title{font-size:clamp(1.45rem,7vw,1.75rem)!important;overflow-wrap:anywhere} +.post-title,.card h2{font-size:clamp(1rem,5.5vw,1.15rem)!important;overflow-wrap:anywhere} +.content p,.article p,.post-excerpt,.card p{overflow-wrap:anywhere} +} diff --git a/docs/website/use-cases.html b/docs/website/use-cases.html index bf00d47..e3de877 100644 --- a/docs/website/use-cases.html +++ b/docs/website/use-cases.html @@ -25,7 +25,24 @@ *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} :root{--bg:#0A0A0A;--bg-s1:#111;--bg-s2:#1A1A1A;--text:#EDEDED;--text-muted:#888;--card:rgba(255,255,255,.05);--card-border:rgba(255,255,255,.08);--primary:#DC2626;--primary-light:#EF4444;--badge-bg:rgba(220,38,38,.12);--badge-text:#EF4444;--nav-bg:rgba(10,10,10,.82);--tag-bg:rgba(255,255,255,.06);--tag-border:rgba(255,255,255,.1);--gold:#F59E0B} [data-theme="light"]{--bg:#FAFAFA;--bg-s1:#fff;--bg-s2:#F5F5F5;--text:#171717;--text-muted:#666;--card:#fff;--card-border:rgba(0,0,0,.08);--badge-bg:rgba(220,38,38,.08);--badge-text:#DC2626;--nav-bg:rgba(250,250,250,.86);--tag-bg:rgba(0,0,0,.04);--tag-border:rgba(0,0,0,.08)} -html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;font-size:16px}.nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border)}.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px}.nav-logo{font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none;display:flex;gap:8px}.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo-dark,.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo-dark{display:block}[data-theme="light"] .nav-logo-light{display:block}[data-theme="light"] .nav-logo-dark{display:none}.nav-links{display:flex;gap:4px;overflow-x:auto}.nav-links a{color:var(--text-muted);text-decoration:none;font-size:.85rem;padding:6px 12px;border-radius:6px;white-space:nowrap;font-weight:500}.nav-links a:hover,.nav-links a.active{color:var(--text);background:var(--card)}.theme-toggle{background:var(--card);border:1px solid var(--card-border);color:var(--text);cursor:pointer;width:36px;height:36px;border-radius:8px;font-size:1.1rem}.hero{text-align:center;padding:80px 24px 48px;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:45%;left:50%;width:650px;height:650px;transform:translate(-50%,-60%);background:radial-gradient(circle,rgba(220,38,38,.1) 0%,transparent 60%);pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--badge-bg);color:var(--badge-text);font-size:.85rem;font-weight:700;padding:6px 16px;border-radius:20px;margin-bottom:20px}.hero h1{font-size:clamp(2rem,5vw,3.6rem);font-weight:900;letter-spacing:-.03em;line-height:1.12;margin-bottom:16px;position:relative}.hero h1 .hl{color:var(--primary)}.hero p{color:var(--text-muted);font-size:1.08rem;max-width:760px;margin:0 auto 28px}.filters{max-width:1200px;margin:0 auto;padding:0 24px 32px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.filter-btn{background:var(--card);border:1px solid var(--card-border);color:var(--text-muted);cursor:pointer;padding:8px 18px;border-radius:8px;font-size:.85rem;font-family:inherit;font-weight:600}.filter-btn:hover,.filter-btn.active{color:var(--badge-text);border-color:var(--primary);background:var(--badge-bg)}.grid{max-width:1200px;margin:0 auto;padding:0 24px 56px;display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:20px}.card{background:var(--bg-s1);border:1px solid var(--card-border);border-radius:16px;padding:24px;display:flex;flex-direction:column;transition:all .25s}.card:hover{border-color:rgba(220,38,38,.3);transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,.2)}.card-kicker{font-size:.75rem;color:var(--badge-text);font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.card h2{font-size:1.18rem;line-height:1.3;margin-bottom:10px}.card p{color:var(--text-muted);font-size:.92rem;line-height:1.62;margin-bottom:16px;flex:1}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.tag{font-size:.75rem;color:var(--text-muted);padding:3px 10px;border-radius:6px;background:var(--tag-bg);border:1px solid var(--tag-border);font-weight:600}.links{display:flex;gap:12px;flex-wrap:wrap;margin-top:auto}.links a{color:var(--primary-light);font-size:.83rem;text-decoration:none;font-weight:700}.section{max-width:1200px;margin:0 auto;padding:28px 24px 16px}.section h2{font-size:1.55rem;font-weight:900;margin-bottom:8px}.section p{color:var(--text-muted);max-width:760px}.source-box{max-width:1200px;margin:0 auto 80px;padding:24px;background:var(--bg-s1);border:1px solid var(--card-border);border-radius:16px;color:var(--text-muted)}.source-box a{color:var(--primary-light)}.footer{text-align:center;padding:48px 24px;border-top:1px solid var(--card-border);color:var(--text-muted);font-size:.85rem}.footer a{color:var(--primary-light);text-decoration:none}@media(max-width:768px){.grid{grid-template-columns:1fr;padding:0 16px 40px}.nav-links{display:none}.hero{padding:56px 16px 32px}.filters{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding:0 16px 20px}.filter-btn{white-space:nowrap}.section{padding:24px 16px 12px}.source-box{margin:0 16px 56px}} +html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;font-size:16px}.nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border)}.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px}.nav-logo{font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none;display:flex;gap:8px}.nav-logo .claw{color:var(--primary)}.nav-logo img{display:block;height:28px;width:auto;max-width:190px}.nav-logo img.nav-logo-dark,.nav-logo img.nav-logo-light{display:none}:root:not([data-theme="light"]) .nav-logo img.nav-logo-dark{display:block}[data-theme="light"] .nav-logo img.nav-logo-light{display:block}[data-theme="light"] .nav-logo img.nav-logo-dark{display:none}.nav-links{display:flex;gap:4px;overflow-x:auto}.nav-links a{color:var(--text-muted);text-decoration:none;font-size:.85rem;padding:6px 12px;border-radius:6px;white-space:nowrap;font-weight:500}.nav-links a:hover,.nav-links a.active{color:var(--text);background:var(--card)}.theme-toggle{background:var(--card);border:1px solid var(--card-border);color:var(--text);cursor:pointer;width:36px;height:36px;border-radius:8px;font-size:1.1rem}.hero{text-align:center;padding:80px 24px 48px;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:45%;left:50%;width:650px;height:650px;transform:translate(-50%,-60%);background:radial-gradient(circle,rgba(220,38,38,.1) 0%,transparent 60%);pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--badge-bg);color:var(--badge-text);font-size:.85rem;font-weight:700;padding:6px 16px;border-radius:20px;margin-bottom:20px}.hero h1{font-size:clamp(2rem,5vw,3.6rem);font-weight:900;letter-spacing:-.03em;line-height:1.12;margin-bottom:16px;position:relative}.hero h1 .hl{color:var(--primary)}.hero p{color:var(--text-muted);font-size:1.08rem;max-width:760px;margin:0 auto 28px}.filters{max-width:1200px;margin:0 auto;padding:0 24px 32px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.filter-btn{background:var(--card);border:1px solid var(--card-border);color:var(--text-muted);cursor:pointer;padding:8px 18px;border-radius:8px;font-size:.85rem;font-family:inherit;font-weight:600}.filter-btn:hover,.filter-btn.active{color:var(--badge-text);border-color:var(--primary);background:var(--badge-bg)}.grid{max-width:1200px;margin:0 auto;padding:0 24px 56px;display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:20px}.card{background:var(--bg-s1);border:1px solid var(--card-border);border-radius:16px;padding:24px;display:flex;flex-direction:column;transition:all .25s}.card:hover{border-color:rgba(220,38,38,.3);transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,.2)}.card-kicker{font-size:.75rem;color:var(--badge-text);font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.card h2{font-size:1.18rem;line-height:1.3;margin-bottom:10px}.card p{color:var(--text-muted);font-size:.92rem;line-height:1.62;margin-bottom:16px;flex:1}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.tag{font-size:.75rem;color:var(--text-muted);padding:3px 10px;border-radius:6px;background:var(--tag-bg);border:1px solid var(--tag-border);font-weight:600}.links{display:flex;gap:12px;flex-wrap:wrap;margin-top:auto}.links a{color:var(--primary-light);font-size:.83rem;text-decoration:none;font-weight:700}.section{max-width:1200px;margin:0 auto;padding:28px 24px 16px}.section h2{font-size:1.55rem;font-weight:900;margin-bottom:8px}.section p{color:var(--text-muted);max-width:760px}.source-box{max-width:1200px;margin:0 auto 80px;padding:24px;background:var(--bg-s1);border:1px solid var(--card-border);border-radius:16px;color:var(--text-muted)}.source-box a{color:var(--primary-light)}.footer{text-align:center;padding:48px 24px;border-top:1px solid var(--card-border);color:var(--text-muted);font-size:.85rem}.footer a{color:var(--primary-light);text-decoration:none}@media(max-width:768px){.grid{grid-template-columns:1fr;padding:0 16px 40px}.nav-links{display:none}.hero{padding:56px 16px 32px}.filters{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding:0 16px 20px}.filter-btn{white-space:nowrap}.section{padding:24px 16px 12px}.source-box{margin:0 16px 56px}} + +@media(max-width:768px){ +html,body{width:100%;max-width:100%;overflow-x:hidden} +.nav,.nav-inner,.nav-actions,.hero,.posts,.post-card,.article,.article-header,.grid,.card,.content,.footer{min-width:0;max-width:100%} +.nav-logo img{max-width:120px!important} +.nav-actions{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} +.nav-actions::-webkit-scrollbar{display:none} +.hero{padding-left:16px!important;padding-right:16px!important} +.hero h1{font-size:clamp(1.45rem,6.8vw,1.75rem)!important;line-height:1.16!important;white-space:normal!important;overflow-wrap:anywhere} +.hero h1 .hl{display:inline;overflow-wrap:anywhere} +.hero-inline-logo{width:min(30vw,118px)!important;max-width:118px!important} +.posts,.grid,.article,.content{padding-left:16px!important;padding-right:16px!important} +.post-card,.card{width:100%;max-width:calc(100vw - 32px)} +.article-title{font-size:clamp(1.45rem,7vw,1.75rem)!important;overflow-wrap:anywhere} +.post-title,.card h2{font-size:clamp(1rem,5.5vw,1.15rem)!important;overflow-wrap:anywhere} +.content p,.article p,.post-excerpt,.card p{overflow-wrap:anywhere} +} diff --git a/scripts/validate_static.py b/scripts/validate_static.py index 9723318..bc3fad9 100755 --- a/scripts/validate_static.py +++ b/scripts/validate_static.py @@ -55,6 +55,32 @@ class Parser(HTMLParser): pass +class CardGridParser(HTMLParser): + """Check directory cards stay inside their responsive grid containers.""" + + def __init__(self) -> None: + super().__init__(convert_charrefs=True) + self.stack: list[tuple[str, set[str], int]] = [] + self.bad_cards: list[int] = [] + + def handle_starttag(self, tag: str, attrs: list[tuple[str, str | None]]) -> None: + attr = {key: value or "" for key, value in attrs} + classes = set(attr.get("class", "").split()) + line = self.getpos()[0] + parent = self.stack[-1] if self.stack else None + if tag == "div" and "card" in classes: + parent_is_grid = bool(parent and parent[0] == "div" and "grid" in parent[1]) + if not parent_is_grid: + self.bad_cards.append(line) + self.stack.append((tag, classes, line)) + + def handle_endtag(self, tag: str) -> None: + for index in range(len(self.stack) - 1, -1, -1): + if self.stack[index][0] == tag: + self.stack = self.stack[:index] + return + + def check_html() -> None: for path in list((ROOT / "docs" / "website").glob("*.html")) + list((ROOT / "docs" / "blog").glob("*.html")) + list((ROOT / "docs" / "public").rglob("*.html")): parser = Parser() @@ -65,6 +91,31 @@ def check_html() -> None: print("HTML parse OK") +def check_directory_layout() -> None: + path = ROOT / "docs" / "website" / "directory.html" + parser = CardGridParser() + parser.feed(path.read_text(errors="ignore")) + if parser.bad_cards: + lines = ", ".join(str(line) for line in parser.bad_cards[:20]) + more = "" if len(parser.bad_cards) <= 20 else f" (+{len(parser.bad_cards) - 20} more)" + fail(f"Directory cards outside .grid containers at lines: {lines}{more}") + print("Directory card grids OK") + + +def check_nav_logo_theme_rules() -> None: + html_paths = list((ROOT / "docs" / "website").glob("*.html")) + list((ROOT / "docs" / "blog").glob("*.html")) + bad: list[str] = [] + for path in html_paths: + text = path.read_text(errors="ignore") + if "nav-logo-light" not in text: + continue + if "[data-theme=\"light\"] .nav-logo img.nav-logo-light{display:block}" not in text: + bad.append(str(path.relative_to(ROOT))) + if bad: + fail("Theme logo display rules are missing or too weak in: " + ", ".join(bad)) + print("Theme logo rules OK") + + def check_vercel() -> None: config = json.loads((ROOT / "vercel.json").read_text()) missing: list[tuple[str, str]] = [] @@ -111,6 +162,8 @@ def check_readme_anchors() -> None: def main() -> None: check_json() check_html() + check_directory_layout() + check_nav_logo_theme_rules() check_vercel() check_readme_anchors() print("All static validations passed") diff --git a/vercel.json b/vercel.json index 9bca7e4..739de9b 100644 --- a/vercel.json +++ b/vercel.json @@ -11,6 +11,9 @@ { "source": "/blog", "destination": "/docs/blog/blog.html" }, { "source": "/blog/:slug", "destination": "/docs/blog/:slug.html" }, { "source": "/blog/:slug.html", "destination": "/docs/blog/:slug.html" }, + { "source": "/site-theme.css", "destination": "/docs/site-theme.css" }, + { "source": "/site-theme.js", "destination": "/docs/site-theme.js" }, + { "source": "/favicon.ico", "destination": "/docs/public/favicon.ico" }, { "source": "/og-image.png", "destination": "/docs/public/og-image.png" }, { "source": "/robots.txt", "destination": "/docs/public/robots.txt" }, { "source": "/sitemap.xml", "destination": "/docs/public/sitemap.xml" },