atproto pds in zig
pds.zat.dev
pds
atproto
Use deterministic landing header marks
+10
-4
+7
-1
src/http/landing/assets.zig
+7
-1
src/http/landing/assets.zig
···
45
45
\\ width: 30px; height: 30px; display: inline-grid; place-items: center; border: 1px solid var(--line);
46
46
\\ border-radius: 8px; background: var(--panel);
47
47
\\}
48
-
\\.icon-link img { width: 16px; height: 16px; border-radius: 4px; object-fit: cover; filter: saturate(0.9); }
48
+
\\.icon-link span { font-size: 11px; font-weight: 700; line-height: 1; color: var(--text); }
49
+
\\.icon-link.tangled { background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 20%, var(--panel)), var(--panel)); }
50
+
\\.icon-link.tangled span { color: var(--accent); }
51
+
\\.icon-link.zat { background: linear-gradient(135deg, color-mix(in srgb, var(--green) 20%, var(--panel)), var(--panel)); }
52
+
\\.icon-link.zat span { color: var(--green); }
53
+
\\.icon-link.atproto { background: linear-gradient(135deg, color-mix(in srgb, var(--pink) 18%, var(--panel)), var(--panel)); }
54
+
\\.icon-link.atproto span { color: var(--pink); font-size: 10px; }
49
55
\\.icon-link:hover, .settings:hover { border-color: var(--muted); }
50
56
\\.settings {
51
57
\\ flex: 0 0 auto;
+3
-3
src/http/landing/mod.zig
+3
-3
src/http/landing/mod.zig
···
101
101
\\ <header>
102
102
\\ <a class="brand" href="/" aria-label="zds home">zds</a>
103
103
\\ <nav aria-label="project and server links">
104
-
\\ <a class="icon-link" href="https://tangled.org/zat.dev/zds" aria-label="source on Tangled" title="source"><img alt="" src="https://tangled.org/favicon.ico"></a>
105
-
\\ <a class="icon-link" href="https://zat.dev" aria-label="zat.dev" title="zat.dev"><img alt="" src="https://zat.dev/favicon.ico"></a>
106
-
\\ <a class="icon-link" href="https://atproto.com" aria-label="AT Protocol" title="atproto"><img alt="" src="https://atproto.com/favicon.ico"></a>
104
+
\\ <a class="icon-link tangled" href="https://tangled.org/zat.dev/zds" aria-label="source on Tangled" title="source"><span aria-hidden="true">t</span></a>
105
+
\\ <a class="icon-link zat" href="https://zat.dev" aria-label="zat.dev" title="zat.dev"><span aria-hidden="true">z</span></a>
106
+
\\ <a class="icon-link atproto" href="https://atproto.com" aria-label="AT Protocol" title="atproto"><span aria-hidden="true">at</span></a>
107
107
\\ <a class="text-link" href="/xrpc/_health">health</a>
108
108
\\ <a class="text-link" href="/xrpc/com.atproto.server.describeServer">server</a>
109
109
\\ <button class="settings" type="button" id="settings" aria-label="profile client settings" title="profile client"><svg aria-hidden="true" viewBox="0 0 24 24"><path d="M4 7h9M17 7h3M4 17h3M11 17h9"/><circle cx="15" cy="7" r="2"/><circle cx="9" cy="17" r="2"/></svg></button>