openclaw
Version:
Multi-channel AI gateway with extensible messaging integrations
2 lines (1 loc) • 4.75 kB
CSS
.about-hero{text-align:center;flex-direction:column;align-items:center;padding:10px 16px 26px;display:flex}.about-hero__clawd{aspect-ratio:120/105;border-radius:var(--radius-lg);width:168px;cursor:var(--cursor-action);background:0 0;border:0;padding:0;transition:transform .16s;position:relative}.about-hero__clawd:before{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--lob-shell) 22%, transparent), transparent 72%);pointer-events:none;border-radius:50%;position:absolute;inset:-14% -8% -4%}@media (hover:hover){.about-hero__clawd:hover{transform:translateY(-2px)scale(1.02)}}.about-hero__clawd:active{transform:translateY(0)scale(.97)}.about-hero__clawd:focus-visible{box-shadow:var(--focus-ring);outline:none}.about-hero__clawd .lobster-pet__svg{width:100%;height:100%;animation:3.4s ease-in-out infinite lobster-pet-breathe;animation-delay:var(--lob-breathe-delay,0s);position:relative}.about-hero__clawd .lob-eye-open{animation:5.2s linear infinite lobster-pet-blink-open;animation-delay:var(--lob-blink-delay,0s)}.about-hero__clawd .lob-eye-closed{opacity:0;animation:5.2s linear infinite lobster-pet-blink-closed;animation-delay:var(--lob-blink-delay,0s)}.about-hero__clawd .lob-claw--r{animation:11s ease-in-out infinite about-clawd-wave}@keyframes about-clawd-wave{0%,82%,to{transform:translateY(0)rotate(0)}86%,94%{transform:translateY(-7px)rotate(-32deg)}90%{transform:translateY(-7px)rotate(-8deg)}}.about-hero__clawd--wave .lob-claw--r{animation:1.4s ease-in-out about-clawd-poke-wave}@keyframes about-clawd-poke-wave{0%,to{transform:translateY(0)rotate(0)}20%,80%{transform:translateY(-7px)rotate(-32deg)}50%{transform:translateY(-7px)rotate(-8deg)}}.about-hero__name{color:var(--text-strong);letter-spacing:-.02em;margin:14px 0 0;font-size:30px;font-weight:700;line-height:1.15}.about-hero__tagline{max-width:460px;color:var(--muted);font-size:var(--control-ui-text-sm);margin:6px 0 0;line-height:1.45}.about-hero__version{border:1px solid var(--border);background:color-mix(in srgb, var(--bg-elevated) 55%, var(--card) 45%);color:var(--text);font:inherit;font-size:var(--control-ui-text-xs);font-variant-numeric:tabular-nums;border-radius:999px;margin-top:12px;padding:4px 12px}.about-hero__links{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.about-hero__link{border:1px solid var(--border);background:var(--card);color:var(--text);font-size:var(--control-ui-text-sm);border-radius:999px;align-items:center;gap:8px;padding:8px 15px;font-weight:550;text-decoration:none;transition:transform .14s,background .14s,border-color .14s;display:inline-flex}@media (hover:hover){.about-hero__link:hover{border-color:color-mix(in srgb, var(--border) 40%, var(--text) 60%);background:var(--bg-hover);text-decoration:none;transform:translateY(-1px)}}.about-hero__link:focus-visible{box-shadow:var(--focus-ring);outline:none}.about-hero__link-icon{display:inline-flex}.about-hero__link svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:16px;height:16px}.about-hero__link svg.icon--filled{fill:currentColor;stroke:none}.about-footer{color:var(--muted);font-size:var(--control-ui-text-xs);text-align:center;margin:4px 0 6px}@media (prefers-reduced-motion:reduce){.about-hero__clawd,.about-hero__clawd .lobster-pet__svg,.about-hero__clawd .lob-eye-open,.about-hero__clawd .lob-eye-closed,.about-hero__clawd .lob-claw--r,.about-hero__link{transition:none;animation:none}}@media (width<=560px){.about-hero__clawd{width:128px}.about-hero__name{font-size:25px}}.about-build-grid{grid-template-columns:max-content minmax(0,1fr)}.about-commit{align-items:center;gap:var(--space-2);min-width:0;display:inline-flex}.about-commit code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;min-width:0}.about-commit__copy{color:var(--muted);cursor:var(--cursor-action);transition:opacity var(--duration-fast,.12s) ease, color var(--duration-fast,.12s) ease, background var(--duration-fast,.12s) ease;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:3px;display:inline-flex}.about-commit__copy:focus-visible{color:var(--text-strong);background:var(--bg-hover)}@media (hover:hover){.about-commit__copy:hover{color:var(--text-strong);background:var(--bg-hover)}}.about-commit__copy svg{stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px;display:block}@media (hover:hover) and (pointer:fine){.about-commit .about-commit__copy{opacity:0}.about-commit:hover .about-commit__copy,.about-commit:focus-within .about-commit__copy{opacity:1}}.about-commit__age{color:var(--muted);font-size:var(--control-ui-text-xs,12px);white-space:nowrap}