slices.network
Highly ambitious ATProtocol AppView service and sdks
chadtmiller.com
add new frontend client using graphql and relay, get graphql schema at feature parity with the xrpc endpoints
1interface LogoProps {
2 className?: string;
3}
4
5export function Logo({ className = "w-8 h-8" }: LogoProps) {
6 return (
7 <svg
8 viewBox="0 0 60 60"
9 xmlns="http://www.w3.org/2000/svg"
10 className={className}
11 >
12 <defs>
13 <linearGradient id="board1" x1="0%" y1="0%" x2="100%" y2="100%">
14 <stop offset="0%" style={{ stopColor: "#FF6347", stopOpacity: 1 }} />
15 <stop offset="100%" style={{ stopColor: "#FF4500", stopOpacity: 1 }} />
16 </linearGradient>
17 <linearGradient id="board2" x1="0%" y1="0%" x2="100%" y2="100%">
18 <stop offset="0%" style={{ stopColor: "#00CED1", stopOpacity: 1 }} />
19 <stop offset="100%" style={{ stopColor: "#4682B4", stopOpacity: 1 }} />
20 </linearGradient>
21 </defs>
22
23 {/* Surfboard/skateboard deck shapes stacked */}
24 <g transform="translate(30, 30)">
25 {/* Top board slice */}
26 <ellipse cx="0" cy="-8" rx="15" ry="6" fill="url(#board1)"/>
27
28 {/* Middle board slice */}
29 <ellipse cx="0" cy="0" rx="18" ry="6" fill="url(#board2)"/>
30
31 {/* Bottom board slice */}
32 <ellipse cx="0" cy="8" rx="12" ry="6" fill="#32CD32"/>
33 </g>
34 </svg>
35 );
36}