Improve mobile nav: remove Import emoji, swap with About, add responsive styles

This commit is contained in:
Russell Ballestrini 2026-01-03 08:12:43 -05:00
parent 450f0776fc
commit 4d006f3cbe

10
serp.py
View file

@ -594,7 +594,7 @@ def inject_i18n(html: str, lang: str) -> str:
# Replace nav placeholder with actual nav (add import link if enabled)
nav = NAV_HTML
if IMPORT_MODE:
nav = nav.replace('</div>', ' <a href="/import">Import 🧪</a>\n</div>')
nav = nav.replace('<a href="/about">', '<a href="/import">Import</a>\n <a href="/about">')
html = html.replace('<!-- NAV -->', nav)
# Build language selector options
lang_options = ''.join(f'<option value="{code}"{" selected" if code == lang else ""}>{name}</option>'
@ -706,10 +706,16 @@ body {
background: #1a1a1a; padding: 10px 20px;
display: flex; gap: 20px; align-items: center;
border-bottom: 1px solid #333;
flex-wrap: wrap;
}
.nav a { color: #ff6b6b; text-decoration: none; }
.nav a { color: #ff6b6b; text-decoration: none; padding: 5px 0; }
.nav a:hover { text-decoration: underline; }
.nav .brand { font-weight: bold; font-size: 18px; }
@media (max-width: 600px) {
.nav { gap: 12px; padding: 10px 15px; }
.nav a { font-size: 14px; }
.nav .brand { font-size: 16px; width: 100%; margin-bottom: 5px; }
}
.container { padding: 20px; }
a { color: #ff6b6b; }
input[type="text"], select {