Franz Kafka
4b0cde91ed
- results-layout: 3-column grid (1fr | min(768px,100%) | 300px) max-width 1400px, centered - Widen center results column to 768px max - Right column (formerly sidebar): sticky, contains knowledge panel + related searches - Knowledge panel: Wikipedia/infobox summary with optional thumbnail - Related searches: clickable links to refine the query - Empty left buffer creates balanced whitespace on large screens - Responsive: 2-col at 1000px, 1-col at 700px
75 lines
1.8 KiB
HTML
75 lines
1.8 KiB
HTML
{{define "results_inner"}}
|
|
{{if .Corrections}}
|
|
<div class="correction">{{range .Corrections}}{{.}} {{end}}</div>
|
|
{{end}}
|
|
|
|
{{if or .Answers .Infoboxes}}
|
|
<div id="answers">
|
|
{{range .Answers}}
|
|
<div class="dialog-error">{{.}}</div>
|
|
{{end}}
|
|
</div>
|
|
{{end}}
|
|
|
|
<div class="results-meta">
|
|
{{if .NumberOfResults}}
|
|
<span>{{.NumberOfResults}} results</span>
|
|
{{end}}
|
|
</div>
|
|
|
|
<div id="urls" role="main">
|
|
{{if .Results}}
|
|
{{range .Results}}
|
|
{{if eq .Template "videos"}}
|
|
{{template "video_item" .}}
|
|
{{else}}
|
|
{{template "result_item" .}}
|
|
{{end}}
|
|
{{end}}
|
|
{{else if not .Answers}}
|
|
<div class="no-results">
|
|
<div class="no-results-icon">🔍</div>
|
|
<h2>No results found</h2>
|
|
<p>Try different keywords or check your spelling.</p>
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
|
|
{{if .Pageno}}
|
|
<nav class="pagination" role="navigation">
|
|
{{if gt .Pageno 1}}
|
|
<form method="GET" action="/search" class="prev-next">
|
|
<input type="hidden" name="q" value="{{.Query}}">
|
|
<input type="hidden" name="pageno" value="{{.PrevPage}}">
|
|
<button type="submit">← Prev</button>
|
|
</form>
|
|
{{end}}
|
|
|
|
{{range .PageNumbers}}
|
|
{{if .IsCurrent}}
|
|
<span class="page-current">{{.Num}}</span>
|
|
{{else}}
|
|
<form method="GET" action="/search" class="page-link">
|
|
<input type="hidden" name="q" value="{{$.Query}}">
|
|
<input type="hidden" name="pageno" value="{{.Num}}">
|
|
<button type="submit">{{.Num}}</button>
|
|
</form>
|
|
{{end}}
|
|
{{end}}
|
|
|
|
{{if .HasNext}}
|
|
<form method="GET" action="/search" class="prev-next">
|
|
<input type="hidden" name="q" value="{{.Query}}">
|
|
<input type="hidden" name="pageno" value="{{.NextPage}}">
|
|
<button type="submit">Next →</button>
|
|
</form>
|
|
{{end}}
|
|
</nav>
|
|
{{end}}
|
|
|
|
<div class="back-to-top" id="backToTop">
|
|
<a href="#">↑ Back to top</a>
|
|
</div>
|
|
|
|
<div class="htmx-indicator">Searching…</div>
|
|
{{end}}
|