search for standard sites
pub-search.waow.tech
search
zig
blog
atproto
differentiate popular searches from tags
- add quotes around search terms (italic)
- label as "popular searches:" not "try:"
- add separator line below suggestions
馃 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
+21
-12
+21
-12
site/index.html
+21
-12
site/index.html
···
175
175
176
176
.suggestions {
177
177
font-size: 11px;
178
-
color: #555;
179
-
margin-bottom: 1rem;
178
+
color: #444;
179
+
margin-bottom: 1.5rem;
180
+
padding: 0.5rem 0;
181
+
border-bottom: 1px solid #1a1a1a;
180
182
}
181
183
182
184
.suggestions-label {
183
-
color: #444;
184
-
margin-right: 0.5rem;
185
+
color: #555;
186
+
margin-right: 0.25rem;
185
187
}
186
188
187
189
.suggestions-list {
···
191
193
.suggestion {
192
194
color: #666;
193
195
cursor: pointer;
194
-
padding: 2px 0;
196
+
font-style: italic;
195
197
}
196
198
197
-
.suggestion:hover {
198
-
color: #2a9d5c;
199
+
.suggestion::before {
200
+
content: '"';
201
+
color: #444;
199
202
}
200
203
201
204
.suggestion::after {
202
-
content: ' 路 ';
203
-
color: #333;
205
+
content: '"';
206
+
color: #444;
207
+
margin-right: 0.5rem;
208
+
}
209
+
210
+
.suggestion:hover {
211
+
color: #2a9d5c;
204
212
}
205
213
206
-
.suggestion:last-child::after {
207
-
content: '';
214
+
.suggestion:hover::before,
215
+
.suggestion:hover::after {
216
+
color: #2a9d5c;
208
217
}
209
218
210
219
.stats {
···
509
518
}
510
519
suggestionsDiv.innerHTML = `
511
520
<div class="suggestions">
512
-
<span class="suggestions-label">try:</span>
521
+
<span class="suggestions-label">popular searches:</span>
513
522
<span class="suggestions-list">
514
523
${popularSearches.map(p => `<span class="suggestion" onclick="searchPopular('${escapeHtml(p.query)}')">${escapeHtml(p.query)}</span>`).join('')}
515
524
</span>