Replace React SPA with simple Go templates using search-zen-50 visual style. No JavaScript required - pure HTML/CSS with clean teal accent color scheme, monospace logo, and minimal design. - Simplified base.html without HTMX or autocomplete JS - Clean homepage with centered search box - Results page with sticky header and category tabs - Simplified CSS matching search-zen-50 aesthetics Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
25 lines
1 KiB
HTML
25 lines
1 KiB
HTML
{{define "title"}}{{end}}
|
|
{{define "content"}}
|
|
<div class="home-container">
|
|
<a href="/" class="home-logo">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
|
|
<circle cx="11" cy="11" r="8"/>
|
|
<path d="m21 21-4.35-4.35"/>
|
|
</svg>
|
|
<span class="home-logo-text">kafka</span>
|
|
</a>
|
|
<p class="home-tagline">Private meta-search, powered by open source.</p>
|
|
|
|
<form class="search-form" method="GET" action="/search" role="search">
|
|
<div class="search-box">
|
|
<input type="text" name="q" placeholder="Search the web…" autocomplete="off" autofocus>
|
|
<button type="submit" class="search-btn" aria-label="Search">
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
|
|
<circle cx="11" cy="11" r="8"/>
|
|
<path d="m21 21-4.35-4.35"/>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
{{end}}
|