admin/awesome-openclaw
1
0
Fork 0
mirror of https://github.com/rohitg00/awesome-openclaw.git synced 2026-08-14 08:47:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: harden website rendering assets (#160)

Browse Source 
* fix: harden website rendering assets

* fix: keep directory cards in grids

* fix: show nav logo in light mode

---------

Co-authored-by: rohitg00 <rohitg00@users.noreply.github.com>
This commit is contained in:
Rohit Ghumare
2026-05-17 11:39:14 +01:00
committed by GitHub
co-authored by rohitg00
parent 61f852af3c
commit 65e75f4e83
35 changed files with 659 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/blog/ai-coding-reality.html
+18 -1
View File
@@ -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}
}
</style>
</head>
<body>
docs/blog/antfarm-agent-teams.html
+18 -1
View File
File diff suppressed because one or more lines are too long
docs/blog/anthropic-biggest-miss.html
+18 -1
View File
@@ -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}
}
</style>
</head>
<body>
docs/blog/apify-actors-join-agent-workflows.html
+18 -1
View File
File diff suppressed because one or more lines are too long
docs/blog/blog.html
+18 -1
View File
@@ -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}
}
</style>
</head>
<body>
docs/blog/chatops-for-coding-agents.html
+35 -1
View File
@@ -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}
}
</style>
</head>
<body>
@@ -156,6 +173,23 @@ tr:last-child td{border-bottom:none}
<marker id="chatops-arrow" markerWidth="10" markerHeight="10" refX="9" refY="3" orient="auto"><path d="M0,0 L10,3 L0,6 Z" fill="#22C55E"/></marker>
<style>
.t{font-family:Inter,Arial,sans-serif}.m{font-family:JetBrains Mono,monospace}.box{fill:#101010;stroke:#2d2d2d;stroke-width:1.6}.focus{fill:#101410;stroke:#22C55E;stroke-width:2}.muted{fill:#bdbdbd}.white{fill:#f5f5f5}.green{fill:#22C55E}
@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}
}
</style>
</defs>
<circle cx="68" cy="62" r="30" fill="#22C55E" opacity=".15"/><text x="68" y="70" text-anchor="middle" class="t green" font-size="26" font-weight="800">1</text>
docs/blog/codex-app-server-over-chat.html
+18 -1
View File
@@ -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}
}
</style>
</head>
<body>
docs/blog/dashboard-layer-arrives.html
+18 -1
View File
@@ -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}
}
</style>
</head>
<body>
docs/blog/growth-ecosystem.html
+18 -1
View File
@@ -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}
}
</style>
</head>
<body>
docs/blog/hetzner-terraform-repeatable-openclaw.html
+18 -1
View File
@@ -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}
}
</style>
</head>
<body>
docs/blog/lark-feishu-channel-signal.html
+18 -1
View File
File diff suppressed because one or more lines are too long
docs/blog/memory-becomes-agent-infrastructure.html
+18 -1
View File
@@ -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}
}
</style>
</head>
<body>
docs/blog/one-click-hosting-is-not-strategy.html
+18 -1
View File
@@ -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}
}
</style>
</head>
<body>
docs/blog/openclaw-on-eks.html
+18 -1
View File
@@ -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}
}
</style>
</head>
<body>
docs/blog/openclaw-rl-conversational-training.html
+18 -1
View File
@@ -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}
}
</style>
</head>
<body>
docs/blog/openim-channel.html
+18 -1
View File
File diff suppressed because one or more lines are too long
docs/blog/opik-traces-make-agents-debuggable.html
+18 -1
View File
File diff suppressed because one or more lines are too long
docs/blog/security-landscape.html
+18 -1
View File
@@ -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}
}
</style>
</head>
<body>
docs/blog/supermemory-and-agent-recall.html
+18 -1
View File
@@ -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}
}
</style>
</head>
<body>
docs/blog/swarm-coordination-needs-boundaries.html
+18 -1
View File
@@ -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}
}
</style>
</head>
<body>
docs/blog/ten-agent-telegram-teams.html
+18 -1
View File
@@ -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}
}
</style>
</head>
<body>
docs/blog/token-optimization.html
+18 -1
View File
@@ -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}
}
</style>
</head>
<body>
docs/blog/v2026-2-6-release.html
+18 -1
View File
@@ -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}
}
</style>
</head>
<body>
docs/blog/v2026-3-24-plugin-compatibility.html
+18 -1
View File
@@ -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}
}
</style>
</head>
<body>
docs/blog/v2026-4-25-release-cadence.html
+18 -1
View File
@@ -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}
}
</style>
</head>
<body>
docs/blog/voice-becomes-command-surface.html
+18 -1
View File
File diff suppressed because one or more lines are too long
docs/blog/web-data-plugins-need-safety.html
+18 -1
View File
@@ -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}
}
</style>
</head>
<body>
docs/blog/wecom-openclaw-enterprise-chat.html
+18 -1
View File
File diff suppressed because one or more lines are too long
docs/blog/weixin-channel-mainstream-chat.html
+18 -1
View File
File diff suppressed because one or more lines are too long
docs/public/favicon.ico
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.3 KiB

docs/website/directory.html
+21 -9
View File
@@ -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}
}
</style>
</head>
<body>
@@ -487,7 +504,6 @@ body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg)
</div>
</div>
</div>
<div class="card" data-cat="social" data-tier="b">
<div class="card-tier b">B</div>
@@ -862,7 +878,6 @@ body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg)
</div>
</div>
</div>
<div class="card" data-cat="devtools" data-tier="b">
<div class="card-tier b">B</div>
@@ -1166,7 +1181,6 @@ body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg)
</div>
</div>
</div>
<div class="card" data-cat="automation" data-tier="b">
<div class="card-tier b">B</div>
@@ -1480,7 +1494,6 @@ body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg)
</div>
</div>
</div>
<div class="card" data-cat="voice" data-tier="b">
<div class="card-tier b">B</div>
@@ -1639,7 +1652,6 @@ body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg)
</div>
</div>
</div>
<div class="card" data-cat="memory" data-tier="b">
<div class="card-tier b">B</div>
docs/website/index.html
+25 -6
View File
@@ -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}
}
</style>
</head>
<body>
docs/website/use-cases.html
+18 -1
View File
@@ -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}
}
</style>
</head>
<body>
scripts/validate_static.py
+53
View File
@@ -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")
vercel.json
+3
View File
@@ -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" },