zzstoatzz.io
+14
-12
src/dashboard.zig
+14
-12
src/dashboard.zig
···
65
65
\\ .feeds { margin-bottom: 2rem; }
66
66
\\ .feed-item {
67
67
\\ display: flex;
68
+
\\ align-items: center;
68
69
\\ justify-content: space-between;
69
-
\\ padding: 0.6rem 0;
70
-
\\ border-bottom: 1px solid #1a1a1a;
70
+
\\ padding: 0.75rem;
71
+
\\ background: #111;
72
+
\\ border-radius: 4px;
73
+
\\ margin-bottom: 0.5rem;
74
+
\\ text-decoration: none;
71
75
\\ }
72
-
\\ .feed-item:last-child { border-bottom: none; }
76
+
\\ .feed-item:hover { background: #1a1a1a; }
73
77
\\ .feed-info { flex: 1; }
74
78
\\ .feed-name { color: #ccc; }
75
79
\\ .feed-desc { color: #555; font-size: 11px; }
76
-
\\ .feed-link { display: flex; align-items: center; padding: 0.4rem 0.6rem; background: #1a1a1a; border-radius: 4px; }
77
-
\\ .feed-link:hover { background: #252525; }
78
-
\\ .feed-link svg { width: 16px; height: 16px; fill: #1185fe; }
80
+
\\ .feed-item svg { width: 16px; height: 16px; fill: #1185fe; }
79
81
\\ .status-bar {
80
82
\\ display: flex;
81
83
\\ align-items: center;
···
129
131
\\ <p class="tagline">bluesky feeds for music links</p>
130
132
\\
131
133
\\ <div class="feeds">
132
-
\\ <div class="feed-item">
134
+
\\ <a href="https://bsky.app/profile/did:plc:vs3hnzq2daqbszxlysywzy54/feed/music-atmosphere" class="feed-item">
133
135
\\ <div class="feed-info">
134
136
\\ <div class="feed-name">music atmosphere</div>
135
137
\\ <div class="feed-desc">all music posts</div>
136
138
\\ </div>
137
-
\\ <a href="https://bsky.app/profile/did:plc:vs3hnzq2daqbszxlysywzy54/feed/music-atmosphere" class="feed-link" title="open in bluesky"><svg viewBox="0 0 568 501"><path d="M123.121 33.664C188.241 82.553 258.281 181.68 284 234.873c25.719-53.192 95.759-152.32 160.879-201.21C491.866-1.611 568-28.906 568 57.947c0 17.346-9.945 145.713-15.778 166.555-20.275 72.453-94.155 90.933-159.875 79.748C507.222 323.8 536.444 388.56 473.333 453.32c-119.86 122.992-172.272-30.859-185.702-70.281-2.462-7.227-3.614-10.608-3.631-7.733-.017-2.875-1.169.506-3.631 7.733-13.43 39.422-65.842 193.273-185.702 70.281-63.111-64.76-33.89-129.52 80.986-149.07-65.72 11.185-139.6-7.295-159.875-79.748C9.945 203.659 0 75.291 0 57.946 0-28.906 76.135-1.612 123.121 33.664Z"/></svg></a>
138
-
\\ </div>
139
-
\\ <div class="feed-item">
139
+
\\ <svg viewBox="0 0 568 501"><path d="M123.121 33.664C188.241 82.553 258.281 181.68 284 234.873c25.719-53.192 95.759-152.32 160.879-201.21C491.866-1.611 568-28.906 568 57.947c0 17.346-9.945 145.713-15.778 166.555-20.275 72.453-94.155 90.933-159.875 79.748C507.222 323.8 536.444 388.56 473.333 453.32c-119.86 122.992-172.272-30.859-185.702-70.281-2.462-7.227-3.614-10.608-3.631-7.733-.017-2.875-1.169.506-3.631 7.733-13.43 39.422-65.842 193.273-185.702 70.281-63.111-64.76-33.89-129.52 80.986-149.07-65.72 11.185-139.6-7.295-159.875-79.748C9.945 203.659 0 75.291 0 57.946 0-28.906 76.135-1.612 123.121 33.664Z"/></svg>
140
+
\\ </a>
141
+
\\ <a href="https://bsky.app/profile/did:plc:vs3hnzq2daqbszxlysywzy54/feed/music-following" class="feed-item">
140
142
\\ <div class="feed-info">
141
143
\\ <div class="feed-name">music (following)</div>
142
144
\\ <div class="feed-desc">only from people you follow</div>
143
145
\\ </div>
144
-
\\ <a href="https://bsky.app/profile/did:plc:vs3hnzq2daqbszxlysywzy54/feed/music-following" class="feed-link" title="open in bluesky"><svg viewBox="0 0 568 501"><path d="M123.121 33.664C188.241 82.553 258.281 181.68 284 234.873c25.719-53.192 95.759-152.32 160.879-201.21C491.866-1.611 568-28.906 568 57.947c0 17.346-9.945 145.713-15.778 166.555-20.275 72.453-94.155 90.933-159.875 79.748C507.222 323.8 536.444 388.56 473.333 453.32c-119.86 122.992-172.272-30.859-185.702-70.281-2.462-7.227-3.614-10.608-3.631-7.733-.017-2.875-1.169.506-3.631 7.733-13.43 39.422-65.842 193.273-185.702 70.281-63.111-64.76-33.89-129.52 80.986-149.07-65.72 11.185-139.6-7.295-159.875-79.748C9.945 203.659 0 75.291 0 57.946 0-28.906 76.135-1.612 123.121 33.664Z"/></svg></a>
145
-
\\ </div>
146
+
\\ <svg viewBox="0 0 568 501"><path d="M123.121 33.664C188.241 82.553 258.281 181.68 284 234.873c25.719-53.192 95.759-152.32 160.879-201.21C491.866-1.611 568-28.906 568 57.947c0 17.346-9.945 145.713-15.778 166.555-20.275 72.453-94.155 90.933-159.875 79.748C507.222 323.8 536.444 388.56 473.333 453.32c-119.86 122.992-172.272-30.859-185.702-70.281-2.462-7.227-3.614-10.608-3.631-7.733-.017-2.875-1.169.506-3.631 7.733-13.43 39.422-65.842 193.273-185.702 70.281-63.111-64.76-33.89-129.52 80.986-149.07-65.72 11.185-139.6-7.295-159.875-79.748C9.945 203.659 0 75.291 0 57.946 0-28.906 76.135-1.612 123.121 33.664Z"/></svg>
147
+
\\ </a>
146
148
\\ </div>
147
149
\\
148
150
\\ <div class="status-bar">